modules nos valeurs/equipe

user/themes/lecampus/blueprints/modular/personnes.yaml

@@ -0,0 +1,44 @@
+title: Personnes
+'@extends':
+    type: default
+    context: blueprints://pages
+form:
+  fields:
+    tabs:
+      fields:
+        advanced:
+          fields:
+            columns:
+              fields:
+                column1:
+                  fields:
+                    name:
+                      default: modular/personnes
+                      '@data-options': '\Grav\Common\Page\Pages::modularTypes'
+            overrides:
+              fields:
+                header.template:
+                  default: modular/personnes
+                  '@data-options': '\Grav\Common\Page\Pages::modularTypes'
+        personnes:
+          type: tab
+          title: Personnes
+          fields:
+            header.personnes:
+              name: personnes
+              type: list
+              label: Personnes
+
+              fields:
+                .nom:
+                  type: text
+                  label: Nom
+                .fonction:
+                  type: text
+                  label: Fonction
+                .biographie:
+                  type: markdown
+                  label: Biographie
+                .portrait:
+                  type: filepicker
+                  label: Portrait

user/themes/lecampus/blueprints/modular/valeurs.yaml

@@ -0,0 +1,41 @@
+title: Valeurs
+'@extends':
+    type: default
+    context: blueprints://pages
+form:
+  fields:
+    tabs:
+      fields:
+        advanced:
+          fields:
+            columns:
+              fields:
+                column1:
+                  fields:
+                    name:
+                      default: modular/valeurs
+                      '@data-options': '\Grav\Common\Page\Pages::modularTypes'
+            overrides:
+              fields:
+                header.template:
+                  default: modular/personnes
+                  '@data-options': '\Grav\Common\Page\Pages::modularTypes'
+        valeurs:
+          type: tab
+          title: Valeurs
+          fields:
+            header.valeurs:
+              name: valeurs
+              type: list
+              label: Valeurs
+
+              fields:
+                .titre:
+                  type: text
+                  label: Titre
+                .texte:
+                  type: markdown
+                  label: Description
+                .image:
+                  type: filepicker
+                  label: Image

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

@@ -2979,3 +2979,10 @@ header nav.dropmenu > ul {
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 70%; }
+
+.module .valeurs {
+  display: flex;
+  flexdirection: row;
+  align-items: baseline; }
+  .module .valeurs .valeur {
+    padding: 10px; }

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

@@ -1595,3 +1595,21 @@
     width: 70%;
   }
 }
+
+.module {
+    .valeurs{
+      display: flex;
+      flexdirection: row;
+      align-items: baseline;
+
+      .valeur{
+        // display: flex;
+        // flexdirection: column;
+        // align-items: baseline;
+
+        padding: 10px;
+
+      }
+    }
+
+}

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

@@ -38,7 +38,8 @@
 </script>
 
 <div class="module">
-  {% include 'modular/section-nos-valeurs.html.twig' %}
+
+  {% include 'modular/section-valeurs-equipe.html.twig' %}
 </div>
 
 {% endblock %}

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

@@ -0,0 +1,54 @@
+
+<div class="titre-module">{{page.title}}</div>
+
+<div class="equipe {{ page.header.class}}">
+    {{ content|raw }}
+
+
+    {% 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}}" />
+              {% endif %}
+            </div>
+            <div class="info">
+                {% if personne.nom %}
+                <h5>{{ personne.nom }}</h5>
+                {% endif %}
+                {% if personne.fonction %}
+                <h6>{{ personne.fonction }}</h6>
+                {% endif %}
+                {% 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>
+
+    {% endfor %}
+
+
+
+</div>

user/themes/lecampus/templates/modular/section-nos-valeurs.html.twig

@@ -1,8 +0,0 @@
-
-
-{{ page.content|raw }}
-{% for module in page.collection() %}
-    <div id="{{ _self.pageLinkName(module.menu) }}"></div>
-
-    {{ module.content|raw }}
-{% endfor %}

user/themes/lecampus/templates/modular/section-valeurs-equipe.html.twig

@@ -0,0 +1,9 @@
+
+
+
+{% for module in page.collection() %}
+    <div id="{{ _self.pageLinkName(module.menu) }}">
+          {{ module.content|raw }}
+    </div>
+
+{% endfor %}

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

@@ -0,0 +1,35 @@
+
+<div class="titre-module">{{page.title}}</div>
+
+<div class="valeurs {{ page.header.class}}">
+    {{ content|raw }}
+
+
+    {% for valeur in page.header.valeurs %}
+
+      <div class="valeur">
+
+            <!-- <div class="photo"> -->
+              {% if valeur.image %}
+                <img src="{{page.media[valeur.image].url|e }}" alt="photo de {{valeur.titre}}" />
+              {% endif %}
+            <!-- </div>
+            <div class="title"> -->
+                {% if valeur.titre %}
+                <h5>{{ valeur.titre }}</h5>
+                {% endif %}
+
+                {% if valeur.texte %}
+                <p>{{ valeur.texte|markdown }} </p>
+                {% endif %}
+<!--
+            </div> -->
+
+
+      </div>
+
+    {% endfor %}
+
+
+
+</div>