From bf114b578c1e5eba3e90b095cf4893409346d05a Mon Sep 17 00:00:00 2001
From: Tibo <goiffonthibaud@protonmail.com>
Date: Sun, 12 Jan 2020 18:27:22 +0100
Subject: [PATCH] =?UTF-8?q?Ajout=20des=20c=C3=83r=C3=A9dits=C3=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 param.JSON                         |  3 ++-
 src/css/styles_de_paragraphes.scss |  5 +++++
 src/pages/Index.vue                | 22 +++++++++++++++++++---
 3 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/param.JSON b/param.JSON
index bdeb2e8..b013162 100644
--- a/param.JSON
+++ b/param.JSON
@@ -11,6 +11,7 @@
   "search": [
     "introductions",
     "chapitres",
-    "sections"
+    "sections",
+    "credits"
   ]
 }
diff --git a/src/css/styles_de_paragraphes.scss b/src/css/styles_de_paragraphes.scss
index a579eec..b594bb2 100644
--- a/src/css/styles_de_paragraphes.scss
+++ b/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";
diff --git a/src/pages/Index.vue b/src/pages/Index.vue
index 5544f95..b69da70 100644
--- a/src/pages/Index.vue
+++ b/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>