feat: change some URLs to relative to support IPFS

assets/scss/_common/fonts.scss

@@ -67,9 +67,12 @@
     @font-face {
         font-family: 'glyph-correction';
         font-display: swap;
-        src: url("/fonts/glyph-correction.eot");
-        src: url("/fonts/glyph-correction.eot") format('embedded-opentype'), url("/fonts/glyph-correction.woff2") format('woff2'), url("/fonts/glyph-correction.woff") format('woff'), url("/fonts/glyph-correction.ttf") format('truetype');
         font-weight: inherit;
         font-style: inherit;
+        src: url("../../fonts/glyph-correction.eot");
+        src: url("../../fonts/glyph-correction.eot?#iefix") format('embedded-opentype'),
+        url("../../fonts/glyph-correction.woff2") format('woff2'),
+        url("../../fonts/glyph-correction.woff") format('woff'),
+        url("../../fonts/glyph-correction.ttf") format('truetype');
     }
 }

layouts/partials/head.html

@@ -68,9 +68,13 @@
     {{- $safariMaskIcon := "icons/safari-pinned-tab.svg" -}}
     {{- $safariMaskColor := .Site.Params.safariMaskColor -}}
     {{- $appleTouchIcon := "icons/apple-touch-icon.png" -}}
-    {{- $msApplicationStartURL := print `/` | absLangURL -}}
+    {{- partial "relative-url.html" (dict "Deliver" . "filename" "") -}}
+    {{- $url := .Scratch.Get "url" -}}
+    {{- $msApplicationStartURL := $url -}}
     {{- $msApplicationTileColor := .Site.Params.msApplicationTileColor -}}
-    {{- $msApplicationTileImage := "icons/mstile-150x150.png" -}}
+    {{- partial "relative-url.html" (dict "Deliver" . "filename" "icons/mstile-150x150.png") -}}
+    {{- $url := .Scratch.Get "url" -}}
+    {{- $msApplicationTileImage := $url -}}
     {{- $manifest := "manifest.json" -}}
     <link rel="shortcut icon" type="image/ico" href="{{ $favicon | relURL }}" />
     <link rel="mask-icon" href="{{ $safariMaskIcon | relURL }}" color="{{ $safariMaskColor }}" />
@@ -82,7 +86,7 @@
     <meta name="application-name" content="{{ .Site.Title }}" />
     <meta name="msapplication-starturl" content="{{ $msApplicationStartURL }}" />
     <meta name="msapplication-TileColor" content="{{ $msApplicationTileColor }}" />
-    <meta name="msapplication-TileImage" content="{{ $msApplicationTileImage | relURL }}" />
+    <meta name="msapplication-TileImage" content="{{ $msApplicationTileImage }}" />
     <link rel="manifest" href="{{ $manifest | relURL }}" />
 
     <!-- Atom / RSS -->
@@ -117,4 +121,4 @@
     {{- if and .Site.Params.enableGoogleAnalytics (eq hugo.Environment "production") }}
         {{ partial "third-party/google-analytics.html" . }}
     {{- end }}
-</head>
+</head>

layouts/partials/relative-url.html

@@ -0,0 +1,20 @@
+{{- $Deliver := .Deliver -}}
+{{- $filename := .filename -}}
+
+{{- $url := $Deliver.RelPermalink -}}
+{{- $depth := (len (split (strings.TrimSuffix "/" $url) "/")) -}}
+
+{{- if eq $depth 1 -}}
+    {{- $url := printf "./%s" $filename | safeHTML -}}
+    {{- $Deliver.Scratch.Set "url" $url -}}
+{{- else -}}
+    {{- $Deliver.Scratch.Set "level" "" -}}
+    {{- range $index, $value := (split (strings.TrimSuffix "/" $url) "/") -}}
+        {{- if lt $index (sub $depth 1) -}}
+            {{- $level := printf `../%s` ($Deliver.Scratch.Get "level") -}}
+            {{- $Deliver.Scratch.Set "level" $level -}}
+            {{- $url := printf `%s%s` $level $filename -}}
+            {{- $Deliver.Scratch.Set "url" $url -}}
+        {{- end -}}
+    {{- end -}}
+{{- end -}}

layouts/partials/third-party/service-worker.html

@@ -1,10 +1,13 @@
 {{ if and .Site.Params.enableServiceWorker (eq hugo.Environment "production") }}
+    {{- partial "relative-url.html" (dict "Deliver" . "filename" "sw.js") -}}
+    {{- $url := .Scratch.Get "url" }}
+
     <script type="module" data-no-instant>
         import {Workbox} from 'https://cdn.jsdelivr.net/npm/[email protected]/workbox/workbox-window.prod.mjs';
 
         if ('serviceWorker' in navigator) {
-            const wb = new Workbox('/sw.js');
-
+            {{ printf `const wb = new Workbox('%s');` $url | safeJS }}
+            
             wb.addEventListener('activated', (event) => {
                 if (event.isUpdate) {
                     appRefresh ({

static/manifest.json

@@ -3,7 +3,7 @@
     "short_name": "MemE",
     "icons": [
         {
-            "src": "/icons/android-chrome-512x512.png",
+            "src": "./icons/android-chrome-512x512.png",
             "sizes": "512x512",
             "type": "image/png"
         }
@@ -12,5 +12,5 @@
     "background_color": "#fff",
     "display": "standalone",
     "orientation": "portrait-primary",
-    "start_url": "/?utm_source=homescreen"
+    "start_url": "./?utm_source=homescreen"
 }