Add post tags, with a tag page and two side-column modules

Posts can now carry tags, set on the post form as a checklist of the
blog's existing tags plus a comma-separated box for new ones (no JS).
A tag is a name and a unique slug, so "Go" and "go" are one tag and
Greek tags get readable URLs; tags no post uses any more are deleted.

On the blog, tags appear under the post date and link to /tag/<slug>,
which lists the published posts from every page, paginated like a page.
Two new layout modules show them: a Tags list (with counts, by use) and
a Tag cloud (alphabetical, sized by use). Both are only fetched when a
visible module needs them.

The article loop and pager move to a shared postlist partial; while
there, the pager stops adding a trailing slash — /news/?p=2 was a 404
because a {page} wildcard never matches one.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Sd8UPWrvyYCLj97JexNw3A

1 files changed, 4 insertions, 0 deletions

diff --git a/internal/web/static/dashboard.css b/internal/web/static/dashboard.css
index b85d515..36de479 100644
--- a/internal/web/static/dashboard.css
+++ b/internal/web/static/dashboard.css
@@ -85,6 +85,10 @@ label.check { font-weight: normal; font-size: 0.95em; }
 label.check input { width: auto; margin: 0 0.45em 0 0; vertical-align: middle; accent-color: var(--accent); }
 input[type=radio], input[type=checkbox] { accent-color: var(--accent); }
 .row { display: flex; flex-wrap: wrap; gap: 0 1.5em; }
+/* The post form's tag checklist: a label-like heading over a wrapped row of checkboxes. */
+p.lbl { margin: 0.9em 0 0.3em; font-size: 0.875em; font-weight: 500; }
+.tagpick { display: flex; flex-wrap: wrap; gap: 0.2em 1.2em; margin: 0 0 0.3em; }
+.tagpick label.check { margin: 0; }
 .row label { flex: 1 1 12em; min-width: 12em; }
 button, .btn { display: inline-block; font: inherit; font-size: 0.9em; font-weight: 600; padding: 0.5em 1.05em; border: 1px solid var(--accent); border-radius: var(--radius-sm); background: var(--accent); color: #fff; cursor: pointer; text-decoration: none; vertical-align: middle; line-height: 1.4; }
 button:hover, .btn:hover { background: var(--accent-hover); border-color: var(--accent-hover); color: #fff; }