Update website layout

.pre-commit-config.yaml

@@ -7,7 +7,7 @@ repos:
       - id: check-added-large-files
         args: ['--maxkb=100', '--enforce-all']
         types: ['image']
-        exclude: img/group-photo.jpg
+        exclude: ^(img/group-photo.jpg|img/papers)
       - id: check-yaml
       - id: check-xml
       - id: end-of-file-fixer

_config.yml

@@ -48,7 +48,7 @@ navigation:
   - title: Home
     link: /index.html
   - title: People
-    link: /index.html#people
+    link: /people.html
   - title: Research
     link: /index.html#research
   - title: News
@@ -61,5 +61,7 @@ navigation:
     link: /software.html
   - title: Sponsors
     link: /sponsors.html
+  - title: Battery Modeling Webinar
+    link: https://www.andrew.cmu.edu/user/venkatv/bmws.html
 #  - title: Code
 #    link: /code.html

_data/people.yml

@@ -2,7 +2,7 @@
 
 venkvis:
     display_name: "Venkat Viswanathan"
-    webpage: "https://aero-dev-01.engin.umich.edu/people/viswanathan-venkat/"
+    webpage: "https://aero.engin.umich.edu/people/viswanathan-venkat/"
     role: pi
     image: img/people/venkvis.png
     bio: Associate Professor of Aerospace Engineering

_data/publication_images.yml

@@ -0,0 +1,30 @@
+# Publication images for the auto-scrolling figure strip
+# Add entries with the paper URL and corresponding image path
+
+- paperurl: 'https://arxiv.org/pdf/2510.18900'
+  image: 'img/papers/scaling.svg'
+  title: 'Foundation Models for Discovery and Exploration in Chemical Space'
+
+- paperurl: "https://www.sciencedirect.com/science/article/pii/S002195172500315X"
+  image: 'img/papers/lithium_nitride_toc.jpg'
+  title: "Lithium nitride (Li3N) formation in lithium-mediated electrochemical ammonia synthesis can be enhanced with the right proton donor"
+
+- paperurl: 'https://arxiv.org/abs/2409.15370'
+  image: 'img/papers/toc_image.svg'
+  title: 'Smirk: An atomically complete tokenizer for molecular foundation models'
+
+- paperurl: "https://pubs.acs.org/doi/full/10.1021/acs.jpcc.5c01078"
+  image: 'img/papers/underpotential.jpeg'
+  title: "Thermodynamic Origin of Li Underpotential and Overpotential Deposition on Current Collectors"
+
+- paperurl: 'https://arxiv.org/abs/2506.17345'
+  image: 'img/papers/scope.png'
+  title: 'CLOUD: A Scalable and Physics-Informed Foundation Model for Crystal Representation Learning'
+
+- paperurl: 'https://arxiv.org/abs/2507.14267'
+  image: 'img/papers/dreams_cover.png'
+  title: 'DREAMS: Density Functional Theory Based Research Engine for Agentic Materials Simulation'
+
+- paperurl: "https://pubs.acs.org/doi/full/10.1021/acs.jpclett.4c01002"
+  image: 'img/papers/compton.jpeg'
+  title: "Modeling Scanning Electrochemical Cell Microscopy (SECCM) in Twisted Bilayer Graphene"

_data/sponsors.yml

@@ -22,18 +22,18 @@ USDOT:
     full_name: US Department of Transportation
     url: https://www.transportation.gov
     logo: /img/sponsors/usdot.png
-MFI:
-    full_name: Manufacturing Futures Institute
-    url: https://engineering.cmu.edu/mfi/index.html
-    logo: /img/sponsors/mfi.png
-PITA:
-    full_name: Pennsylvania Infrastructure Technology Alliance
-    url: https://pitapa.org
-    logo: /img/sponsors/pita.png
-Scott Institute:
-    full_name: Scott Institute
-    url: https://www.cmu.edu/energy/
-    logo: /img/sponsors/scott.png
+# MFI:
+#     full_name: Manufacturing Futures Institute
+#     url: https://engineering.cmu.edu/mfi/index.html
+#     logo: /img/sponsors/mfi.png
+# PITA:
+#     full_name: Pennsylvania Infrastructure Technology Alliance
+#     url: https://pitapa.org
+#     logo: /img/sponsors/pita.png
+# Scott Institute:
+#     full_name: Scott Institute
+#     url: https://www.cmu.edu/energy/
+#     logo: /img/sponsors/scott.png
 Sloan Foundation:
     full_name: Sloan Foundation
     url: https://sloan.org
@@ -45,10 +45,10 @@ PRF:
     full_name: ACS Petroleum Research Fund
     url: https://www.acs.org/content/acs/en/funding-and-awards/grants/prf.html
     logo: /img/sponsors/prf.png
-A3:
-    full_name: Acubed
-    url: https://acubed.airbus.com
-    logo: /img/sponsors/a3.png
+# A3:
+#     full_name: Acubed
+#     url: https://acubed.airbus.com
+#     logo: /img/sponsors/a3.png
 Apple:
     full_name: Apple
     url : https://www.apple.com
