From 336199c65d910bbd45a9c5dcbc3beae214d75b98 Mon Sep 17 00:00:00 2001 From: grm Date: Sat, 12 Sep 2026 12:21:10 +0300 Subject: Redesign the dashboard: paper & ink Flat colours, 2px rules, hard offset shadows and square corners; mono headings and labels; the blog nav is a tab strip that scrolls sideways on phones instead of stacking; list pages get a page header with the primary action on the right; the Markdown cheat-sheet collapses into a details element so forms stay calm. Plain CSS only, no variables or flex, so it still renders on old browsers. Co-Authored-By: Claude Opus 5 Claude-Session: https://claude.ai/code/session_01Sd8UPWrvyYCLj97JexNw3A --- internal/web/templates/admin/delete_user.html | 4 ++-- internal/web/templates/admin/index.html | 5 ++++- internal/web/templates/admin/new_user.html | 4 ++-- internal/web/templates/auth/login.html | 5 +++-- internal/web/templates/dashboard/confirm.html | 4 ++-- internal/web/templates/dashboard/design.html | 2 +- internal/web/templates/dashboard/images.html | 8 +++++--- internal/web/templates/dashboard/page_form.html | 2 +- internal/web/templates/dashboard/pages.html | 7 +++++-- internal/web/templates/dashboard/password.html | 2 +- internal/web/templates/dashboard/post_form.html | 2 +- internal/web/templates/dashboard/posts.html | 5 ++++- internal/web/templates/dashboard/settings.html | 2 +- internal/web/templates/partials/mdhelp.html | 10 +++++----- 14 files changed, 37 insertions(+), 25 deletions(-) (limited to 'internal/web/templates') diff --git a/internal/web/templates/admin/delete_user.html b/internal/web/templates/admin/delete_user.html index 34d3fb9..e673b64 100644 --- a/internal/web/templates/admin/delete_user.html +++ b/internal/web/templates/admin/delete_user.html @@ -5,8 +5,8 @@

This permanently deletes the user {{.Data.target.Username}}, their blog, and every page, post and image in it.

- - Cancel +

+ Cancel

{{end}} diff --git a/internal/web/templates/admin/index.html b/internal/web/templates/admin/index.html index bea9266..ecb0112 100644 --- a/internal/web/templates/admin/index.html +++ b/internal/web/templates/admin/index.html @@ -1,6 +1,9 @@ {{define "title"}}Admin · Blogspace{{end}} {{define "content"}} -

Users & blogs + New blogger

+
+

Users & blogs

+
+ New blogger
+
diff --git a/internal/web/templates/admin/new_user.html b/internal/web/templates/admin/new_user.html index 87d1186..3d93dbd 100644 --- a/internal/web/templates/admin/new_user.html +++ b/internal/web/templates/admin/new_user.html @@ -7,9 +7,9 @@ + .{{.Data.cfg.BaseDomain}} - Cancel +

Cancel

{{end}} diff --git a/internal/web/templates/auth/login.html b/internal/web/templates/auth/login.html index 2aec3b1..3f66f3f 100644 --- a/internal/web/templates/auth/login.html +++ b/internal/web/templates/auth/login.html @@ -1,12 +1,13 @@ {{define "title"}}Log in · Blogspace{{end}} {{define "content"}} -
+ +

Log in

- +

{{end}} diff --git a/internal/web/templates/dashboard/confirm.html b/internal/web/templates/dashboard/confirm.html index eefa1da..8dd0b3a 100644 --- a/internal/web/templates/dashboard/confirm.html +++ b/internal/web/templates/dashboard/confirm.html @@ -9,8 +9,8 @@

You are about to permanently delete {{.Data.what}}. This cannot be undone.

- - Cancel +

+ Cancel

{{end}}
diff --git a/internal/web/templates/dashboard/design.html b/internal/web/templates/dashboard/design.html index 27ce3c7..09ea1fe 100644 --- a/internal/web/templates/dashboard/design.html +++ b/internal/web/templates/dashboard/design.html @@ -82,6 +82,6 @@ -

