Skip to content

Al folio migration - #3

Merged
darshansarojini merged 2 commits into
mainfrom
al-folio-migration
Aug 20, 2026
Merged

darshansarojini merged 2 commits into
mainfrom
al-folio-migration

Conversation

@darshansarojini

Copy link
Copy Markdown
Contributor

Summary

Describe what changed and why.

Adding your site to the showcase? We no longer accept pull requests for that. Please close this PR and post a request in the Showcase category of GitHub Discussions instead — entries are reviewed and added periodically.

Ownership Routing

  • I confirmed this PR targets the correct repo based on docs/BOUNDARIES.md.
  • This PR only changes starter-owned scope (al-folio) or I am porting a routed change and linked the owning repo issue/PR.

Owning repo (if not starter):
Related issue/PR:

Plugin Ecosystem (if applicable)

  • Not applicable
  • This PR proposes a plugin for featured-only listing.
  • This PR proposes a plugin for bundled starter inclusion.

If plugin-related, provide:

  • Plugin repo URL:
  • Gem name:
  • Jekyll plugin id:
  • Compatibility (al_folio_min/al_folio_max):
  • Demo page/post path:
  • Maintainer contact:

Starter Wiring Changes

  • Not applicable
  • Updated Gemfile dependency wiring.
  • Updated _config.yml plugin activation/config.
  • Updated _data/featured_plugins.yml metadata.

Validation

  • npm ci
  • bundle exec jekyll build
  • npm run lint:prettier
  • npm run lint:style-contract
  • Integration tests (test/integration_*.sh) as needed
  • Visual tests (npm run test:visual) as needed

Notes

Compatibility, migration implications, and follow-ups:

darshansarojini and others added 2 commits August 20, 2026 16:43
The migration carried over the news text but none of the photos. Recovered
the 10 images from the source archive, where they live as CSS background
images on divs whose aria-label is the caption the site displayed -- that
pairing is what maps each photo to its news item.

Rework _includes/news.liquid to take an `images:` list per item:

- Thumbnails float right of the item text so it wraps alongside, dropping
  to full width below 576px. A clear on the cell keeps a tall photo from
  spilling into the next row.
- Thumbnails are responsive webp (~57KB), but medium-zoom opens the
  untouched 2048px jpg via data-zoom-src, which drops srcset/sizes on the
  zoomed clone so the reader gets the original rather than an upscaled
  480px variant.
- Every image carries the archive's caption, plus separate descriptive alt
  text -- a caption like "Fincantieri Day" tells a screen reader nothing
  about the photo.

Nine items gain images; Jan 2023 carries both of its SciTech talks.

Co-Authored-By: Claude Opus 5 (1M context) <[email protected]>
Present AOE 4065-4066 on the teaching page as the year-long sequence it is,
with an entry per offering (2025-2026, 2024-2025) rather than two separate
course bullets, and give each offering a photo gallery. Seed 2024-2025 with
the senior design expo photo, which came from the Google Sites archive but
had no news item to attach to.

Offerings live in _data/air_vehicle_design.yml, following the people.yml and
resources.yml pattern: adding a photo is a data edit plus a file drop under
assets/img/teaching/air-vehicle-design/<year>/, with no template changes. The
gallery is a wrapping flex grid, so it takes one photo or a dozen.

Extract _includes/zoomable-figure.liquid -- responsive webp thumbnail,
full-resolution zoom via data-zoom-src, caption -- rather than duplicating
that markup here, and move the news page onto it so the two share one
implementation.

Co-Authored-By: Claude Opus 5 (1M context) <[email protected]>
@darshansarojini
darshansarojini merged commit c025289 into main Aug 20, 2026
2 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