Theme Herbeumont

herbeumont/src/index.js

@@ -10,11 +10,14 @@ $(document).ready(function () {
   });
 
   // For custom slider
-  var allSwiper = $("div.swiper");
-  for (var i = 0; i < allSwiper.length; i++) {
-    if (allSwiper[i].getAttribute("data-nb-results-by-batch") > 1) {
-      allSwiper[i].swiper.params.spaceBetween = 30;
-      allSwiper[i].swiper.update();
-    }
+  if ($(".sectionnews .swiper").length > 0) {
+    var newsSwiper = $(".sectionnews .swiper")[0].swiper;
+    newsSwiper.params.spaceBetween = 30;
+    (newsSwiper.params.speed = 1000), newsSwiper.update();
+  }
+  if ($(".sectionevents .swiper").length > 0) {
+    var eventsSwiper = $(".sectionevents .swiper")[0].swiper;
+    eventsSwiper.params.spaceBetween = 30;
+    (eventsSwiper.params.speed = 1000), eventsSwiper.update();
   }
 });

herbeumont/src/scss/contact.scss

@@ -0,0 +1,20 @@
+#portal-column-content .sectioncontact {
+  .contact-type-organization,
+  .contact-type-position,
+  .contact-type-mission {
+    background: $primary-svg;
+    margin: 5px;
+    border-radius: 10px;
+  }
+
+  h2,
+  h3,
+  h4 {
+    font-family: $font-family-base;
+    color: $primary-dark !important;
+  }
+}
+
+#portal-column-content .section-contact .contact-type-mission::after {
+  border: none;
+}

herbeumont/src/scss/home/actualites.scss

@@ -1,39 +1,133 @@
+.portaltype-imio-smartweb-portalpage.section-home-page
+  .sortable-section.sectionnews::after {
+  background: url("../../assets/svg/arbres.svg");
+  background-position: 100% 0;
+  background-repeat: no-repeat;
+  background-size: 130px;
+  content: "";
+  top: -70px;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  position: absolute;
+  z-index: -1;
+}
+
 .sectionnews {
+  position: relative;
+
   .section-container {
-    text-align: center;
+    position: relative;
+  }
+
+  .swiper-slide .swiper_date {
+    width: 100%;
+  }
+
+  .swiper_title {
+    width: 100%;
+  }
+
+  .container {
+    padding: 0 40px !important;
   }
 
   .section-title {
-    display: inline-block;
+    font-weight: 500;
+    text-transform: none;
     position: relative;
+    color: $primary-dark;
+    text-align: right;
+    margin-bottom: 1rem;
+  }
 
-    &::before {
-      content: "";
-      background: url("../../assets/svg/arbres.svg") no-repeat;
-      background-size: contain;
-      width: 94px;
-      height: 75px;
-      display: block;
-      position: absolute;
-      top: -76px;
-      left: -41px;
-      z-index: -1;
+  @media screen and (max-width: 950px) {
+    margin-top: 60px;
+    width: 100% !important;
+
+    .section-title {
+      text-align: center;
     }
   }
 
-  .swiper_date {
-    margin: 5px auto !important;
+  .row {
+    margin: 0;
+
+    li {
+      &::marker {
+        content: "" !important;
+      }
+      padding: 20px 10px;
+      border-bottom: 1px solid #c1c1c1;
+
+      .table_display {
+        .table_image {
+          text-decoration: none;
+          width: 100%;
+          position: relative;
+          display: block;
+
+          .table_category {
+            text-align: right;
+            display: flex;
+            justify-content: flex-end;
+
+            span {
+              background: #ddd;
+              border-radius: 5px;
+              padding: 5px;
+              font-size: 13px;
+            }
+          }
+
+          .table_date {
+            font-size: 10px;
+            transition: all 0.3s ease;
+          }
+
+          .table_title {
+            font-size: 16px;
+            font-weight: 500;
+            transition: all 0.3s ease;
+          }
+
+          &:hover {
+            .table_date {
+              padding-left: 7px;
+              transition: all 0.3s ease;
+            }
+
+            .table_title {
+              color: $primary-svg;
+              padding-left: 7px;
+              transition: all 0.3s ease;
+              text-decoration: underline;
+            }
+          }
+        }
+      }
+    }
+
+    li::marker {
+      display: none !important;
+    }
   }
+}
 
-  .swiper_title {
-    width: 100%;
+.image-actualites-accueil {
+  figure {
+    max-width: 100% !important;
+    width: 100% !important;
+    margin: 100px 0 0 !important;
+    padding: 0 40px !important;
 
-    h3 {
-      text-align: center;
+    img {
+      width: 100% !important;
+      height: auto !important;
     }
   }
 
-  .auth_source_container_title {
+  @media screen and (max-width: 950px) {
     display: none;
   }
 }