default styles print
All checks were successful
Deploy / Build and Deploy to Production (push) Successful in 25s
All checks were successful
Deploy / Build and Deploy to Production (push) Successful in 25s
This commit is contained in:
Julie Blanc
parent
e7998bff27
commit
cd65c35994
19 changed files with 120 additions and 72 deletions
|
|
@ -14,36 +14,104 @@ body {
|
|||
font-family: "DM Sans", sans-serif;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 3rem;
|
||||
|
||||
|
||||
figure, img{
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
/* ───────────────────────────────────────────
|
||||
COVER
|
||||
─────────────────────────────────────────── */
|
||||
|
||||
.figure-backgroung-cover{
|
||||
width: var(--pagedjs-width);
|
||||
height: var(--pagedjs-height);
|
||||
position: absolute;
|
||||
top: calc(var(--pagedjs-margin-top)*-1);
|
||||
left: calc(var(--pagedjs-margin-left)*-1);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
|
||||
h1{
|
||||
font-size: 52px;
|
||||
background: rgba(255, 255, 255, 0.521);
|
||||
padding: 10px 20px;
|
||||
margin: 0;
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
p.author{
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
background: rgba(255, 255, 255, 0.521);
|
||||
padding: 10px 20px;
|
||||
margin: 0;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.introduction{
|
||||
font-size: 26px;
|
||||
background: rgba(255, 255, 255, 0.521);
|
||||
padding: 10px 20px;
|
||||
margin: 0;
|
||||
margin-top: 60px;
|
||||
}
|
||||
.figure-backgroung-cover img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* ───────────────────────────────────────────
|
||||
Géoformat
|
||||
─────────────────────────────────────────── */
|
||||
|
||||
.geoformat{
|
||||
break-before: right;
|
||||
}
|
||||
|
||||
|
||||
h2{
|
||||
break-before: page;
|
||||
font-size: 46px;
|
||||
margin-top: 36px;
|
||||
background-color: #cfcfcf;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.chapter > h2 {
|
||||
string-set: title content(text);
|
||||
|
||||
|
||||
|
||||
/* ───────────────────────────────────────────
|
||||
CHAPITRES
|
||||
─────────────────────────────────────────── */
|
||||
|
||||
|
||||
h3{
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
#chapter-2 {
|
||||
font-size: 2rem;
|
||||
|
||||
/* ───────────────────────────────────────────
|
||||
CARTES
|
||||
─────────────────────────────────────────── */
|
||||
|
||||
|
||||
|
||||
|
||||
/* ───────────────────────────────────────────
|
||||
MARKERS
|
||||
─────────────────────────────────────────── */
|
||||
|
||||
.marker-title img{
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 1rem;
|
||||
margin: 0mm 0mm 5mm 0mm;
|
||||
}
|
||||
|
||||
li p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #7136ff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="currentColor"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z"/></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px" fill="currentColor"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z"/></svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 236 B After Width: | Height: | Size: 240 B |
|
|
@ -2,7 +2,7 @@ Title: Un folklore abyssal
|
|||
|
||||
----
|
||||
|
||||
Body: [{"content":{"text":"<p>Pour réaliser ce petit livre, je me suis inspirée de plusieurs types de sources : des livres et mangas, des sites internet, des vidéos de youtubeurs, des estampes... Nous allons voir tout cela en détail dans chacun des chapitres suivants. Chaque chapitre composera une bibliographie dont le but est de vous informer un peu plus sur le sujet, pour les plus curieuses et curieux d'entre vous. Ainsi que pour découvrir, ou redécouvrir, des légendes qui existent et se transmettent de génération en génération et ce depuis parfois des siècles.</p><p>Toutes les images de ce livre ont été réalisées avec des IA (Leonardo.ai et Cutout.pro) sauf celle de Kuchisake-Onna dont l'image provient de Pixabay (crédit : Diversicat sur pixabay.com/fr), et que j'ai ensuite modifié avec Photopea, pour la faire correspondre à ma représentation personnelle de ce personnage emblématique du Japon.</p><p><strong>さあ行こ</strong>! [sāikō]<br>C'est parti</p>"},"id":"22d998ad-a21f-4db2-9f1b-abd7c84f2ab7","isHidden":false,"type":"text"},{"content":{"text":"<p><strong>書庫瞑しゆふべおぼろの書魔あそぶ</strong><br><em>shoko kurashi yūbe oboro no shoma asobu</em></p><p>Un vague démon des livres<br>joue, ce soir,<br>dans la sombre bibliothèque<br>-<br>Shizunojo Takeshita (1887-1951)<br><em>Du rouge aux lèvres</em>, Anthologie des Haïjins japonaises, 2008, p.41</p>"},"id":"44a01627-6a47-4668-99ee-3bc66d4a8059","isHidden":false,"type":"text"},{"content":{"location":"kirby","image":["file://pjfaftumwnbaf1nn"],"src":"","alt":"","caption":"","link":"","width":"50%","position":"Alignée à gauche"},"id":"334f99d3-5b11-48ee-aa1e-66418efa9e19","isHidden":false,"type":"image"},{"content":{"text":"<h1>Le maître des Yôkais</h1><p>Ma première source vient de ce grand homme, pionnier du manga horrifique au Japon.</p><h4>Qui est Shigeru Mizuki ?</h4><p>Shigeru Mizuki, de son vrai nom Shigeru Mura était un mangaka japonais né en 1922 dans la préfecture de Tottori et décédé en 2015. Perdant son bras gauche - et étant gaucher - dans un bombardement lors de son enrôlement dans l'armée impériale japonaise en 1942, il a dû apprendre à dessiner de la main droite et s'est tourné vers le manga au début des années 1950. Il publie son premier manga intitulé <em>Rocketman</em> en 1957.</p><p>Très vite, Shigeru Mizuki s'impose comme le maître des Yôkais avec <em>Kitaro le repoussant </em><strong>ゲゲゲの鬼太郎</strong>* qui raconte l'histoire du jeune Kitaro, un Yôkai qui adore se réfugier dans les cimetières, là où il est né.</p><p>*<em>Ge-ge-ge no Kitarō</em></p>"},"id":"41038679-f3f6-4c77-a79f-c1c3e15b04f4","isHidden":false,"type":"text"},{"content":{"map":["page://gltzchzl0qipgrti"]},"id":"81a2224c-0dac-424e-8773-37d70f137ba9","isHidden":false,"type":"map"}]
|
||||
Body: [{"content":{"text":"<p>Pour réaliser ce petit livre, je me suis inspirée de plusieurs types de sources : des livres et mangas, des sites internet, des vidéos de youtubeurs, des estampes... Nous allons voir tout cela en détail dans chacun des chapitres suivants. Chaque chapitre composera une bibliographie dont le but est de vous informer un peu plus sur le sujet, pour les plus curieuses et curieux d'entre vous. Ainsi que pour découvrir, ou redécouvrir, des légendes qui existent et se transmettent de génération en génération et ce depuis parfois des siècles.</p><p>Toutes les images de ce livre ont été réalisées avec des IA (Leonardo.ai et Cutout.pro) sauf celle de Kuchisake-Onna dont l'image provient de Pixabay (crédit : Diversicat sur pixabay.com/fr), et que j'ai ensuite modifié avec Photopea, pour la faire correspondre à ma représentation personnelle de ce personnage emblématique du Japon.</p><p><strong>さあ行こ</strong>! [sāikō]<br>C'est parti</p>"},"id":"22d998ad-a21f-4db2-9f1b-abd7c84f2ab7","isHidden":false,"type":"text"},{"content":{"text":"<p><strong>書庫瞑しゆふべおぼろの書魔あそぶ</strong><br><em>shoko kurashi yūbe oboro no shoma asobu</em></p><p>Un vague démon des livres<br>joue, ce soir,<br>dans la sombre bibliothèque<br>-<br>Shizunojo Takeshita (1887-1951)<br><em>Du rouge aux lèvres</em>, Anthologie des Haïjins japonaises, 2008, p.41</p>"},"id":"44a01627-6a47-4668-99ee-3bc66d4a8059","isHidden":false,"type":"text"},{"content":{"location":"kirby","image":["file://pjfaftumwnbaf1nn"],"src":"","alt":"","caption":"","link":"","width":"50%","position":"Alignée à gauche"},"id":"334f99d3-5b11-48ee-aa1e-66418efa9e19","isHidden":false,"type":"image"},{"content":{"text":"<p><strong>Le maître des Yôkais</strong></p><p>Ma première source vient de ce grand homme, pionnier du manga horrifique au Japon.</p><p><strong>Qui est Shigeru Mizuki ?</strong></p><p>Shigeru Mizuki, de son vrai nom Shigeru Mura était un mangaka japonais né en 1922 dans la préfecture de Tottori et décédé en 2015. Perdant son bras gauche - et étant gaucher - dans un bombardement lors de son enrôlement dans l'armée impériale japonaise en 1942, il a dû apprendre à dessiner de la main droite et s'est tourné vers le manga au début des années 1950. Il publie son premier manga intitulé <em>Rocketman</em> en 1957.</p><p>Très vite, Shigeru Mizuki s'impose comme le maître des Yôkais avec <em>Kitaro le repoussant </em><strong>ゲゲゲの鬼太郎</strong>* qui raconte l'histoire du jeune Kitaro, un Yôkai qui adore se réfugier dans les cimetières, là où il est né.</p><p>*<em>Ge-ge-ge no Kitarō</em></p>"},"id":"41038679-f3f6-4c77-a79f-c1c3e15b04f4","isHidden":false,"type":"text"}]
|
||||
|
||||
----
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1 @@
|
|||
1772466016
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 509 KiB |
|
|
@ -0,0 +1 @@
|
|||
Uuid: pfdtfezreosopwis
|
||||
|
|
@ -1,12 +1,12 @@
|
|||
Title: Marqueur 1
|
||||
Title: Le sanctuaire Gozanoishi-jinja (préfecture d’Akita)
|
||||
|
||||
----
|
||||
|
||||
Cover:
|
||||
Cover: - file://pfdtfezreosopwis
|
||||
|
||||
----
|
||||
|
||||
Body:
|
||||
Body: [{"content":{"text":"<p>Situé au bord du <a href=\"https://ichiban-japan.com/lac-tazawa/\">lac Tazawa</a>, au nord du Japon, le <a href=\"https://goo.gl/maps/F4dRfpLwEei9nubS7\" target=\"_blank\"><strong>sanctuaire Gozanoishi-jinja</strong></a> propose une superbe vue sur <strong>son <em>torii</em> qui donne directement sur le lac</strong>. Les lieux rappellent le célèbre <em>torii</em> au bord du lac Ashi, dans <a href=\"https://ichiban-japan.com/hakone/\">la ville de Hakone</a>, mais sans les foules et longues files d’attente habituelles pour prendre des photos. C’est un lieu calme, l’idéal étant de prendre un taxi depuis la gare, puis de faire le retour en bus. Cet endroit reste magnifique tout au long de l’année, mais en hiver, <a href=\"https://ichiban-japan.com/neige-japon/\">la neige</a> apporte une magie supplémentaire.</p>"},"id":"7e3a45e5-f0b4-40bc-85e6-30a887f2a8a1","isHidden":false,"type":"text"},{"content":{"text":"Pas loin du lac Tazawa, on trouve la <a href=\"https://ichiban-japan.com/kakunodate/\"><strong>ville historique de Kakunodate</strong></a> et ses anciennes maisons de <em>samurai</em>, constituant une visite passionnante. Également dans le coin, les sources chaudes secrètes de <a href=\"https://ichiban-japan.com/nyuto-onsen/\"><strong>Nyuto Onsen</strong></a> offrent une expérience inoubliable avec des bains mixtes parmi <a href=\"https://ichiban-japan.com/meilleurs-onsen-du-japon/\">les meilleurs <em>onsen</em> du Japon</a>.","citation":""},"id":"d921e112-71f2-4b7c-bcb2-1a71e883cd2e","isHidden":false,"type":"quote"}]
|
||||
|
||||
----
|
||||
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
Title: Marqueur 2
|
||||
Title: Nakameguro (Quartier de Tokyo)
|
||||
|
||||
----
|
||||
|
||||
Cover:
|
||||
Cover: - file://g8fd3braegfxhvdt
|
||||
|
||||
----
|
||||
|
||||
Body:
|
||||
Body: [{"content":{"text":"<p>Nakameguro, is a residential district of <a href=\"https://en.wikipedia.org/wiki/Meguro,_Tokyo\">Meguro</a>, <a href=\"https://en.wikipedia.org/wiki/Tokyo\">Tokyo</a>. It is popular for its <a href=\"https://en.wikipedia.org/wiki/Boutique\">boutiques</a> and cafes , and the area near the <a href=\"https://en.wikipedia.org/wiki/Meguro_River\">Meguro River</a> is a popular <a href=\"https://en.wikipedia.org/wiki/Hanami\">hanami</a> (cherry blossom viewing) destination in mid-spring. It lends its name to <a href=\"https://en.wikipedia.org/wiki/Nakameguro_Station\">Nakameguro Station</a>, which serves the <a href=\"https://en.wikipedia.org/wiki/Tokyo_Metro\">Tokyo Metro</a> <a href=\"https://en.wikipedia.org/wiki/Tokyo_Metro_Hibiya_Line\">Hibiya Line</a> and <a href=\"https://en.wikipedia.org/wiki/Tokyu_Corporation\">Tokyu</a> <a href=\"https://en.wikipedia.org/wiki/T%C5%8Dyoko_Line\">Tōyoko Line</a>. </p><p>Nakameguro is sometimes abbreviated as Nakame.</p>"},"id":"5e6b1bbd-1ee6-4f1d-a52d-43f8ac42fb40","isHidden":false,"type":"text"},{"content":{"text":"","citation":""},"id":"696b11cd-6392-4cea-a29c-2b5657c6346a","isHidden":false,"type":"quote"}]
|
||||
|
||||
----
|
||||
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
|
|
@ -0,0 +1 @@
|
|||
Uuid: g8fd3braegfxhvdt
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 178 KiB |
|
|
@ -0,0 +1 @@
|
|||
Uuid: 7ckyx4oxqhns4xm5
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 MiB After Width: | Height: | Size: 2.4 MiB |
|
|
@ -1 +1 @@
|
|||
Uuid: nw9fphb5fyjwi5g0
|
||||
Uuid: eozkssgjffkkux34
|
||||
|
|
@ -7,9 +7,9 @@ Mapdata:
|
|||
background:
|
||||
type: osm
|
||||
center:
|
||||
lat: 43.836699
|
||||
lon: 4.360054
|
||||
zoom: 13
|
||||
lat: 43.84129373925484
|
||||
lon: 4.356017428612404
|
||||
zoom: 11.127245921269756
|
||||
|
||||
----
|
||||
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 334 KiB |
|
|
@ -0,0 +1 @@
|
|||
Uuid: vr3to3k07j0koymz
|
||||
|
|
@ -6,7 +6,11 @@ Author: Mélina Vuillaumier
|
|||
|
||||
----
|
||||
|
||||
Cover:
|
||||
Cover: - file://vr3to3k07j0koymz
|
||||
|
||||
----
|
||||
|
||||
Pdf:
|
||||
|
||||
----
|
||||
|
||||
|
|
@ -16,37 +20,6 @@ Intro: <p>Ah le Japon... Quel beau pays où nous trouvons des créatures en tout
|
|||
|
||||
Customcss:
|
||||
|
||||
@page {
|
||||
size: A4;
|
||||
margin: 50mm 15mm 26mm 15mm;
|
||||
background: rgba(255, 255, 255, 1);
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 5rem;
|
||||
font-family: Alegreya Sans;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: rgb(0, 0, 0);
|
||||
background: transparent;
|
||||
margin: 0mm;
|
||||
padding: 0mm;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 1rem;
|
||||
margin-top: 0mm;
|
||||
margin-right: 0mm;
|
||||
margin-bottom: 5mm;
|
||||
margin-left: 0mm;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "DM Sans", sans-serif;
|
||||
color: rgb(0, 0, 255);
|
||||
}
|
||||
|
||||
----
|
||||
|
||||
Uuid: xi60pjkz5bp1nlwp
|
||||
|
|
@ -19,7 +19,9 @@
|
|||
class="narrative-cover"
|
||||
:data-page-type="item.template"
|
||||
>
|
||||
<figure class="figure-backgroung-cover">
|
||||
<img v-if="item.cover" :src="item.cover" class="cover-image" alt="" />
|
||||
</figure>
|
||||
<h1>{{ item.title }}</h1>
|
||||
<p v-if="item.author" class="author">{{ item.author }}</p>
|
||||
<div v-if="item.introduction" class="introduction" v-html="item.introduction"></div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue