diff --git a/public/assets/css/stylesheet.print.css b/public/assets/css/stylesheet.print.css index 660780c..5244226 100644 --- a/public/assets/css/stylesheet.print.css +++ b/public/assets/css/stylesheet.print.css @@ -14,36 +14,104 @@ body { font-family: "DM Sans", sans-serif; } -h1 { - font-size: 3rem; -} -h2 { - break-before: page; -} -.chapter > h2 { - string-set: title content(text); -} - -#chapter-2 { - font-size: 2rem; -} - -p { - font-size: 1rem; - margin: 0mm 0mm 5mm 0mm; -} - -li p { - margin-bottom: 0; -} - -img { +figure, img{ width: 100%; + margin: 0; } -a { - color: #7136ff; - text-decoration: none; + +/* ─────────────────────────────────────────── + 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{ + font-size: 46px; + margin-top: 36px; + background-color: #cfcfcf; + padding: 20px; +} + + + + +/* ─────────────────────────────────────────── + CHAPITRES +─────────────────────────────────────────── */ + + +h3{ + margin-top: 50px; +} + + +/* ─────────────────────────────────────────── + CARTES +─────────────────────────────────────────── */ + + + + +/* ─────────────────────────────────────────── + MARKERS +─────────────────────────────────────────── */ + +.marker-title img{ + width: 40px; +} + + + diff --git a/public/assets/svg/marker-pin.svg b/public/assets/svg/marker-pin.svg index 6df71cc..cc34685 100644 --- a/public/assets/svg/marker-pin.svg +++ b/public/assets/svg/marker-pin.svg @@ -1 +1 @@ - + diff --git a/public/content/cohesion-des-mondes/5_test-avec-geoformat/1_plongez-dans-les-sources/1_un-folklore-abyssal/chapter.txt b/public/content/cohesion-des-mondes/5_test-avec-geoformat/1_plongez-dans-les-sources/1_un-folklore-abyssal/chapter.txt index aa3cf00..39d8532 100644 --- a/public/content/cohesion-des-mondes/5_test-avec-geoformat/1_plongez-dans-les-sources/1_un-folklore-abyssal/chapter.txt +++ b/public/content/cohesion-des-mondes/5_test-avec-geoformat/1_plongez-dans-les-sources/1_un-folklore-abyssal/chapter.txt @@ -2,7 +2,7 @@ Title: Un folklore abyssal ---- -Body: [{"content":{"text":"

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.

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.

さあ行こ! [sāikō]
C'est parti

"},"id":"22d998ad-a21f-4db2-9f1b-abd7c84f2ab7","isHidden":false,"type":"text"},{"content":{"text":"

書庫瞑しゆふべおぼろの書魔あそぶ
shoko kurashi yūbe oboro no shoma asobu

Un vague démon des livres
joue, ce soir,
dans la sombre bibliothèque
-
Shizunojo Takeshita (1887-1951)
Du rouge aux lèvres, Anthologie des Haïjins japonaises, 2008, p.41

"},"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":"

Le maître des Yôkais

Ma première source vient de ce grand homme, pionnier du manga horrifique au Japon.

Qui est Shigeru Mizuki ?

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é Rocketman en 1957.

Très vite, Shigeru Mizuki s'impose comme le maître des Yôkais avec Kitaro le repoussant ゲゲゲの鬼太郎* qui raconte l'histoire du jeune Kitaro, un Yôkai qui adore se réfugier dans les cimetières, là où il est né.

*Ge-ge-ge no Kitarō

"},"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":"

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.

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.

さあ行こ! [sāikō]
C'est parti

"},"id":"22d998ad-a21f-4db2-9f1b-abd7c84f2ab7","isHidden":false,"type":"text"},{"content":{"text":"

書庫瞑しゆふべおぼろの書魔あそぶ
shoko kurashi yūbe oboro no shoma asobu

Un vague démon des livres
joue, ce soir,
dans la sombre bibliothèque
-
Shizunojo Takeshita (1887-1951)
Du rouge aux lèvres, Anthologie des Haïjins japonaises, 2008, p.41

"},"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":"

Le maître des Yôkais

Ma première source vient de ce grand homme, pionnier du manga horrifique au Japon.

Qui est Shigeru Mizuki ?

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é Rocketman en 1957.

