correction, ajout gitignore
This commit is contained in:
Thibaud
@@ -0,0 +1,7 @@
|
||||
export default {
|
||||
"siteUrl": "",
|
||||
"siteName": "Popsu",
|
||||
"titleTemplate": "%s - Popsu",
|
||||
"siteDescription": "",
|
||||
"version": "0.6.5"
|
||||
}
|
||||
@@ -0,0 +1,2 @@
|
||||
export const NOT_FOUND_NAME = "404"
|
||||
export const NOT_FOUND_PATH = "/404"
|
||||
@@ -0,0 +1,49 @@
|
||||
export default {
|
||||
"touchiconMimeType": "image/png",
|
||||
"faviconMimeType": "image/png",
|
||||
"precomposed": false,
|
||||
"touchicons": [
|
||||
{
|
||||
"width": 76,
|
||||
"height": 76,
|
||||
"src": "/assets/static/src/favicon.png?width=76"
|
||||
},
|
||||
{
|
||||
"width": 152,
|
||||
"height": 152,
|
||||
"src": "/assets/static/src/favicon.png?width=152"
|
||||
},
|
||||
{
|
||||
"width": 120,
|
||||
"height": 120,
|
||||
"src": "/assets/static/src/favicon.png?width=120"
|
||||
},
|
||||
{
|
||||
"width": 167,
|
||||
"height": 167,
|
||||
"src": "/assets/static/src/favicon.png?width=167"
|
||||
},
|
||||
{
|
||||
"width": 180,
|
||||
"height": 180,
|
||||
"src": "/assets/static/src/favicon.png?width=180"
|
||||
}
|
||||
],
|
||||
"favicons": [
|
||||
{
|
||||
"width": 16,
|
||||
"height": 16,
|
||||
"src": "/assets/static/src/favicon.png?width=16"
|
||||
},
|
||||
{
|
||||
"width": 32,
|
||||
"height": 32,
|
||||
"src": "/assets/static/src/favicon.png?width=32"
|
||||
},
|
||||
{
|
||||
"width": 96,
|
||||
"height": 96,
|
||||
"src": "/assets/static/src/favicon.png?width=96"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
export default 1562412036602
|
||||
@@ -0,0 +1,3 @@
|
||||
|
||||
export default [
|
||||
]
|
||||
@@ -0,0 +1,3 @@
|
||||
|
||||
export default [
|
||||
]
|
||||
@@ -0,0 +1,21 @@
|
||||
export default [
|
||||
{
|
||||
name: "home",
|
||||
path: "/",
|
||||
component: () => import(/* webpackChunkName: "page--src--pages--index-vue" */ "/home/thibaud/Bureau/popsu_html2print/src/pages/Index.vue"),
|
||||
meta: {
|
||||
data: true
|
||||
}
|
||||
},
|
||||
{
|
||||
name: "404",
|
||||
path: "/404",
|
||||
component: () => import(/* webpackChunkName: "page--node-modules--gridsome--app--pages--404-vue" */ "/home/thibaud/Bureau/popsu_html2print/node_modules/gridsome/app/pages/404.vue")
|
||||
},
|
||||
{
|
||||
name: "*",
|
||||
path: "*",
|
||||
component: () => import(/* webpackChunkName: "page--node-modules--gridsome--app--pages--404-vue" */ "/home/thibaud/Bureau/popsu_html2print/node_modules/gridsome/app/pages/404.vue")
|
||||
}
|
||||
]
|
||||
|
||||
@@ -0,0 +1,4 @@
|
||||
Add components that will be imported to Pages and Layouts to this folder.
|
||||
Learn more about components here: https://gridsome.org/docs/components
|
||||
|
||||
You can delete this file.
|
||||
@@ -0,0 +1,205 @@
|
||||
@font-face {
|
||||
font-family: 'Cormorant';
|
||||
src: url('../fonts/Cormorant-Light.ttf');
|
||||
font-weight: 200;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'TextaAlt';
|
||||
src: url('../fonts/TextaAlt-Bold.otf');
|
||||
font-weight: 800;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Texta';
|
||||
src: url('../fonts/Texta-Black.otf');
|
||||
font-weight: 800;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Duke POPSU';
|
||||
src: url('../fonts/Duke-POPSU.ttf');
|
||||
}
|
||||
@font-face {
|
||||
font-family: "SGI-TextAlt";
|
||||
src: url("../fonts/SGI-TextAlt.otf") format("opentype");
|
||||
}
|
||||
.pagedjs_page_content>div {
|
||||
height: 100%;
|
||||
}
|
||||
.layout {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
}
|
||||
.grow{
|
||||
flex:1;
|
||||
}
|
||||
.no-folio{
|
||||
page: nofolio;
|
||||
}
|
||||
.blank-page{
|
||||
page-break-after: always;
|
||||
}
|
||||
.column {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.justify-end {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.capital {
|
||||
text-transform: uppercase;
|
||||
font-size: 12pt;
|
||||
}
|
||||
body {
|
||||
font-size: 10pt;
|
||||
}
|
||||
@media print {
|
||||
@page {
|
||||
size: 148mm 210mm;
|
||||
margin: 2cm;
|
||||
}
|
||||
@page :left {
|
||||
@bottom-left {
|
||||
content: counter(page);
|
||||
font-weight: 12pt;
|
||||
font-family: 'Duke POPSU';
|
||||
transform: translateX(-1cm);
|
||||
}
|
||||
}
|
||||
@page :right {
|
||||
@bottom-right {
|
||||
content: counter(page);
|
||||
font-weight: 12pt;
|
||||
font-family: 'Duke POPSU';
|
||||
transform: translateX(1cm);
|
||||
}
|
||||
}
|
||||
@page imagecover {
|
||||
size: 148mm 210mm;
|
||||
margin: 0cm;
|
||||
}
|
||||
|
||||
@page nofolio :left {
|
||||
@bottom-left {
|
||||
content: unset;
|
||||
}
|
||||
}
|
||||
@page nofolio :right {
|
||||
@bottom-right {
|
||||
content: unset;
|
||||
}
|
||||
}
|
||||
|
||||
.table-of-content a {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
.table-of-content a::after {
|
||||
font-size: 9pt;
|
||||
margin-left: 10pt;
|
||||
content: target-counter(attr(href), page);
|
||||
font-family: "SGI-TextAlt";
|
||||
}
|
||||
}
|
||||
.table-of-content {
|
||||
font-family: "Cormorant";
|
||||
font-weight: 200;
|
||||
font-size: 25pt;
|
||||
line-height: 33pt;
|
||||
margin: 0;
|
||||
}
|
||||
.chapter-title {
|
||||
font-family: "Cormorant";
|
||||
font-weight: 200;
|
||||
font-size: 34pt;
|
||||
line-height: 34pt;
|
||||
text-align: right;
|
||||
}
|
||||
.canbreak{
|
||||
page-break-before: always;
|
||||
}
|
||||
.chapter-title:after {
|
||||
content: "++++";
|
||||
display: block;
|
||||
font-family: inherit;
|
||||
font-weight: 200;
|
||||
font-size: 10pt;
|
||||
letter-spacing: 4pt;
|
||||
}
|
||||
.chapter-content {
|
||||
text-align: justify;
|
||||
-webkit-hyphens : auto;
|
||||
font-family: "Cormorant";
|
||||
font-weight: 200;
|
||||
font-size: 10pt;
|
||||
line-height: 18pt;
|
||||
}
|
||||
.section-title {
|
||||
font-family: "TextaAlt";
|
||||
font-weight: 800;
|
||||
font-size: 12pt;
|
||||
}
|
||||
.section-content {
|
||||
text-align: justify;
|
||||
hyphens: auto;
|
||||
font-family: "SGI-TextAlt";
|
||||
font-size:9.5pt;
|
||||
font-weight: 200;
|
||||
line-height: 18pt;
|
||||
}
|
||||
.image-cover {
|
||||
page: imagecover;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-color: lightgray;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.cover-left{
|
||||
background-position:0% 50%;
|
||||
}
|
||||
.cover-right{
|
||||
background-position:-148mm 50%;
|
||||
}
|
||||
.pre-title{
|
||||
font-family: "Duke POPSU";
|
||||
font-size: 45pt;
|
||||
line-height: 33pt;
|
||||
}
|
||||
.pre-sub-title{
|
||||
font-family: "Texa";
|
||||
font-weight: 800;
|
||||
font-size: 10pt;
|
||||
line-height: 13pt;
|
||||
}
|
||||
|
||||
.main-title{
|
||||
font-family: "Duke POPSU";
|
||||
font-size: 60pt;
|
||||
line-height: 48pt;
|
||||
margin: 0;
|
||||
}
|
||||
.main-sub-title{
|
||||
font-family: "Texa";
|
||||
font-weight: 800;
|
||||
font-size: 12pt;
|
||||
line-height: 15pt;
|
||||
}
|
||||
.bold {
|
||||
font-family: "TextaAlt";
|
||||
font-weight: 800;
|
||||
font-size: 12pt;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.center{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.green{
|
||||
background-blend-mode:screen;
|
||||
background-color: green;
|
||||
}
|
||||
.v-center{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,27 @@
|
||||
<template>
|
||||
<div class="layout">
|
||||
<slot/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<static-query>
|
||||
query {
|
||||
metaData {
|
||||
titreDuProjet
|
||||
}
|
||||
}
|
||||
</static-query>
|
||||
|
||||
<style>
|
||||
html,body{
|
||||
height:100%;
|
||||
}
|
||||
body {
|
||||
font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
|
||||
margin:0;
|
||||
padding:0;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,5 @@
|
||||
Layout components are used to wrap pages and templates. Layouts should contain components like headers, footers or sidebars that will be used across the site.
|
||||
|
||||
Learn more about Layouts: https://gridsome.org/docs/layouts
|
||||
|
||||
You can delete this file.
|
||||
+10
@@ -0,0 +1,10 @@
|
||||
// This is the main.js file. Import global CSS and scripts here.
|
||||
// The Client API can be used here. Learn more: gridsome.org/docs/client-api
|
||||
import DefaultLayout from '~/layouts/Default.vue'
|
||||
import '~/css/print.css'
|
||||
|
||||
export default function (Vue, { router, head, isClient }) {
|
||||
// Set default layout as a global component
|
||||
Vue.component('Layout', DefaultLayout)
|
||||
|
||||
}
|
||||
@@ -0,0 +1,147 @@
|
||||
<template>
|
||||
<Layout>
|
||||
<div class="blank-page no-folio">
|
||||
<!-- Page blanche -->
|
||||
</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="column no-folio">
|
||||
<div class="bold center" v-for="auteur in $static.metaData.auteurs">
|
||||
{{auteur}}
|
||||
</div>
|
||||
<div class="v-center grow">
|
||||
<h1 class="main-title center" v-html="$static.metaData.titreDuProjet" />
|
||||
<h2 class="main-pre-title center" v-html="$static.metaData.sousTitre" />
|
||||
</div>
|
||||
<div class="center">
|
||||
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>
|
||||
<!-- Sommaire -->
|
||||
<div class="column column">
|
||||
<div class="column justify-end table-of-content">
|
||||
<span v-for="edge in $page.chapters.edges.slice().reverse()" :key="'content'+edge.node.id">
|
||||
<a :href="'#chapter'+edge.node.id">{{ edge.node.titre }}</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<p lang="fr" class="chapter-content">{{ edge.node.contenu }}</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="blank-page no-folio">
|
||||
<!-- Page blanche -->
|
||||
</div>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
|
||||
<div 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>
|
||||
<p lang="fr" class="section-content">{{ edge.node.contenu }}</p>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</template>
|
||||
<page-query>
|
||||
{
|
||||
chapters : allchapitres{
|
||||
edges{node{id,titre,contenu}}
|
||||
}
|
||||
sections : allsections{
|
||||
edges{node{id,titre,contenu}}
|
||||
}
|
||||
fonds : allfonds{
|
||||
edges{node{id,url}}
|
||||
}
|
||||
}
|
||||
</page-query>
|
||||
<static-query>
|
||||
query {
|
||||
metaData {
|
||||
titreDuProjet
|
||||
sousTitre
|
||||
auteurs
|
||||
}
|
||||
}
|
||||
</static-query>
|
||||
<script>
|
||||
import {
|
||||
Previewer
|
||||
} from 'pagedjs';
|
||||
import css from '~/css/print.css'
|
||||
export default {
|
||||
metaInfo: {
|
||||
title: 'HTML2print',
|
||||
},
|
||||
methods:{
|
||||
isNotFirst: function(index){
|
||||
if(index != 0) return true;
|
||||
return false;
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$nextTick(function () {
|
||||
let hyphenopoly = document.createElement('script'),
|
||||
hyph = document.createElement('script');
|
||||
hyphenopoly.setAttribute('src', 'lib/Hyphenopoly-master/Hyphenopoly_Loader.js')
|
||||
hyph.setAttribute('src', 'lib/hyph.js')
|
||||
document.head.appendChild(hyph)
|
||||
document.head.appendChild(hyphenopoly)
|
||||
// HELP
|
||||
let previewer = new Previewer();
|
||||
previewer.preview()
|
||||
})
|
||||
}
|
||||
}
|
||||
</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>
|
||||
@@ -0,0 +1,5 @@
|
||||
Pages are usually used for normal pages or for listing items from a GraphQL collection.
|
||||
Add .vue files here to create pages. For example **About.vue** will be **site.com/about**.
|
||||
Learn more about pages: https://gridsome.org/docs/pages
|
||||
|
||||
You can delete this file.
|
||||
@@ -0,0 +1,7 @@
|
||||
Templates for **GraphQL collections** should be added here.
|
||||
To create a template for a collection called `WordPressPost`
|
||||
create a file named `WordPressPost.vue` in this folder.
|
||||
|
||||
Learn more: https://gridsome.org/docs/templates
|
||||
|
||||
You can delete this file.
|
||||
Reference in New Issue
Block a user