Al folio migration

_data/air_vehicle_design.yml

@@ -0,0 +1,21 @@
+# Offerings of the AOE 4065-4066 Air Vehicle Design capstone sequence, newest
+# first, rendered by _pages/teaching.md.
+#
+# To add a photo to an offering: drop the file at
+#   assets/img/teaching/air-vehicle-design/<year>/<slug>.jpg
+# and append an entry under that offering's `images`. Nothing else needs
+# editing. Keep the source file at full resolution -- the thumbnail is
+# generated at build time and the image zooms to the original.
+#
+# Fields: year, terms, images[]{path, alt, caption}
+
+- year: "2025-2026"
+  terms: "AOE 4065 Fall 2025 &middot; AOE 4066 Spring 2026"
+  images: []
+
+- year: "2024-2025"
+  terms: "AOE 4065 Fall 2024 &middot; AOE 4066 Spring 2025"
+  images:
+    - path: assets/img/teaching/air-vehicle-design/2024-2025/senior-design-expo.jpg
+      alt: "The Air Vehicle Design team in formal attire lined up beside their laptops, VR headset, and pilot's cap at the senior design expo"
+      caption: "Senior design expo"

_includes/news.liquid

@@ -1,15 +1,19 @@
 {% comment %}
-  Local override of al-folio's news.liquid. Two changes from the theme version:
+  Local override of al-folio's news.liquid. Three changes from the theme version:
 
   1. Dates render as "%b %Y" (month + year). The source archive only ever gave
      month granularity, so a day number would be invented precision.
-  2. News items may carry an optional image. Add to any file in _news/:
+  2. News items may carry one or more images, floated beside the item text. Add
+     to any file in _news/:
 
-         image: news/2026/flight-school.jpg   # path under assets/img/
-         image_alt: Students touring the flight school
-         image_width: 260                     # optional, px; defaults to 220
+         images:
+           - path: assets/img/news/2026/flight-school.jpg
+             alt: Students walking the flight line at Bill Noe Flight School
+             caption: K-12 field trip to the flight school
 
-     Items without an image render exactly as before.
+     Items without images render exactly as before.
+  3. Each image renders through _includes/zoomable-figure.liquid, shared with
+     the teaching page: responsive webp thumbnail, full-resolution zoom.
 {% endcomment %}
 
 <div class="news">
@@ -32,21 +36,25 @@
           <tr>
             <th scope="row" style="width: 20%">{{ item.date | date: '%b %Y' }}</th>
             <td>
+              {% comment %} Floated first so the item text wraps alongside it. {% endcomment %}
+              {% if item.images %}
+                <div class="news-images">
+                  {% for img in item.images %}
+                    {% include zoomable-figure.liquid
+                      path=img.path
+                      alt=img.alt
+                      caption=img.caption
+                      class="news-image"
+                      sizes="(max-width: 576px) 92vw, 220px"
+                    %}
+                  {% endfor %}
+                </div>
+              {% endif %}
               {% if item.inline %}
                 {{ item.content | remove: '<p>' | remove: '</p>' | emojify }}
               {% else %}
                 <a class="news-title" href="{{ item.url | relative_url }}">{{ item.title }}</a>
               {% endif %}
-              {% if item.image %}
-                <div class="news-image">
-                  <img
-                    src="{{ item.image | prepend: '/assets/img/' | relative_url }}"
-                    alt="{{ item.image_alt | default: '' }}"
-                    loading="lazy"
-                    style="max-width: {{ item.image_width | default: 220 }}px">
-                  {% if item.image_alt %}<div class="news-image-caption">{{ item.image_alt }}</div>{% endif %}
-                </div>
-              {% endif %}
             </td>
           </tr>
         {% endfor %}
@@ -58,18 +66,44 @@
 </div>
 
 <style>
