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.  --> 
							 
						 
					
						
							
								
									
										
										
										
											2023-07-16 01:50:06 +02:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								    < meta  content = "width=device-width, initial-scale=1.0, user-scalable=no"  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/ReviewElement.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" > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								    <!--  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 >  
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								< body >  
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											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 > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2023-12-08 00:12:21 +01:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								            < div  class = "flex justify-between items-start w-full" > 
							 
						 
					
						
							
								
									
										
										
										
											2023-10-16 13:05:45 +02:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								                
							 
						 
					
						
							
								
									
										
										
										
											2023-07-16 01:50:06 +02:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								            <!--  IMAGE - START  --> 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								            < img  class = "p-8 h-32 w-32 self-start"  src = "./assets/svg/add.svg" > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								            <!--  IMAGE - END  --> 
							 
						 
					
						
							
								
									
										
										
										
											2023-10-16 13:05:45 +02:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								                < div  class = "h-min subtle" >  
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								                Version
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								                < / div > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								                
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								            < / div > 
							 
						 
					
						
							
								
									
										
										
										
											2023-07-16 01:50:06 +02:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								        < / div > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								    < / div > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								< / div >  
						 
					
						
							
								
									
										
										
										
											2023-09-22 11:20:22 +02:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								< div  id = "belowmap"  class = "absolute top-0 left-0 -z-10" > Below< / div >  
						 
					
						
							
								
									
										
										
										
											2023-09-28 03:00:22 +02:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								< script  src = "./src/UI/RemoveOtherLanguages.js" > < / 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 >  
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								< script  async  data-goatcounter = "https://pietervdvn.goatcounter.com/count"  src = "https://gc.zgo.at/count.js"  crossorigin = "anonymous"  integrity = "sha384-gtO6vSydQeOAGGK19NHrlVLNtaDSJjN4aGMWschK+dwAZOdPQWbjXgL+FM5XsgFJ" > < / 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 >