@geogirafe/lib-geoportal
Version:
GeoGirafe is a flexible application to build online geoportals.
116 lines (106 loc) • 6.7 kB
HTML
<!-- SPDX-License-Identifier: Apache-2.0 -->
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="description" content="GeoGirafe is an flexible application to build online geoportals." />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<!--
If redirect-url meta tag is present, a redirect will happen when the detected device is not iPhone or Android.
The value of content should be a relative URL to the desired endpoint or page.
To avoid redirection, simply remove this meta tag.
-->
<meta name="redirect-url" content="index.html" />
<meta name="configs" content="main,mobile" />
<link rel="config-main-url" href="config.json" />
<link rel="config-mobile-url" href="config.mobile.json" />
<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" />
<link rel="stylesheet" media="screen" href="styles/splash.css" />
<link rel="stylesheet" href="styles/variables.css" />
<link rel="stylesheet" href="styles/common.mobile.css" />
<link rel="stylesheet" href="styles/mobile.css" />
<script type="module" src="src/main.mobile.ts"></script>
<title>GeoGirafe</title>
</head>
<body>
<div id="color-picker-container"></div>
<div id="splash-screen">
<svg
id="Logo_Geogirafe_vertical_black"
data-name="Logo Geogirafe vertical black"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 2256 1110.5">
<g>
<path
d="M171.64,832.63c0-73.5,44.45-119.35,119-119.35,30.8,0,57.4,6.3,74.2,13.3v42.7h-1.75c-21-10.15-47.6-15.4-72.1-15.4-45.85,0-73.15,29.4-73.15,76.3s24.5,77,68.95,77c12.6,0,23.45-1.75,34.65-5.6v-47.25h-52.5v-38.5h95.9v124.95h-40.25c-12.6,3.5-26.95,5.6-40.25,5.6-71.05,0-112.7-42.35-112.7-113.75Z" />
<path d="M585.33,716.78v38.85h-115.85v53.2h106.75v38.5h-106.75v56.7h115.85v38.85h-160.65v-226.1h160.65Z" />
<path
d="M625.59,830.53c0-74.9,39.55-119.35,106.4-119.35s107.1,42,107.1,117.95-39.9,119.35-107.1,119.35-106.4-41.65-106.4-117.95ZM792.54,829.83c0-50.75-20.65-78.4-60.55-78.4s-60.2,28-60.2,78.4,21,78.4,60.2,78.4,60.55-27.65,60.55-78.4Z" />
<path
d="M875.83,832.63c0-73.5,44.45-119.35,119-119.35,30.8,0,57.4,6.3,74.2,13.3v42.7h-1.75c-21-10.15-47.6-15.4-72.1-15.4-45.85,0-73.15,29.4-73.15,76.3s24.5,77,68.95,77c12.6,0,23.45-1.75,34.65-5.6v-47.25h-52.5v-38.5h95.9v124.95h-40.25c-12.6,3.5-26.95,5.6-40.25,5.6-71.05,0-112.7-42.35-112.7-113.75Z" />
<path d="M1128.88,716.78h45.15v226.1h-45.15v-226.1Z" />
<path
d="M1235.63,716.78h95.9c55.3,0,81.2,29.4,81.2,71.75,0,31.15-14.7,53.55-41.3,64.4l46.9,88.2v1.75h-48.3l-43.05-81.9h-46.2v81.9h-45.15v-226.1ZM1280.78,755.63v66.85h45.85c26.6,0,40.25-12.25,40.25-33.6s-12.6-33.25-40.25-33.25h-45.85Z" />
<path
d="M1673.48,942.88h-49l-16.8-46.55h-98.35l-16.45,46.55h-47.25l83.3-226.1h61.25l83.3,226.1ZM1522.62,857.48h71.05l-35-96.95h-2.1l-33.95,96.95Z" />
<path d="M1869.12,716.78v38.85h-112v59.15h103.6v38.85h-103.6v89.25h-45.15v-226.1h157.15Z" />
<path d="M2079.47,716.78v38.85h-115.85v53.2h106.75v38.5h-106.75v56.7h115.85v38.85h-160.65v-226.1h160.65Z" />
</g>
<g id="icon">
<path
id="arrow"
d="M1155,586.75c-29.9,0-59.02-5.29-86.26-15.43-2.24-.83-4.01,2-2.27,3.64l83.96,78.99c2.57,2.42,6.58,2.42,9.15,0l83.96-78.99c1.74-1.64-.03-4.47-2.27-3.64-27.24,10.13-56.36,15.43-86.26,15.43Z" />
<path
id="circle"
d="M1294.3,200.45c-36.91-36.91-85.88-57.37-138.02-57.7-51.15-.32-100.63,19.32-137.55,54.73-39.37,37.76-61,88.88-60.72,143.3.27,52.29,21.45,102.52,58.68,139.24,37.09,36.59,86.16,56.73,138.32,56.73s97.44-18.67,133.96-52.58c.33-.31.65-.62.97-.93-10.54-6.14-20.35-13.01-29.43-20.59-27.83-23.21-48.8-53.08-62.56-89.27-15.65-41.19-20.21-85.41-22.76-127.09-1.13-18.49-28.23-18.47-40.6-13.58-17.01,6.72-34.22,30.3-39.66,46.96-36.24,111.04,35.41,173.1,130.05,204.66-21.4,10.38-45.44,16.15-70.85,16.01-88.62-.48-159.7-71.97-159.7-160.58,0-88.69,71.9-160.59,160.59-160.59,25.42,0,49.45,5.91,70.81,16.43l.19.32c10.2,10.92,13.38,26.34,14.57,45.88,4.51,74.06,14.84,146.98,84.62,186.12,2.57,1.44,5.84.41,7.13-2.24,12.89-26.6,19.68-56.19,19.68-85.91,0-52.62-20.49-102.09-57.7-139.3Z" />
</g>
</svg>
<div class="loader"></div>
<span lang="en">Loading...</span>
</div>
<girafe-app>
<div class="bottom-button-container-mobile">
<girafe-align-north-button-mobile></girafe-align-north-button-mobile>
<!-- <girafe-offline></girafe-offline> -->
<girafe-geolocation-mobile></girafe-geolocation-mobile>
<girafe-display-selector-button-mobile></girafe-display-selector-button-mobile>
<girafe-display-menu-button-mobile></girafe-display-menu-button-mobile>
</div>
<girafe-search></girafe-search>
<girafe-modals></girafe-modals>
<div id="content">
<girafe-map></girafe-map>
<girafe-infobox></girafe-infobox>
</div>
<girafe-swipe-up-panel>
<girafe-theme-select slot="main"></girafe-theme-select>
<girafe-selection-panel-mobile slot="main"></girafe-selection-panel-mobile>
<girafe-drawing-container-mobile slot="main"></girafe-drawing-container-mobile>
<!-- Mobile menu and its content -->
<girafe-menu-mobile slot="main">
<girafe-menu-mobile-3d-button slot="mobile-menu-content"></girafe-menu-mobile-3d-button>
<girafe-menu-mobile-offline-button slot="mobile-menu-content"></girafe-menu-mobile-offline-button>
<girafe-menu-mobile-drawing-button slot="mobile-menu-content"></girafe-menu-mobile-drawing-button>
<girafe-oauth-mobile slot="mobile-menu-content"></girafe-oauth-mobile>
</girafe-menu-mobile>
<girafe-offline slot="main"></girafe-offline>
</girafe-swipe-up-panel>
</girafe-app>
</body>
</html>