|
@@ -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';
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
})
|
|
|
}
|
|
|
}
|