Deploying to gh-pages from @ 7e6a46c 🚀

zephyrie · zephyrie · commit 64d7465ca1f1 · 2026-02-16T05:54:00.000Z
diff --git a/404.html b/404.html
@@ -486,7 +486,7 @@ <h1 class="text-4xl font-bold text-gray-800 mb-4">Page Not Found</h1>
     </main>
 
     <!-- Footer Component -->
-<footer id="footer" class="py-2 border-t border-neutral-light_gray">
+<footer id="footer" class="py-2 border-t border-neutral-lightgray">
   <div class="container">
     <div class="flex flex-wrap items-center justify-between gap-4">
       <!-- Logo Section -->
@@ -560,7 +560,7 @@ <h1 class="text-4xl font-bold text-gray-800 mb-4">Page Not Found</h1>
   </div>
 </footer>
     <!-- Footer Component -->
-<footer id="footer" class="py-2 border-t border-neutral-light_gray">
+<footer id="footer" class="py-2 border-t border-neutral-lightgray">
   <div class="container">
     <div class="flex flex-wrap items-center justify-between gap-4">
       <!-- Logo Section -->
diff --git a/about.html b/about.html
@@ -627,7 +627,7 @@ <h5 class="font-medium text-gray-800">Wenqi Li</h5>
   </main>
 
   <!-- Footer Component -->
-<footer id="footer" class="py-2 border-t border-neutral-light_gray">
+<footer id="footer" class="py-2 border-t border-neutral-lightgray">
   <div class="container">
     <div class="flex flex-wrap items-center justify-between gap-4">
       <!-- Logo Section -->
diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
diff --git a/core.html b/core.html
@@ -964,7 +964,7 @@ <h3 class="text-xl font-bold text-gray-800 mb-4">Tutorials</h3>
     </main>
 
     <!-- Footer Component -->
-<footer id="footer" class="py-2 border-t border-neutral-light_gray">
+<footer id="footer" class="py-2 border-t border-neutral-lightgray">
   <div class="container">
     <div class="flex flex-wrap items-center justify-between gap-4">
       <!-- Logo Section -->
diff --git a/deploy.html b/deploy.html
@@ -1575,7 +1575,7 @@ <h3 class="text-base font-bold text-gray-800 mb-4">Sample Applications</h3>
         </section>
 
         <!-- Footer Component -->
-<footer id="footer" class="py-2 border-t border-neutral-light_gray">
+<footer id="footer" class="py-2 border-t border-neutral-lightgray">
   <div class="container">
     <div class="flex flex-wrap items-center justify-between gap-4">
       <!-- Logo Section -->
diff --git a/index.html b/index.html
@@ -1050,7 +1050,7 @@ <h2 class="text-3xl font-bold text-gray-800 mb-8 relative inline-block pb-2">
         <!-- Contributors Section End -->
 
         <!-- Footer Component -->
-<footer id="footer" class="py-2 border-t border-neutral-light_gray">
+<footer id="footer" class="py-2 border-t border-neutral-lightgray">
   <div class="container">
     <div class="flex flex-wrap items-center justify-between gap-4">
       <!-- Logo Section -->
diff --git a/label.html b/label.html
@@ -1051,7 +1051,7 @@ <h3 class="text-xl font-bold text-gray-800 mb-4">Join the Discussion</h3>
     </main>
 
     <!-- Footer Component -->
-<footer id="footer" class="py-2 border-t border-neutral-light_gray">
+<footer id="footer" class="py-2 border-t border-neutral-lightgray">
   <div class="container">
     <div class="flex flex-wrap items-center justify-between gap-4">
       <!-- Logo Section -->
diff --git a/mayo-case-study.html b/mayo-case-study.html
@@ -642,7 +642,7 @@ <h3 class="text-3xl font-bold mb-4">Interested in Deploying Your AI Research?</h
   </main>
 
   <!-- Footer Component -->
-<footer id="footer" class="py-2 border-t border-neutral-light_gray">
+<footer id="footer" class="py-2 border-t border-neutral-lightgray">
   <div class="container">
     <div class="flex flex-wrap items-center justify-between gap-4">
       <!-- Logo Section -->
