added loading icon - next step: add sensor stuff and things

client/assets/scss/Content.scss

@@ -13,7 +13,7 @@
           position: absolute;
           width: 7em;
           text-align: right;
-          margin-left: -9em;
+          margin-left: -8em;
         }
     }
     .intro {
@@ -21,8 +21,8 @@
     }
     img {
         max-width: 100%;
-        height: auto;
-        margin: auto;
+        display: block;
+        margin: 0 auto;
     }
     code,
     pre {

client/assets/scss/main.scss

@@ -1,4 +1,7 @@
 @import './utils.scss';
+
+$linkColor: #3598db;
+
 html {
     font-family: 'Roboto Slab', serif;
     max-width: 100%;
@@ -34,10 +37,10 @@ p {
 }
 a {
     background-color: transparent;
-    color: #3598db;
+    color: $linkColor;
     text-decoration: none;
     &:hover {
-        color: #3598db;
+        color: $linkColor;
     }
 }
 hr {
@@ -71,3 +74,8 @@ hr {
         text-align: center;
     }
 }
+.Loading{
+    display: flex;
+    flex: 1;
+    justify-content: center;
+}