Theme for Arlon

Author: thomlamb

arlon/src/index.js

@@ -33,20 +33,44 @@ $(document).ready(function () {
   //scroll
 
   const animatedElements = document.querySelectorAll(
-    ".swiper-image, .home-citoyen-image-container, .a-la-une",
+    ".swiper-image, .home-citoyen-image-container, .a-la-une"
   );
 
   window.addEventListener("scroll", () => {
     animatedElements.forEach((img) => {
       const rect = img.getBoundingClientRect();
       const progress = Math.min(
         Math.max(1 - rect.top / window.innerHeight, 0),
-        1,
+        1
       );
       const translate = -70 * progress; // monte jusqu’à -10px
       const rotate = 30 * progress; // tourne jusqu’à 10deg
       img.style.setProperty("--triangle-translate", `${translate}px`);
       img.style.setProperty("--triangle-rotate", `${rotate}deg`);
     });
   });
+
+  // // custom a la une wrapper
+
+  // // Sélectionne tous les grids
+  // const grids = document.querySelectorAll(
+  //   ".a-la-une.home-dossiers .swiper-slide > a"
+  // );
+
+  // grids.forEach((grid) => {
+  //   // Sélectionne tous les divs sauf le premier (l'image)
+  //   const divs = Array.from(grid.children).slice(1);
+
+  //   if (divs.length === 0) return; // rien à faire s'il n'y a pas de divs de texte
+
+  //   // Crée le conteneur
+  //   const wrapper = document.createElement("div");
+  //   wrapper.classList.add("content");
+
+  //   // Déplace les divs dans le conteneur
+  //   divs.forEach((div) => wrapper.appendChild(div));
+
+  //   // Ajoute le conteneur dans le grid
+  //   grid.appendChild(wrapper);
+  // });
 });

arlon/src/scss/a-la-une.scss

@@ -3,6 +3,18 @@
   padding-bottom: 0;
   position: relative;
 
+  .swiper-slide > a {
+    background: transparent;
+  }
+
+  .see_all {
+    display: none;
+  }
+
+  .auth_source_container_title {
+    display: none;
+  }
+
   &::after {
     content: "";
     background: url("../../assets/svg/rond-carre.svg");
@@ -59,6 +71,10 @@
       }
     }
 
+    .swiper_category {
+      display: none;
+    }
+
     .swiper_title {
       &::before {
         content: "à la une";
@@ -95,11 +111,49 @@
     .swiper_title {
       align-self: end;
     }
+
+    .swiper_date {
+      align-self: end;
+      grid-column: 2;
+      grid-row: 1;
+      transform: translate(131px, -78px);
+      background: #fff;
+      border-radius: 50px;
+      font-weight: 500;
+    }
   }
 }
 
-.a-la-une .swiper-slide > a {
+.sectionevents.a-la-une .swiper-slide > a {
   grid-template-columns: 43% 50%;
   justify-content: center;
   grid-template-rows: inherit;
+  display: block;
+}
+
+@media screen and (min-width: 992px) {
+  .sectionevents.a-la-une .swiper-slide > a {
+    display: grid;
+  }
+}
+
+@media screen and (min-width: 992px) {
+  .sectionevents.a-la-une .swiper-slide .swiper_description {
+    padding: 0 36px 36px;
+    margin: 0;
+    background: transparent;
+    grid-column: 2;
+    grid-row: 2;
+  }
+}
+
+@media screen and (min-width: 992px) {
+  .a-la-une .swiper-slide .swiper_title {
+    align-self: start;
+    padding: 36px 36px 0;
+    margin: 0;
+    background: transparent;
+    grid-column: 2;
+    grid-row: 1;
+  }
 }

arlon/src/scss/actu.scss

@@ -77,7 +77,7 @@
 
 //events
 
-.sectionevents {
+.sectionevents:not(.a-la-une.home-dossiers) {
   background-color: #40435d;
 
   .swiper-slide {

arlon/src/scss/common/se-link-file.scss

@@ -111,6 +111,7 @@ body:not(.section-home-page) {
 
       a {
         text-decoration: none;
+        color: #fff;
       }
 
       a.collapsed {

arlon/src/scss/common/sectiongallery.scss

@@ -0,0 +1,22 @@
+.sectiongallery {
+  padding-top: 4vw;
+  padding-bottom: 4vw;
+  position: relative;
+
+  &::after {
+    content: "";
+    position: absolute;
+    background: #f5f5f5;
+    width: 100vw;
+    left: 50%;
+    z-index: -1;
+    display: block;
+    top: 0;
+    bottom: 0;
+    transform: translateX(-50vw);
+  }
+
+  .section-title {
+    margin-bottom: 2rem;
+  }
+}

arlon/src/scss/footer.scss

@@ -40,3 +40,9 @@ body:not(.is-in-minisite) #portal-colophon {
     margin-right: auto;
   }
 }
+
+.section-home-page {
+  #portal-footer-wrapper {
+    margin-top: 0;
+  }
+}

arlon/src/scss/main.scss

@@ -22,6 +22,7 @@ $enable-roboto-webfont: false;
 @import "citoyen";
 @import "broctie";
 @import "./common/se-link-file";
+@import "./common/sectiongallery";
 
 .see_all a::after {
   display: none;
@@ -140,3 +141,13 @@ $enable-roboto-webfont: false;
     }
   }
 }
+
+.template-facetednavigation_view .faceted-top-widgets input#search_button {
+  background: $primary !important;
+}
+
+.subsection-service-communaux-communication-publications.template-facetednavigation_view
+  .card-img-top {
+  aspect-ratio: 0.7;
+  padding-top: initial;
+}