aboutsummaryrefslogtreecommitdiffstats
path: root/README.md
diff options
context:
space:
mode:
authorgrm <grm@eyesin.space>2026-09-17 22:29:43 +0300
committergrm <grm@eyesin.space>2026-09-17 22:29:43 +0300
commit51ca573ef0c1ce4bd2ef7b7525e5543800fd1988 (patch)
treebaab4282475d4856476a59b7406c1a23673a941a /README.md
parent2a65a1af2dd22c91ed3296dbea3809bdd1e988c3 (diff)
downloadblogspace-51ca573ef0c1ce4bd2ef7b7525e5543800fd1988.tar.gz
blogspace-51ca573ef0c1ce4bd2ef7b7525e5543800fd1988.tar.bz2
blogspace-51ca573ef0c1ce4bd2ef7b7525e5543800fd1988.zip
Add a page width: cap the columns at so many pixels, centred or at the left
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
Diffstat (limited to 'README.md')
-rw-r--r--README.md3
1 files changed, 2 insertions, 1 deletions
diff --git a/README.md b/README.md
index a4ea70d..8f05cfd 100644
--- a/README.md
+++ b/README.md
@@ -31,7 +31,8 @@ Server-rendered HTML, no JavaScript required, works on old browsers and phones.
order: blog title, logo, menu, archive (posts by year and month), recent posts,
tags (with counts), tag cloud, a search box (finds posts by title and text, any
case; several words match in order with anything in between), custom HTML, footer
- text, RSS link, site map. Column widths are percentages; on phones the columns
+ text, RSS link, site map. Column widths are percentages of the page, which is the whole screen or a
+ set number of pixels, centred or at the left; on phones the columns
stack under the posts; the header and footer can follow the main column's edges
for a centred, single-column look, and a rule (line, dots or stripes) can fill the
row beside the title or logo. The **menu** mixes blog pages and outside links, with