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">
    <title>MapComplete</title>
    <link rel="stylesheet" href="./vendor/leaflet.css"/>
    <link rel="stylesheet" href="./index.css"/>
    <link rel="manifest" href="./manifest.manifest">
    <link rel="icon" href="assets/add.svg" sizes="any" type="image/svg+xml">
    
    <meta property="og:type" content="website">
    <!-- $$$OG-META -->

</head>
<body>
<div id="messagesboxmobilewrapper">
    <div id="messagesboxmobile-scroll">
        <div id="messagesboxmobile"></div>
    </div>
    <div id="to-the-map">
            Loading... If this message persists, check if javascript is enabled and if no extension (uMatrix) is
            blocking it.
    </div>
</div>

<div id="decoration" style="position: absolute; width:40vw; right: 0">
    <!-- A nice decoration while loading or on errors -->
    <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 523.25 466.12"><defs><style>.cls-1{fill:#205c2e;}</style></defs><title>Wikimania2019_icon</title><path class="cls-1" d="M521.83,32a9.22,9.22,0,0,0-12.71-2.9A662.58,662.58,0,0,1,446.74,63.4c-.9-12.89-6.72-47.82-42.87-58.83-26.39-8-65.55-3-65.55-3s15.12,36.83,31.55,53.24c18.19,18.19,40,20.28,55.79,18.57C400.07,85,375.22,95.08,353.3,103.62c-.71-12.13-5.95-48.39-42.92-59.65-26.39-8-65.56-3-65.56-3S260,77.78,276.38,94.19c17,17,37.07,19.91,52.49,18.85l-.49.19c-15.78,6-29.41,11.26-38.92,15.46s-18.53,8.69-27.26,13.44c-4.71-11.34-21.53-43.67-60-42.23-27.57,1-62.95,18.57-62.95,18.57s26.34,29.87,47.23,40a63.41,63.41,0,0,0,40.77,5.3,364.57,364.57,0,0,0-45.63,38c-7.29-12-27.57-38-63.68-32.58-27.53,4.17-61,25.49-61,25.49s29.77,26.38,51.85,34c19.86,6.82,37.29,3.15,50.44-2.92a407.29,407.29,0,0,0-35.95,49.06C111.92,265.3,85.6,248.58,53,263.26,27,274.92,0,304.34,0,304.34s36.55,16.38,60.36,17.3a69.66,69.66,0,0,0,43.73-13.05c-6.52,12.79-12.15,25.29-17,37.22-14.75,9.1-35.88,27.29-37.87,57.68-1.81,27.86,12,62.63,12,62.63S93.62,437.7,105.85,416c17.22-30.62,7.81-56.69.86-69.3,3.58-8.5,7.6-17.27,12.06-26.2A61.5,61.5,0,0,0,134,354.94c15.21,17.4,51.12,35,51.12,35s8.23-38.26,2.26-64.88c-6.55-29.23-30.17-40.35-45.94-44.57a386.11,386.11,0,0,1,33.21-44.42,64.1,64.1,0,0,0,8.76,45.4C195.62,301.26,228,324.43,228,324.43s13.82-37,12-64.58c-2-30.38-23.53-45.15-38.29-51.75a342.67,342.67,0,0,1,53.15-40.43c-7.75,14.22-15.18,37.08-3.88,62.59,9.48,21.38,38.3,48.8,38.3,48.8s18.28-35.3,20-63.15c2.13-34-21.74-51.94-35.17-59.28q11-5.83,22.75-11.08c8.43-3.71,20.6-8.41,34.71-13.81C321.5,143.14,312,160.2,313.9,183.13c2,23.3,20.25,58.63,20.25,58.63s28.81-27.38,39.56-53.13c13.2-31.63-3.75-56.46-14-67.7,19.31-7.53,40.91-16.22,63.36-26.19-9.3,11.35-17.45,27.62-15.65,49,2,23.3,20.24,58.63,20.24,58.63S456.45,175,467.2,149.22C480.61,117.1,462.9,92,452.69,81a687.82,687.82,0,0,0,66.25-36.27A9.22,9.22,0,0,0,521.83,32Z"/></svg>