diff --git a/mayo-siemens-case-study.html b/mayo-siemens-case-study.html
@@ -592,7 +592,7 @@ <h3 class="text-3xl font-bold mb-4">Interested in Deploying Your AI Research?</h
   </main>
 
   <!-- Footer Component -->
-<footer id="footer" class="py-2 border-t border-neutral-light_gray">
+<footer id="footer" class="py-2 border-t border-neutral-lightgray">
   <div class="container">
     <div class="flex flex-wrap items-center justify-between gap-4">
       <!-- Logo Section -->
diff --git a/model-zoo.html b/model-zoo.html
@@ -281,7 +281,7 @@
     </main>
 
     <!-- Footer Component -->
-<footer id="footer" class="py-2 border-t border-neutral-light_gray">
+<footer id="footer" class="py-2 border-t border-neutral-lightgray">
   <div class="container">
     <div class="flex flex-wrap items-center justify-between gap-4">
       <!-- Logo Section -->
diff --git a/model_data.json b/model_data.json
diff --git a/start.html b/start.html
@@ -485,7 +485,7 @@ <h1 class="text-3xl font-bold text-gray-800 mb-6">Get Started with MONAI</h1>
     </div>
 
     <!-- Footer Component -->
-<footer id="footer" class="py-2 border-t border-neutral-light_gray">
+<footer id="footer" class="py-2 border-t border-neutral-lightgray">
   <div class="container">
     <div class="flex flex-wrap items-center justify-between gap-4">
       <!-- Logo Section -->
@@ -559,7 +559,7 @@ <h1 class="text-3xl font-bold text-gray-800 mb-6">Get Started with MONAI</h1>
   </div>
 </footer>
     <!-- Footer Component -->
-<footer id="footer" class="py-2 border-t border-neutral-light_gray">
+<footer id="footer" class="py-2 border-t border-neutral-lightgray">
   <div class="container">
     <div class="flex flex-wrap items-center justify-between gap-4">
       <!-- Logo Section -->
diff --git a/successstories.html b/successstories.html
@@ -566,7 +566,7 @@ <h2 class="text-2xl lg:text-3xl font-bold text-white mb-4">Share Your Success St
     </main>
 
     <!-- Footer Component -->
-<footer id="footer" class="py-2 border-t border-neutral-light_gray">
+<footer id="footer" class="py-2 border-t border-neutral-lightgray">
   <div class="container">
     <div class="flex flex-wrap items-center justify-between gap-4">
       <!-- Logo Section -->
@@ -640,7 +640,7 @@ <h2 class="text-2xl lg:text-3xl font-bold text-white mb-4">Share Your Success St
   </div>
 </footer>
     <!-- Footer Component -->
-<footer id="footer" class="py-2 border-t border-neutral-light_gray">
+<footer id="footer" class="py-2 border-t border-neutral-lightgray">
   <div class="container">
     <div class="flex flex-wrap items-center justify-between gap-4">
       <!-- Logo Section -->
diff --git a/wg_deploy.html b/wg_deploy.html
@@ -506,7 +506,7 @@ <h3 class="text-xl font-semibold text-brand-primary mb-6 pb-2 border-b border-ne
   </main>
 
   <!-- Footer Component -->
-<footer id="footer" class="py-2 border-t border-neutral-light_gray">
+<footer id="footer" class="py-2 border-t border-neutral-lightgray">
   <div class="container">
     <div class="flex flex-wrap items-center justify-between gap-4">
       <!-- Logo Section -->
diff --git a/wg_developers.html b/wg_developers.html
@@ -531,7 +531,7 @@ <h3 class="text-xl font-semibold text-brand-primary mb-6 pb-2 border-b border-ne
   </main>
 
   <!-- Footer Component -->
-<footer id="footer" class="py-2 border-t border-neutral-light_gray">
+<footer id="footer" class="py-2 border-t border-neutral-lightgray">
   <div class="container">
     <div class="flex flex-wrap items-center justify-between gap-4">
       <!-- Logo Section -->
