Pagee 6, pagination

src/pages/Index.vue

@@ -6,7 +6,7 @@
   <div v-for="edge in $page.introductions.edges.slice().reverse()" :key="`introductions${edge.node.id}`">
     <VueMarkdown class="intro">{{edge.node.contenu}}
     </VueMarkdown>
-  </div>    
+  </div>
   </div>
 
   <div class="blank-page no-folio fill-motif-cross-left" />
@@ -48,10 +48,18 @@
       </span>
     </div>
   </div>
-  <div class="blank-page" />
+  <div class="blank-page no-folio" />
   <!-- Chapitres -->
   <div v-for="edge in $page.chapitres.edges.slice().reverse()" :key="`chapitre${edge.node.id}`">
-    <h2 :id="`chapitres${edge.node.id}`" class="chapter-title canbreak">{{edge.node.Titre}}</h2>
+    <div v-if="edge.node.Rubrique">
+      <div class="section-title">
+        {{edge.node.Rubrique}}
+      </div>
+      <h2 :id="`chapitres${edge.node.id}`" class="chapter-title ">{{edge.node.Titre}}</h2>
+    </div>
+    <div v-else>
+      <h2 :id="`chapitres${edge.node.id}`" class="chapter-title breakBefore">{{edge.node.Titre}}</h2>
+    </div>
     <VueMarkdown class="chapter-content justify">{{edge.node.Contenu}}
     </VueMarkdown>
   </div>
@@ -159,6 +167,7 @@ export default {
           Titre
           Contenu
           alternatif
+          Rubrique
         }
       }
     }