Design overhaul#336
Open
MMesch wants to merge 35 commits into
Open
Conversation
This reverts commit 21cfafb.
|
@MMesch is attempting to deploy a commit to the QuantStack Team on Vercel. A member of the Team first needs to authorize it. |
- 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.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
MMesch
changed the title
Member
Author
|
Mini review for next iteration:
|
…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
Member
Author
|
@SylvainCorlay another iteration. Maybe makes sense to do an intermediary commit before getting into deeper changes. Let me know if you have comments! |
Member
Author
|
Needs new preview deployment |
- Rework link-to-button base: auto-width, hover lift + shadow - Dark banner CTAs: yellow on navy (were invisible navy-on-navy) - Add hover glow to yellow CTA buttons - Remove hardcoded 358px widths from all button modifier classes - Add Get in touch CTA to Services header - Fix Projects page left/right alternation (Apache Arrow, Robotics) - Add Home to navbar - Rename Fundable projects → Sponsor in navbar; update h1 - Fix Fundable tagline to reflect ready-to-execute scoped work
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
1 participant
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.
General design overhaul PR. Needs more follow up. But can already get merged after review.