Landing site: Astro marketing page for Reader.md#21
Merged
Conversation
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Add @lucide/astro and swap the emoji in Features.astro (9 cards) and Contribute.astro (3 cards) for inline-SVG Lucide icons rendered at build time. No client JS added. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Mirrors the macOS app's system -> light -> dark cycle. No-FOUC inline script sets document.documentElement.dataset.theme from localStorage before paint; global.css lets an explicit data-theme override prefers-color-scheme. Button renders three Lucide icons (SunMoon/Sun/Moon), CSS shows exactly one based on the theme attribute; a small inline script at the end of body wires the click cycle and updates aria-label/title. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Carries the hero's decorative language into the rest of the page: Features and Shortcuts (bg-bg-alt bands) get the same static SVG dot-grid pattern at low opacity; Contribute gets four static low-opacity mono glyphs tucked into the corners, clear of the cards. No animation outside the hero — texture only. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Adds a static marketing site in
site/(Astro 7 + Tailwind CSS v4), ready for Vercel/Netlify with root directorysite:prefers-reduced-motionrespected), a pure-CSS mock of the app window, 9-card features grid with Lucide icons, install section (Homebrew + DMG), keyboard-shortcuts section (v1.6.0 bindings), and a contribute section./changelog,/faq,/shortcutsrendered at build time from the app's bundled docs (Sources/ReaderMd/Resources/docs/) via a prebuild copy script that fails the build loudly if a source is missing.prefers-color-scheme.Design spec:
docs/superpowers/specs/2026-07-10-landing-page-design.md· Plan:docs/superpowers/plans/2026-07-10-landing-site.mdVerification
npm run buildemits all 5 pages; zero gradients in source and built output; only the two inline theme scripts ship.Deploy notes
Vercel/Netlify: root directory
site, Astro preset. On Vercel keep "Include files outside the root directory" enabled (prebuild reads../Sources/ReaderMd/Resources/docs/). Follow-up once a domain exists: setsiteinastro.config.mjsand absolute-ifyog:image/og:url.🤖 Generated with Claude Code