Skip to content

feat(site): show the product in the hero, keep content visible without JS - #61

Merged
jiunbae merged 2 commits into
mainfrom
feat/site-home-refresh
Sep 25, 2026
Merged

jiunbae merged 2 commits into
mainfrom
feat/site-home-refresh

Conversation

@jiunbae

@jiunbae jiunbae commented Sep 25, 2026

Copy link
Copy Markdown
Member

Stacked on #60 (links to the widget pages it adds).

Summary

  • Hero: dark background with the real popover render (popover-dark.png) beside the copy, instead of a wallpaper capture with the popover half hidden under the nav. Mobile stacks it under the copy.
  • h1: the tagline is now the h1; "BarShelf" stays as the large wordmark (<p class="wordmark">). Kicker: "Free for macOS 13+ · Apple Silicon".
  • No-JS: .reveal only hides when <html class="js">, set by an inline script, so content is visible without JS.
  • Proof row: Notarized / Native / Any CLI / MIT, each a claim from README and the features section.
  • Gallery: tiles link to widget pages (or index anchors); light/dark pair capped at 720px; height attrs corrected to 1502.
  • SEO: SoftwareApplication JSON-LD.

Test plan

  • HTML parses; check-release-versions.py passes
  • WebKit renders at 1300px and 390px (en and ko): no horizontal overflow, hero shot fully inside the viewport
  • JS disabled: every section visible

🤖 Generated with Claude Code

jiunbae and others added 2 commits September 25, 2026 21:15
…t JS

The hero was a full macOS wallpaper capture with the popover small in a
corner, half under the nav and cut off on phones. It now pairs the copy with
the real popover render (Today, Battery, Weather, Claude Code and Codex
usage). The tagline becomes the page's h1; the wordmark stays as large text.

.reveal hid everything below the hero until JS ran, so no-JS readers and
link-preview bots saw an empty page. Hiding now needs a `js` class that an
inline script adds.

Also: proof row states checked facts (notarized, native, any CLI, MIT)
instead of "1 / 0 / 3", gallery tiles link to their widget pages, the
light/dark pair is half the size, image dimensions match the files, and the
page carries SoftwareApplication JSON-LD.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@jiunbae
jiunbae changed the base branch from feat/site-widget-pages to main September 25, 2026 12:30
@jiunbae
jiunbae merged commit 9974ccf into main Sep 25, 2026
1 check passed
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.

1 participant