Updated greeter with graphic and height

src/css/custom.scss

@@ -488,4 +488,14 @@ li {
   margin-bottom: 5px;
 }
 
+.greetPanel{
+  text-shadow: 1px 1px 2px #212121;
+      color: white;
+  height:24vw;
+  background-size: cover;
+  background-color: goldenrod;
+  background-image: url(../gfx/default_daily_image.jpg);
+
+}
+
 @import "./src/css/weather";

src/service-worker.js

@@ -28,6 +28,7 @@ const PRECACHE_URLS = [
   '/img/favicon-32x32.png',
   '/img/android-chrome-192x192.png',
   '/img/android-chrome-512x512.png',
+  '/gfx/default_daily_image.jpg',
   '/gfx/stars_00.png',
   '/gfx/stars_10.png',
   '/gfx/stars_15.png',
@@ -131,10 +132,10 @@ self.addEventListener('fetch', event => {
       caches.open(RUNTIME).then(function(cache) {
         return cache.match(event.request).then(function (response) {
           console.log('£', response);
-          
+
           return response || fetch(event.request).then(function(response) {
             cache.put(event.request, response.clone());
-            
+
             return response;
           });
         });
@@ -146,7 +147,7 @@ self.addEventListener('fetch', event => {
         return cache.match(event.request).then(function (response) {
           return response || fetch(event.request).then(function(response) {
             cache.put(event.request, response.clone());
-            
+
             return response;
           });
         });

src/v1/js/Greet.js

@@ -83,7 +83,7 @@ const GreetView = Backbone.View.extend({
       place = place + locationName;
     }
 
-    const html = `<div class="mui-panel mui--text-center">
+    const html = `<div class="mui-panel greetPanel mui--text-center">
                     <h2>${todaySegment}</h2>
                     <div>${icon} ${place}</div>                    
                   </div>`;