module valeurs/equipe
This commit is contained in:
		@@ -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; }
 | 
			
		||||
 
 | 
			
		||||
@@ -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;
 | 
			
		||||
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
@@ -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;
 | 
			
		||||
 | 
			
		||||
          }
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
@@ -3,49 +3,54 @@
 | 
			
		||||
{% set image = page.media.images|first %}
 | 
			
		||||
 | 
			
		||||
{% block body %}
 | 
			
		||||
<div class="header-wrapper">
 | 
			
		||||
  {% include 'partials/bandeau.html.twig' %}
 | 
			
		||||
</div>
 | 
			
		||||
  <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>
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
<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="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 %}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
@@ -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,27 +23,9 @@
 | 
			
		||||
                {% 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">×</a>
 | 
			
		||||
                    </div>
 | 
			
		||||
 | 
			
		||||
                  </div>
 | 
			
		||||
              	</div> -->
 | 
			
		||||
            </div>
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
        <!-- </div> -->
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
      </div>
 | 
			
		||||
 | 
			
		||||
    {% endfor %}
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user