From da0a72e1e4821f0cbd6474bd07969b0a3bc87043 Mon Sep 17 00:00:00 2001
From: Tibo <thibaud_goiffon@figureslibres.io>
Date: Mon, 15 Jul 2019 12:08:25 +0200
Subject: [PATCH] Correction previewer

---
 src/.temp/now.js                   |  2 +-
 src/css/gabarits.scss              |  1 +
 src/css/styles_de_paragraphes.scss | 11 ++++----
 src/pages/Index.vue                | 41 +++++++++++++++---------------
 static/lib/hyph.js                 |  2 +-
 5 files changed, 29 insertions(+), 28 deletions(-)

diff --git a/src/.temp/now.js b/src/.temp/now.js
index afd089a..835b134 100644
--- a/src/.temp/now.js
+++ b/src/.temp/now.js
@@ -1 +1 @@
-export default 1562665742297
\ No newline at end of file
+export default 1563184222611
\ No newline at end of file
diff --git a/src/css/gabarits.scss b/src/css/gabarits.scss
index 24d8f25..80ddb8b 100644
--- a/src/css/gabarits.scss
+++ b/src/css/gabarits.scss
@@ -25,6 +25,7 @@
     size: $largeur $hauteur;
 		margin: 0cm;
 	}
+
 	@page nofolio :left {
 		@bottom-left {
 			content: unset;
diff --git a/src/css/styles_de_paragraphes.scss b/src/css/styles_de_paragraphes.scss
index 9d017b9..2bae9c2 100644
--- a/src/css/styles_de_paragraphes.scss
+++ b/src/css/styles_de_paragraphes.scss
@@ -53,11 +53,6 @@
 	font-size: 10pt;
 	letter-spacing: 4pt;
 }
-.section-title {
-	font-family: "TextaAlt";
-	font-weight: 800;
-	font-size: 12pt;
-}
 .chapter-content {
 	hyphens: auto;
 	font-family: "Cormorant";
@@ -65,6 +60,12 @@
 	font-size: 10pt;
 	line-height: 18pt;
 }
+.section-title {
+	font-family: "TextaAlt";
+	font-weight: 800;
+	font-size: 12pt;
+	text-transform: uppercase;
+}
 .section-content {
 	hyphens: auto;
 	font-family: "SGI-TextAlt";
diff --git a/src/pages/Index.vue b/src/pages/Index.vue
index cea8200..27210f6 100644
--- a/src/pages/Index.vue
+++ b/src/pages/Index.vue
@@ -1,11 +1,13 @@
 <template>
   <Layout>
+    <!-- Titre, sous-titre -->
     <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>
+    <!-- Auteurs, titre, sous-titre -->
     <div class="column no-folio">
         <div class="bold center" v-for="auteur in $static.metaData.auteurs">
           {{auteur}}
@@ -18,9 +20,8 @@
           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>
+    <!-- Page de fond -->
+    <div class="column image-cover" v-bind:style='{ backgroundImage: "url(https://popsu.strapi.figli.io/" + $page.fonds.edges[1].node.url + ")", }'></div>
     <!-- Sommaire -->
     <div class="column column">
     <div class="column justify-end table-of-content">
@@ -29,29 +30,25 @@
     </span>
     </div>
   </div>
-  <div class="blank-page no-folio">
-<!-- Page blanche -->
-  </div>
+  <!-- Page blanche -->
+  <div class="blank-page no-folio"></div>
+  <!-- Chapitres -->
       <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>
+      <!-- Notes de fin de document -->
         <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 + ")", }'>
-        <!-- Page fond 2 -->
       </div>
       <div class="column image-cover cover-right green" v-bind:style='{ backgroundImage: "url(https://popsu.strapi.figli.io/" + $page.fonds.edges[0].node.url + ")", }'>
-        <!-- Page fond 2 -->
       </div>
-      <div class="blank-page no-folio">
-    <!-- Page blanche -->
-      </div>
-
-
+      <!-- Page blanche -->
+      <div class="blank-page no-folio"></div>
+      <!-- Sections -->
       <div class="hyphen" v-for="(edge,index) in $page.sections.edges.slice().reverse()" :key="'section'+edge.node.id">
         <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>
@@ -115,13 +112,15 @@ query {
         hyph.setAttribute('src', 'lib/hyph.js')
         document.head.appendChild(hyph)
         document.head.appendChild(hyphenopoly)
-        // HELP !
-        // https://github.com/mnater/Hyphenopoly/blob/master/docs/Events.md#teardown-event
-        // L'event fonctionne, mais ça rend une page vierge ᕦ(ò_óˇ)ᕤ
-        setTimeout(()=>{
-          let previewer = new Previewer();
-          previewer.preview()
-        },1000)
+        hyph.onload = ()=>{
+          Hyphenopoly.handleEvent = {
+                hyphenopolyEnd:(e)=>{
+                  let previewer = new Previewer();
+                  previewer.preview();
+                  document.documentElement.style.cssText = 'visibility:visible !important';
+                }
+              }
+        }
       })
   	}
   }
diff --git a/static/lib/hyph.js b/static/lib/hyph.js
index ce156db..732d762 100644
--- a/static/lib/hyph.js
+++ b/static/lib/hyph.js
@@ -6,5 +6,5 @@ var Hyphenopoly = {
         selectors: {
             ".hyphen": {}
         }
-    }
+    },
 };