Previous version made GPDR-friendly

2025-08-18 16:06:37 +02:00
commit fa64b62d5a
357 changed files with 10137 additions and 0 deletions
--- a/src/scss/components/_presentation.scss
+++ b/src/scss/components/_presentation.scss
@@ -0,0 +1,109 @@
+.presentation {
+  article {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    grid-template-rows: auto;
+    grid-column-gap: 2.125rem;
+    grid-row-gap: 2.125rem;
+    margin-bottom: 16rem;
+
+    &:nth-child(2n + 1) {
+      .content {
+        grid-column: 1;
+      }
+  
+      figure {
+        grid-column: 2;
+      }
+    }
+  
+    &:nth-child(2n) {
+      .content {
+        grid-column: 2;
+        grid-row: 1;
+      }
+    }
+  }
+
+  .content {
+    h2 {
+      font-size: 2.125rem;
+      margin-bottom: 2rem;
+
+      + p {
+        font-size: 1.25rem;
+      }
+    }
+
+    + figure,
+    + p {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+  
+      img {
+        margin-top: 3.5rem;
+      }
+
+      .btn {
+        margin-top: 7rem;
+      }
+    }
+  }
+
+  .side-info {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+
+    img {
+      margin-bottom: 1.5rem;
+    }
+  }
+
+  .profile-preview {
+    display: flex;
+    list-style: none;
+    margin-top: auto;
+
+    li + li {
+      margin-left: -2rem;
+    }
+
+    img {
+      width: 10rem;
+      border-radius: 50%;
+      border: 2px solid;
+      color: var(--color-white);
+      background-color: var(--color-white);
+    }
+  }
+}
+
+@media (max-width: 767.98px) {
+  .presentation {
+    article {
+      display: block;
+      margin-bottom: 4rem;
+    }
+
+    .content {
+      h2 {
+        font-size: 1.6rem;
+
+        + p {
+          font-size: 1rem;
+        }
+      }
+    }
+
+    .side-info {
+      margin-top: 2rem;
+
+      img {
+        margin-bottom: 2.5rem;
+      }
+    }
+  }
+}