Très vite, Shigeru Mizuki s'impose comme le maître des Yôkais avec Kitaro le repoussant ゲゲゲの鬼太郎* qui raconte l'histoire du jeune Kitaro, un Yôkai qui adore se réfugier dans les cimetières, là où il est né.

*Ge-ge-ge no Kitarō

"},"id":"41038679-f3f6-4c77-a79f-c1c3e15b04f4","isHidden":false,"type":"text"}] ---- diff --git a/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/.regenerate-map-image b/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/.regenerate-map-image new file mode 100644 index 0000000..c8d700e --- /dev/null +++ b/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/.regenerate-map-image @@ -0,0 +1 @@ +1772466016 \ No newline at end of file diff --git a/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/1_marqueur-1/a7409118.jpg b/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/1_marqueur-1/a7409118.jpg new file mode 100644 index 0000000..50c9e52 Binary files /dev/null and b/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/1_marqueur-1/a7409118.jpg differ diff --git a/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/1_marqueur-1/a7409118.jpg.txt b/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/1_marqueur-1/a7409118.jpg.txt new file mode 100644 index 0000000..9b19582 --- /dev/null +++ b/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/1_marqueur-1/a7409118.jpg.txt @@ -0,0 +1 @@ +Uuid: pfdtfezreosopwis \ No newline at end of file diff --git a/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/1_marqueur-1/marker.txt b/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/1_marqueur-1/marker.txt index 8db6a44..cf8ba0e 100644 --- a/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/1_marqueur-1/marker.txt +++ b/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/1_marqueur-1/marker.txt @@ -1,12 +1,12 @@ -Title: Marqueur 1 +Title: Le sanctuaire Gozanoishi-jinja (préfecture d’Akita) ---- -Cover: +Cover: - file://pfdtfezreosopwis ---- -Body: +Body: [{"content":{"text":"

Situé au bord du lac Tazawa, au nord du Japon, le sanctuaire Gozanoishi-jinja propose une superbe vue sur son torii qui donne directement sur le lac. Les lieux rappellent le célèbre torii au bord du lac Ashi, dans la ville de Hakone, 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, la neige apporte une magie supplémentaire.

"},"id":"7e3a45e5-f0b4-40bc-85e6-30a887f2a8a1","isHidden":false,"type":"text"},{"content":{"text":"Pas loin du lac Tazawa, on trouve la ville historique de Kakunodate et ses anciennes maisons de samurai, constituant une visite passionnante. Également dans le coin, les sources chaudes secrètes de Nyuto Onsen offrent une expérience inoubliable avec des bains mixtes parmi les meilleurs onsen du Japon.","citation":""},"id":"d921e112-71f2-4b7c-bcb2-1a71e883cd2e","isHidden":false,"type":"quote"}] ---- diff --git a/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/2_marqueur-2/marker.txt b/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/2_marqueur-2/marker.txt index 51bcc4f..119863d 100644 --- a/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/2_marqueur-2/marker.txt +++ b/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/2_marqueur-2/marker.txt @@ -1,12 +1,12 @@ -Title: Marqueur 2 +Title: Nakameguro (Quartier de Tokyo) ---- -Cover: +Cover: - file://g8fd3braegfxhvdt ---- -Body: +Body: [{"content":{"text":"

Nakameguro, is a residential district of Meguro, Tokyo. It is popular for its boutiques and cafes , and the area near the Meguro River is a popular hanami (cherry blossom viewing) destination in mid-spring. It lends its name to Nakameguro Station, which serves the Tokyo Metro Hibiya Line and Tokyu Tōyoko Line.

Nakameguro is sometimes abbreviated as Nakame.

