A separate base.jade template was made. An index.jade rewritten to use it.

internal/http/handlers.go

@@ -41,7 +41,7 @@ func (h *FilesHandlers) Index(w http.ResponseWriter, r *http.Request) {
 		return
 	}
 
-	web.Index(utils.MainSite(r.Host), currentPath, &stats, &entries, r, w)
+	web.Index("Files", utils.MainSite(r.Host), currentPath, &stats, &entries, r, w)
 }
 
 func (h *FilesHandlers) File(w http.ResponseWriter, r *http.Request) {

web/templates/base.jade

@@ -0,0 +1,25 @@
+doctype html
+html(lang='en')
+    head
+        block head
+            title Arav's dwelling / #{title}
+            meta(charset='utf-8')
+            meta(http-equiv='X-UA-Compatible' content='IE=edge')
+            meta(name='viewport' content='width=device-width, initial-scale=1.0')
+            meta(name='theme-color' content='#cd2682')
+            meta(name='description' content='My file share.')
+            link(rel='icon' type='image/svg+xml' href='/assets/img/favicon.svg' sizes='any')
+            link(href='/assets/css/main.css' rel='stylesheet')
+            script(src='/assets/js/main.js' defer='')
+    body
+        header
+            svg#logo(viewBox='0 -25 216 40')
+                text.logo Arav's dwelling
+                text.under(y='11') Welcome to my sacred place, wanderer
+            nav
+                block nav
+        block content
+        footer
+            a(href='/rss.xml' title="Stay up to date on what's going on.") RSS feed
+            br
+            | 2017—2023 Arav <#[a(href='mailto:me@arav.su') me@arav.su]> #[a(href='/privacy') Privacy statements]

web/templates/index.jade

@@ -1,28 +1,13 @@
-:go:func Index(mainSite, currentPath string, stats *files.DirStats, items *[]files.DirEntry, r *http.Request)
+extends base.jade
 
-:go:import "dwelling-files/pkg/files"
+block nav
-:go:import "dwelling-files/pkg/utils"
-
-doctype html
-html(lang='en')
-    head
-        title Arav's dwelling / Files
-        meta(charset='utf-8')
-        meta(http-equiv='X-UA-Compatible' content='IE=edge')
-        meta(name='viewport' content='width=device-width, initial-scale=1.0')
-        meta(name='theme-color' content='#cd2682')
-        meta(name='description' content='My file share.')
-        link(rel='icon' type='image/svg+xml' href='/assets/img/favicon.svg' sizes='any')
-        link(href='/assets/css/main.css' rel='stylesheet')
-        script(src='/assets/js/main.js' defer='')
-    body
-        header
-            svg#logo(viewBox='0 -25 216 40')
-                text.logo Arav's dwelling
-                text.under(y='11') Welcome to my sacred place, wanderer
-            nav
     a(href=mainSite) Back to main website
     h1 Files
+
+block content
+    :go:func Index(title, mainSite, currentPath string, stats *files.DirStats, items *[]files.DirEntry, r *http.Request)
+    :go:import "dwelling-files/pkg/files"
+    :go:import "dwelling-files/pkg/utils"
     section#files
         span!= currentPath
         p Files: #{stats.Files} (#{stats.FilesSize}); Directories: #{stats.Directories}.
@@ -46,8 +31,6 @@ html(lang='en')
     section#usage
         p On a page use up and down arrow keys to navigate through list. Use home and end keys to go to the start and end of a list. Use Ctrl+Backspace to return to a parent directory.
         p In an overlay use a mouse wheel to change a scale of a video or a picture. Use left and right arrow keys to go through media. Use space key to toggle pause. Use escape key to close an overlay, or click outside a media. An audio volume is being kept across site using LocalStorage API.
-        footer
-            | 2017—2023 Arav <#[a(href='mailto:me@arav.su') me@arav.su]> #[a(href=mainSite+'/privacy') Privacy statements]
     div#overlay
         button(name='prev') ❰
         div