Skip to content

Updated website design from Christina - #36

Open
francisli wants to merge 10 commits into
mainfrom
christina245
Open

francisli wants to merge 10 commits into
mainfrom
christina245

Conversation

@francisli

Copy link
Copy Markdown
Contributor

No description provided.

@github-actions

github-actions Bot commented Aug 19, 2026

Copy link
Copy Markdown

🚀 Preview URL

https://pr-36.sfcivictech-pr-builds.pages.dev

Last updated: 2026-09-11T20:38:11Z

christina245 and others added 5 commits August 28, 2026 13:25
…irects

- Fix projects-v2, blog-v2 index, and homepage to resolve content-collection
  images via getImageAsset() before rendering, instead of passing raw
  /src/assets paths directly to <img>/<Image>. The raw paths only resolved
  in dev (Vite serves /src/* live) and 404'd in production builds, breaking
  every project and blog thumbnail for anyone viewing a deployed build.
- Add blog-v2/[slug].astro for individual v2 blog post pages, replace the
  old paginated blog-v2/[...page].astro with a filterable index page, and
  redirect legacy /blog/<slug> URLs to their /blog-v2/<slug> equivalents
  (retiring the old blog/[slug].astro page to pages-v1-backup)
- Point "Events" links in the header and footer at the SF Civic Tech Meetup
  page instead of /events-v2, which stays intact but unlinked for now
- Embed the Zeffy donation form on /donate-v2, matching the homepage embed
- About Us: remove peach section backgrounds, restyle the History heading
  to match the site's H2 style, and normalize a body paragraph to the
  theme's default paragraph style
- Update completed project entries with refreshed descriptions, tech
  stacks, and thumbnails
Every v2 page was reachable only via a redirect from its clean path to a
"-v2" suffixed one (e.g. "/" -> "/v2", "/about" -> "/about-v2"), so visitors
would always end up with "-v2" in their address bar - including on the
homepage. Get Started was already fixed to the correct pattern; this
applies the same fix everywhere else:

- Renamed every v2 page file to drop the "-v2" suffix (v2.astro ->
  index.astro, about-v2.astro -> about.astro, blog-v2/* -> blog/*, etc.),
  so the real route has no "v2" in it
- Updated every internal link across HeaderV2, FooterV2, and the pages
  themselves to point at the clean URLs, and fixed a stale donateURL
  constant that had the header's Donate button silently pointing at
  "/donate-v2"
- Added reverse redirects (old "-v2" URL -> new clean URL) for backward
  compatibility with existing bookmarks/links, verified these generate
  proper noindex + canonical redirect stubs so they work on GitHub Pages
- Moved one more leftover v1 page (about/code-of-conduct.md) into
  pages-v1-backup to match the rest of the v1 archive

"v2" still appears in component names, content collection folder names,
and other internal/code-only identifiers, which was intentional.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- Add an optional slack field to the projectsV2 and completedProjectsV2
  schemas, and populate it for every project that has an active channel
  (cross-checked against the live site and the original v1 project data)
- Render each project's Slack link on /projects, right above "View code"
  when present, or as the last link when there's no repo to link to
- Swap the PanDa project's thumbnail to the newly uploaded
  "bay area panda.png"

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- Fix the homepage hero overflowing horizontally on mobile: .hero-content
  had no min-width:0 as a flex child and asymmetric padding, so long words
  forced the section wider than the viewport instead of wrapping
- Fix the header's logo link still pointing at "/v2" (missed earlier since
  it's a bare "/v2" link, not a "-v2" suffix)
- Fix the header losing its left/right whitespace: .v2-header's shorthand
  "padding: 1rem 0" was zeroing out the horizontal padding that the shared
  .container class provides, since Astro's scoped styles win over it
- Fix project cards clipping their content on mobile: .project-card had a
  fixed height tuned for the desktop side-by-side layout, but the mobile
  stacked layout needs more vertical room. Height now only applies at the
  768px+ breakpoint alongside the row layout
- Add overflow-x: hidden on body as a safety net against stray horizontal
  scroll on platforms with reserved-width scrollbars

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
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.

2 participants