Ajout des cÃréditsÃ

param.JSON

@@ -11,6 +11,7 @@
   "search": [
     "introductions",
     "chapitres",
-    "sections"
+    "sections",
+    "credits"
   ]
 }

src/css/styles_de_paragraphes.scss

@@ -81,6 +81,11 @@
 .credits {
 	font-size: 9pt;
 	margin-bottom: 6pt;
+	
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	height: 100%;
 
 	h4 {
 		font-family: "TextaAlt";

src/pages/Index.vue

@@ -52,7 +52,7 @@
   <div v-for="(edge,index) in $page.chapitres.edges.slice().reverse()" :key="`chapitre${edge.node.id}`">
     <div class="blank-page no-folio breakBeforeLeft" />
     <div v-if="edge.node.Rubrique">
-      <div class="section-title" >
+      <div class="section-title">
         {{edge.node.Rubrique}}
       </div>
       <h2 :id="`chapitres${edge.node.id}`" class="chapter-title ">{{edge.node.Titre}}</h2>
@@ -72,6 +72,14 @@
     <VueMarkdown class="chapter-content">{{edge.node.Contenu}}
     </VueMarkdown>
   </div>
+  <!-- Credits -->
+  <div class="credits canbreak">
+    <div class="credit" v-for="(edge,index) in $page.credits.edges.slice().reverse()" :key="`credits-${edge.node.id}`">
+      <h4 v-html="edge.node.Role"/>
+      <VueMarkdown lang="fr" class="section-content">{{ edge.node.Nom }}</VueMarkdown>
+    </div>
+  </div>
+  <div class="blank-page no-folio fill-green" />
 </Layout>
 </template>
 <script>
@@ -79,8 +87,6 @@ const axios = require('axios'),
   path = require('path'),
   param = require(`../../param.JSON`);
 
-
-
 import {
   Previewer
 } from 'pagedjs'
@@ -181,6 +187,16 @@ export default {
       }
     }
 
+    credits: allCredits {
+      edges {
+        node {
+          id
+          Role
+          Nom
+        }
+      }
+    }
+
   }
 </page-query>
 <static-query>