forked from MapComplete/MapComplete
84 lines
4 KiB
HTML
84 lines
4 KiB
HTML
<!DOCTYPE html>
|
|
<!-- WARNING: index.html serves as a template. If you want to change something, change it there -->
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
|
<link rel="stylesheet" href="./vendor/leaflet.css"/>
|
|
<link rel="stylesheet" href="./index.css"/>
|
|
<link rel="stylesheet" href="./css/userbadge.css"/>
|
|
<link rel="stylesheet" href="./css/tabbedComponent.css"/>
|
|
<link rel="stylesheet" href="./css/mobile.css"/>
|
|
<link rel="stylesheet" href="./css/openinghourstable.css"/>
|
|
<link rel="stylesheet" href="./css/tagrendering.css"/>
|
|
<link rel="stylesheet" href="css/ReviewElement.css"/>
|
|
<link rel="stylesheet" href="vendor/MarkerCluster.css"/>
|
|
<link rel="stylesheet" href="vendor/MarkerCluster.Default.css"/>
|
|
<meta property="og:type" content="website">
|
|
|
|
<!-- THEME-SPECIFIC -->
|
|
<!-- Every theme gets their own html page, this is created by a script; this part will be removed except for the index -->
|
|
<title>MapComplete</title>
|
|
<link rel="manifest" href="./index.manifest">
|
|
<link rel="icon" href="./assets/svg/add.svg" sizes="any" type="image/svg+xml">
|
|
<meta property="og:image" content="./assets/SocialImage.png">
|
|
<meta property="og:title" content="MapComplete - editable, thematic maps with OpenStreetMap">
|
|
<meta property="og:description"
|
|
content="MapComplete is a platform to visualize OpenStreetMap on a specific topic and to easily contribute data back to it.">
|
|
|
|
<link rel="apple-touch-icon" sizes="512x512" href="./assets/generated/svg_mapcomplete_logo512.png">
|
|
<link rel="apple-touch-icon" sizes="384x384" href="./assets/generated/svg_mapcomplete_logo384.png">
|
|
<link rel="apple-touch-icon" sizes="192x192" href="./assets/generated/svg_mapcomplete_logo192.png">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="./assets/generated/svg_mapcomplete_logo180.png">
|
|
<link rel="apple-touch-icon" sizes="152x152" href="./assets/generated/svg_mapcomplete_logo152.png">
|
|
<link rel="apple-touch-icon" sizes="144x144" href="./assets/generated/svg_mapcomplete_logo144.png">
|
|
<link rel="apple-touch-icon" sizes="128x128" href="./assets/generated/svg_mapcomplete_logo128.png">
|
|
<link rel="apple-touch-icon" sizes="120x120" href="./assets/generated/svg_mapcomplete_logo120.png">
|
|
<link rel="apple-touch-icon" sizes="96x96" href="./assets/generated/svg_mapcomplete_logo96.png">
|
|
<link rel="apple-touch-icon" sizes="72x72" href="./assets/generated/svg_mapcomplete_logo72.png">
|
|
|
|
|
|
<!-- THEME-SPECIFIC-END-->
|
|
|
|
<style>
|
|
#decoration-desktop img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<div style="position: fixed; left: 1em; bottom: 1em; width:35vh; height:35vh;" id="decoration-desktop">
|
|
<!-- A nice decoration while loading or on errors -->
|
|
<!-- DECORATION 0 START -->
|
|
<img src="./assets/svg/add.svg"/>
|
|
<!-- DECORATION 0 END -->
|
|
</div>
|
|
|
|
<div id="fullscreen" class="hidden md:hidden fixed inset-0 block z-above-controls"></div>
|
|
<div id="topleft-tools" class="z-index-above-map">
|
|
<div class="p-3 flex flex-col items-end sm:items-start sm:flex-row sm:flex-wrap w-full sm:justify-between">
|
|
<div id="searchbox" class="shadow rounded-full h-min w-full overflow-hidden sm:max-w-sm"></div>
|
|
<div id="userbadge" class="m-1"></div>
|
|
</div>
|
|
<div id="messagesbox" class="rounded-3xl overflow-hidden ml-3"></div>
|
|
</div>
|
|
|
|
<div id="bottom-left" class="absolute bottom-3 left-3 rounded-3xl z-above-map"></div>
|
|
<div id="bottom-right" class="absolute bottom-3 right-2 rounded-3xl z-above-map"></div>
|
|
|
|
<div id="centermessage"
|
|
class="clutter absolute h-24 left-24 right-24 top-56 text-xl text-center" style="z-index: 4000">
|
|
Loading MapComplete, hang on...
|
|
</div>
|
|
|
|
<span id="belowmap" class="absolute" style="z-index: -1">Below</span>
|
|
<div id="leafletDiv"></div>
|
|
|
|
<script src="./index.ts"></script>
|
|
<script data-goatcounter="https://pietervdvn.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
|
|
|
|
</body>
|
|
</html>
|