Merge pull request #8 from fbartels/subdir

Allow running Homer in a subdirectory

app.js

@@ -9,14 +9,14 @@ const app = new Vue({
     },
     created: function () {
         let that = this;
-        
-        this.isDark = 'overrideDark' in localStorage ? 
+
+        this.isDark = 'overrideDark' in localStorage ?
             JSON.parse(localStorage.overrideDark) : matchMedia("(prefers-color-scheme: dark)").matches;
 
         if ('vlayout' in localStorage) {
             this.vlayout = JSON.parse(localStorage.vlayout)
         }
-        
+
         this.checkOffline();
         that.getConfig().then(function (config) {
             that.config = config;
@@ -58,8 +58,8 @@ const app = new Vue({
         }, 
         toggleLayout: function() {
             this.vlayout = !this.vlayout;
-            localStorage.vlayout = this.vlayout; 
-        }, 
+            localStorage.vlayout = this.vlayout;
+        },
     }
 });
 
@@ -95,6 +95,6 @@ Vue.component('service', {
 
 if ('serviceWorker' in navigator) {
     window.addEventListener('load', function () {
-        navigator.serviceWorker.register('/worker.js');
+        navigator.serviceWorker.register('worker.js');
     });
 }

config.yml

@@ -31,12 +31,12 @@ services:
     icon: "fas fa-code-branch"
     items:
       - name: "Jenkins"
-        logo: "/assets/tools/jenkins.png"
+        logo: "assets/tools/jenkins.png"
         subtitle: "Continuous integration server"
         tag: "CI"
         url: "#"
       - name: "RabbitMQ Management"
-        logo: "/assets/tools/rabbitmq.png"
+        logo: "assets/tools/rabbitmq.png"
         subtitle: "Manage & monitor RabbitMQ server"
         tag: "haproxy"
         # Optional tagstyle
@@ -47,21 +47,21 @@ services:
     icon: "fas fa-heartbeat"
     items:
       - name: "M/Monit"
-        logo: "/assets/tools/monit.png"
+        logo: "assets/tools/monit.png"
         subtitle: "Monitor & manage all monit enabled hosts"
         tag: "monit"
         url: "#"
       - name: "Grafana"
-        logo: "/assets/tools/grafana.png"
+        logo: "assets/tools/grafana.png"
         subtitle: "Metric analytics & dashboards"
         url: "#"
       - name: "Kibana"
-        logo: "/assets/tools/elastic.png"
+        logo: "assets/tools/elastic.png"
         subtitle: "Explore & visualize logs"
         tag: "elk"
         url: "#"
       - name: "Website monitoring"
-        logo: "/assets/tools/pingdom.png"
+        logo: "assets/tools/pingdom.png"
         subtitle: "Pingdom public reports overview"
         tag: "CI"
         url: "#"

worker.js

@@ -4,13 +4,13 @@ self.addEventListener('install', event => {
             .open('homer')
             .then(cache =>
                 cache.addAll([
-                    '/',
-                    '/index.html',
-                    '/config.yml',
-                    '/app.css',
-                    '/app.js',
-                    '/vendors/js-yaml.min.js',
-                    '/assets/logo.png',
+                    '.',
+                    'index.html',
+                    'config.yml',
+                    'app.css',
+                    'app.js',
+                    'vendors/js-yaml.min.js',
+                    'assets/logo.png',
                     'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css',
                     'https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.5/css/bulma.min.css',
                     'https://fonts.googleapis.com/css?family=Lato|Raleway&display=swap',