maj

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

@@ -552,7 +552,6 @@
     }
     .content_s{
       width: calc(60% - 30px);
-
     }
     .icones{
       margin: 70px 0;
@@ -721,18 +720,30 @@
     p{
       color: white;
       width: 300px;
-      margin: 0 20px 20px 20px;
-      border-left: 1px solid white;
-      padding-left: 20px;
       a{
         color: white;
         text-decoration: underline;
       }
     }
     &.open{
-      // bottom: 0;
       z-index: 999;
       background: $dark-blue;
+      .item{
+        display: block;
+      }
+    }
+    h3{
+      color: $green;
+    }
+  }
+  .item{
+    display: none;
+    margin: 0 0px 20px 20px;
+    border-left: 1px solid white;
+    padding-left: 20px;
+    img{
+      width: 50px;
+      margin-bottom: 10px;
     }
   }
 }
@@ -852,8 +863,30 @@
         font-family: $Bold;
       }
   }
+  svg{
+      pointer-events: none;
+  }
   .mapsalles{
     width: 50%;
+    .contour{
+      position: relative;
+      z-index: 1;
+      pointer-events: none;
+    }
+    .fond{
+      position: absolute;
+      z-index:0;
+      top: 110px;
+      path{
+        fill: none;
+        pointer-events: all;
+        transition: fill 0.3s ease;
+        &:hover{
+          fill: $light-blue!important;
+          transition: fill 0.3s ease;
+        }
+      }
+    }
   }
   .content_salle{
     position: absolute;

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

@@ -27,9 +27,11 @@
   {% embed 'partials/layout.html.twig' %}
       {% block item %}
         <div class="content">
+          <div class="txt">
           <h2>{{page.title}}</h2>
           {{content}}
         </div>
+        </div>
       {% endblock %}
   {% endembed %}
 

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

@@ -71,23 +71,23 @@
   </script>
   <!-- End Matomo Code -->
 
-  <script type="application/ld+json">
-  {
-    "@graph": [
+    <script type="application/ld+json">
       {
-        "@type": "Place",
-        "address": {
-          "@type": "PostalAddress",
-          "addressLocality": "Eurre",
-          "addressRegion": "Val de Drôme",
-          "postalCode": "26400",
-          "streetAddress": "Place Michel Paulus,Ecosite du Val de Drôme"
-        },
-        "name": "Le Campus Biovallee"
+        "@graph": [
+          {
+            "@type": "Place",
+            "address": {
+              "@type": "PostalAddress",
+              "addressLocality": "Eurre",
+              "addressRegion": "Val de Drôme",
+              "postalCode": "26400",
+              "streetAddress": "Place Michel Paulus,Ecosite du Val de Drôme"
+            },
+            "name": "Le Campus Biovallee"
+          }
+        ]
       }
-    ]
-  }
-</script>
+    </script>
 
   </head>
 

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

@@ -1,14 +1,24 @@
 {% set options = { items: {'@page.self': '/nos-references'}, 'limit': 1 } %}
-{% set image = page.media.images|first %}
 {% set h5 = h5 ?: 'h2' %}
 
 <div id="reco">
   {% for p in page.collection(options)%}
     <div class="txt">
-      {{p.content}}
+      {% for item in p.collection %}
+      {% set image = item.media.images|first %}
+      <div class="item">
+      {% if image %}
+        {{ image.html('','logo') }}
+      {% endif %}
+        <h3>{{item.title}}</h3>
+        {{item.content}}
+      </div>
+      {% endfor %}
     </div>
+
     <div class="title">
       <{{h5}}>{{p.title}}</{{h5}}>
     </div>
+
   {% endfor %}
 </div>