diff --git a/wg_education.html b/wg_education.html
@@ -487,7 +487,7 @@ <h3 class="text-xl font-semibold text-brand-primary mb-6 pb-2 border-b border-ne
   </main>
 
   <!-- Footer Component -->
-<footer id="footer" class="py-2 border-t border-neutral-light_gray">
+<footer id="footer" class="py-2 border-t border-neutral-lightgray">
   <div class="container">
     <div class="flex flex-wrap items-center justify-between gap-4">
       <!-- Logo Section -->
diff --git a/wg_evaluation_benchmark.html b/wg_evaluation_benchmark.html
@@ -513,7 +513,7 @@ <h3 class="text-xl font-semibold text-brand-primary mb-6 pb-2 border-b border-ne
   </main>
 
   <!-- Footer Component -->
-<footer id="footer" class="py-2 border-t border-neutral-light_gray">
+<footer id="footer" class="py-2 border-t border-neutral-lightgray">
   <div class="container">
     <div class="flex flex-wrap items-center justify-between gap-4">
       <!-- Logo Section -->
diff --git a/wg_federated_learning.html b/wg_federated_learning.html
@@ -538,7 +538,7 @@ <h3 class="text-xl font-semibold text-brand-primary mb-6 pb-2 border-b border-ne
   </main>
 
   <!-- Footer Component -->
-<footer id="footer" class="py-2 border-t border-neutral-light_gray">
+<footer id="footer" class="py-2 border-t border-neutral-lightgray">
   <div class="container">
     <div class="flex flex-wrap items-center justify-between gap-4">
       <!-- Logo Section -->
diff --git a/wg_hai_how_we_work.html b/wg_hai_how_we_work.html
@@ -279,24 +279,43 @@
 
   <main class="flex-grow">
     <!-- Hero Section -->
-    <section id="hero" class="py-24 bg-brand-light">
+    <section id="hero" class="py-16 bg-brand-light">
       <div class="container">
-        <div class="flex flex-wrap items-center">
+        <div class="flex flex-wrap items-start gap-12">
           <div class="w-full max-w-3xl">
             <p class="text-brand-primary font-semibold mb-2">
               <a href="wg_human_ai_interaction.html" class="hover:underline">&larr; Back to HAI Working Group</a>
             </p>
-            <h1 class="text-4xl font-bold text-gray-800 mb-8">
+            <h1 class="text-4xl font-bold text-gray-800 mb-4">
               How We Work
             </h1>
-            <p class="text-lg leading-relaxed text-gray-700">This document describes the practical operation of the MONAI Human-AI Interaction Working Group (WG).</p>
+            <p class="text-lg leading-relaxed text-gray-700 mb-8">This document describes the practical operation of the MONAI Human-AI Interaction Working Group (WG).</p>
+            <nav>
+              <h2 class="text-sm font-semibold text-gray-500 uppercase tracking-wide mb-3">On this page</h2>
+              <ul class="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-1 text-sm">
+                <li><a href="#guiding-principles" class="text-brand-primary hover:text-brand-dark hover:underline">Guiding Principles</a></li>
+                <li><a href="#the-hai-way" class="text-brand-primary hover:text-brand-dark hover:underline">The HAI Way</a></li>
+                <li><a href="#coordination-hub" class="text-brand-primary hover:text-brand-dark hover:underline">Our Coordination Hub</a></li>
+                <li><a href="#what-belongs-in-an-issue" class="text-brand-primary hover:text-brand-dark hover:underline">What Belongs in an Issue?</a></li>
+                <li><a href="#how-work-gets-done" class="text-brand-primary hover:text-brand-dark hover:underline">How Work Gets Done</a></li>
+                <li><a href="#request-discussion" class="text-brand-primary hover:text-brand-dark hover:underline">When to Request WG Discussion</a></li>
+                <li><a href="#meeting-structure" class="text-brand-primary hover:text-brand-dark hover:underline">WG Meeting Structure</a></li>
+                <li><a href="#meeting-documentation" class="text-brand-primary hover:text-brand-dark hover:underline">Meeting Documentation</a></li>
+                <li><a href="#issue-grooming" class="text-brand-primary hover:text-brand-dark hover:underline">Issue Grooming Process</a></li>
+                <li><a href="#coordinators" class="text-brand-primary hover:text-brand-dark hover:underline">Who Coordinates the WG?</a></li>
+                <li><a href="#communication-channels" class="text-brand-primary hover:text-brand-dark hover:underline">Communication Channels</a></li>
+                <li><a href="#conflict-resolution" class="text-brand-primary hover:text-brand-dark hover:underline">Conflict Resolution</a></li>
+                <li><a href="#why-this-approach" class="text-brand-primary hover:text-brand-dark hover:underline">Why This Approach?</a></li>
+                <li><a href="#getting-started" class="text-brand-primary hover:text-brand-dark hover:underline">Getting Started</a></li>
+              </ul>
+            </nav>
           </div>
         </div>
       </div>
     </section>
 
     <!-- Guiding Principles Section -->