+  .news-images {
+    float: right;
+    width: 220px;
+    margin: 0.15rem 0 0.5rem 1.25rem;
+  }
   .news-image {
-    margin-top: 0.5rem;
+    margin: 0 0 0.9rem 0;
+  }
+  .news-image:last-child {
+    margin-bottom: 0;
   }
   .news-image img {
     width: 100%;
     height: auto;
-    border-radius: 6px;
+    cursor: zoom-in;
+  }
+  /* Tighter than the theme's .caption, which is sized for full-width figures. */
+  .news-image .zoom-figure-caption {
+    font-size: 0.75rem;
+    line-height: 1.35;
+    margin-top: 0.35rem;
+    margin-bottom: 0;
+    text-align: left;
+  }
+  /* Keep a tall thumbnail from spilling into the next news row. */
+  .news td::after {
+    content: '';
     display: block;
+    clear: both;
   }
-  .news-image-caption {
-    font-size: 0.8rem;
-    opacity: 0.7;
-    margin-top: 0.25rem;
+  @media (max-width: 576px) {
+    .news-images {
+      float: none;
+      width: 100%;
+      margin: 0 0 0.75rem 0;
+    }
+    .news-image .zoom-figure-caption {
+      text-align: center;
+    }
   }
 </style>

_includes/zoomable-figure.liquid

@@ -0,0 +1,39 @@
+{% comment %}
+  One image: a responsive webp thumbnail that zooms to the untouched
+  full-resolution source, plus a caption.
+
+  medium-zoom drops srcset/sizes on the zoomed clone and loads data-zoom-src,
+  so the reader gets the original file rather than an upscaled thumbnail.
+
+  Params:
+    path     path under the site root, e.g. assets/img/news/2026/foo.jpg
+    alt      description of the image, for screen readers
+    caption  visible caption (optional)
+    sizes    CSS `sizes` for the thumbnail (defaults to a 220px column)
+    class    class for the <figure> (defaults to zoom-figure)
+{% endcomment %}
+{% assign img_base = include.path | remove: '.jpg' | remove: '.jpeg' | remove: '.png' %}
+<figure class="{{ include.class | default: 'zoom-figure' }}">
+  <picture>
+    {% if site.imagemagick.enabled %}
+      <source
+        class="responsive-img-srcset"
+        srcset="{% for w in site.imagemagick.widths %}{{ img_base | relative_url }}-{{ w }}.webp {{ w }}w,{% endfor %}"
+        type="image/webp"
+        sizes="{{ include.sizes | default: '(max-width: 576px) 92vw, 220px' }}"
+      >
+    {% endif %}
+    <img
+      src="{{ include.path | relative_url }}"
+      class="img-fluid rounded z-depth-1"
+      alt="{{ include.alt }}"
+      loading="lazy"
+      data-zoomable
+      data-zoom-src="{{ include.path | relative_url }}"
+      onerror="this.onerror=null; document.querySelectorAll('.responsive-img-srcset').forEach(function (n) { n.remove(); });"
+    >
+  </picture>
+  {% if include.caption %}
+    <figcaption class="caption zoom-figure-caption">{{ include.caption }}</figcaption>
+  {% endif %}
+</figure>

_news/2023-01-01-scitech-2023.md

@@ -3,6 +3,13 @@ layout: post
 date: 2023-01-01
 inline: true
 related_posts: false
+images:
+  - path: assets/img/news/2023/scitech-2023-evtol-mdo.jpg
+    alt: "Darshan presenting the eVTOL multidisciplinary design optimization paper to a full room at SciTech 2023"
+    caption: "Large-scale MDO of eVTOL concepts at SciTech 2023"
+  - path: assets/img/news/2023/scitech-2023-dae-solver.jpg
+    alt: "Darshan at the AIAA podium presenting the motivation for studying differential-algebraic equation systems at SciTech 2023"
+    caption: "DAE systems solver at SciTech 2023"
 ---
 
 Darshan presented two papers at the SciTech 2023 Forum: *Large-Scale Multidisciplinary Design Optimization of an eVTOL Aircraft using Comprehensive Analysis* and *Efficient Gradient-Based Optimization of Differential-Algebraic Equation Systems*.

_news/2023-08-01-summer-interns.md

@@ -3,6 +3,10 @@ layout: post
 date: 2023-08-01
 inline: true
 related_posts: false
+images:
+  - path: assets/img/news/2023/summer-interns.jpg
+    alt: "The two ENLACE summer interns and Darshan beside their poster on verification of CADDEE low-fidelity models using the Aurora PAV concept"
+    caption: "Poster session with ENLACE summer program students"
 ---
 
 Undergraduate summer interns Omar Ibrahim Alfonseca Navarrete and Ernesto Montano Alvares presented their work at a poster session.

_news/2024-08-01-byteboost.md

@@ -3,6 +3,10 @@ layout: post
 date: 2024-08-01
 inline: true
 related_posts: false
+images:
+  - path: assets/img/news/2024/byteboost.jpg
+    alt: "ByteBoost workshop participants in front of the Bridges-2 supercomputer at the Pittsburgh Supercomputing Center"
+    caption: "ByteBoost 24 Workshop"
 ---
 
 Darshan attended the ByteBoost Summer Workshop at the Pittsburgh Supercomputing Center, exploring NSF computing testbeds for aircraft design and multi-modal transportation research.

_news/2024-11-01-sc24-scc.md

@@ -3,6 +3,10 @@ layout: post
 date: 2024-11-01
 inline: true
 related_posts: false
+images:
+  - path: assets/img/news/2024/sc24-scc.jpg
+    alt: "Student Cluster Competition committee members in matching jackets in front of the SC24 sign in Atlanta"
+    caption: "SuperComputing24 Student Cluster Competition"
 ---
 
 Darshan served as vice-chair of the Student Cluster Competition at SuperComputing SC24.

_news/2025-06-01-boeing-visiting-professor.md

@@ -3,6 +3,10 @@ layout: post
 date: 2025-06-01
 inline: true
 related_posts: false
+images:
+  - path: assets/img/news/2025/boeing-visiting-professor.jpg
+    alt: "Boeing Visiting Professor Program participants in a group photo in front of a large additive manufacturing machine at a Boeing facility"
+    caption: "Boeing Visiting Professor Program"
 ---
 
 Darshan participated in the Boeing Visiting Professor Program in Seattle, WA.

_news/2025-09-01-fincantieri-presentation.md

@@ -3,6 +3,10 @@ layout: post
 date: 2025-09-01
 inline: true
 related_posts: false
+images:
+  - path: assets/img/news/2025/fincantieri-presentation.jpg
+    alt: "Students and faculty gathered for a group photo on Fincantieri Day"
+    caption: "Fincantieri Day"
 ---
 
 Jeremy John presented *Design Optimization of Ocean Vehicles Using Large-Scale MDAO Methods*, conducted as a Fincantieri scholarship recipient in Summer 2025.

_news/2025-11-01-mason-lecture-electra.md

@@ -3,6 +3,10 @@ layout: post
 date: 2025-11-01
 inline: true
 related_posts: false
+images:
+  - path: assets/img/news/2025/mason-lecture-electra.jpg
+    alt: "Group photo beneath an aircraft wing during the Electra.aero visit for the Mason Memorial Lecture"
+    caption: "Mason Memorial Lecture with Electra.aero"
 ---
 
 Darshan hosted Dr. John S. Langford, JP Stewart, and Melissa Meredith from Electra.aero at Virginia Tech for the William H. Mason Memorial Distinguished Lecture, *The Quest for Electric Airplanes That Make Sense*.

_news/2026-01-01-scitech-2026.md

@@ -3,6 +3,10 @@ layout: post
 date: 2026-01-01
 inline: true
 related_posts: false
+images:
+  - path: assets/img/news/2026/scitech-2026.jpg
+    alt: "Khoa Nguyen presenting Autonomous Battery Units as an Enabling Technology for Urban Air Mobility to a seated audience at AIAA SciTech 2026"
+    caption: "Ph.D. student Khoa Nguyen presenting his work at SciTech 2026"
 ---
 
 Students presented at AIAA SciTech 2026 in Orlando, FL: Joey Gould and Nate Shune on *Certification-Informed Reliability and Performance Assessment of Electrified Aircraft*; Khoa Nguyen, Dylan Hogge, and John Riris (co-advised by Dr. Brad Denby) on *Autonomous Battery Units as an Enabling Technology for Urban Air Mobility*; Apurba Sarkar and Reza Batley (advisor: Dr. Sourav Saha) on *A Kernel-based Resource-efficient Neural Surrogate for Multi-fidelity Prediction of Aerodynamic Field*.

_news/2026-02-01-nasa-rem-workshop.md

@@ -3,6 +3,10 @@ layout: post
 date: 2026-02-01
 inline: true
 related_posts: false
+images:
+  - path: assets/img/news/2026/nasa-rem-workshop.jpg
+    alt: "Darshan and two other attendees outside a NASA Ames building during the Revolutionary Engineering Methods workshop"
+    caption: "ASDLers at NASA Ames Revolutionary Engineering Methods (REM) workshop"
 ---
 
 Darshan participated in the NASA Revolutionary Engineering Methods workshop at NASA Ames.

_pages/teaching.md

@@ -9,12 +9,74 @@ nav_order: 6
 
 ## Virginia Tech
 
-- AOE 4065: Air Vehicle Design I
-  - Fall 2024; Fall 2025
-- AOE 4066: Air Vehicle Design II
-  - Spring 2025; Spring 2026
+### AOE 4065–4066: Air Vehicle Design
 
-Reference material for the Air Vehicle Design sequence is published in the [AVD Reference Library](/air-vehicle-design/).
+A year-long capstone sequence. Reference material is published in the [AVD Reference Library](/air-vehicle-design/).
+
+<!-- Offerings live in _data/air_vehicle_design.yml. Adding a photo is a data
+     edit: drop the file under assets/img/teaching/air-vehicle-design/<year>/
+     and append it to that offering's `images`. No changes to this file are needed. -->
+
+{% for offering in site.data.air_vehicle_design %}
+  <section class="avd-offering">
+    <h4 class="avd-year">{{ offering.year }}</h4>
+    <p class="avd-terms">{{ offering.terms }}</p>
+    {% if offering.images != blank %}
+      <div class="avd-gallery">
+        {% for img in offering.images %}
+          {% include zoomable-figure.liquid
+            path=img.path
+            alt=img.alt
+            caption=img.caption
+            class="avd-figure"
+            sizes="(max-width: 576px) 92vw, 260px"
+          %}
+        {% endfor %}
+      </div>
+    {% endif %}
+  </section>
+{% endfor %}
+
+<style>
+  .avd-offering {
+    margin: 1.25rem 0 1.75rem;
+  }
+  .avd-year {
+    margin-bottom: 0.15rem;
+  }
+  .avd-terms {
+    margin-bottom: 0.6rem;
+    opacity: 0.75;
+  }
+  .avd-gallery {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1rem;
+  }
+  .avd-figure {
+    flex: 0 1 260px;
+    max-width: 260px;
+    min-width: 0;
+    margin-bottom: 0;
+  }
+  .avd-figure img {
+    width: 100%;
+    height: auto;
+    cursor: zoom-in;
+  }
+  /* Tighter than the theme's .caption, which is sized for full-width figures. */
+  .avd-figure .zoom-figure-caption {
+    font-size: 0.75rem;
+    line-height: 1.35;
+    margin: 0.35rem 0 0;
+  }
+  @media (max-width: 576px) {
+    .avd-figure {
+      flex-basis: 100%;
+      max-width: 100%;
+    }
+  }
+</style>
 
 ## University of California San Diego