Repository navigation
Redesign: monochrome theme, Nunito Sans, circuit artwork - #771
Merged
Andrei Kvapil (kvaps) merged 13 commits intoOct 22, 2026
Merged
Conversation
Viktoriia Kvapil (kvapsova)
requested review from
Andrei Kvapil (kvaps),
Timofei Larkin (lllamnyp),
myasnikovdaniil and
Timur Tukaev (tym83)
as code owners
October 22, 2026 11:58
Contributor
|
Important
This repository does not receive automatic reviews because it has fewer than 10 stars. ⚙️ Run configuration
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
✅ Deploy Preview for cozystack ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
Viktoriia Kvapil (kvapsova)
force-pushed
the
redesign/new-design
branch
from
October 22, 2026 16:49
2d75f3c to
bf2ab7b
Compare
- hero: use Bootstrap 5 gutter (-0.75rem) instead of -15px, removes 3px page overflow - oss-health: period switcher fits narrow screens (Telemetry, DevStats, OSS Insight) - docs/blog: wrap long links inside .td-content - home screenshot carousel: indicators below image on mobile - docs: fix /img/oidc -> /img/OIDC case in Google IdP guide (404 on GitHub Pages) - blog: remove dead Medium image from Talm v0.17 post Co-authored-by: Claude <noreply@anthropic.com> Signed-off-by: Viktoriia Kvapil <viktoriia.kvapil@aenix.io>
The hotlinked image no longer loads. Serve the logo from /img/logos/ in all five languages. Co-authored-by: Claude <noreply@anthropic.com> Signed-off-by: Viktoriia Kvapil <viktoriia.kvapil@aenix.io>
The logo path changed identically in the English page and the four translations, so the translations still match their source. Recorded digests refreshed with hack/check-i18n.sh update-digests. Co-authored-by: Claude <noreply@anthropic.com> Signed-off-by: Viktoriia Kvapil <viktoriia.kvapil@aenix.io>
Moves the site to the new design from the Figma "Cozystack website kit": - Self-hosted Nunito Sans (no Google Fonts request); tokens as CSS variables - New home: short hero with circuit artwork, screenshots, introduction with Certified Kubernetes / CNCF badges and positioning row, dark live-demo band, use cases as an accordion (native <details>), muted Benefits band, Features, dark Community band that now ends with the introductory talk. Same copy, same five languages; the CNCF block is folded into the introduction - White navbar and a new footer (logo, link row, legal lines) - Docs, blog, community, support, compliance and Resources pages restyled: typography, tables, code, alerts, tabs, sidebars, taxonomy chips, Telemetry/DevStats/OpenSSF/OSS Insight cards and switcher - The circuits asset is placed with the same transforms as the Figma instances and anchored to section edges, with mobile variants No content changes other than moving the long description below the screenshots and the video into the Community section (as in the Figma frame). Co-authored-by: Claude <noreply@anthropic.com> Signed-off-by: Viktoriia Kvapil <viktoriia.kvapil@aenix.io>
- Navbar logo 24px -> 33.1px (the kit size +20%, then +15%). - The menu collapses behind the hamburger below the lg breakpoint. The older rules kept it open on tablets, which no longer fits next to the larger logo (it wrapped to two or three rows at 600-820px). - Plain nav items had doubled horizontal padding; now equal to the dropdown ones. Co-authored-by: Claude <noreply@anthropic.com> Signed-off-by: Viktoriia Kvapil <viktoriia.kvapil@aenix.io>
- Wide tables (application parameter references, API tables) widened the whole page at 820-1100px because they were forced to display:table. Markdown tables are now wrapped in a scroll container (render-table.html); raw HTML tables scroll as blocks. - Long identifiers in headings (e.g. NetworkAttachmentDefinition) overflowed on 390px: headings now wrap anywhere and h2/h3 are smaller on phones. Found by sweeping ~330 docs/blog pages and all top-level pages in five languages at 390/700/820/1000/1100/1440px (horizontal overflow, broken local images, HTTP errors). Co-authored-by: Claude <noreply@anthropic.com> Signed-off-by: Viktoriia Kvapil <viktoriia.kvapil@aenix.io>
Co-authored-by: Claude <noreply@anthropic.com> Signed-off-by: Viktoriia Kvapil <viktoriia.kvapil@aenix.io>
The five home pages were restructured identically (hero lead and positioning moved below the screenshots, video moved into Community); the text is unchanged. Co-authored-by: Claude <noreply@anthropic.com> Signed-off-by: Viktoriia Kvapil <viktoriia.kvapil@aenix.io>
With the larger logo, the English menu (the only one with a Blog item) wraps its language selector onto a second row between 992 and ~1150px, making the navbar taller than the page offset assumes. Collapse behind the hamburger below the xl breakpoint; from 1200px up everything fits on one line in all five languages. Checked the navbar height at 980-1440px: one row everywhere. Co-authored-by: Claude <noreply@anthropic.com> Signed-off-by: Viktoriia Kvapil <viktoriia.kvapil@aenix.io>
Replaces the Font Awesome glyphs with the 12 line icons from the Figma frame, as SVG files in assets/icons/home/ (currentColor, so they are dark on light sections and white on the dark Community band). Front matter and the home/community shortcode now carry the icon name instead of a Font Awesome class; the five translated home pages are re-stamped (text unchanged). Co-authored-by: Claude <noreply@anthropic.com> Signed-off-by: Viktoriia Kvapil <viktoriia.kvapil@aenix.io>
The English headline "Free Cloud Platform" is about freedom (open source), but the translations used the word for "costs nothing". Changed on all four translated home pages (title and hero): ru бесплатная -> свободная de Kostenlose -> Freie zh-cn 免费 -> 自由 hi मुफ़्त -> मुक्त Also capitalise the first letter of the hero headline in the template: with the "Cozystack:" lead-in hidden from view, a language that continues after the colon in lower case (ru) would otherwise start the headline with a lower-case letter. Co-authored-by: Claude <noreply@anthropic.com> Signed-off-by: Viktoriia Kvapil <viktoriia.kvapil@aenix.io>
ArrowRight (hero button), ArrowLeft/ArrowRight (screenshot gallery), ChevronDown (accordion and the navbar dropdown carets) and ThreeBars (navbar toggler and the docs/blog sidebar toggles) now come from the kit as SVG files in assets/icons/ui/, replacing hand-drawn paths, the Bootstrap caret and the Font Awesome menu glyph. Co-authored-by: Claude <noreply@anthropic.com> Signed-off-by: Viktoriia Kvapil <viktoriia.kvapil@aenix.io>
The Figma kit icons are Primer Octicons, so the icons the kit does not list use the same set: - docs/blog right column links: people, book, mark-github, pencil (Font Awesome removed); the "print entire section" link has no icon (Octicons has no printer); - blog RSS button: rss; - DocSearch button shows the kit SearchIcon instead of Algolia's glyph; - Community video: a poster with the kit PlayIcon and "YouTube", as in the Figma frame. The player is created on click (youtube-nocookie), so the page makes no request to YouTube until the visitor asks; without JavaScript the poster is a plain link. Co-authored-by: Claude <noreply@anthropic.com> Signed-off-by: Viktoriia Kvapil <viktoriia.kvapil@aenix.io>
Viktoriia Kvapil (kvapsova)
force-pushed
the
redesign/new-design
branch
from
October 22, 2026 16:51
bf2ab7b to
81c1544
Compare
Andrei Kvapil (kvaps)
approved these changes
Oct 22, 2026
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
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.
Based on the layout-fixes PR (it touches the same gallery/hero files): merge that one first.
New design from the Figma "Cozystack website kit".
Home (frame "Desktop / Homepage, Contrast & circuits"): short hero with circuit artwork; screenshots; introduction with Certified Kubernetes + CNCF badges and the positioning row; dark live-demo band; use cases as an accordion (native
<details>, no JS); muted Benefits band; Features; dark Community band that ends with the intro talk (moved from the hero). Same copy in all five languages. The separate CNCF block is folded into the introduction.Site-wide self-hosted Nunito Sans (no Google Fonts request), white navbar, new footer, restyled docs/blog/support/compliance and Resources pages. The circuits asset is placed with the same transforms as the Figma instances and anchored to section edges; mobile variants included.
Notes for review
blocks/heromarkup changed: the long description and taglines now come fromhome/intro, below the screenshots. All five_index.mdwere updated; the text is unchanged, only reordered./demo/(the demo app) is untouched.Checked headless Chromium at 1440 and 390 px: home (en, de, ru, zh-cn, hi), docs, blog, post, community, support, compliance, Resources. No horizontal overflow at 390px.