From 51ca573ef0c1ce4bd2ef7b7525e5543800fd1988 Mon Sep 17 00:00:00 2001
From: grm <grm@eyesin.space>
Date: Thu, 17 Sep 2026 22:29:43 +0300
Subject: Add a page width: cap the columns at so many pixels, centred or at
 the left
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The header's and footer's text follows the cap when they already follow
the main column; their backgrounds stay full width. The inset that lines
them up with the main column is now exact — the wrap's 1em plus the
column's share of the wrap's content box — and, with a page width, uses
min() so it is right whether the page or the screen is the narrower.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Sd8UPWrvyYCLj97JexNw3A
---
 internal/web/templates/dashboard/design.html | 8 ++++++++
 1 file changed, 8 insertions(+)

(limited to 'internal/web/templates/dashboard/design.html')

diff --git a/internal/web/templates/dashboard/design.html b/internal/web/templates/dashboard/design.html
index 49f4699..31913f6 100644
--- a/internal/web/templates/dashboard/design.html
+++ b/internal/web/templates/dashboard/design.html
@@ -238,6 +238,14 @@
     <label>{{t "Right column width"}}<br><input type="number" name="right_width" value="{{$t.RightWidth}}" min="15" max="40" step="5"> %</label>
   </div>
   <p class="muted small">{{t "Between 15% and 40% each; the main content takes the rest. A column only appears when it has at least one module; without columns the posts take the whole width. On phones the columns stack: main content first, then the left and right columns, then the footer."}}</p>
+  <div class="row">
+    <label>{{t "Page width"}}<br><input type="number" name="page_width" value="{{if $t.PageWidth}}{{$t.PageWidth}}{{end}}" min="400" max="3000" step="10" placeholder="{{t "the screen"}}"> px</label>
+    <label>{{t "Page position"}}<br><select name="page_align">
+      <option value="center"{{if eq $t.PageAlign "center"}} selected{{end}}>{{t "Centred"}}</option>
+      <option value="left"{{if eq $t.PageAlign "left"}} selected{{end}}>{{t "Left"}}</option>
+    </select></label>
+  </div>
+  <p class="muted small">{{t "Leave the width blank for the whole screen. With one, the columns share that many pixels at most — and so do the header and footer when they follow the main column (below); their backgrounds always span the screen."}}</p>
   <label class="check"><input type="checkbox" name="keep_columns"{{if $t.KeepColumns}} checked{{end}}> {{t "Always keep the columns' space, even when a column is empty or hidden"}} <span class="muted">({{t "the main content then keeps its width and stays centred"}})</span></label>
   <label class="check"><input type="checkbox" name="align_to_main"{{if $t.AlignToMain}} checked{{end}}> {{t "Header and footer follow the main column"}} <span class="muted">({{t "their text lines up with the main content instead of the page edges; the backgrounds stay full width"}})</span></label>
   <h3>{{t "Left column"}}</h3>
-- 
cgit v1.2.3