7a2f4fa44a
- migrate featureinfobox to Tailwind - migrate featureinfobox-content to Tailwind - migrate fullscreenmessage-content to Tailwind so we can delete css/fullscreenmessagebox.css The landscape-mode is somethign that Tailwind does not support AFAIK. Instead, I migrated the one css-definition that was left over but required to a tailwind-like class name `.landscape\:max-h-screen`. Note the escaped colon with is required so css supports colon based class names.
73 lines
2.5 KiB
HTML
73 lines
2.5 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">
|
|
<title>MapComplete</title>
|
|
<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/slideshow.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/imageUploadFlow.css"/>
|
|
|
|
<link href="css/ReviewElement.css" rel="stylesheet"/>
|
|
<link rel="stylesheet" href="vendor/MarkerCluster.css"/>
|
|
<link rel="stylesheet" href="vendor/MarkerCluster.Default.css"/>
|
|
<!-- $$$CUSTOM-CSS -->
|
|
<!-- $$$MANIFEST -->
|
|
<link rel="manifest" href="./manifest.manifest">
|
|
|
|
<link rel="icon" href="assets/svg/add.svg" sizes="any" type="image/svg+xml">
|
|
|
|
<meta property="og:type" content="website">
|
|
<!-- $$$OG-META -->
|
|
|
|
<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 class="only-on-mobile">
|
|
<div id="messagesboxmobile"></div>
|
|
</div>
|
|
|
|
<div id="topleft-tools">
|
|
<div id="userbadge-and-search" class="p-3">
|
|
<div id="userbadge" class="shadow rounded-3xl overflow-hidden"></div>
|
|
<div id="searchbox" class="shadow rounded-3xl overflow-hidden"></div>
|
|
</div>
|
|
<div id="messagesbox" class="rounded-3xl overflow-hidden ml-3"></div>
|
|
<div id="help-button-mobile"></div>
|
|
</div>
|
|
|
|
<div id="layer-selection" class="absolute bottom-3 left-3 rounded-3xl overflow-hidden"></div>
|
|
|
|
<div id="centermessage" class="absolute rounded-3xl h-24 left-24 right-24 top-56 bg-white p-3 pt-5 sm:pt-8 text-xl font-bold text-center">
|
|
Loading MapComplete, hang on...
|
|
</div>
|
|
|
|
<div id="geolocate-button"></div>
|
|
<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>
|