diff options
| author | grm <grm@eyesin.space> | 2026-09-12 12:21:10 +0300 |
|---|---|---|
| committer | grm <grm@eyesin.space> | 2026-09-12 12:21:10 +0300 |
| commit | 336199c65d910bbd45a9c5dcbc3beae214d75b98 (patch) | |
| tree | 914b9259f96f21939305f9b4990b725cea72ca47 /internal/web/templates/dashboard/images.html | |
| parent | e0768c2aacd72bd4e62d0847dc2231644664d08d (diff) | |
| download | blogspace-336199c65d910bbd45a9c5dcbc3beae214d75b98.tar.gz blogspace-336199c65d910bbd45a9c5dcbc3beae214d75b98.tar.bz2 blogspace-336199c65d910bbd45a9c5dcbc3beae214d75b98.zip | |
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 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Sd8UPWrvyYCLj97JexNw3A
Diffstat (limited to 'internal/web/templates/dashboard/images.html')
| -rw-r--r-- | internal/web/templates/dashboard/images.html | 8 |
1 files changed, 5 insertions, 3 deletions
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"}} -<h1>Images</h1> +<div class="pagehead"> + <h1>Images</h1> + <p class="lead muted">Images are stored with your blog. Put one in a post with <em>Insert image</em> in the editor, or copy its line from below.</p> +</div> <div class="card"> <form method="post" action="/b/{{.Blog.Subdomain}}/images/upload" enctype="multipart/form-data"> <input type="hidden" name="_csrf" value="{{.CSRF}}"> <label>Upload an image <span class="muted">(PNG, JPEG, GIF or WebP)</span><br><input type="file" name="file" accept="image/*" required></label> - <button type="submit">Upload</button> + <p class="actionrow"><button type="submit">Upload</button></p> </form> </div> -<p class="muted">To put an image in a post, copy its Markdown line into the post text.</p> <div class="gallery"> {{range .Data.images}} <div class="card thumb"> |