@@ -81,16 +81,27 @@ VW:
     full_name: Volkswagen
     url: https://www.vw.com
     logo: /img/sponsors/vw.png
-zunum:
-    full_name: Zunum Aero
-    url: https://zunum.aero
-    logo: /img/sponsors/zunum.png
+# zunum:
+#     full_name: Zunum Aero
+#     url: https://zunum.aero
+#     logo: /img/sponsors/zunum.png
 meta:
     full_name: Meta Research
     url: https://research.facebook.com
     logo: /img/sponsors/meta.svg
-
 incite:
     full_name: US DOE's INCITE Program
     url: https://doeleadershipcomputing.org
     logo: /img/sponsors/incite_logo.png
+micde:
+    full_name: Michigan Institute for Computational Discovery and Engineering
+    url: https://micde.umich.edu/
+    logo: /img/sponsors/micde.png
+mdot:
+    full_name: Michigan Department of Transportation
+    url: https://www.michigan.gov/mdot
+    logo: /img/sponsors/mdot.jpg
+lanl:
+    full_name: Los Alamos National Lab
+    url: https://www.lanl.gov/
+    logo: /img/sponsors/lanl.jpeg

_includes/news-item.html

@@ -1,5 +1,10 @@
 
 {% assign item = include.item %}
+{% if include.show_image == false %}
+{% assign show_image = false %}
+{% else %}
+{% assign show_image = true %}
+{% endif %}
 {% if item.icon %}
 {% assign icon = item.icon %}
 {% assign class = "shortnews" %}
@@ -26,10 +31,10 @@ <h5> <a href="{{ site.baseurl }}{{ post.url }}"> {{ post.title }} </a> </h5>
 {% endcapture %}
 
 <li class="{{ class }}">
-    {% if post.image %}
+    {% if post.image and show_image %}
 
         {% capture img %}
-            <img class="img-fluid d-block mx-auto"
+            <img class="news-thumbnail img-fluid d-block mx-auto"
                  style="{{ post.image_style }}"
                  src="{{ post.image }}">
         {% endcapture %}

_includes/paper-image-strip.html

@@ -0,0 +1,16 @@
+<div class="paper-strip-wrapper">
+  <div class="paper-strip">
+    <div class="paper-strip-track">
+      {% for item in site.data.publication_images %}
+        <a href="{{ item.paperurl }}" target="_blank" class="paper-strip-item" data-title="{{ item.title }}">
+          <img src="{{ site.baseurl }}/{{ item.image }}" alt="{{ item.title }}" loading="lazy">
+        </a>
+      {% endfor %}
+      {% for item in site.data.publication_images %}
+        <a href="{{ item.paperurl }}" target="_blank" class="paper-strip-item" data-title="{{ item.title }}">
+          <img src="{{ site.baseurl }}/{{ item.image }}" alt="{{ item.title }}" loading="lazy">
+        </a>
+      {% endfor %}
+    </div>
+  </div>
+</div>

_includes/person-card.html

@@ -0,0 +1,63 @@
+{% assign person = include.person %}
+
+{% case person.role %}
+    {% when "pi" %}
+        {% assign role_label = "Principal Investigator" %}
+    {% when "postdoc" %}
+        {% assign role_label = "Postdoctoral Researcher" %}
+    {% when "phd" %}
+        {% assign role_label = "Doctoral Student" %}
+    {% when "masters" %}
+        {% assign role_label = "Master's Student" %}
+    {% when "staff" %}
+        {% assign role_label = "Research Staff" %}
+    {% when "ugrad" %}
+        {% assign role_label = "Undergraduate Student" %}
+    {% when "alumni-postdoc" %}
+        {% assign role_label = "Postdoc Alumni" %}
+    {% when "alumni-phd" %}
+        {% assign role_label = "PhD Alumni" %}
+    {% when "alumni-masters" %}
+        {% assign role_label = "Master's Alumni" %}
+    {% when "alumni-ugrad" %}
+        {% assign role_label = "Former Undergraduate Student" %}
+    {% else %}
+        {% assign role_label = "Alumni" %}
+{% endcase %}
+
+<article class="people-card">
+    {% if person.image %}
+        <div class="people-card-media">
+            <img class="people-card-image"
+                 alt="{{ person.display_name | escape }}"
+                 title="{{ person.display_name | escape }}"
+                 src="{{ site.baseurl }}/{{ person.image }}">
+        </div>
+    {% else %}
+        <div class="people-card-media people-card-placeholder" aria-hidden="true">
+            {{ person.display_name | slice: 0 }}
+        </div>
+    {% endif %}
+
+    <div class="people-card-body">
+        <h3 class="people-card-name">
+            {% if person.webpage %}
+                <a href="{{ person.webpage | escape }}">{{ person.display_name }}</a>
+            {% else %}
+                {{ person.display_name }}
+            {% endif %}
+        </h3>
+        <p class="people-card-role">{{ role_label }}</p>
+        {% if person.bio %}
+            <p class="people-card-bio">{{ person.bio }}</p>
+        {% endif %}
+        {% if person.email %}
+        <div class="people-card-links">
+            <span class="people-card-email">
+                <span class="fa fa-envelope-o" aria-hidden="true"></span>
+                {{ person.email }}
+            </span>
+        </div>
+        {% endif %}
+    </div>
+</article>

