maj css

user/themes/lecampus/blueprints/sublog.yaml

@@ -16,6 +16,16 @@ form:
       fields:
         content:
           fields:
+            header.txtimg:
+              type: fieldset
+              title: Texte images
+              help: Écriver le texte qui sera affiché sur l'image
+              text: Écriver le texte qui sera affiché sur l'image
+              fields:
+                header.txtimg.text:
+                  type: text
+                  label: Texte
+
             header.entete:
               type: fieldset
               title: Texte en-tête

user/themes/lecampus/js/site.js

@@ -70,7 +70,7 @@ function slide() {
     infiniteLoop: true,
     preloadImages:'visible',
     pager:false,
-    auto:true,
+    auto:true
   });
 
 
@@ -78,6 +78,7 @@ function slide() {
     responsive: true,
     pager:true,
     preloadImages:'visible',
+    auto:true
   });
 
 }
@@ -134,6 +135,8 @@ function mapsalles() {
   var $salles = $('.fond svg path');
   var $content = $('.content .content_salle');
   arrayid = [];
+  $('.content .content_salle:not(#salle_trois_becs)').css("display", "none");
+  $('.fond svg path#salle_trois_becs').css("fill", "#0093a3");
 
   $salles.on('click', function() {
     var idsalle = this.id;

user/themes/lecampus/scss/theme/_blog.scss

@@ -72,6 +72,30 @@
   width: 100%;
   max-height: 554px;
   overflow: hidden;
+  display: flex;
+  background-image: url('/user/themes/lecampus/images/Trame-bleu.svg');
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: cover;
+  .title_gal{
+    position: absolute;
+    right: 25%;
+    max-width: 50%;
+    background: $light-blue;
+    padding: 25px;
+    top: 27vw;
+    color: $white;
+    p{
+      font-family: now_alt_bold;
+      font-size: 1.2rem;
+      font-weight: 400;
+      line-height: 2.2rem;
+    }
+  }
+  img{
+    width: 70%;
+    margin: auto;
+  }
 }
 
 .container{
@@ -347,7 +371,7 @@
   .entete_c{
     @include inlineflex;
     text-align: center;
-    width: 66%;
+    width: 70%;
     margin: 50px auto;
     position: relative;
 
@@ -705,7 +729,7 @@
       }
     }
     &.open{
-      h5:after{
+      h2:after{
         -webkit-transform: rotate(180deg);
                 transform: rotate(180deg);
       }
@@ -911,7 +935,7 @@
     position: absolute;
     left: 50%;
     top: 300px;
-    width: 30%;
+    width: 40%;
     background: white;
     & > p{
       padding-left: 10px;

user/themes/lecampus/templates/partials/bandeau.html.twig

@@ -25,6 +25,11 @@
     {% if image %}
     <div class="bandeau">
       {{ image.html('','bandeau') }}
+      {% if header.txtimg.text %}
+      <div class="title_gal">
+        <p>{{header.txtimg.text}}</p>
+      </div>
+      {% endif %}
     </div>
 
     {% if header.entete.text == true %}

user/themes/lecampus/templates/sublog.html.twig

@@ -1000,11 +1000,13 @@
 
         {% for item in page.collection %}
           <div class="content_salle" id="{{ macro.pageLinkName(item.title) }}">
-            {% set child_image = item.media.images|first %}
+            {% set child_image = item.media.images %}
             <h3>{{item.title}}</h3>
             {% if image %}
             <div class="gal-salles">
-              {{child_image.html('', 'salles')}}
+              {% for img in child_image %}
+                {{img}}
+              {% endfor %}
             </div>
             {% endif %}
             {{item.content}}