Update index.html

Author: afro-architect

index.html

@@ -391,23 +391,50 @@ <h3>Learn the Smeeze With Violet at This Bay Area Community Dance Clinic</h3>
         </div>
       <!-- Summary + detailed events list -->
 <div>
-  <h3 style="margin-bottom:0.75rem;">Community Movement Calendar</h3>
+  <h3 style="margin-bottom:0.75rem;">Youth Event Calendar</h3>
 
   <!-- Simple summary list -->
-  <ul style="list-style:none; padding:0; margin:0 0 1rem 0; font-size:.9rem;">
-    <li style="margin-bottom:.6rem;">
-      <strong>Thu · 6–8 PM</strong><br>
-      Kiki &amp; Chill · Rec Room, SoMa
-    </li>
-    <li style="margin-bottom:.6rem;">
-      <strong>Fri · 7–9 PM</strong><br>
-      Neon Dance Cardio · Bryant St Gym
-    </li>
-    <li>
-      <strong>Sat · 3–5 PM</strong><br>
-      Smeeze Clinic w/ Violet · Oakland
-    </li>
-  </ul>
+  <div class="ev-item">
+  <div class="ev-date">
+    <span class="mo">Apr</span><span class="dy">6</span>
+  </div>
+  <div style="display:flex;gap:.5rem;flex:1;align-items:flex-start;">
+    <div class="dot" style="background:#D72B2B;"></div>
+    <div class="ev-info">
+      <h4>Kiki &amp; Chill — Rec Room, SoMa</h4>
+      <p>Weekly kiki with music, snacks, and space to decompress.
+         6–8 PM · Rec Room, SoMa</p>
+    </div>
+  </div>
+</div>
+
+<div class="ev-item">
+  <div class="ev-date">
+    <span class="mo">Apr</span><span class="dy">12</span>
+  </div>
+  <div style="display:flex;gap:.5rem;flex:1;align-items:flex-start;">
+    <div class="dot" style="background:#2450B5;"></div>
+    <div class="ev-info">
+      <h4>Neon Dance Cardio — Bryant St Gym</h4>
+      <p>Club beats, colored lights, and high‑energy cardio that feels like a party.
+         7–9 PM · Bryant St Community Gym</p>
+    </div>
+  </div>
+</div>
+
+<div class="ev-item">
+  <div class="ev-date">
+    <span class="mo">Apr</span><span class="dy">19</span>
+  </div>
+  <div style="display:flex;gap:.5rem;flex:1;align-items:flex-start;">
+    <div class="dot" style="background:#1C1C1E;"></div>
+    <div class="ev-info">
+      <h4>Smeeze Clinic w/ Violet — Oakland</h4>
+      <p>Learn the Smeeze with Violet and friends, all levels welcome.
+         3–5 PM · Community Center, Oakland</p>
+    </div>
+  </div>
+</div>
 
   <!-- Detailed May events list -->
   <div class="ev-list">