Initial commit

2026-05-12 23:33:46 +02:00
commit ccf32dcece
104 changed files with 17439 additions and 0 deletions
--- a/scss/_postcard.scss
+++ b/scss/_postcard.scss
@@ -0,0 +1,114 @@
+.post-card {
+  padding-bottom: 0.8rem;
+  border-bottom: solid 1px;
+
+  // Category-specific gradients
+  &.gradient--le-laboratoire { 
+    .gradient-container {
+      @include category-gradient($laboratoire);
+    }
+    border-color: $laboratoire
+  }
+  &.gradient--manifestations-scientifiques { 
+    .gradient-container {
+      @include category-gradient($manifestations);
+    }
+    border-color: $manifestations;
+  }
+  &.gradient--publications-et-productions { 
+    .gradient-container {
+      @include category-gradient($publications);
+    }
+    border-color: $publications;
+  }
+  &.gradient--mediation-scientifique { 
+    .gradient-container {
+      @include category-gradient($mediations);
+    }
+    border-color: $mediations
+  }
+  &.gradient--ressources { 
+    .gradient-container {
+      @include category-gradient($ressources);
+    }
+    border-color: $ressources
+  }
+
+  &:hover {
+    .gradient-container {
+      img, h2 {
+        transform: scale(0.98);
+      }
+    }
+  }
+  .gradient-container {
+    height: 25vh;
+    padding: 0.7rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-decoration: unset;
+
+    img {
+      max-height: 100%;
+      transition: transform 0.2s ease-out;
+      transform: scale(1);
+      max-width: 100%;
+    }
+  
+    h2 {
+      font-family: Gelasio;
+      font-size: 1.7rem;
+      line-height: 1.1;
+      padding: 1.5rem;
+      transition: transform 0.2s ease-out;
+      transform: scale(1);
+      text-decoration: unset;
+    }
+  
+  
+    &.text-only {
+      font-family: Gelasio;
+      font-size: 1.7rem;
+      padding: 1.5rem;
+  
+      p {
+        transition: transform 0.2s ease-out;
+        transform: scale(1);
+      }
+    }
+  }
+  .contextual-infos {
+    text-transform: uppercase;
+    font-size: 0.8rem;
+    display: flex;
+    justify-content: space-between;
+    margin-top: 0.6rem;
+    line-height: 1.3;
+    .authors {
+      a {
+        text-decoration: none;
+      }
+      > span:not(:last-of-type)::after {
+        content: ", ";
+      }
+    }
+    .date-category {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-end;
+      text-align: right;
+      a {
+        text-decoration: none;
+      }
+    }
+  }
+  .title-bottom {
+    font-size: 1.2rem;
+    margin-top: 0.8rem;
+    line-height: 1.2;
+    a {
+      text-decoration: none;
+    }
+  }
+}