Add manifest

assets/manifest.json

@@ -0,0 +1,15 @@
+{
+  "name": "{{ .Site.Title }}",
+  "short_name": "{{ .Site.Title }}",
+  "start_url": "{{ "/" | relURL }}",
+  "scope": "{{ "/" | relURL }}",
+  "display": "standalone",
+  "background_color": "#000000",
+  "theme_color": "#000000",
+  "icons": [
+    {
+      "src": "{{ "/favicon.svg" | relURL }}",
+      "sizes": "512x512"
+    }
+  ]
+}

assets/sw.js

@@ -8,10 +8,9 @@ const pages = [
 self.addEventListener("install", function (event) {
   self.skipWaiting();
 
-  const precache = caches.open(cacheName).then((cache) => {
+  caches.open(cacheName).then((cache) => {
     return cache.addAll(pages);
   });
-  event.waitUntil(precache);
 });
 
 self.addEventListener("fetch", (event) => {

layouts/partials/docs/footer.html

@@ -1,4 +1,4 @@
-<div class="flex justify-between">
+<div class="flex flex-wrap justify-between">
 {{ if .Site.IsMultiLingual }}
   {{ partial "docs/languages" . }}
 {{ end }}

layouts/partials/docs/html-head.html

@@ -1,10 +1,14 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta name="description" content="{{ default .Summary .Description }}">
+<meta name="theme-color" content="#FFFFFF">
 
 {{- template "_internal/opengraph.html" . -}}
 
 <title>{{ partial "docs/title" . }} | {{ .Site.Title -}}</title>
+
+{{- $manifest := resources.Get "manifest.json" | resources.ExecuteAsTemplate "manifest.json" . }}
+<link rel="manifest" href="{{ $manifest.RelPermalink }}">
 <link rel="icon" href="{{ "favicon.png" | relURL }}" type="image/x-icon">
 
 {{- range .Translations }}

static/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M3 18h12v-2H3v2zM3 6v2h18V6H3zm0 7h18v-2H3v2z"/></svg>