Add page footer with request time display

assets/layout.html

@@ -31,6 +31,9 @@
         <main>
             {{block "content" .}}{{end}}
         </main>
+        <footer>
+            <span class="muted">Request time: {{.RenderMS}} ms</span>
+        </footer>
         {{block "extras" .}}{{end}}
     </body>
 </html>

assets/style.css

@@ -37,6 +37,8 @@ body {
     font:
         1rem "Iosevka Etoile",
         monospace;
+    display: flex;
+    flex-direction: column;
 }
 
 * {
@@ -148,6 +150,8 @@ main {
     max-width: 860px;
     margin: 0 auto;
     padding: 1.5rem 1rem;
+    width: 100%;
+    flex: 1;
 }
 
 /* === Markdown content === */
@@ -439,6 +443,16 @@ textarea {
     font-size: 0.85rem;
 }
 
+/* === Page footer === */
+footer {
+    padding: 0.75rem 1rem;
+    border-top: 1px dashed var(--secondary);
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    flex-wrap: wrap;
+}
+
 /* === Task lists === */
 .content li:has(> input.task-checkbox:checked) {
     color: var(--text-muted);
@@ -822,7 +836,8 @@ hr {
 }
 
 @media (max-width: 600px) {
-    header {
+    header,
+    footer {
         padding: 0.5rem 0.75rem;
     }
     main {