Reorganised CSS. Set min-height for body to 100vh.

web/assets/css/error.css

@@ -1,7 +0,0 @@
-#error {
-    font-size: 3.5rem;
-    line-height: 5rem;
-    text-align: center;
-    margin: 6rem 0; }
-
-#error h1 { font-size: 8rem; }

web/assets/css/main.css

@@ -30,6 +30,8 @@
 
 ::placeholder { color: var(--primary-color); }
 
+.hidden { display: none; }
+
 a {
 	color: var(--primary-color);
 	text-decoration: none; }
@@ -58,8 +60,6 @@ h2 {
 	font-size: 1.4rem;
 	margin: 1rem 0; }
 
-.hidden { display: none; }
-
 html { margin-left: calc(100vw - 100%); }
 
 body {
@@ -69,6 +69,7 @@ body {
 	font-size: 1.1rem;
 	margin: 0 auto;
 	max-width: 960px;
+	min-height: 100vh;
 	width: 98%; }
 
 header {
@@ -93,7 +94,6 @@ header svg text:last-child { font-size: .88rem; }
 @-moz-document url-prefix() {
 	header svg text:first-child { font-size: 2rem; } }
 
-
 nav { margin-top: .5rem; }
 
 nav a { font-variant: small-caps; }
@@ -104,6 +104,60 @@ nav h1 {
 
 section { margin-top: 1rem; }
 
+input[name="filter"] {
+	background-color: var(--background-color);
+	border: none;
+	border-bottom: 1px solid var(--primary-color);
+	color: var(--text-color);
+	font: inherit;
+	width: 100%; }
+
+table {
+	overflow-y: scroll;
+	width: 100%; }
+
+tr { vertical-align: top; }
+
+tr:hover,
+tr:focus-within {
+	background-color: var(--primary-color);
+	color: white; }
+
+tr:hover a,
+tr:focus-within a { color: white; }
+
+th { text-align: left; }
+
+th:nth-child(2),
+th:last-child {
+	width: 1%;
+	white-space: nowrap; }
+
+th,
+td { line-break: strict; }
+
+th:nth-child(2),
+td:nth-child(2) { padding: 0 1rem; }
+
+td a {
+	display: block;
+	width: 100%; }
+
+td a:hover { transition: none; }
+
+td:nth-child(2),
+td:last-child { white-space: nowrap; }
+
+thead tr th.clickable { cursor: pointer; }
+
+thead tr th.clickable:hover { color: var(--secondary-color); }
+
+thead tr th.clickable:not(.sort-up):not(.sort-down)::after { content: '⇅'; }
+
+thead tr th.clickable.sort-up::after { content: '↑'; }
+
+thead tr th.clickable.sort-down::after { content: '↓'; }
+
 #overlay { 
 	align-items: center;
 	background-color: var(--overlay-background-color);
@@ -151,51 +205,13 @@ section { margin-top: 1rem; }
 	background-color: var(--background-color);
 	color: var(--primary-color); }
 
-input[name="filter"] {
-	background-color: var(--background-color);
-	border: none;
-	border-bottom: 1px solid var(--primary-color);
-	color: var(--text-color);
-	font: inherit;
-	width: 100%; }
+#error {
+    font-size: 3.5rem;
+    line-height: 5rem;
+    text-align: center;
+    margin: 6rem 0; }
 
-table { overflow-y: scroll; width: 100%; }
-
-tr { vertical-align: top; }
-
-tr:hover,
-tr:focus-within { background-color: var(--primary-color); color: white; }
-
-tr:hover a,
-tr:focus-within a { color: white; }
-
-th { text-align: left; }
-
-th:nth-child(2),
-th:last-child { width: 1%; white-space: nowrap; }
-
-th,
-td { line-break: strict; }
-
-th:nth-child(2),
-td:nth-child(2) { padding: 0 1rem; }
-
-td a { display: block; width: 100%; }
-
-td a:hover { transition: none; }
-
-td:nth-child(2),
-td:last-child { white-space: nowrap; }
-
-thead tr th.clickable { cursor: pointer; }
-
-thead tr th.clickable:hover { color: var(--secondary-color); }
-
-thead tr th.clickable:not(.sort-up):not(.sort-down)::after { content: '⇅'; }
-
-thead tr th.clickable.sort-up::after { content: '↑'; }
-
-thead tr th.clickable.sort-down::after { content: '↓'; }
+#error h1 { font-size: 8rem; }
 
 footer {
 	font-size: .8rem;

web/templates/base.jade

@@ -20,6 +20,4 @@ html(lang='en')
                 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]
+            | 2017—2023 Alexander "Arav" Andreev <#[a(href='mailto:me@arav.su') me@arav.su]> #[a(href='/privacy') Privacy statements]

web/templates/errorXXX.jade

@@ -3,9 +3,6 @@ extends base.jade
 block meta_description
     meta(name='description' content=http.StatusText(code))
 
-block append head
-    link(href='/assets/css/error.css' rel='stylesheet')
-
 block nav
     a(href='/') Back to index page
     h1 #{http.StatusText(code)}

web/templates/index.jade

@@ -8,7 +8,7 @@ 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
+    section
         span!= currentPath
         p Files: #{stats.Files} (#{stats.FilesSize}); Directories: #{stats.Directories}.
         input.hidden(type="text", name="filter" placeholder="Type in to filter this directory (case insensitive)")
@@ -28,7 +28,7 @@ block content
                         td= item.Size
     section
         span!= currentPath
-    section#usage
+    section
         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.
     div#overlay