upcoming shows

Author: csquared

index.html

@@ -137,11 +137,14 @@
 
             .shows-grid.upcoming {
                 display: flex;
-                justify-content: center;
+                flex-direction: column;
+                gap: 16px;
+                max-width: 500px;
+                margin: 0 auto;
             }
 
             .shows-grid.upcoming .show-card {
-                max-width: 350px;
+                max-width: 100%;
             }
 
             .show-card {
@@ -646,18 +649,18 @@ <h1>SAYLESS</h1>
         <section id="shows" class="section">
             <h2 class="section-header">UPCOMING</h2>
             <div class="shows-grid upcoming">
-                <p
-                    style="
-                        font-family: &quot;StencilGothic&quot;, sans-serif;
-                        letter-spacing: 2px;
-                        color: #666;
-                        font-size: 1.1rem;
-                        text-align: center;
-                        padding: 40px 20px;
-                    "
-                >
-                    STAY TUNED...
-                </p>
+                <div class="show-card" style="border: 1px solid #333; padding: 24px;">
+                    <div class="show-info" style="padding: 0;">
+                        <div class="show-date" style="font-size: 1.5rem; letter-spacing: 4px; margin-bottom: 8px; color: white;">APR 4</div>
+                        <div class="show-venue">MAYAN WARRIOR PREGAME @ STARDUST GARAGE</div>
+                    </div>
+                </div>
+                <div class="show-card" style="border: 1px solid #333; padding: 24px;">
+                    <div class="show-info" style="padding: 0;">
+                        <div class="show-date" style="font-size: 1.5rem; letter-spacing: 4px; margin-bottom: 8px; color: white;">APR 24</div>
+                        <div class="show-venue">SAYLESS & KODY SUN @ STARDUST GARAGE</div>
+                    </div>
+                </div>
             </div>
 
             <h2 class="section-header past-header">PAST SHOWS</h2>