Add the Layout tab: five areas with modules, columns and a menu editor

A blog page is now header, left column, main content, right column and
footer, each holding an ordered list of modules (blog title, logo, menu,
archive by year/month, recent posts, custom HTML, footer text, RSS link,
site map). Side columns have percentage widths, can be hidden, and can
keep their space when empty; on phones they stack under the posts. The
menu becomes its own ordered list mixing pages and outside links.
Announcements are placed per column at its top or bottom.

Modules and menu items get tables; the migration derives them from each
blog's old theme (nav position, footer text, show-in-nav pages) so
existing blogs look the same. Custom HTML is deliberately stored and
served as-is (owner's decision; see AGENTS.md for why the blast radius
is the blogger's own origin).

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

1 files changed, 9 insertions, 5 deletions

diff --git a/internal/web/templates/dashboard/section_form.html b/internal/web/templates/dashboard/section_form.html
index 9d4529c..7eeaf7c 100644
--- a/internal/web/templates/dashboard/section_form.html
+++ b/internal/web/templates/dashboard/section_form.html
@@ -7,10 +7,14 @@
     <input type="hidden" name="_csrf" value="{{.CSRF}}">
     <label>Title <span class="muted">(optional)</span><br><input name="title" value="{{$s.Title}}" maxlength="120" autofocus placeholder="Next meeting"></label>
     <div class="row">
-      <label>Where<br><select name="placement">
-        <option value="above"{{if eq $s.Placement "above"}} selected{{end}}>Above the posts</option>
-        <option value="below"{{if eq $s.Placement "below"}} selected{{end}}>Below the posts</option>
-        <option value="sidebar"{{if eq $s.Placement "sidebar"}} selected{{end}}>Sidebar, under the menu</option>
+      <label>Where<br><select name="column">
+        <option value="main"{{if eq $s.Column "main"}} selected{{end}}>Main content (with the posts)</option>
+        <option value="left"{{if eq $s.Column "left"}} selected{{end}}>Left column</option>
+        <option value="right"{{if eq $s.Column "right"}} selected{{end}}>Right column</option>
+      </select></label>
+      <label>Position<br><select name="position">
+        <option value="top"{{if eq $s.Position "top"}} selected{{end}}>At the top</option>
+        <option value="bottom"{{if eq $s.Position "bottom"}} selected{{end}}>At the bottom</option>
       </select></label>
       <label>Look<br><select name="style">
         <option value="note"{{if eq $s.Style "note"}} selected{{end}}>Highlighted</option>
@@ -18,7 +22,7 @@
         <option value="plain"{{if eq $s.Style "plain"}} selected{{end}}>Plain</option>
       </select></label>
     </div>
-    <p class="muted small">The sidebar spot only exists when the menu is a sidebar (see <a href="/b/{{.Blog.Subdomain}}/design">Design</a>); otherwise a sidebar announcement is shown above the posts.</p>
+    <p class="muted small">"Top" of a side column means above its modules, "bottom" below them. If that column is not shown on your blog (see <a href="/b/{{.Blog.Subdomain}}/layout">Layout</a>) the announcement moves to the main content instead.</p>
     <label for="ed-body">Text <span class="muted">(Markdown)</span></label>
     {{template "editor" (dict "name" "body" "value" $s.BodyMD "rows" 10 "tall" false "upload" (print "/b/" .Blog.Subdomain "/images/upload") "csrf" .CSRF)}}
     <label class="check"><input type="checkbox" name="enabled"{{if $s.Enabled}} checked{{end}}> Shown on the blog</label>