Skip to content

Deepen ocean palette, add god-ray light shafts, split tagline lines#5

Merged
Loyale merged 1 commit into
mainfrom
claude/vibrant-ritchie-KKkgZ
May 27, 2026
Merged

Deepen ocean palette, add god-ray light shafts, split tagline lines#5
Loyale merged 1 commit into
mainfrom
claude/vibrant-ritchie-KKkgZ

Conversation

@Loyale
Copy link
Copy Markdown
Contributor

@Loyale Loyale commented May 27, 2026

Summary

  • Deeper water column. Shifted the body gradient downward — the top of the page now sits in the upper mesopelagic rather than at the sunlit surface, and the bottom drops to true black. Overall noticeably darker while preserving the gradient feel.
  • God rays. Layered radial gradients positioned just above the viewport produce narrow translucent columns of "god ray" light streaming down and fading as they descend, plus a diffuse surface glow band. With background-attachment: fixed, the rays stay overhead as the page scrolls — the viewer always feels below them.
  • Tagline on two lines. BLOG_DESCRIPTION is split on sentence boundaries in base.tmpl and each sentence renders on its own line via a small CSS rule. The underlying config value stays clean plain text so RSS, meta tags, and other consumers are unaffected.

Test plan

  • Hard-refresh the home page — confirm noticeably darker palette and visible streaks of light at the top fading toward the middle of the page
  • Confirm the rays stay anchored to the viewport while scrolling (not the document)
  • Confirm the header tagline displays "Dispatches from the neurogenic niche." and "Cells, sequences, and cephalopods." on separate lines
  • Check that RSS / <meta name="description"> still contain the full single-line description (not the split markup)
  • Spot-check a post page: article cards, code blocks, and links still have enough contrast against the darker background

Generated by Claude Code

Water column shifted deeper: the top now sits in the upper
mesopelagic rather than at the sunlit surface, and the bottom
drops to true black. The viewer feels submerged below the
light zone.

Light from above is reintroduced as layered radial-gradient
"god rays" — narrow translucent columns positioned just above
the viewport that fade out as they descend through the water,
plus a diffuse surface glow band. With background-attachment:
fixed, the rays stay overhead while the page scrolls.

Tagline now splits on sentence boundaries — each sentence
renders on its own line. Done in base.tmpl (display logic) and
a small CSS rule, so BLOG_DESCRIPTION stays clean text for
RSS, meta tags, and other consumers.
@Loyale Loyale merged commit fe19262 into main May 27, 2026
1 check failed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants