App should be more aware of focus being regained and update if it's been an hour.

src/css/custom.scss

@@ -388,11 +388,16 @@ li {
 }
 
 .cardLink {
-  color: mui-color('blue', '500')
+  color: mui-color('blue', '500');
+  margin-top: 10px;
 }
 
 .endbumper {
   height:66px;
 }
 
+.seemore {
+  font-size:14px;
+  font-weight: 500;
+}
 @import "./src/css/weather";

src/css/weather.scss

@@ -3,7 +3,7 @@
   background-size: cover;
   color:white;
   font-family: 'Roboto';
-  font-weight: 100;
+  font-weight: 200;
 }
 
 .weatherDay {
@@ -66,7 +66,7 @@
 
 
 .glassy {
-    background-color: rgba(31, 28, 23, 0.4);
+    background-color: rgba(31, 28, 23, 0.6);
   -webkit-backdrop-filter: blur(5px);
   backdrop-filter: blur(2px);
 }

src/service-worker.js

@@ -11,7 +11,7 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-const CACHE_VERSION = { 'version': '0.0.205' };
+const CACHE_VERSION = { 'version': '0.0.210' };
 const dataCacheName = 'jubileeData-v1';
 const cacheName = 'jubilee-final-1';
 const filesToCache = [

src/v1/js/Nearby.js

@@ -121,6 +121,8 @@ const NearbyView = Backbone.View.extend({
 
     this.fsCollection.bind('reset', this.render, this);
     this.eventBus.on('focused', this.focused, this);
+
+    this.other = $('<div id="nearbyOther" class="cardLink"><i class="seemore material-icons mui--align-middle " >arrow_forward</i> <span class="seemore mui--align-middle">Other locations</span></div>');
   },
   'events': {
     'click .itemRow': 'doClick'
@@ -149,6 +151,7 @@ const NearbyView = Backbone.View.extend({
       // this.$el.append(personView.el); // adding all the person objects.
     }, this);
 
+    this.$el.append(this.other);
     if (totalResults > 0)
       this.$el.parent().show();
     else

src/v1/js/Weather.js

@@ -40,7 +40,7 @@ const weatherItemView = Backbone.View.extend({
           For <%=city%> to <%= readdate %>
         </div>
         <div id='wForecast' class="cardLink">
-        <i class="small material-icons mui--align-middle " >arrow_forward</i> <span class="mui--align-middle">See forecast</span>
+        <i class="seemore material-icons mui--align-middle " >arrow_forward</i> <span class="seemore mui--align-middle">See forecast</span>
         </div>
         `),
   'initialize': function() {

src/v1/js/app.js

@@ -16,7 +16,7 @@ const { ByMeModel, ByMeView } = require('./RightByMe');
 
 var app = app || {};
 
-const live = true;
+const live = live;
 
 if (live) {
   window.loc = 'https://jubilee.silvrtree.co.uk';