style hero

assets/css/src/calendar-strip.css

@@ -45,7 +45,7 @@
   max-height: 0;
   padding: 0 var(--margin-body);
   background-color: #fff;
-  z-index: -1;
+  z-index: 0;
   transition: max-height 0.3s ease-in-out;
   border-bottom: var(--border);
 }

assets/css/src/events-grid.css

@@ -0,0 +1,3 @@
+.events-grid {
+  min-height: 30rem;
+}

assets/css/src/hero.css

@@ -1,9 +1,6 @@
 .hero {
   display: grid;
   grid-template-columns: 2fr 3fr;
-}
-
-.hero__text {
   padding: 2.5rem;
 }
 

assets/css/src/variables.css

@@ -9,6 +9,7 @@
   --curve-quick-slow: cubic-bezier(0.175, 0.885, 0.32, 1.275);
 
   --margin-body: 3.86rem;
+  --space-m: 2rem;
 
   --color-pink: #ed268f;
   --color-pink-light: #ffa199;

assets/css/style.css

@@ -5,3 +5,4 @@
 @import url("src/nav.css");
 @import url("src/hero.css");
 @import url("src/calendar-strip.css");
+@import url("src/events-grid.css");

site/config/routes/month-dates.php

@@ -73,10 +73,14 @@ return [
         $mapadoEvent = fetchMapadoEvent($request);        
 
         $duration = null;
+
+        $sessionsToSave = [];
+
         foreach ($mapadoEvent->eventDateList as $session) {
+          
           $sessionMonth = substr($session->startDate, 0, 7);          
+          
           if ($sessionMonth === $requestMonth) {
-            
             $day = intval(substr($session->startDate, 8, 2));
             $startTime = substr($session->startDate, 11, 5);
             $eventDateId = explode('/', $session->{'@id'});
@@ -93,9 +97,16 @@ return [
               "duration" => $duration,
               "ticketingUrl" => 'https://cdn-besancon.mapado.com/event/' . $mapadoEvent->slug . '?eventDate=' . $eventDateId
             ]);
-          }
 
+            $sessionsToSave[] = [
+              "date" => substr($session->startDate, 0, 10),
+              "time" => str_replace(':', 'h', $startTime)
+            ];
+          }
         }
+        $event->update([
+          "sessions" => $sessionsToSave
+        ]);
       }
     }
 

site/snippets/events-grid.php

@@ -0,0 +1 @@
+<div class="events-grid"></div>

site/templates/home.php

@@ -8,4 +8,5 @@
   </div>
 </div>
 <?php snippet('calendar-strip') ?>
+<?php snippet('events-grid') ?>
 <?php snippet('footer') ?>