diff options
| author | grm <grm@eyesin.space> | 2026-09-15 22:26:13 +0300 |
|---|---|---|
| committer | grm <grm@eyesin.space> | 2026-09-15 22:26:13 +0300 |
| commit | 55732bdfc25933bab26220ccd82fe5e172d9e673 (patch) | |
| tree | b871ba453d1b55db11ff08a963a77ed343c5e117 /internal/web/templates/partials/dashnav.html | |
| parent | 778cb72c8a0902bd0b8159ebd3bb7eff93f28c83 (diff) | |
| download | blogspace-55732bdfc25933bab26220ccd82fe5e172d9e673.tar.gz blogspace-55732bdfc25933bab26220ccd82fe5e172d9e673.tar.bz2 blogspace-55732bdfc25933bab26220ccd82fe5e172d9e673.zip | |
Give the editor a Markdown toolbar and preview, restyle the dashboard
The post/page/announcement editor was a bare textarea, so bloggers had to
know the Markdown syntax by heart. It now has a toolbar (bold, italic,
strike, heading cycle, quote, code, lists, rule, link box, insert file),
Ctrl+B/I/K, list continuation on Enter and a Write/Preview toggle that
renders the text through the same goldmark + bluemonday pipeline a save
uses (POST /b/{sub}/preview; nothing is stored). Every edit goes through
execCommand("insertText") so browser undo keeps working. The toolbar
stays hidden without JavaScript, leaving the old form untouched.
The dashboard moves from the "paper & ink" look to a lean one: neutral
surfaces, 1px borders, one blue accent, system sans, with custom
properties and flexbox/grid now allowed there (blog.css is unchanged).
Class names were kept so the templates barely change; a global [hidden]
rule keeps flex containers from overriding the hidden attribute.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Sd8UPWrvyYCLj97JexNw3A
Diffstat (limited to 'internal/web/templates/partials/dashnav.html')
| -rw-r--r-- | internal/web/templates/partials/dashnav.html | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/internal/web/templates/partials/dashnav.html b/internal/web/templates/partials/dashnav.html index 8b44e55..40ca33f 100644 --- a/internal/web/templates/partials/dashnav.html +++ b/internal/web/templates/partials/dashnav.html @@ -16,7 +16,7 @@ <div class="blogbar"> <div class="topbar-inner"> <strong class="blogname">{{.Blog.Title}}</strong> - <span class="tabs"> + <nav class="tabs"> <a href="{{$b}}"{{if eq .Path $b}} class="active"{{end}}>{{t "Overview"}}</a> <a href="{{$b}}posts"{{if hasPrefix .Path (print $b "posts")}} class="active"{{end}}>{{t "Posts"}}</a> <a href="{{$b}}pages"{{if hasPrefix .Path (print $b "pages")}} class="active"{{end}}>{{t "Pages"}}</a> @@ -25,7 +25,7 @@ <a href="{{$b}}design"{{if hasPrefix .Path (print $b "design")}} class="active"{{end}}>{{t "Design"}}</a> <a href="{{$b}}files"{{if hasPrefix .Path (print $b "files")}} class="active"{{end}}>{{t "Files"}}</a> <a href="{{$b}}settings"{{if hasPrefix .Path (print $b "settings")}} class="active"{{end}}>{{t "Settings"}}</a> - </span> + </nav> <a class="view" href="{{.BlogURL}}" target="_blank">{{t "View blog"}} ↗</a> </div> </div> |