-    <section class="py-24 bg-white">
+    <section id="guiding-principles" class="py-16 bg-white">
       <div class="container">
         <h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">Guiding Principles</h2>
         <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
@@ -325,7 +344,7 @@ <h3 class="text-lg font-semibold text-brand-primary mb-2">Community-led</h3>
     </section>
 
     <!-- The HAI Way Section -->
-    <section class="py-24 bg-neutral-lightgray">
+    <section id="the-hai-way" class="py-16 bg-neutral-lightgray">
       <div class="container">
         <h2 class="text-3xl font-bold text-neutral-darkestblack mb-4">The HAI Way</h2>
         <p class="text-lg text-gray-600 mb-8 italic">Principles for productive collaboration, inspired by those who came before us:</p>
@@ -386,7 +405,7 @@ <h2 class="text-3xl font-bold text-neutral-darkestblack mb-4">The HAI Way</h2>
     </section>
 
     <!-- Coordination Hub Section -->
-    <section class="py-24 bg-white">
+    <section id="coordination-hub" class="py-16 bg-white">
       <div class="container">
         <h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">Our Coordination Hub</h2>
         <p class="text-lg text-gray-700 mb-8">All technical discussions, proposals, and decisions are documented in <strong>GitHub issues</strong>.</p>
@@ -416,7 +435,7 @@ <h3 class="text-xl font-semibold text-brand-primary mb-4">MONAI Label Milestones
     </section>
 
     <!-- What Belongs in an Issue Section -->
-    <section class="py-24 bg-neutral-lightgray">
+    <section id="what-belongs-in-an-issue" class="py-16 bg-neutral-lightgray">
       <div class="container">
         <h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">What Belongs in an Issue?</h2>
         <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
@@ -465,7 +484,7 @@ <h3 class="text-xl font-semibold text-brand-primary mb-6 pb-2 border-b border-ne
     </section>
 
     <!-- How Work Gets Done Section -->
-    <section class="py-24 bg-white">
+    <section id="how-work-gets-done" class="py-16 bg-white">
       <div class="container">
         <h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">How Work Gets Done</h2>
         <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
@@ -497,7 +516,7 @@ <h3 class="font-semibold text-gray-800 mb-2">Share Updates</h3>
     </section>
 
     <!-- When to Request WG Discussion Section -->
-    <section class="py-24 bg-neutral-lightgray">
+    <section id="request-discussion" class="py-16 bg-neutral-lightgray">
       <div class="container">
         <h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">When to Request WG Discussion</h2>
         <p class="text-lg text-gray-700 mb-6">If you're working on an issue and need broader input:</p>
@@ -521,7 +540,7 @@ <h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">When to Request WG
     </section>
 
     <!-- WG Meeting Structure Section -->
-    <section class="py-24 bg-white">
+    <section id="meeting-structure" class="py-16 bg-white">
       <div class="container">
         <h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">WG Meeting Structure</h2>
         <p class="text-lg text-gray-700 mb-8">Meetings serve four purposes:</p>