+

{{end}} diff --git a/internal/web/templates/dashboard/images.html b/internal/web/templates/dashboard/images.html index 5383e73..b44289e 100644 --- a/internal/web/templates/dashboard/images.html +++ b/internal/web/templates/dashboard/images.html @@ -1,14 +1,16 @@ {{define "title"}}Images · {{.Blog.Title}}{{end}} {{define "content"}} -

Images

+
+

Images

+

Images are stored with your blog. Put one in a post with Insert image in the editor, or copy its line from below.

+
- +

-

To put an image in a post, copy its Markdown line into the post text.

{{range .Data.images}}
diff --git a/internal/web/templates/dashboard/page_form.html b/internal/web/templates/dashboard/page_form.html index df94c7e..38aac71 100644 --- a/internal/web/templates/dashboard/page_form.html +++ b/internal/web/templates/dashboard/page_form.html @@ -10,7 +10,7 @@ -

+

{{if .Data.page.ID}}View page ↗{{end}} Back to pages diff --git a/internal/web/templates/dashboard/pages.html b/internal/web/templates/dashboard/pages.html index 6703e7f..5e9aca5 100644 --- a/internal/web/templates/dashboard/pages.html +++ b/internal/web/templates/dashboard/pages.html @@ -1,7 +1,10 @@ {{define "title"}}Pages · {{.Blog.Title}}{{end}} {{define "content"}} -

Pages + New page

-

Pages appear in your blog's menu in this order. Each page holds its own list of posts.

+
+

Pages

+
+ New page
+

Pages appear in your blog's menu in this order. Each page holds its own list of posts.

+
UserRoleBlogSinceActions
diff --git a/internal/web/templates/dashboard/password.html b/internal/web/templates/dashboard/password.html index f333bd7..3e28744 100644 --- a/internal/web/templates/dashboard/password.html +++ b/internal/web/templates/dashboard/password.html @@ -7,7 +7,7 @@ - +

{{end}} diff --git a/internal/web/templates/dashboard/post_form.html b/internal/web/templates/dashboard/post_form.html index 520b9e6..7e6f00f 100644 --- a/internal/web/templates/dashboard/post_form.html +++ b/internal/web/templates/dashboard/post_form.html @@ -15,7 +15,7 @@ -

+

{{if .Data.post.ID}}View post ↗{{end}} Back to posts diff --git a/internal/web/templates/dashboard/posts.html b/internal/web/templates/dashboard/posts.html index 24e86bb..c0b7112 100644 --- a/internal/web/templates/dashboard/posts.html +++ b/internal/web/templates/dashboard/posts.html @@ -1,6 +1,9 @@ {{define "title"}}Posts · {{.Blog.Title}}{{end}} {{define "content"}} -

Posts + New post

+
+

Posts

+
+ New post
+

Address: {{.BlogURL}}{{if ne .Blog.Subdomain "www"}} — only the administrator can change this{{end}}.

- +

{{end}} diff --git a/internal/web/templates/partials/mdhelp.html b/internal/web/templates/partials/mdhelp.html index 878130e..4623c07 100644 --- a/internal/web/templates/partials/mdhelp.html +++ b/internal/web/templates/partials/mdhelp.html @@ -1,9 +1,9 @@ -{{define "mdhelp"}}
-

Formatting cheat-sheet

+{{define "mdhelp"}}
+ Formatting cheat-sheet
Menu orderTitleAddressPosts
- +
# Heading, ## Smaller heading**bold**, *italic*
[link text](https://example.org)![description](/media/…) — copy the address from Images
[link text](https://example.org)![description](/media/…) — or use Insert image
- list item / 1. numbered> quote, `code`, --- for a line
-

Blank line = new paragraph. Press Enter once for a line break.

-
{{end}} +

Blank line = new paragraph. Press Enter once for a line break.

+{{end}} -- cgit v1.2.3