From 45d33816e9eac49edfe976c3a550adbba215840b Mon Sep 17 00:00:00 2001
From: Bachir Soussi Chiadmi <bachir@figureslibres.io>
Date: Wed, 2 Oct 2019 15:25:59 +0200
Subject: [PATCH] pagebreak before credits, fixed #16

---
 src/pages/Index.vue | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/pages/Index.vue b/src/pages/Index.vue
index e0b5dd9..0d30148 100644
--- a/src/pages/Index.vue
+++ b/src/pages/Index.vue
@@ -117,13 +117,16 @@
     </div>
 
     <!-- Credits -->
-    <div
-      class="credits"
-      v-for="(edge,index) in $page.credits.edges.slice().reverse()"
-      :key="'credits'+edge.node.id"
-    >
-      <h4>{{ edge.node.role }}</h4>
-      <VueMarkdown lang="fr" class="section-content">{{ edge.node.nom }}</VueMarkdown>
+    <div class="credits canbreak">
+      <h3 class="section-title">Crédits</h3>
+      <div
+        class="credit"
+        v-for="(edge,index) in $page.credits.edges.slice().reverse()"
+        :key="'credits'+edge.node.id"
+      >
+        <h4>{{ edge.node.role }}</h4>
+        <VueMarkdown lang="fr" class="section-content">{{ edge.node.nom }}</VueMarkdown>
+      </div>
     </div>
 
     <div class="blank-page no-folio fill-green" />