2023-07-16 01:50:06 +02:00
<!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" >
2023-11-09 15:53:47 +01:00
<!-- We disable 'user - scalable'. As we are working with a map, the user might zoom in using a popup, close the popup and _not_ be able to zoom out again. -->
2024-01-11 04:00:56 +01:00
< meta content = "width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0, user-scalable=yes" name = "viewport" >
2023-09-27 22:21:35 +02:00
<!-- CSP -->
2023-07-16 01:50:06 +02:00
< link href = "./css/mobile.css" rel = "stylesheet" / >
< link href = "./css/openinghourstable.css" rel = "stylesheet" / >
< link href = "./css/tagrendering.css" rel = "stylesheet" / >
< link href = "./css/index-tailwind-output.css" rel = "stylesheet" / >
< link href = "./css/wikipedia.css" rel = "stylesheet" / >
< meta content = "website" property = "og:type" >
2024-06-02 19:11:34 +02:00
< meta name = "darkreader-lock" >
2023-07-16 01:50:06 +02:00
2024-03-11 01:42:58 +01:00
< link rel = "preconnect" href = "https://api.maptiler.com" >
< link rel = "dns-prefetch" href = "https://api.maptiler.com" >
< link rel = "preconnect" href = "https://api.openstreetmap.org" >
< link rel = "dns-prefetch" href = "https://api.openstreetmap.com" >
< link rel = "preconnect" href = "https://www.openstreetmap.org" >
< link rel = "dns-prefetch" href = "https://www.openstreetmap.com" >
< link rel = "preconnect" href = "https://cache.mapcomplete.org" >
< link rel = "dns-prefetch" href = "https://cache.mapcomplete.com" >
2023-07-16 01:50:06 +02:00
<!-- 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 href = "./assets/svg/add.svg" rel = "icon" sizes = "any" type = "image/svg+xml" >
< meta content = "./assets/SocialImage.png" property = "og:image" >
< meta content = "MapComplete - editable, thematic maps with OpenStreetMap" property = "og:title" >
< meta content = "MapComplete is a platform to visualize OpenStreetMap on a specific topic and to easily contribute data back to it."
property="og:description">
< link href = "./assets/generated/images/assets_svg_mapcomplete_logo512.png" rel = "apple-touch-icon" sizes = "512x512" >
< link href = "./assets/generated/images/assets_svg_mapcomplete_logo384.png" rel = "apple-touch-icon" sizes = "384x384" >
< link href = "./assets/generated/images/assets_svg_mapcomplete_logo192.png" rel = "apple-touch-icon" sizes = "192x192" >
< link href = "./assets/generated/images/assets_svg_mapcomplete_logo180.png" rel = "apple-touch-icon" sizes = "180x180" >
< link href = "./assets/generated/images/assets_svg_mapcomplete_logo152.png" rel = "apple-touch-icon" sizes = "152x152" >
< link href = "./assets/generated/images/assets_svg_mapcomplete_logo144.png" rel = "apple-touch-icon" sizes = "144x144" >
< link href = "./assets/generated/images/assets_svg_mapcomplete_logo128.png" rel = "apple-touch-icon" sizes = "128x128" >
< link href = "./assets/generated/images/assets_svg_mapcomplete_logo120.png" rel = "apple-touch-icon" sizes = "120x120" >
< link href = "./assets/generated/images/assets_svg_mapcomplete_logo96.png" rel = "apple-touch-icon" sizes = "96x96" >
< link href = "./assets/generated/images/assets_svg_mapcomplete_logo72.png" rel = "apple-touch-icon" sizes = "72x72" >
<!-- THEME - SPECIFIC - END -->
< / head >
2023-12-15 01:46:01 +01:00
< body tabindex = "-1" >
2023-07-16 01:50:06 +02:00
2024-05-30 15:43:39 +02:00
<!-- Mastodon link verification: https://docs.joinmastodon.org/user/profile/#Link%20verification -->
< a rel = "me" href = "https://en.osm.town/@MapComplete" class = "hidden" > Mastodon< / a >
2023-07-16 01:50:06 +02:00
2023-12-07 21:57:20 +01:00
< div class = "h-screen" id = "maindiv" >
2023-07-16 01:50:06 +02:00
< div id = "default-main h-full" >
< div class = "w-full h-screen flex flex-col items-center justify-between p-8" >
< div class = "w-full h-full flex flex-col items-center" >
< div id = "default-title" >
Loading MapComplete, hang on...
< / div >
< p class = "text-xl" id = "descriptions-while-loading" >
<!-- DESCRIPTION START -->
MapComplete is an easy to use map viewer and map editor
<!-- DESCRIPTION END -->
< / p >
< p >
Made with OpenStreetMap
< / p >
< / div >
2024-03-21 22:39:36 +01:00
2023-07-16 01:50:06 +02:00
< / div >
< / div >
< / div >
2024-03-21 22:39:36 +01:00
< div class = "flex justify-between items-end w-full absolute bottom-0 p-4 h-fit delete-on-load" >
<!-- IMAGE - START -->
< img aria-hidden = "true" class = "p-4 h-32 w-32 self-start" src = "./assets/svg/add.svg" >
<!-- IMAGE - END -->
< div class = "h-min subtle flex flex-col items-end" >
Version
< / div >
< / div >
2023-12-15 01:46:01 +01:00
< div aria-hidden = "true" id = "belowmap" class = "absolute top-0 left-0 -z-10" > Below< / div >
2024-03-07 17:16:39 +01:00
< script src = "./src/UI/RemoveOtherLanguages.ts" type = "module" > < / script >
2023-09-27 22:21:35 +02:00
< script async src = "./src/InstallServiceWorker.ts" type = "module" > < / script >
< script defer src = "./src/index.ts" type = "module" > < / script >
2024-01-07 17:32:14 +01:00
< script async data-goatcounter = "https://pietervdvn.goatcounter.com/count" src = "https://gc.zgo.at/count.js" crossorigin = "anonymous" integrity = "sha384-nx5O+otcqJoqMhdDt8jUzmia6ng81Z5zZozYr69TzPkOLjVhLKMxu5zHCV9/0MPn" > < / script >
2023-07-16 01:50:06 +02:00
2023-09-27 22:21:35 +02:00
2023-07-16 01:50:06 +02:00
< / body >
< / html >
