convert to pwa

4 files changed, 95 insertions, 3 deletions

diff --git a/assets/css/custom.css b/assets/css/custom.css
index addb33a..d5f4fab 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -456,8 +456,8 @@ button#clear-search svg {
 
 #setlist-tab {
   position: fixed;
-  bottom: 5px;
-  right: 3px;
+  bottom: 10px;
+  right: 10px;
   background: rgba(0, 0, 0, 0.5); /* translucent black */
   color: white;
   padding: 3px 5px;
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 60b1dc2..24d9d52 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -9,17 +9,33 @@
 
 <meta property="og:type" content="website">
 
+<link rel="manifest" href="/manifest.webmanifest">
+<meta name="mobile-web-app-capable" content="yes" />
+<meta name="apple-mobile-web-app-title" content="Let's Worship!" />
+<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+
 <title>
     {{ if .IsHome}}
     {{ site.Title }}
     {{ else }}
-    {{ printf "%s | %s" .Title site.Title }}
+    {{ .Title }}
     {{ end }}
 </title>
 
 {{ partialCached "head/css.html" . }}
 {{ partialCached "head/js.html" . }}
 
+<script>
+
+if ('serviceWorker' in navigator) {
+
+navigator.serviceWorker.register('/sw.js');
+
+};
+
+</script>
+
+
 {{ if hugo.IsProduction }}
 {{ template "_internal/google_analytics.html" . }}
 {{ end }}
\ No newline at end of file
diff --git a/static/manifest.webmanifest b/static/manifest.webmanifest
new file mode 100644
index 0000000..99b4ef2
--- /dev/null
+++ b/static/manifest.webmanifest
@@ -0,0 +1,73 @@
+{
+  "lang": "en",
+  "short_name": "Let's Worship!",
+  "name": "🎶Let's Worship!🎵",
+  "description": "Distraction Free Worship Song Book",
+  "icons": [
+    {
+      "src": "/favicon-192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "/maskable_favicon-192.png",
+      "type": "image/png",
+      "sizes": "192x192",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/favicon-512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    },
+    {
+      "src": "/maskable_favicon-512.png",
+      "type": "image/png",
+      "sizes": "512x512",
+      "purpose": "maskable"
+    }
+  ],
+  "start_url": "/?utm_source=pwa",
+  "scope": "/",
+  "background_color": "#29241E",
+  "theme_color": "#29241E",
+  "display": "standalone",
+  "shortcuts": [
+    {
+       "name": "Shortcut 1",
+       "description": "Shortcut to important page in my PWA",
+       "url": "/shortcut1/?utm_source=pwa",
+       "icons": [
+        {
+          "src": "/favicon-192.png",
+          "type": "image/png",
+          "sizes": "192x192"
+        },
+        {
+          "src": "/maskable_favicon-192.png",
+          "type": "image/png",
+          "sizes": "192x192",
+          "purpose": "maskable"
+        }
+       ]
+    },
+    {
+      "name": "Shortcut 2",
+      "description": "Shortcut to another important page in my PWA",
+      "url": "/shortcut2/?utm_source=pwa",
+      "icons": [
+       {
+         "src": "/favicon-192.png",
+         "type": "image/png",
+         "sizes": "192x192"
+       },
+       {
+         "src": "/maskable_favicon-192.png",
+         "type": "image/png",
+         "sizes": "192x192",
+         "purpose": "maskable"
+       }
+      ]
+    }
+ ]
+}
\ No newline at end of file
diff --git a/static/sw.js b/static/sw.js
new file mode 100644
index 0000000..258caf0
--- /dev/null
+++ b/static/sw.js
@@ -0,0 +1,3 @@
+self.addEventListener ('fetch', function(event) {
+
+});