@geogirafe/lib-geoportal
Version:
GeoGirafe is a flexible application to build online geoportals.
64 lines (56 loc) • 2.54 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="GeoGirafe is an flexible application to build online geoportals." />
<link
rel="apple-touch-icon"
sizes="180x180"
href="images/logo/apple-touch-icon-black.png"
media="(prefers-color-scheme: light)" />
<link
rel="apple-touch-icon"
sizes="180x180"
href="images/logo/apple-touch-icon-white.png"
media="(prefers-color-scheme: dark)" />
<link href="images/logo/favicon_black.svg" rel="icon" media="(prefers-color-scheme: light)" />
<link href="images/logo/favicon_white.svg" rel="icon" media="(prefers-color-scheme: dark)" />
<link rel="manifest" href="site.webmanifest" />
<!-- To prevent the FOUC effect (flash of unstyled content),
the html element is set to invisible when the application starts.
When all elements have been declared, the html element is made visible
(=> see main.ts) -->
<style>
html {
opacity: 0;
transition: opacity 1s;
}
</style>
<noscript> </noscript>
<link rel="stylesheet" media="screen" href="styles/variables.css" />
<link rel="stylesheet" media="screen" href="styles/common.css" />
<link rel="stylesheet" media="screen" href="styles/iframe.css" />
<link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="lib/tippy.js/tippy.css" />
<link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="lib/tippy.js/backdrop.css" />
<link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="lib/tippy.js/border.css" />
<link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="lib/tippy.js/svg-arrow.css" />
<noscript>
<link rel="stylesheet" href="lib/tippy.js/tippy.css" />
<link rel="stylesheet" href="lib/tippy.js/backdrop.css" />
<link rel="stylesheet" href="lib/tippy.js/border.css" />
<link rel="stylesheet" href="lib/tippy.js/svg-arrow.css" />
</noscript>
<script type="module" src="src/main.iframe.ts"></script>
<title>GeoGirafe iFrame</title>
</head>
<body>
<img class="logo" alt="geogirafe-logo" src="images/logo/horizontal_black.svg" />
<div id="content">
<div id="main">
<girafe-map></girafe-map>
<girafe-basemap></girafe-basemap>
</div>
</div>
</body>
</html>