Site rebuild: assets, release notice and social preview (follow-up to #15) - #16
Merged
Merged
Conversation
Replaces the single-file page with a structured site that explains what
Zero Layer is, why it exists, how it works and what it is built on.
Structure
- Split into index.html + assets/css/styles.css + assets/js/{i18n,main}.js
instead of one monolithic file, so copy, styling and behaviour can be
changed independently.
Design system
- Token-based CSS: type scale with clamp(), 8px spacing rhythm, elevation
surfaces, gradient-mesh + grain backdrop, consistent motion easing.
- Dark remains the base theme; the light theme mirrors every token.
New content
- Why: the three concrete failure modes of Linux packaging.
- The idea: a before/after view of the ELF fields that get rewritten,
which is the clearest way to show what "binary translation" means.
- Philosophy: the six principles the codebase is held to.
- How it works: the real eight-stage install pipeline, with per-stage detail.
- Capabilities, 13 sources, a tabbed command explorer, on-disk architecture,
a comparison against containers/Flatpak/Snap/manual installs, a 3-step
quickstart with copy buttons, and an 8-question FAQ.
- CTAs at hero, quickstart and closing; a four-column footer with socials.
Interaction
- Animated install demo in the hero, scroll progress bar, animated counters,
staggered reveals, accessible tabs (arrow-key navigation), copy-to-clipboard
with a clipboard fallback, and a collapsible mobile menu.
- All of it degrades under prefers-reduced-motion.
i18n
- All five languages (EN default, IT/FR/ES/DE) cover the new copy, including
the meta description, with English as the per-key fallback.
Verified with headless Chromium: no JS errors, language switching updates
every section, tabs/theme/menu work, no horizontal overflow from 320px to
1440px, tap targets >=40px, one h1, visible focus ring, and text contrast
at WCAG AA or better in both themes.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01LAjDSA1954JLqUZnxoJ5sy
The page describes what is on main (13 sources, 349 tests), but the only published release is v0.1.0, which ships 4 sources. Someone clicking "Download latest release" was getting something that did not match what they had just read. - Add a release notice above the quickstart and under the closing CTA, stating that v0.1.0 is what is published and pointing at building from source for the full set. Translated into all five languages. - Drop the "v0.2" badge, which asserted a version that was never released, and set the JSON-LD softwareVersion back to the published 0.1.0. - Add the missing og-image.png (1200x630): the meta tags referenced a file that did not exist, so link previews rendered without an image. The source is committed alongside it as assets/og-image.src.html so it can be re-rendered when the branding changes. Verified: the notice renders in all five languages with its markup intact, no JS errors, no horizontal overflow from 320px to 1280px. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01LAjDSA1954JLqUZnxoJ5sy
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
2 participants
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.
PR #15 merged at an older head than the branch actually pointed at, so its last two commits never landed on
main. The result is a broken site:index.htmlonmainreferencesassets/css/styles.cssandassets/js/*.js, which are not there.This PR carries exactly those two commits, rebased onto
main.What was missing
feat(site): rebuild the landing page as a full product siteindex.html+assets/css/styles.css+assets/js/{i18n,main}.js.prefers-reduced-motion.fix(site): be accurate about the published release, add social previewmain. Translated into all five languages.v0.2badge, which asserted a version that was never released, and restoressoftwareVersionto the published0.1.0.og-image.png(1200×630) — the meta tags pointed at a file that did not exist — with its source committed asassets/og-image.src.html.Verification
Headless Chromium: no JS errors, language switching updates every section, tabs/theme/menu work, no horizontal overflow from 320px to 1440px, tap targets ≥ 40px, one
h1, visible focus ring, WCAG AA or better text contrast in both themes.🤖 Generated with Claude Code
https://claude.ai/code/session_01LAjDSA1954JLqUZnxoJ5sy
Generated by Claude Code