add mobile viewport meta as first step against panzoom dance

ritorhymes · ritorhymes · commit f5f29d4c16a0 · 2026-02-21T11:26:05.000-05:00
On mobile, without an explicit viewport, pages can render at desktop width,
forcing a two-handed pinch/zoom/pan "panzoom dance" just to read content,
instead of simply scrolling vertically.

Add the standard viewport meta tag in the base template so initial scale
matches device width.

This is a necessary foundation, not a complete fix: other overflow sources
(long unbroken content, wide elements) can still cause horizontal scrolling
and are handled in follow-up commits.
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>{{ .Title }}</title>
     {{- $style := resources.Get "sass/main.scss" | resources.ExecuteAsTemplate "main.scss" . | css.Sass }}
     <link rel="stylesheet" href="{{ $style.RelPermalink }}">