_includes/person-list-item.html

@@ -0,0 +1,36 @@
+{% assign person = include.person %}
+
+{% case person.role %}
+    {% when "alumni-postdoc" %}
+        {% assign role_label = "Postdoc Alumni" %}
+    {% when "alumni-phd" %}
+        {% assign role_label = "PhD Alumni" %}
+    {% when "alumni-masters" %}
+        {% assign role_label = "Master's Alumni" %}
+    {% when "alumni-ugrad" %}
+        {% assign role_label = "Former Undergraduate Student" %}
+    {% else %}
+        {% assign role_label = "Alumni" %}
+{% endcase %}
+
+<li class="alumni-list-item">
+    <div class="alumni-list-main">
+        <span class="alumni-list-name">
+            {% if person.webpage %}
+                <a href="{{ person.webpage | escape }}">{{ person.display_name }}</a>
+            {% else %}
+                {{ person.display_name }}
+            {% endif %}
+        </span>
+        <span class="alumni-list-role">{{ role_label }}</span>
+    </div>
+    {% if person.bio %}
+        <div class="alumni-list-bio">{{ person.bio }}</div>
+    {% endif %}
+    {% if person.email %}
+        <div class="alumni-list-email">
+            <span class="fa fa-envelope-o" aria-hidden="true"></span>
+            {{ person.email }}
+        </div>
+    {% endif %}
+</li>

_layouts/default.html

@@ -16,21 +16,20 @@
         {% endif %}
     </head>
     <body>
-        <div class="container">
-            <!-- This is a bit nasty, but it basically says be a column first, and on larger screens be a spaced out row -->
-            <div class="header d-flex
-                        flex-column
-                        flex-md-row justify-content-md-between">
-                <a href="{{ site.baseurl }}/" class="">
+        <header class="site-header">
+            <div class="container site-header-inner">
+                <a href="{{ site.baseurl }}/" class="site-brand">
                     <img src="{{ site.baseurl }}/img/logo.svg"
                          alt="University of Michigan Logo" id="logo">
+                    <span class="site-brand-name">{{ site.name }}</span>
                 </a>
-                <ul class="nav nav-pills justify-content-center">
+                <nav class="site-nav" aria-label="Main navigation">
+                <ul class="nav site-nav-list justify-content-center">
 
                     {% assign shorturl = page.url | replace:'.html','' | replace:'index','' %}
                     {% for item in site.navigation %}
 
-                        {% assign itemshorturl = item.link | replace:'.html','' %}
+                        {% assign itemshorturl = item.link | replace:'.html','' | replace:'index','' %}
 
                         {% assign maybe-active = '' %}
                         {% if item.title == 'Research' and page.layout == 'project' %}
@@ -41,37 +40,46 @@
                         {% endif %}
 
                         <li class="nav-item">
+                            {% assign link-start = item.link | slice: 0,4 %}
                             <a class="nav-link {{ maybe-active }}"
-                               href="{{ site.baseurl }}{{ item.link }}">
+                               href="{% if link-start == 'http' %}{{ item.link }}{% else %}{{ site.baseurl }}{{ item.link }}{% endif %}">
                                 {{ item.title }}
                             </a>
                         </li>
 
                     {% endfor %}
 
                 </ul>
+                </nav>
             </div>
+        </header>
 
+        <main class="container site-main">
             {% if page.image %}
                 <img src="{{ page.image }}"
                      alt="{{ page.title }}"
-                     style="max-width: 400px"
-                     class="img-fluid mx-auto d-block mb-4"/>
+                     class="page-feature-image img-fluid mx-auto d-block"/>
             {% endif %}
 
             {% if page.notitle != true %}
-                <h1>{{ page.title }}</h1>
+                <div class="page-heading">
+                    <h1 class="page-title">{{ page.title }}</h1>
+                    {% if page.subtitle %}
+                        <p class="page-subtitle">{{ page.subtitle }}</p>
+                    {% endif %}
+                </div>
             {% endif %}
 
             {{ content }}
+        </main>
 
-            <div class="footer">
+        <footer class="site-footer">
+            <div class="container">
                 <a href="https://www.engin.umich.edu/privacy-policies/">Privacy Policy</a> |
                 <a href="https://oie.umich.edu/nondiscrimination-policy-notice/" target="blank" rel="noopener">Non-Discrimination Policy</a> |
                 <a href="https://safety.engin.umich.edu/" target="blank" rel="noopener">Safety and Security</a>
             </div>
-
-        </div> <!-- /container -->
+        </footer>
 
         <!-- Support retina images. -->
         <script type="text/javascript"

blog.html

@@ -3,7 +3,7 @@
 title: Blog
 ---
 
-<ul class="news list-unstyled">
+<ul class="news news-index list-unstyled">
 {% for post in site.posts %}
     {% include news-item.html item=post %}
 {% endfor %}