pages liminaires

src/pages/Index.vue

@@ -2,8 +2,7 @@
   <Layout>
 
     <!-- Mise en page -->
-
-
+    <!-- introductions -->
     <div v-for="edge in $page.introductions.edges.slice().reverse()" :key="`introductions${edge.node.id}`">
       <VueMarkdown
       class="chapter-content justify"
@@ -11,7 +10,40 @@
     </VueMarkdown>
     </div>
 
+    <div class="blank-page no-folio fill-motif-cross-left" />
+    <!-- Auteurs, titre, sous-titre -->
+    <div class="column no-folio">
+      <div class="fill-motif-cross-right layer-1">
 
+      </div>
+      <div class="column layer-2">
+        <div
+          class="bold center"
+          v-for="auteur in $static.metadata.authors"
+        >
+          {{auteur}}
+        </div>
+        <div class="v-center grow">
+          <h1
+            class="main-title center highlight-white"
+            v-html="$static.metadata.title"
+          />
+          <h2
+            class="main-pre-title center highlight-white"
+            v-html="$static.metadata.subtitle"
+          />
+        </div>
+        <div class="center">
+          <img src="/logo_popsu.png" alt="" style="width:2cm;">
+        </div>
+
+      </div>
+    </div>
+    <!-- Page de fond -->
+    <div
+      class="column image-cover image-bleed"
+      v-bind:style='{ backgroundImage: `url()`, }'
+    />
     <!-- Sommaire -->
 
     <div class="column no-folio">
@@ -32,10 +64,10 @@
       <h2
       :id="`chapitres${edge.node.id}`"
       class="chapter-title canbreak"
-      >{{edge.node.titre}}</h2>
+      >{{edge.node.Titre}}</h2>
       <VueMarkdown
       class="chapter-content justify"
-      >{{edge.node.contenu}}
+      >{{edge.node.Contenu}}
     </VueMarkdown>
     </div>
 
@@ -82,3 +114,12 @@ export default {
 
   }
 </page-query>
+<static-query>
+query {
+  metadata {
+    title
+    subtitle
+    authors
+  }
+}
+</static-query>