module valeurs/equipe

user/themes/lecampus/css-compiled/theme.css

@@ -1348,7 +1348,24 @@ header nav.dropmenu > ul {
   #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input {
     text-align: center; }
   #tarteaucitronRoot #tarteaucitronAlertBig {
-    padding: 10px 0 !important; } }
+    padding: 10px 0 !important; }
+  #le_campus #module {
+    width: 90% !important;
+    padding-right: 0 !important; }
+    #le_campus #module .valeurs {
+      flex-direction: column !important;
+      width: 90%;
+      align-self: center; }
+      #le_campus #module .valeurs .valeur {
+        width: 100% !important;
+        text-align: center; }
+    #le_campus #module .equipe {
+      flex-direction: column !important;
+      width: 90%;
+      align-self: center; }
+      #le_campus #module .equipe .personne {
+        width: 100% !important;
+        text-align: center; } }
 
 #tarteaucitronBack {
   background: yellow; }
@@ -2980,7 +2997,7 @@ header nav.dropmenu > ul {
     transform: translate(-50%, -50%);
     width: 70%; }
 
-#module {
+#le_campus #module {
   width: 60%;
   margin: auto;
   margin-top: 4rem;
@@ -2988,7 +3005,7 @@ header nav.dropmenu > ul {
   padding-right: 4rem;
   display: flex;
   flex-direction: column; }
-  #module .titre-module {
+  #le_campus #module .titre-module {
     font-family: "now_alt_bold";
     font-weight: 400;
     font-size: 1.5rem;
@@ -2996,22 +3013,49 @@ header nav.dropmenu > ul {
     padding-bottom: 2rem;
     text-align: center;
     color: #0093a3; }
-  #module .valeurs {
+  #le_campus #module .valeurs {
     display: flex;
     flex-direction: row; }
-    #module .valeurs .valeur {
+    #le_campus #module .valeurs .valeur {
       width: 33%;
       display: flex;
       flex-direction: column;
       padding: 10px; }
-      #module .valeurs .valeur .images_v {
+      #le_campus #module .valeurs .valeur .images_v {
         width: 100%;
         max-height: 10rem;
         overflow: hidden; }
-        #module .valeurs .valeur .images_v img {
+        #le_campus #module .valeurs .valeur .images_v img {
           padding-bottom: 20px; }
-      #module .valeurs .valeur h5 {
+      #le_campus #module .valeurs .valeur h5 {
         padding-top: 20px;
         padding-bottom: 5px;
         font-family: "bold";
         font-size: 1.3rem; }
+  #le_campus #module .equipe {
+    display: flex;
+    flex-direction: row; }
+    #le_campus #module .equipe .personne {
+      width: 33%;
+      display: flex;
+      flex-direction: column;
+      padding: 10px; }
+      #le_campus #module .equipe .personne .images_v {
+        width: 100%;
+        max-height: 10rem;
+        overflow: hidden; }
+        #le_campus #module .equipe .personne .images_v img {
+          padding-bottom: 20px; }
+      #le_campus #module .equipe .personne h5 {
+        padding-top: 20px;
+        padding-bottom: 5px;
+        font-family: "bold";
+        font-size: 1.3rem; }
+
+#le_campus .dl_plaquette p {
+  font-family: "now_alt_bold";
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 2rem;
+  padding-bottom: 2rem;
+  text-align: center; }

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

@@ -1596,46 +1596,82 @@
   }
 }
 
-
-#module{
-  width: 60%;
-  margin: auto;
-  margin-top: 4rem;
-  margin-bottom: 4rem;
-  padding-right: 4rem;
-  display: flex;
-  flex-direction: column;
-  .titre-module{
-    font-family: "now_alt_bold";
-    font-weight: 400;
-    font-size: 1.5rem;
-    line-height: 2rem;
-    padding-bottom: 2rem;
-    text-align: center;
-    color: #0093a3;
-  }
-  .valeurs{
+#le_campus{
+  #module{
+    width: 60%;
+    margin: auto;
+    margin-top: 4rem;
+    margin-bottom: 4rem;
+    padding-right: 4rem;
     display: flex;
-    flex-direction: row;
-    .valeur{
-      width:33%;
+    flex-direction: column;
+    .titre-module{
+      font-family: "now_alt_bold";
+      font-weight: 400;
+      font-size: 1.5rem;
+      line-height: 2rem;
+      padding-bottom: 2rem;
+      text-align: center;
+      color: #0093a3;
+    }
+    .valeurs{
       display: flex;
-      flex-direction: column;
-      padding: 10px;
-      .images_v{
-        width:100%;
-        max-height: 10rem;
-        overflow: hidden;
-        img{
-          padding-bottom: 20px;
+      flex-direction: row;
+      .valeur{
+        width:33%;
+        display: flex;
+        flex-direction: column;
+        padding: 10px;
+        .images_v{
+          width:100%;
+          max-height: 10rem;
+          overflow: hidden;
+          img{
+            padding-bottom: 20px;
+          }
+        }
+        h5{
+          padding-top: 20px;
+          padding-bottom: 5px;
+          font-family: "bold";
+          font-size: 1.3rem;
         }
       }
-      h5{
-        padding-top: 20px;
-        padding-bottom: 5px;
-        font-family: "bold";
-        font-size: 1.3rem;
+    }
+    .equipe{
+      display: flex;
+      flex-direction: row;
+      .personne{
+        width: 33%;
+        display: flex;
+        flex-direction: column;
+        padding: 10px;
+        .images_v{
+          width:100%;
+          max-height: 10rem;
+          overflow: hidden;
+          img{
+            padding-bottom: 20px;
+          }
+        }
+        h5{
+          padding-top: 20px;
+          padding-bottom: 5px;
+          font-family: "bold";
+          font-size: 1.3rem;
+        }
       }
     }
   }
+  .dl_plaquette{
+    p{
+      font-family: "now_alt_bold";
+      font-weight: 400;
+      font-size: 1rem;
+      line-height: 2rem;
+      padding-bottom: 2rem;
+      text-align: center;
+
+    }
+  }
 }

user/themes/lecampus/scss/theme/_mobile.scss

@@ -804,4 +804,30 @@
   #tarteaucitronRoot #tarteaucitronAlertBig{
     padding: 10px 0!important;
   }
+
+  #le_campus{
+    #module{
+      width: 90% !important;
+      padding-right: 0 !important;
+      .valeurs{
+          flex-direction: column !important;
+          width: 90%;
+          align-self: center;
+          .valeur{
+            width: 100% !important;
+            text-align: center;
+          }
+      }
+      .equipe{
+          flex-direction: column !important;
+          width: 90%;
+          align-self: center;
+          .personne{
+            width: 100% !important;
+            text-align: center;
+
+          }
+      }
+    }
+  }
 }

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