"},"id":"5e6b1bbd-1ee6-4f1d-a52d-43f8ac42fb40","isHidden":false,"type":"text"},{"content":{"text":"","citation":""},"id":"696b11cd-6392-4cea-a29c-2b5657c6346a","isHidden":false,"type":"quote"}] ---- diff --git a/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/2_marqueur-2/screenshot-2026-03-02-at-16.38.29.png b/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/2_marqueur-2/screenshot-2026-03-02-at-16.38.29.png new file mode 100644 index 0000000..c667f83 Binary files /dev/null and b/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/2_marqueur-2/screenshot-2026-03-02-at-16.38.29.png differ diff --git a/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/2_marqueur-2/screenshot-2026-03-02-at-16.38.29.png.txt b/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/2_marqueur-2/screenshot-2026-03-02-at-16.38.29.png.txt new file mode 100644 index 0000000..99c5b3e --- /dev/null +++ b/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/2_marqueur-2/screenshot-2026-03-02-at-16.38.29.png.txt @@ -0,0 +1 @@ +Uuid: g8fd3braegfxhvdt \ No newline at end of file diff --git a/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/2_marqueur-2/wheretofindjess_japan_11-1140x776.jpg b/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/2_marqueur-2/wheretofindjess_japan_11-1140x776.jpg new file mode 100644 index 0000000..cb83655 Binary files /dev/null and b/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/2_marqueur-2/wheretofindjess_japan_11-1140x776.jpg differ diff --git a/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/2_marqueur-2/wheretofindjess_japan_11-1140x776.jpg.txt b/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/2_marqueur-2/wheretofindjess_japan_11-1140x776.jpg.txt new file mode 100644 index 0000000..88549c5 --- /dev/null +++ b/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/2_marqueur-2/wheretofindjess_japan_11-1140x776.jpg.txt @@ -0,0 +1 @@ +Uuid: 7ckyx4oxqhns4xm5 \ No newline at end of file diff --git a/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/map-static.png b/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/map-static.png index 9a4b24c..e6a1148 100644 Binary files a/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/map-static.png and b/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/map-static.png differ diff --git a/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/map-static.png.txt b/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/map-static.png.txt index cf54679..577d333 100644 --- a/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/map-static.png.txt +++ b/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/map-static.png.txt @@ -1 +1 @@ -Uuid: nw9fphb5fyjwi5g0 \ No newline at end of file +Uuid: eozkssgjffkkux34 \ No newline at end of file diff --git a/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/map.txt b/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/map.txt index 69475e3..6c0be08 100644 --- a/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/map.txt +++ b/public/content/cohesion-des-mondes/5_test-avec-geoformat/2_roadtrip-a-vos-risques-et-perils/map.txt @@ -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 ---- diff --git a/public/content/cohesion-des-mondes/5_test-avec-geoformat/default_pastel_drawing_of_japan_with_fuji_mount_and_temples_an_3-1.jpg b/public/content/cohesion-des-mondes/5_test-avec-geoformat/default_pastel_drawing_of_japan_with_fuji_mount_and_temples_an_3-1.jpg new file mode 100644 index 0000000..aff809a Binary files /dev/null and b/public/content/cohesion-des-mondes/5_test-avec-geoformat/default_pastel_drawing_of_japan_with_fuji_mount_and_temples_an_3-1.jpg differ diff --git a/public/content/cohesion-des-mondes/5_test-avec-geoformat/default_pastel_drawing_of_japan_with_fuji_mount_and_temples_an_3-1.jpg.txt b/public/content/cohesion-des-mondes/5_test-avec-geoformat/default_pastel_drawing_of_japan_with_fuji_mount_and_temples_an_3-1.jpg.txt new file mode 100644 index 0000000..94d5981 --- /dev/null +++ b/public/content/cohesion-des-mondes/5_test-avec-geoformat/default_pastel_drawing_of_japan_with_fuji_mount_and_temples_an_3-1.jpg.txt @@ -0,0 +1 @@ +Uuid: vr3to3k07j0koymz \ No newline at end of file diff --git a/public/content/cohesion-des-mondes/5_test-avec-geoformat/narrative.txt b/public/content/cohesion-des-mondes/5_test-avec-geoformat/narrative.txt index 050be08..65468c9 100644 --- a/public/content/cohesion-des-mondes/5_test-avec-geoformat/narrative.txt +++ b/public/content/cohesion-des-mondes/5_test-avec-geoformat/narrative.txt @@ -6,7 +6,11 @@ Author: Mélina Vuillaumier ---- -Cover: +Cover: - file://vr3to3k07j0koymz + +---- + +Pdf: ---- @@ -14,38 +18,7 @@ Intro:

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); -} +Customcss: ---- diff --git a/src/components/PagedJsWrapper.vue b/src/components/PagedJsWrapper.vue index 24c82d3..d3f40fd 100644 --- a/src/components/PagedJsWrapper.vue +++ b/src/components/PagedJsWrapper.vue @@ -19,7 +19,9 @@ class="narrative-cover" :data-page-type="item.template" > +

+

{{ item.title }}

{{ item.author }}