More progress on the creation dialoge

static/css/barebones.css

@@ -501,4 +501,28 @@ header {
 TODO {
   border: dotted 1px red;
   background-color: rgba(127, 255, 212, 0.493);
+}
+
+#overlay {
+  position: fixed;
+  display: none;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0,0,0,0.5);
+  z-index: 2;
+  cursor: pointer;
+}
+
+#text{
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  font-size: 50px;
+  color: white;
+  transform: translate(-50%,-50%);
+  -ms-transform: translate(-50%,-50%);
 }

static/css/mainMap.css

@@ -9,6 +9,7 @@
   border: 1px solid rgba(97, 97, 97, 0.486);
   border-radius: 2px;
   margin: 5px;
+  padding: 4px;
 }
 
 .map {

static/js/site.js

@@ -1,24 +1,24 @@
-function toggleTheme() {
-
-        var prettifyDark = document.getElementById('prettify-dark')
-        var sheets = document.styleSheets
-        
-        // temporariily set transition class on html element
-        //document.documentElement.classList.add('transition-theme')
-        
-        // change data-theme
-        //if (target.classList.contains('darkTheme')) {
-            document.documentElement.setAttribute("data-theme", "dark")
-            //prettifyDark.removeAttribute('disabled')
-            //prettifyDark.disabled = false
-        /*} else {
-            document.documentElement.removeAttribute("data-theme", "dark")
-            prettifyDark.disabled = true
-        }*/
-        
-        // remove transition class
-        window.setTimeout(function() {
-            document.documentElement.classList.remove('transition-theme')
-        }, 1000)
-    
+function httpGet(theUrl) {
+  var xmlHttp = new XMLHttpRequest();
+  xmlHttp.open("GET", theUrl, false); // false for synchronous request
+  xmlHttp.send(null);
+  return xmlHttp.responseText;
 }
+
+function home() {
+  if (navigator.geolocation) {
+    setTimeout(function () {
+      navigator.geolocation.getCurrentPosition(showPosition);
+    }, 200);
+  } else {
+    console.warn("Geolocation of user could not be fetched");
+  }
+}
+
+function on() {
+    document.getElementById("overlay").style.display = "block";
+  }
+  
+  function off() {
+    document.getElementById("overlay").style.display = "none";
+  }