Design overhaul 2#337
Merged
Merged
Conversation
This reverts commit 21cfafb.
- Add --ifm-content-width (1200px) token and .page-content / .page-content-narrow global utility classes; replace main-container-with-margins + container nesting across Projects, Services, About, Careers, Fundable, Contact pages - Fix page-start spacing: change upper-container-with-margin-top from margin-top to padding-top (prevents CSS margin collapse through plain div wrappers) - Projects: fix ProjectCard 50/50 split (was col-6-offset-1 + col-4); simplify AllProjects and Header wrappers - Services/Contact: clean up col offsets to 50/50 splits; remove textAlign:justify - About: add values_row modifier so 4 value cards fill one row (flex:1 1 0); remove subteam_container side margins; fix SubTeam to use cards-row - Fundable: change sidebar from position:fixed to position:sticky so it stays aligned within the centered content band - Hero logos: constrain to page-content band so it doesn't overflow the content width - Remove legacy h1 asymmetric padding (8px 36px 8px 20px -> 0 with margin) - global p: text-align justify -> left
- Normalize all page title alignment to left (remove text--center from About, Careers, Contact, and fix spurious full-flex-centered on FourValues) - ProjectCard: col-8/col-4 split (was 6/6), border frame moved from the full column onto an inner wrapper around the logo; logo constrained to max 160x160px via object-fit; implement reverse alternating layout from project data - Project text box: reduce padding from 4xl/3xl to 2xl/2xl; remove text-align:justify - Fundable sidebar: replace Infima col--2/col--10 with plain flexbox (fundable_layout / fundable_sidebar / fundable_main); sidebar is 200px fixed width, sticky top:80px, hidden on mobile via media query — no more overlap
Replace section-based sidebar navigation with tag filter chips (All / Jupyter Ecosystem / Package Management / Scientific Computing / Apache Arrow) and a 3-column responsive card grid. Each card shows category label, title, truncated description, price and funding progress. Filter state is local React state; no routing changes needed. Remove MenuSidebar, fundable_layout flex split, and sidebar CSS. Also remove yarn.lock so Docusaurus uses npm.
…g away from sidebar
…ro li margin, stretch splits
Migrate Hero, News, WhatWeDo, AboutQS, SubTeam, ScheduleAMeeting, VisitWTJProfile to Section/CardGrid/Banner layout components. Remove blue-banner-container, cards-row, cards-list, row-with-margin-*, main-container-with-margins, upper-container-with-margin-top from custom.css.
Remove row-reverse, row-max-width, footer-astronaut, social-media-links, all spacing-* utilities, link-box, contact, fundable_projects, astronaut-footer, custom-progress-bar, page-content-narrow.
One h1 per page (page title only). Section headers become h2, subsections h3. Project taglines demoted from h2 to p. Hero tech list and project subtitles converted to p. Add h1 'About QuantStack' to about page. Rename 'We have worked with' to 'Trusted by'.
Add --ifm-bg-neutral/brand/emphasis to :root. Replace all raw color vars used as backgrounds with semantic vars throughout. Remove bg="light" variant, add bg="yellow". Home: TrustedBy→white, WhatWeDo→white, ProjectsOverview gets yellow header, AboutQS→dark consistently. Page intros (about, projects, services) use bg="yellow". Add card_transparent variant; TopicsCard uses it on white section.
Add navbarScroll client module toggling data-navbar-scrolled and data-navbar-home-top attributes. CSS transitions background/shadow on scroll. White links on home page over dark hero banner.
Use !important to beat Docusaurus CSS. Pull section_page_top and hero_container behind the sticky navbar with margin-top: -navbarHeight so the section background shows through the transparent navbar.
…arent social icons - WhatWeDo background → yellow; TopicsCard → transparent (no white-on-yellow) - ProjectsOverview header → white (breaks yellow→yellow adjacency) - ValueCard → white (lighter feel on About page) - FourValues split into its own white Section separate from yellow intro - All pages now open with yellow pageTop h1 + overview paragraph - Social icon SVGs: remove white circle background and black stroke - Logo grid: mix-blend-mode multiply for transparent PNG logos
This reverts commit 38e29d5.
Add global .page-tagline CSS class (blue, bold). Apply h1 + tagline + body + CTA pattern to services, sponsor, careers, blog, projects, about.
Each header section now has tagline + 3 body sentences + CTA. ScrollDownCTA provides a "Read more" scroll-to-next-section button with a downward-arrow icon for pages that don't need a direct action.
Remove flex-full-centered wrapper from LinkToContact (Banner centers its own children). Add ScrollDownCTA to every page header alongside the primary CTA, left-aligned in a flex row.
Add --ifm-bg-light-blue and --ifm-bg-light-grey CSS vars + Section/ SplitSection support. Projects page: alternating bg replaces separators. About page: values section uses light-blue with transparent cards.
Add global .highlight CSS class (accent-red). Apply to one word in every h1 and major h2 across all pages.
Remove highlights from all h1s. Rename "Trusted by" to "Who we work with" and align Who/How/What as the highlighted words across the three main home page h2s.
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.
Summary
Complete overhaul: