added state to home page and to recorder page

src/App.vue

@@ -1,5 +1,8 @@
 <template>
     <div id="app">
+        <div id="bg">
+            <img src="./assets/lens.jpg" alt="">
+        </div>
         <sync-loader :loading="isLoading"></sync-loader>
         <b-alert
                 :show="dismissCountDown"
@@ -75,7 +78,9 @@
             </span>
             <span v-else>{{$t('Can\'t renew session – please login again!')}}</span>
         </div>
-        <router-view/>
+        <div id="content_frame">
+            <router-view :style="main_style"/>
+        </div>
     </div>
 
 </template>
@@ -100,6 +105,7 @@
                 dismissSecs: 5,
                 dismissCountDown: 0,
                 autoRenewSession: true,
+                main_style: {}
             };
         },
         methods: {
@@ -181,7 +187,30 @@
         font-family: 'Avenir', Helvetica, Arial, sans-serif;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
-        color: #2c3e50;
+        color: #385875;
+    }
+
+    #bg {
+        z-index: -100;
+        position: fixed;
+        top: -50%;
+        left: -50%;
+        width: 200%;
+        height: 200%;
+    }
+    #bg img {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        margin: auto;
+        min-width: 50%;
+        min-height: 50%;
+    }
+
+    h1 {
+        color: #275d37;
     }
 
     #nav {
@@ -223,4 +252,5 @@
         height: 100%;
         background-color: rgba(0, 0, 0, 0.2);
     }
+
 </style>