Ajout des feuilles de styles

src/pages/Index.vue

@@ -1,16 +1,11 @@
 <template>
   <Layout>
-
-    <div class="blank-page no-folio">
-  <!-- Page blanche -->
-    </div>
+    <div class="blank-page no-folio"></div>
     <div class="v-center grow no-folio">
       <h1 class="pre-title center" v-html="$static.metaData.titreDuProjet" />
       <h2 class="pre-sub-title center" v-html="$static.metaData.sousTitre" />
     </div>
-    <div class="blank-page no-folio">
-
-    </div>
+    <div class="blank-page no-folio"></div>
     <div class="column no-folio">
         <div class="bold center" v-for="auteur in $static.metaData.auteurs">
           {{auteur}}
@@ -23,7 +18,6 @@
           Logo popsu
         </div>
     </div>
-
     <div class="column image-cover" v-bind:style='{ backgroundImage: "url(https://popsu.strapi.figli.io/" + $page.fonds.edges[1].node.url + ")", }'>
       <!-- Page fond 1 -->
     </div>
@@ -38,16 +32,13 @@
   <div class="blank-page no-folio">
 <!-- Page blanche -->
   </div>
-
       <div class="hyphen" v-for="(edge,index) in $page.chapters.edges.slice().reverse()" :key="'chapter'+edge.node.id">
         <h2 v-bind:id="'chapter'+edge.node.id" class="chapter-title" v-bind:class="{ canbreak: isNotFirst(index) }" >{{ edge.node.titre }}</h2>
           <VueMarkdown lang="fr" class="chapter-content justify">{{edge.node.contenu}}</VueMarkdown>
       </div>
-
-
-      <div class="blank-page no-folio">
-    <!-- Page blanche -->
-      </div>
+        <ol v-for="note in footnote">
+          <li>{{note}}</li>
+        </ol>
 
       <!-- Pleine pages avant les sections -->
       <div class="column image-cover cover-left green" v-bind:style='{ backgroundImage: "url(https://popsu.strapi.figli.io/" + $page.fonds.edges[0].node.url + ")", }'>
@@ -65,7 +56,6 @@
         <h3 class="section-title" v-bind:class="{ canbreak: isNotFirst(index) }">{{ edge.node.titre }}</h3>
         <VueMarkdown lang="fr" class="section-content justify">{{ edge.node.contenu }}</VueMarkdown>
       </div>
-
   </Layout>
 </template>
 <page-query>
@@ -96,8 +86,12 @@ query {
   import {
   	Previewer
   } from 'pagedjs';
-  import css from '~/css/print.css'
   export default {
+    data:function(){
+      return{
+        footnote:[],
+      }
+    },
     components: {
       VueMarkdown
     },
@@ -111,6 +105,9 @@ query {
       }
     },
   	mounted() {
+      Array.from(document.querySelectorAll("span[data-note]")).forEach(note=>{
+        this.footnote.push(note.getAttribute("data-note"));
+      });
       this.$nextTick(function () {
         let hyphenopoly = document.createElement('script'),
             hyph = document.createElement('script');
@@ -124,33 +121,8 @@ query {
         setTimeout(()=>{
           let previewer = new Previewer();
           previewer.preview()
-
         },1000)
       })
   	}
   }
 </script>
-
-  <style>
-    @media screen {
-      body {
-        background-color: whitesmoke;
-        display:flex;
-        flex-direction:column;
-        align-items:center;
-      }
-      .pagedjs_pages{
-        display:grid;
-        grid-row-gap:1cm;
-        grid-template-columns: 1fr 1fr;
-      }
-      .pagedjs_page:first-child{
-        grid-column:2;
-      }
-      .pagedjs_page {
-        background-color: #fdfdfd;
-        flex: none;
-        box-shadow: 0 0 1px rgba(0,0,0,0.2);
-      }
-    }
-  </style>