Repository navigation
Post page: put the link sections and comments on cards - #10
Conversation
The admin-only link sections and the comments were laid out directly on the background photo, outside the card the post body sits on, so their text was hard to read. Each group now gets its own glass card. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
There was a problem hiding this comment.
Copilot review overview
🟢 Approval recommended
It is a small, self-contained presentational change with balanced, well-formed HTML across both render paths and a correct, idiomatic CSS addition, with no functional or logic changes.
Review effort: Balanced
Findings: None
What changed in this PR
This PR is a presentation-only change to the Forest theme's post page. Previously, the admin-only link sections (Backlinks, Linked Posts, External Links, External Backlinks) and the comments were rendered directly over the full-bleed forest background photo, making dark text hard to read. The change moves these into frosted glass-card containers (matching the post body) inside the same padded wrapper, replacing the removed Bootstrap row/container layout wrappers.
Changes:
post.html: wrap the four admin link sections in oneglass-cardand the comments in another, both inside the existing padded wrapper; drop therow/containerwrappers and introducepost-linksblocks.goblog.css: add vertical spacing between consecutive.post-linkssections.CHANGELOG.md: add a 1.4.1 entry describing the fix.
| File | Description |
|---|---|
| templates/post.html | Places admin link sections and comments onto glass-card containers inside the post's padded wrapper; HTML remains balanced in both admin and visitor render paths. |
| static/css/goblog.css | Adds .post-links + .post-links { margin-top: 24px; } to space adjacent admin link sections. |
| CHANGELOG.md | Documents the 1.4.1 styling fix. |
💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.
Problem
On a post page, the admin-only link sections (Backlinks, Linked Posts, External Links, External Backlinks) and the comments were laid out directly on the background photo, outside the card the post body sits on. Dark text over the trees was hard to read.
Fix
post.html: the link sections share oneglass-card, and the comments get another, both inside the same padded wrapper as the post body. The Bootstraprow/containerwrappers around them are gone, since the card sets the width.goblog.css: spacing between the link sections.min_goblog_version.Testing
Rendered
post.html(this same template, via the site theme) with sample data against goblogmain, as admin and as a visitor, and checked a headless Chrome screenshot at 1300px wide: three cards, nothing on the bare background. Not checked on a phone-width screen or in a live GoBlog instance.🤖 Generated with Claude Code