Add the shared thesolidchain.com status bar to the website - #166
Merged
Conversation
New StatusBar component replicates the corporate non-scrollable header (cream chain mark linking home, traffic dots, user/uptime/region, amber cursor). It sits with the existing product topbar inside one sticky header; the topbar itself is no longer independently sticky. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01PjJxDmntk8Wfw2cwTtEbtF
robercano
approved these changes
Jul 23, 2026
robercano
added a commit
that referenced
this pull request
Jul 23, 2026
…ok spec (#167) PR #166 already added the shared thesolidchain.com statusbar (row 1) above the website's product topbar (row 2), sticky as one header. Row 2 itself didn't yet follow the brand book §08 pattern used by the other family sites: glyph, then the bold product name, then a short context blurb, ahead of any product nav. - Topbar: reorder to glyph-first (`^^`), add a short tagline sourced from the README/meta description ("declarative, idempotent, verifiable deploys"), drop the reDeploy-specific chevron mark SVG — the family brand mark already anchors the statusbar row directly above it, so a second logo in row 2 read as redundant. The site's own nav anchors (pipeline/studio/packages/github) are preserved, now following the brand-row strip. - content.ts: centralize the glyph/tagline as TOPBAR, matching how NAV_LINKS and FOOTER are already content-driven. - styles.css: drop the now-unused .mark rule, add .tagline (dim) and bold the .chev glyph to match the family's subbar glyph weight. - tests: new Topbar.test.tsx asserts the row order (glyph → name → tagline) and that nav anchors still resolve; content.test.ts covers the new TOPBAR export. Co-authored-by: Roberto Cano <3525807+robercano@users.noreply.github.com> Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
This was referenced Jul 23, 2026
robercano
added a commit
that referenced
this pull request
Jul 24, 2026
The shared-header rework (#166/#167) deliberately keeps only the family mark + ASCII product row in the sticky header, which left the full product logo (amber v1.9 iter32 frame + lime ^^ glyph) absent from the page. Adds it as a BrandMark component centered above the hero headline, verbatim from brand/products/tsc-redeploy.svg. Co-authored-by: Roberto Cano <3525807+robercano@users.noreply.github.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
3 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.
Sub-task
Add the corporate non-scrollable status bar (shared with thesolidchain.com, reCode and reDeFi) above the website's product topbar.
Module / boundary
apps/websiteWhat changed
StatusBarcomponent: cream v1.9 chain mark (56px) linking to thesolidchain.com, traffic-light dots,roberto@thesolidchain: ~, greenonlineLED,uptime: 20y+,region: es-remote-1, blinking amber cursorApp.tsx: StatusBar + existing Topbar wrapped in one sticky<header class="hdr">; the topbar is no longer independently stickystyles.css: statusbar styles matching the canonical bar (same tokens: panel/edge/dim/accent),prefers-reduced-motionrespectedGates
pnpm -F @redeploy/website buildpnpm -F @redeploy/website lint(0 warnings)pnpm -F @redeploy/website typecheckpnpm -F @redeploy/website test)Reviewer verdicts
Open risks / follow-ups
🤖 Generated via the multi-agent orchestrator template.
🤖 Generated with Claude Code
https://claude.ai/code/session_01PjJxDmntk8Wfw2cwTtEbtF
Generated by Claude Code