finish program calendrier

assets/css/src/calendar-strip.css

@@ -65,28 +65,3 @@
 .calendar-strip__date.open {
   max-height: 20rem;
 }
-
-.session:first-child > a {
-  border-top: var(--border) !important;
-}
-.session:not(:last-child) {
-  border-bottom: var(--border);
-}
-
-.session__event-link {
-  display: grid;
-  grid-template-columns: repeat(5, 1fr);
-  padding: var(--padding-vertical) var(--space-m);
-}
-
-.session:hover {
-  background-color: var(--color);
-}
-
-.session__info {
-  width: 100%;
-}
-
-.session__info > p:not(:last-child) {
-  margin-bottom: 1rem;
-}

assets/css/src/collapsable-section.css

@@ -46,6 +46,10 @@
   grid-template-columns: 1fr 2fr 1fr 2fr;
 }
 
+.sessions--detailed .session {
+  grid-template-columns: 2fr 2.5fr 1fr 1fr 1fr !important;
+}
+
 .collapsable__content .production p:not(:last-child) {
   margin-bottom: 2rem;
 }

assets/css/src/generic.css

@@ -123,3 +123,29 @@
 .yellow {
   background-color: var(--color-yellow);
 }
+
+.session:first-child > a {
+  border-top: var(--border) !important;
+}
+.session:not(:last-child) {
+  border-bottom: var(--border);
+}
+
+.session__event-link {
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+  padding: var(--padding-vertical) var(--space-m);
+}
+
+.session:hover {
+  background-color: var(--color);
+  cursor: pointer;
+}
+
+.session__info {
+  width: 100%;
+}
+
+.session__info > p:not(:last-child) {
+  margin-bottom: 1rem;
+}

assets/js/script.js

@@ -9,11 +9,16 @@ document.addEventListener("DOMContentLoaded", () => {
     main: document.querySelector("main"),
     footer: document.querySelector(".main-footer"),
     nav: document.querySelector(".main-nav"),
+    jsLinks: document.querySelectorAll(".js-link"),
   };
 
   // Listeners
   nodes.burgerBtn.addEventListener("click", () => expandNav(nodes));
   nodes.closeNavBtn.addEventListener("click", () => closeNav(nodes));
+  nodes.jsLinks.forEach((jsLink) => {
+    const to = jsLink.dataset.href;
+    jsLink.addEventListener("click", () => (location.href = to));
+  });
 
   // Key shortcuts
   window.addEventListener("keyup", (event) => {