@@ -550,7 +569,7 @@ <h3 class="text-lg font-semibold text-brand-primary mb-2">Knowledge sharing</h3>
     </section>
 
     <!-- Meeting Documentation Section -->
-    <section class="py-24 bg-neutral-lightgray">
+    <section id="meeting-documentation" class="py-16 bg-neutral-lightgray">
       <div class="container">
         <h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">Meeting Documentation</h2>
         <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
@@ -599,7 +618,7 @@ <h3 class="text-xl font-semibold text-brand-primary mb-4">Why this approach?</h3
     </section>
 
     <!-- Issue Grooming Process Section -->
-    <section class="py-24 bg-white">
+    <section id="issue-grooming" class="py-16 bg-white">
       <div class="container">
         <h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">Issue Grooming Process</h2>
         <p class="text-lg text-gray-700 mb-6">At each meeting, we review:</p>
@@ -630,7 +649,7 @@ <h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">Issue Grooming Pro
     </section>
 
     <!-- Who Coordinates the WG Section -->
-    <section class="py-24 bg-neutral-lightgray">
+    <section id="coordinators" class="py-16 bg-neutral-lightgray">
       <div class="container">
         <h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">Who Coordinates the WG?</h2>
         <p class="text-lg text-gray-700 mb-6">The WG is led by coordinators listed on the <a href="wg_human_ai_interaction.html" class="text-brand-primary hover:text-brand-dark font-medium">WG homepage</a>.</p>
@@ -660,7 +679,7 @@ <h3 class="text-xl font-semibold text-brand-primary mb-4">Coordinators are respo
     </section>
 
     <!-- Communication Channels Section -->
-    <section class="py-24 bg-white">
+    <section id="communication-channels" class="py-16 bg-white">
       <div class="container">
         <h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">Communication Channels</h2>
         <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
@@ -698,7 +717,7 @@ <h3 class="text-xl font-semibold text-brand-primary mb-4">Join the WG</h3>
     </section>
 
     <!-- Conflict Resolution Section -->
-    <section class="py-24 bg-neutral-lightgray">
+    <section id="conflict-resolution" class="py-16 bg-neutral-lightgray">
       <div class="container">
         <h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">Conflict Resolution</h2>
         <p class="text-lg text-gray-700 mb-6">When contributors disagree on an approach or decision:</p>
@@ -729,7 +748,7 @@ <h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">Conflict Resolutio
     </section>
 
     <!-- Why This Approach Section -->
-    <section class="py-24 bg-white">
+    <section id="why-this-approach" class="py-16 bg-white">
       <div class="container">
         <h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">Why This Approach?</h2>
         <p class="text-lg text-gray-700 mb-8">This structure ensures:</p>
@@ -755,7 +774,7 @@ <h3 class="text-lg font-semibold text-brand-primary mb-2">Scalability</h3>
     </section>
 
     <!-- Getting Started Section -->
-    <section class="py-24 bg-brand-light">
+    <section id="getting-started" class="py-16 bg-brand-light">
       <div class="container">
         <h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">Getting Started</h2>
         <div class="bg-white p-8 rounded-lg border border-neutral-200 mb-8">
@@ -791,7 +810,7 @@ <h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">Getting Started</h
   </main>
 
   <!-- Footer Component -->
-<footer id="footer" class="py-2 border-t border-neutral-light_gray">
+<footer id="footer" class="py-2 border-t border-neutral-lightgray">
   <div class="container">
     <div class="flex flex-wrap items-center justify-between gap-4">
       <!-- Logo Section -->
diff --git a/wg_human_ai_interaction.html b/wg_human_ai_interaction.html
diff --git a/wg_ophthalmology.html b/wg_ophthalmology.html
diff --git a/wg_outreach_adoption.html b/wg_outreach_adoption.html
diff --git a/wg_ultrasound.html b/wg_ultrasound.html
diff --git a/working-groups.html b/working-groups.html
