Add organizer images and update layout for improved presentation

Author: savini98

Krisztian_Flautner.jpeg

@@ -97,6 +97,11 @@ <h1>Jaseci: An Open-Source AI-Native Language and Runtime Stack</h1>
               and scaling constructs. Prompt less, smile more. No boilerplate, no DevOps, no manual prompts.
             </p>
           </div>
+
+          <a href="https://www.jaseci.org/" class="jaseci-cta" target="_blank" rel="noopener">
+            Explore Jaseci.org
+            <svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M5.22 14.78a.75.75 0 001.06 0l7.22-7.22v5.69a.75.75 0 001.5 0v-7.5a.75.75 0 00-.75-.75h-7.5a.75.75 0 000 1.5h5.69l-7.22 7.22a.75.75 0 000 1.06z" clip-rule="evenodd"/></svg>
+          </a>
         </section>
 
         <!-- Tutorial Themes -->
@@ -195,11 +200,26 @@ <h3>Schedule Coming Soon</h3>
         <section id="organizers">
           <h2>Organizers</h2>
           <div class="organizers-grid">
+            <a href="https://www.jasonmars.org/" class="organizer-card" target="_blank" rel="noopener">
+              <div class="photo-placeholder">
+                <img src="jason-mars.jpg" alt="Jason Mars">
+              </div>
+              <h3>Jason Mars</h3>
+              <p class="affiliation">University of Michigan</p>
+            </a>
+            <a href="https://lingjia.engin.umich.edu/" class="organizer-card" target="_blank" rel="noopener">
+              <div class="photo-placeholder">
+                <img src="lingjia.jpg" alt="Lingjia Tang">
+              </div>
+              <h3>Lingjia Tang</h3>
+              <p class="affiliation">University of Michigan</p>
+            </a>
             <div class="organizer-card">
-              <div class="photo-placeholder"></div>
-              <h3>Organizer Name</h3>
-              <p class="affiliation">Institution</p>
-              <p class="bio">Organizer profiles will be added here soon. Check back for updates!</p>
+              <div class="photo-placeholder">
+                <img src="Krisztian_Flautner.jpeg" alt="Krisztian Flautner">
+              </div>
+              <h3>Krisztian Flautner</h3>
+              <p class="affiliation">University of Michigan</p>
             </div>
           </div>
         </section>
@@ -208,7 +228,7 @@ <h3>Organizer Name</h3>
         <section id="attend" class="cta-section">
           <div class="cta-block">
             <p>Interested in attending? Let us know so we can plan accordingly and keep you updated.</p>
-            <a href="https://sites.google.com/view/cryptorch-asplos-2026-tutorial" class="cta-btn" target="_blank" rel="noopener">
+            <a href="https://forms.gle/2RcBW13LhHadaGny7" class="cta-btn" target="_blank" rel="noopener">
               Let us know if you are interested!
               <svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M3 10a.75.75 0 01.75-.75h10.638L10.23 5.29a.75.75 0 111.04-1.08l5.5 5.25a.75.75 0 010 1.08l-5.5 5.25a.75.75 0 11-1.04-1.08l4.158-3.96H3.75A.75.75 0 013 10z" clip-rule="evenodd"/></svg>
             </a>

index.html

@@ -848,22 +848,24 @@ h2 {
 
 /* Organizers Grid */
 .organizers-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
-  gap: 32px;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 24px;
   margin-top: 40px;
 }
 
 .organizer-card {
   background-color: var(--bg-card);
   border: 1px solid var(--border-color);
   border-radius: var(--radius-lg);
-  padding: 24px;
+  padding: 20px;
   text-align: center;
   transition: transform 0.2s, box-shadow 0.2s;
   text-decoration: none;
   color: inherit;
   display: block;
+  max-width: 200px;
 }
 
 .organizer-card:hover {
@@ -872,11 +874,11 @@ h2 {
 }
 
 .photo-placeholder {
-  width: 120px;
-  height: 120px;
+  width: 90px;
+  height: 90px;
   border-radius: 50%;
   background: linear-gradient(135deg, var(--bg-sidebar), var(--border-color));
-  margin: 0 auto 16px;
+  margin: 0 auto 12px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -891,15 +893,20 @@ h2 {
   box-shadow: var(--shadow-lg), 0 0 0 2px var(--primary-color);
 }
 
-.photo-placeholder img { width: 100%; height: 100%; object-fit: cover; }
+.photo-placeholder img { 
+  width: 100%; 
+  height: 100%; 
+  object-fit: cover;
+  object-position: 55% 30%;
+}
 
-.organizer-card h3 { font-size: 1.1rem; margin-bottom: 4px; }
+.organizer-card h3 { font-size: 1rem; margin-bottom: 4px; }
 
 .organizer-card .affiliation {
   color: var(--primary-color);
-  font-size: 0.85rem;
+  font-size: 0.8rem;
   font-weight: 600;
-  margin-bottom: 10px;
+  margin-bottom: 8px;
 }
 
 .organizer-card .bio {