Skip to content

Website redesign: unified light theme, polished docs, data-driven pages#844

Merged
wu-sheng merged 40 commits into
masterfrom
website-redesign-horizon
May 21, 2026
Merged

Website redesign: unified light theme, polished docs, data-driven pages#844
wu-sheng merged 40 commits into
masterfrom
website-redesign-horizon

Conversation

@wu-sheng
Copy link
Copy Markdown
Member

@wu-sheng wu-sheng commented May 20, 2026

A full light-theme redesign of the public site — every page shares one visual language (brand blue #3788D0, rounded cards, consistent hero / sticky nav / footer). ~40 commits, ~130 files.

Pages

  • Home — hero with a fixed Horizon "canyon" backdrop (parallax on scroll, fades into content), an ASF oak-leaf seal stamp, prominent display-font stats (contributors / 100B+ / 10+ yrs), a product-shot widget row (trace / logs / metrics / RBAC), capability cards (aligned CTAs), richer ecosystem cards, and a polished get-started + community section. Quick-start CTAs jump to the docs Get-started section and highlight the target card.
  • Docs landing — light hero + category chips + project card grid with build-time GitHub stars; a Get started block with two OS-tabbed quickstarts (Run the Showcase vs Run SkyWalking, bash / PowerShell, line-numbered soft-wrapping code), de-duplicated Read-docs/versions control.
  • Generated docs (reading view) — adopted the new design's theme: prose scale, dark monochrome code blocks with copy + language label, callouts, themed sidebar version selector, and a polished "On this page" TOC.
  • Events — year-grouped timeline of headline + truncated cards; detail page with an all-events sidebar timeline.
  • Blog (EN + 中文) — card grid with color-coded labels + preview; single posts keep the reading layout.
  • Downloads — compact 4-up release cards: latest Source/Distribution shown, older versions in a top-right dropdown; signed artifacts; restyled Docker images + verify section. Same data/releases.yml shape.
  • Team — light hero; PMC/Committer roster moved to data/committee.yml, auto-built into merged grids; project-level contributor grid + search + modal.
  • Users — auto-scrolling logo marquee (5 rows, pause on hover, grayscale→color).
  • Contributors — light hero + Project/Contributions/Ranking table (search preserved).
  • Navbar — section-based active highlight; Apache dropdown with the new ASF oak-leaf logo. Announcement popup redesigned.

Data-driven content

  • data/quickstart.yml — the two homepage/docs quickstarts (commands mirror setup/backend/backend-docker and the showcase repo).
  • data/committee.yml — PMC & Committer roster (adding a member is a one-line edit).
  • data/stars.yml + scripts/stars.js — build-time GitHub star/fork counts (token-aware, retry, cached fallback). Replaces the runtime github-buttons widget. Build command signatures are unchanged, so CI is unaffected.

Blog label taxonomy

Consolidated ~90 ad-hoc tags into 11 clear labels (Release, Tracing, Metrics, Logging, Profiling, Storage, Agents, Cloud Native, AI, Community, Engineering); all 84 EN posts re-tagged (≤3 each).

Notes

  • Existing data shapes (releases.yml, docs.yml, users.yml, generated team.yml) preserved; release/docs/team flows unaffected.
  • JS hooks (team/contributor search & modals, version switcher, event popup, lazy-load) kept intact.
  • New assets: product screenshots, the ASF oak-leaf logo, and the Horizon canyon backdrop (compressed).

Testing

hugo builds clean; home, docs landing, events, blog (EN/zh), downloads, team, users, contributors and single pages return 200 locally. Generated docs reading pages and data-driven grids (team/contributors/stars) verified on the Netlify deploy preview.

🤖 Generated with Claude Code

wu-sheng added 3 commits May 20, 2026 17:53
Homepage
- Full light re-layout: hero with topology product shot, flowing widget
  row (trace + logs/metrics/rbac placeholders), capabilities, ecosystem,
  events, community; Grand Canyon backdrop restored; hero fits one viewport.

Events
- Timeline list (year-grouped) of headline + truncated message cards, no
  photos; polished detail page with an all-events sidebar timeline for
  quick jumping; full-width events baseof.

Blog
- Card-grid list with color-coded label chips, title and preview; single
  posts keep the two-column reading layout.
- Consolidated ~90 ad-hoc tags into 11 clear labels (Release, Tracing,
  Metrics, Logging, Profiling, Storage, Agents, Cloud Native, AI,
  Community, Engineering); every post now carries up to 3 most-specific
  labels.

Navbar
- Reliable section-based active-page highlight.
- Apache dropdown with the new ASF oak-leaf logo, to the right of search.
- 中文资料 menu kept in its original left-nav position/style.

Assets: add product screenshots and the new ASF oak-leaf logo.
@netlify
Copy link
Copy Markdown

netlify Bot commented May 20, 2026

Deploy Preview for skywalking-website-preview failed.

Name Link
🔨 Latest commit c094adc
🔍 Latest deploy log https://app.netlify.com/projects/skywalking-website-preview/deploys/6a0e7710f71b790008099b70

wu-sheng added 24 commits May 20, 2026 18:43
Latest release prominent (src + asc/sha512 + distribution), older versions
collapsed in a <details> expander; category jump chips and a latest-releases
summary in the hero; restyled Docker images and verify section. GA download
tracking (data-label / .download-wrapper) preserved.
Chroma's inline light background beat the dark class style while the light
text color remained, making commands invisible. Use a light bordered code
block with dark text instead.
…opdowns

Switch to the old release-list style: all versions in Source/Distribution
<details> dropdowns (latest tagged), smaller download links, 4 cards per row.
Remove the prominent latest-block and stale older/dist styles.
Full-width hero, light PMC/Committer tables, project-level contributor grid
with search and a restyled modal. Preserves the script-team.html JS hooks
(.item + adjacent .hide list, .modal-*, search to /contributors/).
…ld merged member grids

Replaces the four hand-split markdown tables with a single data file and a
team-members shortcode that renders one merged grid per role. Adding a member
is now a one-line yaml edit.
…t homepage Quick start to backend-docker setup
…b stars

Add scripts/stars.js (build-time star/fork counts into data/stars.yml, token-aware,
cached fallback) wired into the build commands and CI; the /docs landing renders a
light hero + category chips + project card grid with static star counts, replacing
the runtime github-buttons widget.
Light hero + clean Project/Contributions/Ranking table; full-width baseof.
Preserves script-search.html hooks (.current-contributor, .item-wrapper(.show),
login-classed reveal, .search-tips).
@wu-sheng wu-sheng changed the title Website redesign: light homepage, events timeline, blog cards, label taxonomy, navbar Website redesign: unified light theme across all pages May 20, 2026
…s Run SkyWalking, OS-tabbed

Two distinct flows sourced from data/quickstart.yml (commands mirror
setup/backend/backend-docker and the showcase repo): the Showcase demo and the
SkyWalking one-liner installer, each with OS tabs (bash / PowerShell), dark
copyable terminal blocks.
wu-sheng added 12 commits May 21, 2026 08:31
…ackdrop, richer ecosystem cards, aligned capability CTAs

- Hero stats (contributors / 100B+ / 10+ yrs) in Space Grotesk with a brand→pink gradient.
- Hero background: Horizon UI login canyon photo under a diagonal light overlay (replaces the too-faint bg.png).
- Ecosystem cards: icons, project-color accent, hover, CTA links (no longer thin).
- Capability cards: 'Learn more' bottom-aligned; Tracing → probe-introduction docs.
… seal to top-left, fix circular-text ring overlap
…o reflow), center ring text, headline overlaps on small screens
@wu-sheng wu-sheng changed the title Website redesign: unified light theme across all pages Website redesign: unified light theme, polished docs, data-driven pages May 21, 2026
@wu-sheng wu-sheng merged commit 5825a77 into master May 21, 2026
1 of 5 checks 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