2020-12-27 14:23:45 +01:00
<!DOCTYPE html>
2020-07-26 02:01:34 +02:00
<!-- WARNING: index.html serves as a template. If you want to change something, change it there -->
2020-06-24 00:35:19 +02:00
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
2020-08-31 02:59:47 +02:00
< meta name = "viewport" content = "width=device-width, initial-scale=1.0, user-scalable=no" >
2020-07-25 18:00:08 +02:00
< link rel = "stylesheet" href = "./vendor/leaflet.css" / >
2020-06-24 00:35:19 +02:00
< link rel = "stylesheet" href = "./index.css" / >
2020-09-03 19:05:18 +02:00
< link rel = "stylesheet" href = "./css/userbadge.css" / >
2020-09-11 19:14:32 +02:00
< link rel = "stylesheet" href = "./css/tabbedComponent.css" / >
2020-09-24 00:33:23 +02:00
< link rel = "stylesheet" href = "./css/mobile.css" / >
2020-09-30 22:22:58 +02:00
< link rel = "stylesheet" href = "./css/openinghourstable.css" / >
2020-10-27 01:01:34 +01:00
< link rel = "stylesheet" href = "./css/tagrendering.css" / >
2020-11-16 02:33:44 +01:00
< link rel = "stylesheet" href = "./css/imageUploadFlow.css" / >
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" / >
2021-02-15 19:06:06 +01:00
< link rel = "stylesheet" href = "./css/slideshow.css" / >
2021-03-17 14:17:33 +01:00
< link rel = "stylesheet" href = "css/ReviewElement.css" / >
2021-01-04 18:55:10 +01:00
< link rel = "stylesheet" href = "vendor/MarkerCluster.css" / >
< link rel = "stylesheet" href = "vendor/MarkerCluster.Default.css" / >
2020-07-24 15:58:11 +02:00
< meta property = "og:type" content = "website" >
2020-07-26 02:01:34 +02:00
2021-03-17 14:17:33 +01:00
<!-- THEME - SPECIFIC -->
2021-04-06 23:55:18 +02:00
<!-- Every theme gets their own html page, this is created by a script; this part will be removed except for the index -->
2021-03-17 14:17:33 +01:00
< title > MapComplete< / title >
< link rel = "manifest" href = "./index.manifest" >
< link rel = "icon" href = "./assets/svg/add.svg" sizes = "any" type = "image/svg+xml" >
2021-04-06 23:55:18 +02:00
< 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" >
2021-03-17 14:17:33 +01:00
<!-- THEME - SPECIFIC - END -->
2021-03-17 14:33:38 +01:00
2020-08-27 11:11:20 +02:00
< style >
2020-09-03 16:44:48 +02:00
#decoration-desktop img {
2020-08-27 11:11:20 +02:00
width: 100%;
height: 100%;
}
< / style >
2020-11-24 14:35:16 +01:00
2020-06-24 00:35:19 +02:00
< / head >
< body >
2020-07-31 18:07:55 +02:00
2021-01-20 21:04:26 +01:00
< div style = "position: fixed; left: 1em; bottom: 1em; width:35vh; height:35vh;" id = "decoration-desktop" >
2020-07-31 18:07:55 +02:00
<!-- A nice decoration while loading or on errors -->
2020-08-27 11:11:20 +02:00
<!-- DECORATION 0 START -->
2020-12-14 01:14:22 +01:00
< img src = "./assets/svg/add.svg" / >
2020-08-27 11:11:20 +02:00
<!-- DECORATION 0 END -->
2020-07-31 18:07:55 +02:00
< / div >
2021-02-25 02:23:26 +01:00
< div id = "fullscreen" class = "hidden md:hidden fixed inset-0 block z-above-controls" > < / div >
< div id = "topleft-tools" class = "z-index-above-map" >
2021-01-20 21:56:38 +01:00
< div id = "userbadge-and-search" class = "p-3" >
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 >
2020-06-24 00:35:19 +02:00
< / div >
2021-01-20 21:56:38 +01:00
< div id = "messagesbox" class = "rounded-3xl overflow-hidden ml-3" > < / div >
2020-06-24 00:35:19 +02:00
< / div >
2021-02-25 02:23:26 +01:00
< 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 >
2020-06-24 00:35:19 +02:00
2021-03-17 14:17:33 +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">
2021-01-20 22:14:26 +01:00
Loading MapComplete, hang on...
< / div >
2020-06-24 00:35:19 +02:00
2021-02-21 03:38:12 +01:00
2020-06-24 00:35:19 +02:00
< div id = "leafletDiv" > < / div >
2020-06-27 03:06:51 +02:00
< script src = "./index.ts" > < / script >
2020-12-14 01:14:22 +01:00
< script data-goatcounter = "https://pietervdvn.goatcounter.com/count" async src = "//gc.zgo.at/count.js" > < / script >
2021-01-04 19:08:22 +01:00
2020-06-24 00:35:19 +02:00
< / body >
< / html >