add ticket animation / link

assets/css/src/events-grid.css

@@ -5,3 +5,19 @@
 .events-grid h4 {
   margin-bottom: 1rem;
 }
+
+.event-card picture {
+  margin-bottom: calc(var(--space-m) / 2);
+}
+
+.event-card__infos > div {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+}
+.event-card__infos > div:first-child {
+  margin-bottom: calc(var(--space-m) / 2);
+}
+
+.event-card__infos > div > *:not(h5):last-child {
+  place-self: end;
+}

assets/css/src/generic.css

@@ -12,3 +12,50 @@ body.progress * {
 .grid__item {
   grid-column: span var(--span);
 }
+
+@keyframes vibrate {
+  0%,
+  100% {
+    scale: 1;
+    transform: rotate(0deg);
+  }
+  20%,
+  40%,
+  60%,
+  80% {
+    transform: rotate(5deg);
+  }
+
+  20% {
+    scale: 0.95;
+  }
+
+  50% {
+    scale: 1.05;
+  }
+
+  80% {
+    scale: 0.95;
+  }
+
+  10%,
+  30%,
+  50%,
+  70%,
+  90% {
+    transform: rotate(-5deg);
+  }
+}
+
+.ticket:hover svg {
+  animation: vibrate 0.5s forwards;
+}
+
+.ticket:hover svg path:not(.dot) {
+  fill: var(--color-salmon);
+  stroke: var(--color-salmon);
+}
+
+.ticket:hover svg path.dot {
+  fill: #fff;
+}

assets/css/src/reset.css

@@ -24,8 +24,11 @@ figure {
 }
 
 a {
+  margin: 0;
+  padding: 0;
   text-decoration: none;
   color: inherit;
+  cursor: pointer;
 }
 
 a:visited {

assets/css/src/text.css

@@ -34,5 +34,11 @@ h3,
 h4,
 .h4 {
   font-size: var(--font-size-h4);
-  font-weight: bold;
+  font-weight: 500;
+}
+
+h5,
+.h5 {
+  font-size: var(--font-size-h5);
+  font-weight: 600;
 }

assets/css/src/variables.css

@@ -2,6 +2,7 @@
   --border: 1px solid #000;
 
   --font-size-body: 1.25rem;
+  --font-size-h5: 1.5625rem;
   --font-size-h4: 1.5625rem;
   --font-size-h3: 1.5625rem;
   --font-size-h2: 1.875rem;

assets/images/icons/ticket.svg

@@ -1,10 +1,10 @@
 <svg width="36" height="23" viewBox="0 0 36 23" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_1125_1428)">
 <path d="M30.7411 11.4703C30.7411 9.52004 32.3278 7.93341 34.278 7.93341V0.82666H0.82666V7.93341C2.77689 7.93341 4.36351 9.52004 4.36351 11.4703C4.36351 13.4205 2.77689 15.0071 0.82666 15.0071V22.1139H34.278V15.0071C32.3278 15.0071 30.7411 13.4205 30.7411 11.4703Z" stroke="black" stroke-width="2" stroke-miterlimit="10"/>
-<path d="M13.9822 5.15583C14.5481 5.15583 15.0069 4.69706 15.0069 4.13114C15.0069 3.56522 14.5481 3.10645 13.9822 3.10645C13.4163 3.10645 12.9575 3.56522 12.9575 4.13114C12.9575 4.69706 13.4163 5.15583 13.9822 5.15583Z" fill="black"/>
-<path d="M13.9822 10.2149C14.5481 10.2149 15.0069 9.75615 15.0069 9.19022C15.0069 8.6243 14.5481 8.16553 13.9822 8.16553C13.4163 8.16553 12.9575 8.6243 12.9575 9.19022C12.9575 9.75615 13.4163 10.2149 13.9822 10.2149Z" fill="black"/>
-<path d="M13.9822 15.3038C14.5481 15.3038 15.0069 14.845 15.0069 14.2791C15.0069 13.7132 14.5481 13.2544 13.9822 13.2544C13.4163 13.2544 12.9575 13.7132 12.9575 14.2791C12.9575 14.845 13.4163 15.3038 13.9822 15.3038Z" fill="black"/>
-<path d="M13.9822 20.3941C14.5481 20.3941 15.0069 19.9353 15.0069 19.3694C15.0069 18.8035 14.5481 18.3447 13.9822 18.3447C13.4163 18.3447 12.9575 18.8035 12.9575 19.3694C12.9575 19.9353 13.4163 20.3941 13.9822 20.3941Z" fill="black"/>
+<path class="dot" d="M13.9822 5.15583C14.5481 5.15583 15.0069 4.69706 15.0069 4.13114C15.0069 3.56522 14.5481 3.10645 13.9822 3.10645C13.4163 3.10645 12.9575 3.56522 12.9575 4.13114C12.9575 4.69706 13.4163 5.15583 13.9822 5.15583Z" fill="black"/>
+<path class="dot" d="M13.9822 10.2149C14.5481 10.2149 15.0069 9.75615 15.0069 9.19022C15.0069 8.6243 14.5481 8.16553 13.9822 8.16553C13.4163 8.16553 12.9575 8.6243 12.9575 9.19022C12.9575 9.75615 13.4163 10.2149 13.9822 10.2149Z" fill="black"/>
+<path class="dot" d="M13.9822 15.3038C14.5481 15.3038 15.0069 14.845 15.0069 14.2791C15.0069 13.7132 14.5481 13.2544 13.9822 13.2544C13.4163 13.2544 12.9575 13.7132 12.9575 14.2791C12.9575 14.845 13.4163 15.3038 13.9822 15.3038Z" fill="black"/>
+<path class="dot" d="M13.9822 20.3941C14.5481 20.3941 15.0069 19.9353 15.0069 19.3694C15.0069 18.8035 14.5481 18.3447 13.9822 18.3447C13.4163 18.3447 12.9575 18.8035 12.9575 19.3694C12.9575 19.9353 13.4163 20.3941 13.9822 20.3941Z" fill="black"/>
 </g>
 <defs>
 <clipPath id="clip0_1125_1428">