add skeleton for mapview

PoinCloudWeb.Web/public/stylesheets/layout.css

@@ -12,9 +12,9 @@ a {
   color: #00B7FF;
 }
 
-.content {
+.content-padding {
   padding: 50px;
-} 
+}
 
 .navbar {
   padding: 10px;  

PoinCloudWeb.Web/public/stylesheets/map.css

@@ -0,0 +1,25 @@
+
+
+
+#map-settings {
+    grid-area: right;
+    border-left: 1px solid black;
+    height: 100vw;
+    padding: 0px;
+}
+
+#map {
+    grid-area: main;
+}
+
+
+.map-grid-container {
+    display: grid;
+    grid-template-areas:
+      'header header header header header header'
+      'main main main main main right'
+      'footer footer footer footer footer footer';
+    height: 100vw;
+    grid-gap: 0px;
+    padding: 0px;
+}

PoinCloudWeb.Web/views/index.pug

@@ -1,8 +1,9 @@
 extends layout
 
 block content
-  h1 Welcome to #{title}
+  div.content-padding
-  p With this tool the scanning and managing of Point Clouds is possible
+    h1 Welcome to #{title}
-  p Please select a feature in the Nav-Bar.
+    p With this tool the scanning and managing of Point Clouds is possible
+    p Please select a feature in the Nav-Bar.
     
     

PoinCloudWeb.Web/views/layout.pug

@@ -2,7 +2,9 @@ doctype html
 html
 	head
 		title= title
-		link(rel='stylesheet', href='/stylesheets/style.css')
+		block scripts
+		block links
+		link(rel='stylesheet', href='/stylesheets/layout.css')
 		script(src='/javascripts/layout.js')
 	body
 		div.navbar
@@ -10,5 +12,4 @@ html
 			div
 				button(onclick="onClickScanner()") Scanner 
 				button(onclick="onClickMap()") Map
-		div.content
+		block content
-			block content

PoinCloudWeb.Web/views/map.pug

@@ -1,7 +1,16 @@
 extends layout
 
-block content
-	h1 Welcome to #{title}
-	h1 Map
 
-    
+block scripts
+	script(src='/javascripts/map.js')
+block links
+	link(rel='stylesheet', href='/stylesheets/map.css')
+
+block content
+	div.map-grid-container
+		div#map-settings
+			ul
+				li Item 1
+				li Item 2
+		div(id="map", class="content-padding")
+			p content

PoinCloudWeb.Web/views/scanner.pug

@@ -1,7 +1,6 @@
 extends layout
 
 block content
-  h1 Welcome to #{title}
+	div.content-padding
-  h1 Scanner
+		h1 Welcome to #{title}
-    
+		h1 Scanner
-