@@ -3,49 +3,54 @@
 {% set image = page.media.images|first %}
 
 {% block body %}
-<div class="header-wrapper">
-  {% include 'partials/bandeau.html.twig' %}
-</div>
-
-
-<script type="application/ld+json">
-{
- "@type": "Article",
- "headline": "{{page.title}}",
- "alternativeHeadline": "{{page.summary}}",
- "image": "http://example.com/image.jpg",
- "author": "",
- "award": "{{page.title}}",
- "editor": "Le Campus",
- "genre": "{{page.title}}",
- "keywords": " le_campus_valdedrome ",
- "wordcount": "1120",
-"publisher": {
-    "@type": "Organization",
-    "name": "Le Campus",
-    "logo": {
-      "@type": "ImageObject",
-      "url": "/user/themes/lecampus/images/logo_lecampus.svg"
-    }
-  },
- "url": "{{uri.base}}",
- "datePublished": "2015-09-20",
- "dateCreated": "2015-09-20",
- "dateModified": "2015-09-20",
- "description": "We love to do stuff to help people and stuff",
- "articleBody": "You can paste your entire post in here, and yes it can get really really long."
- }
-</script>
-
-
-{% block sidebar %}
-  {% include 'partials/sidebar.html.twig' %}
-{% endblock %}
+  <div class="header-wrapper">
+    {% include 'partials/bandeau.html.twig' %}
+  </div>
+
+  <section class="body-wrapper">
+
+    <script type="application/ld+json">
+    {
+     "@type": "Article",
+     "headline": "{{page.title}}",
+     "alternativeHeadline": "{{page.summary}}",
+     "image": "http://example.com/image.jpg",
+     "author": "",
+     "award": "{{page.title}}",
+     "editor": "Le Campus",
+     "genre": "{{page.title}}",
+     "keywords": " le_campus_valdedrome ",
+     "wordcount": "1120",
+    "publisher": {
+        "@type": "Organization",
+        "name": "Le Campus",
+        "logo": {
+          "@type": "ImageObject",
+          "url": "/user/themes/lecampus/images/logo_lecampus.svg"
+        }
+      },
+     "url": "{{uri.base}}",
+     "datePublished": "2015-09-20",
+     "dateCreated": "2015-09-20",
+     "dateModified": "2015-09-20",
+     "description": "We love to do stuff to help people and stuff",
+     "articleBody": "You can paste your entire post in here, and yes it can get really really long."
+     }
+    </script>
+
 
-<div class="module">
-  {% include 'modular/section-valeurs-equipe.html.twig' %}
-</div>
+    {% block sidebar %}
+      {% include 'partials/sidebar.html.twig' %}
+    {% endblock %}
 
+    <div class="module">
+      {% include 'modular/section-valeurs-equipe.html.twig' %}
+    </div>
+    
+    <div class="dl_plaquette">
+      {{content}}
+    </div>
+  </section>
 {% endblock %}
 
 

user/themes/lecampus/templates/modular/personnes.html.twig

@@ -6,9 +6,8 @@
 
 
     {% for personne in page.header.personnes %}
-      <!-- {{ dump(personne) }} -->
+
       <div class="personne">
-        <!-- <div class="mozaique"> -->
             <div class="photo">
               {% if personne.portrait %}
                 <img src="{{page.media[personne.portrait].url|e }}" alt="photo de {{personne.nom}}" />
@@ -24,26 +23,8 @@
                 {% if personne.biographie %}
                 <p>{{ personne.biographie|markdown }} </p>
                 {% endif %}
-                <!-- <button class="bouton">Voir biographie</button>
-                <div class="modal">
-                	<div class="mask">
-                  	<div class="container">
-                  		<div class="message">
-                        {% if personne.biographie %}
-                        <p>{{ personne.biographie|markdown }} </p>
-                        {% endif %}
-
-                      </div>
-                  		<a href="#" class="close">&times;</a>
-                    </div>
-
-                  </div>
-              	</div> -->
-            </div>
-
-
-        <!-- </div> -->
 
+            </div>
 
       </div>