</div>

<div id="topleft-tools">
    <div id="userbadge-and-search">
        <div id="userbadge" class="shadow">
        </div>
        <div id="searchbox" class="shadow"></div>
    </div>
    <div id="messagesbox"></div>
    <br/>
    <div id="help-button-mobile"></div>
</div>

<div id="filter__popup" class="filter__popup">
    <div id="filter__selection"></div>
</div>

<div id="centermessage">Loading MapComplete, hang on...</div>
<div id="top-right"></div>

<div id="geolocate-button"></div>
<div id="leafletDiv"></div>

<script src="./index.ts"></script>
<script src="./vendor/Leaflet.AccuratePosition.js"></script>

<script data-goatcounter="https://pietervdvn.goatcounter.com/count"
        async src="//gc.zgo.at/count.js"></script>

</body>
</html>
Add MapComplete 2020-06-24 00:35:19 +02: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">`
Lots of styling, mobile friendliness, better UI flows 2020-06-28 00:06:23 +02:00			`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
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"/>`
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">`
			`<link rel="icon" href="assets/add.svg" sizes="any" type="image/svg+xml">`
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 -->`

Add MapComplete 2020-06-24 00:35:19 +02:00			`</head>`
			`<body>`
Further work on infobox, styling everything, removing clutter 2020-06-27 03:06:51 +02:00			`<div id="messagesboxmobilewrapper">`
Lots of styling, mobile friendliness, better UI flows 2020-06-28 00:06:23 +02:00			`<div id="messagesboxmobile-scroll">`
Full, interactive i18n (still some quests to enable it though) 2020-07-21 02:55:28 +02:00			`<div id="messagesboxmobile"></div>`
			`</div>`
			`<div id="to-the-map">`
			`Loading... If this message persists, check if javascript is enabled and if no extension (uMatrix) is`
			`blocking it.`
Lots of styling, mobile friendliness, better UI flows 2020-06-28 00:06:23 +02:00			`</div>`
Further work on infobox, styling everything, removing clutter 2020-06-27 03:06:51 +02:00			`</div>`
Add MapComplete 2020-06-24 00:35:19 +02:00
Fix deploy 2020-07-31 17:47:43 +02:00			`<div id="decoration" style="position: absolute; width:40vw; right: 0">`
			`<!-- A nice decoration while loading or on errors -->`
			<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 523.25 466.12"><defs><style>.cls-1{fill:#205c2e;}</style></defs><title>Wikimania2019_icon</title><path class="cls-1" d="M521.83,32a9.22,9.22,0,0,0-12.71-2.9A662.58,662.58,0,0,1,446.74,63.4c-.9-12.89-6.72-47.82-42.87-58.83-26.39-8-65.55-3-65.55-3s15.12,36.83,31.55,53.24c18.19,18.19,40,20.28,55.79,18.57C400.07,85,375.22,95.08,353.3,103.62c-.71-12.13-5.95-48.39-42.92-59.65-26.39-8-65.56-3-65.56-3S260,77.78,276.38,94.19c17,17,37.07,19.91,52.49,18.85l-.49.19c-15.78,6-29.41,11.26-38.92,15.46s-18.53,8.69-27.26,13.44c-4.71-11.34-21.53-43.67-60-42.23-27.57,1-62.95,18.57-62.95,18.57s26.34,29.87,47.23,40a63.41,63.41,0,0,0,40.77,5.3,364.57,364.57,0,0,0-45.63,38c-7.29-12-27.57-38-63.68-32.58-27.53,4.17-61,25.49-61,25.49s29.77,26.38,51.85,34c19.86,6.82,37.29,3.15,50.44-2.92a407.29,407.29,0,0,0-35.95,49.06C111.92,265.3,85.6,248.58,53,263.26,27,274.92,0,304.34,0,304.34s36.55,16.38,60.36,17.3a69.66,69.66,0,0,0,43.73-13.05c-6.52,12.79-12.15,25.29-17,37.22-14.75,9.1-35.88,27.29-37.87,57.68-1.81,27.86,12,62.63,12,62.63S93.62,437.7,105.85,416c17.22-30.62,7.81-56.69.86-69.3,3.58-8.5,7.6-17.27,12.06-26.2A61.5,61.5,0,0,0,134,354.94c15.21,17.4,51.12,35,51.12,35s8.23-38.26,2.26-64.88c-6.55-29.23-30.17-40.35-45.94-44.57a386.11,386.11,0,0,1,33.21-44.42,64.1,64.1,0,0,0,8.76,45.4C195.62,301.26,228,324.43,228,324.43s13.82-37,12-64.58c-2-30.38-23.53-45.15-38.29-51.75a342.67,342.67,0,0,1,53.15-40.43c-7.75,14.22-15.18,37.08-3.88,62.59,9.48,21.38,38.3,48.8,38.3,48.8s18.28-35.3,20-63.15c2.13-34-21.74-51.94-35.17-59.28q11-5.83,22.75-11.08c8.43-3.71,20.6-8.41,34.71-13.81C321.5,143.14,312,160.2,313.9,183.13c2,23.3,20.25,58.63,20.25,58.63s28.81-27.38,39.56-53.13c13.2-31.63-3.75-56.46-14-67.7,19.31-7.53,40.91-16.22,63.36-26.19-9.3,11.35-17.45,27.62-15.65,49,2,23.3,20.24,58.63,20.24,58.63S456.45,175,467.2,149.22C480.61,117.1,462.9,92,452.69,81a687.82,687.82,0,0,0,66.25-36.27A9.22,9.22,0,0,0,521.83,32Z"/></svg>
			`</div>`

Further work on infobox, styling everything, removing clutter 2020-06-27 03:06:51 +02:00			`<div id="topleft-tools">`
Documentation 2020-07-15 13:15:36 +02:00			`<div id="userbadge-and-search">`
More css tweaks and bug fixes 2020-07-25 18:00:08 +02:00			`<div id="userbadge" class="shadow">`
Add search, a few flow updates 2020-07-01 02:12:33 +02:00			`</div>`
More css tweaks and bug fixes 2020-07-25 18:00:08 +02:00			`<div id="searchbox" class="shadow"></div>`
Add MapComplete 2020-06-24 00:35:19 +02:00			`</div>`
Cleanup of code 2020-07-24 01:12:57 +02:00			`<div id="messagesbox"></div>`
More css tweaks and bug fixes 2020-07-25 18:00:08 +02:00			`<br/>`
			`<div id="help-button-mobile"></div>`
Add MapComplete 2020-06-24 00:35:19 +02:00			`</div>`

base checkbox; start filter toggle 2020-07-22 11:01:25 +02:00			`<div id="filter__popup" class="filter__popup">`
basic styling: design implementation 2020-07-22 13:33:26 +02:00			`<div id="filter__selection"></div>`
base checkbox; start filter toggle 2020-07-22 11:01:25 +02:00			`</div>`
Add MapComplete 2020-06-24 00:35:19 +02:00
Add share tab 2020-07-29 15:05:19 +02:00			`<div id="centermessage">Loading MapComplete, hang on...</div>`
			`<div id="top-right"></div>`
Add MapComplete 2020-06-24 00:35:19 +02:00
Add geolocation button which uses device GPS 2020-06-28 02:42:22 +02:00			`<div id="geolocate-button"></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>`
Fix geolocalisation bugs on webkit 2020-07-29 20:55:25 +02:00			`<script src="./vendor/Leaflet.AccuratePosition.js"></script>`
Add MapComplete 2020-06-24 00:35:19 +02:00
			`<script data-goatcounter="https://pietervdvn.goatcounter.com/count"`
			`async src="//gc.zgo.at/count.js"></script>`

			`</body>`
			`</html>`