MapComplete/index.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 rel="stylesheet" type="text/css" href="node_modules/slick-carousel/slick/slick.css"/>
    <link rel="stylesheet" type="text/css" href="node_modules/slick-carousel/slick/slick-theme.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 id="topleft-tools" class="z-index-above-map clutter">
    <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>

<div id="layer-selection" class="absolute bottom-3 left-3 rounded-3xl overflow-hidden clutter"></div>

<div id="centermessage" class="clutter 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" class="clutter"></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>
Extract tree_nodes layer, add heritage tags & img 2020-12-27 14:23:45 +01:00			`<!DOCTYPE html>`
Add icons, add validation, add phone and email types, add css fixes 2020-07-26 02:01:34 +02:00			`<!-- WARNING: index.html serves as a template. If you want to change something, change it there -->`
Add MapComplete 2020-06-24 00:35:19 +02:00			`<html lang="en">`
			`<head>`
			`<meta charset="UTF-8">`
First steps for a decent custom theme generator 2020-08-31 02:59:47 +02:00			`<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">`
Add MapComplete 2020-06-24 00:35:19 +02:00			`<title>MapComplete</title>`
More css tweaks and bug fixes 2020-07-25 18:00:08 +02:00			`<link rel="stylesheet" href="./vendor/leaflet.css"/>`
Add MapComplete 2020-06-24 00:35:19 +02:00			`<link rel="stylesheet" href="./index.css"/>`
Port bird-hides to new JSON-format, various improvements 2020-09-03 19:05:18 +02:00			`<link rel="stylesheet" href="./css/userbadge.css"/>`
Cleanup of the image carousel code and index.css code 2020-09-11 19:14:32 +02:00			`<link rel="stylesheet" href="./css/tabbedComponent.css"/>`
Port bird-hides to new JSON-format, various improvements 2020-09-03 19:05:18 +02:00			`<link rel="stylesheet" href="./css/slideshow.css"/>`
Add fruit tree theme prototype; cleanup and split of the mobile layout (fix #120), allow overzoom on baselayers (fix #97) 2020-09-24 00:33:23 +02:00			`<link rel="stylesheet" href="./css/mobile.css"/>`
More work on OpeningHours picker 2020-09-30 22:22:58 +02:00			`<link rel="stylesheet" href="./css/openinghourstable.css"/>`
Huge refactoring (WIP) 2020-10-27 01:01:34 +01:00			`<link rel="stylesheet" href="./css/tagrendering.css"/>`
Fix ways: they show up again 2020-11-16 02:33:44 +01:00			`<link rel="stylesheet" href="./css/imageUploadFlow.css"/>`
Add slick-carousel instead of homemade one 2021-01-29 03:23:53 +01:00			`<link rel="stylesheet" type="text/css" href="node_modules/slick-carousel/slick/slick.css"/>`
			`<link rel="stylesheet" type="text/css" href="node_modules/slick-carousel/slick/slick-theme.css"/>`

Migrate featureinfobox to Tailwind - 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. 2021-01-21 05:05:10 +01:00
First version of reviews 2020-12-07 03:02:50 +01:00			`<link href="css/ReviewElement.css" rel="stylesheet"/>`
Add working clustering! 2021-01-04 18:55:10 +01:00			`<link rel="stylesheet" href="vendor/MarkerCluster.css"/>`
			`<link rel="stylesheet" href="vendor/MarkerCluster.Default.css"/>`
Small improvements to 'createLayouts'-script 2020-10-23 02:15:58 +02:00			`<!-- $$$CUSTOM-CSS -->`
Add overview of all themes if none are defined 2021-01-14 22:25:11 +01:00			`<!-- $$$MANIFEST -->`
Add icons, add validation, add phone and email types, add css fixes 2020-07-26 02:01:34 +02:00			`<link rel="manifest" href="./manifest.manifest">`
Add overview of all themes if none are defined 2021-01-14 22:25:11 +01:00
Remove kletterspots.de specific stuff 2020-12-14 01:14:22 +01:00			`<link rel="icon" href="assets/svg/add.svg" sizes="any" type="image/svg+xml">`
More cleaning up 2021-01-04 04:36:21 +01:00
Add buurtnatuur og data in comments 2020-07-24 15:58:11 +02:00			`<meta property="og:type" content="website">`
Add icons, add validation, add phone and email types, add css fixes 2020-07-26 02:01:34 +02:00			`<!-- $$$OG-META -->`

Changesets are now kept open and reused to avoid tons of changesets to be created 2020-08-27 11:11:20 +02:00			`<style>`
Fixing too many bugs, cleaning up some old parts of the code 2020-09-03 16:44:48 +02:00			`#decoration-desktop img {`
Changesets are now kept open and reused to avoid tons of changesets to be created 2020-08-27 11:11:20 +02:00			`width: 100%;`
			`height: 100%;`
			`}`
			`</style>`
Use own tracking. 2020-11-24 14:35:16 +01:00
Add MapComplete 2020-06-24 00:35:19 +02:00			`</head>`
			`<body>`
Add splash image 2020-07-31 18:07:55 +02:00
Use DIV instead of SPAN, remove newline Makes it a little bit easier to read. 2021-01-20 21:04:26 +01:00			`<div style="position: fixed; left: 1em; bottom: 1em; width:35vh; height:35vh;" id="decoration-desktop">`
Add splash image 2020-07-31 18:07:55 +02:00			`<!-- A nice decoration while loading or on errors -->`
Changesets are now kept open and reused to avoid tons of changesets to be created 2020-08-27 11:11:20 +02:00			`<!-- DECORATION 0 START -->`
Remove kletterspots.de specific stuff 2020-12-14 01:14:22 +01:00			`<img src="./assets/svg/add.svg"/>`
Changesets are now kept open and reused to avoid tons of changesets to be created 2020-08-27 11:11:20 +02:00			`<!-- DECORATION 0 END -->`
Add splash image 2020-07-31 18:07:55 +02:00			`</div>`

Refactoring fullscreenhandling 2021-01-25 03:12:09 +01:00			`<div id="topleft-tools" class="z-index-above-map clutter">`
Spacing for Login, Search, Help Same spacing left, right, top using Tailwind 2021-01-20 21:56:38 +01:00			`<div id="userbadge-and-search" class="p-3">`
Move border custom css to Tailwind Class - migrate custom css to Tailwind class - introduce class-parameter for `AsImageElement` - migrate width of login button to Tailwind class 2021-01-20 21:48:47 +01:00			`<div id="userbadge" class="shadow rounded-3xl overflow-hidden"></div>`
			`<div id="searchbox" class="shadow rounded-3xl overflow-hidden"></div>`
Add MapComplete 2020-06-24 00:35:19 +02:00			`</div>`
Spacing for Login, Search, Help Same spacing left, right, top using Tailwind 2021-01-20 21:56:38 +01:00			`<div id="messagesbox" class="rounded-3xl overflow-hidden ml-3"></div>`
Add MapComplete 2020-06-24 00:35:19 +02:00			`</div>`

Refactoring fullscreenhandling 2021-01-25 03:12:09 +01:00			`<div id="layer-selection" class="absolute bottom-3 left-3 rounded-3xl overflow-hidden clutter"></div>`
Add MapComplete 2020-06-24 00:35:19 +02:00
Stuff more or less works 2021-01-25 04:21:22 +01:00			`<div id="centermessage" class="clutter 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">`
Migrate centermessage to Tailwind Migrate most attributes to Tailwind classes. The box is a bit wider now, which is OK IMO. The z-index could be migrated to a custom Tailwind config-entry later. The transition has probably a Tailwind version as well (to be checked later…). 2021-01-20 22:14:26 +01:00			`Loading MapComplete, hang on...`
			`</div>`
Add MapComplete 2020-06-24 00:35:19 +02:00
Refactoring fullscreenhandling 2021-01-25 03:12:09 +01:00			`<div id="geolocate-button" class="clutter"></div>`
Add MapComplete 2020-06-24 00:35:19 +02:00			`<div id="leafletDiv"></div>`

Further work on infobox, styling everything, removing clutter 2020-06-27 03:06:51 +02:00			`<script src="./index.ts"></script>`
Remove kletterspots.de specific stuff 2020-12-14 01:14:22 +01:00			`<script data-goatcounter="https://pietervdvn.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>`
Merge trees theme 2021-01-04 19:08:22 +01:00
Add MapComplete 2020-06-24 00:35:19 +02:00			`</body>`
			`</html>`