diff --git a/assets/css/main.css b/assets/css/main.css
index 36aeb02..00666d5 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -188,12 +188,12 @@ blockquote p::before{
position: relative;
top: calc(var(--baseline)*-0.25 - 2px);
margin-bottom: calc(var(--baseline)*3 + 13px);
- padding-right: calc(var(--unit)*2);
+ /*padding-right: calc(var(--unit)*2);*/
position: relative;
padding-left: 15px;
}
-.chapter-header .hgroup::before {
+/*.chapter-header .hgroup::before {
content: "***************************************************************************************************************************************************************************************************************************************************************************************************************************************************";
display: block;
width: calc(100% + 1ch);
@@ -211,7 +211,7 @@ blockquote p::before{
font-family: var(--sign-family);
line-height: calc(var(--sign-baseline)*1.5);
overflow-wrap: anywhere;
-}
+}*/
.chapter-header .type {
display: none;
@@ -223,26 +223,33 @@ blockquote p::before{
font-weight: normal;
font-size: 1em;
line-height: calc(var(--sign-baseline)*1.5);
- display: inline;
+ /*display: inline;*/
box-sizing: border-box;
+ text-align: center;
+ margin-top: 0;
+ color: var(--sign-color);
}
.chapter-header .hgroup h2 span {
- color: white;
padding-left: 0.25ch;
padding-right: 0.25ch;
box-decoration-break: clone;
- background-color: var(--sign-color);
+ /*background-color: var(--sign-color);*/
padding: 1px 0.25ch;
text-transform: uppercase;
}
+.chapter-header .author{
+ display: block;
+ text-align: center;
+}
+
.chapter-header .author span {
font-family: var(--fontTitle);
color: var(--sign-color);
- margin-top: calc(var(--baseline)*1.5);
+ /*margin-top: calc(var(--baseline)*1.5);*/
text-transform: uppercase;
background-color: white;
display: inline-block;
@@ -254,7 +261,8 @@ blockquote p::before{
.hgroup-before,
.hgroup-after,
.chapter-header .title-before,
-.chapter-header .title-after {
+.chapter-header .title-after,
+.chapter-header .title-between {
font-size: var(--sign-size);
color: var(--sign-color);
letter-spacing: var(--sign-spacing);
@@ -269,12 +277,17 @@ blockquote p::before{
left: 0px;
}
+.chapter-header .title-between{
+ text-align: center;
+ font-size: 1em;
+}
+
.chapter-header .title-before {
- top: calc(var(--baseline)*-1.25);
+ top: calc(var(--baseline)*-2.5);
}
.chapter-header .title-after {
- bottom: calc(var(--baseline)*-1.5 + 1px);
+ bottom: calc(var(--baseline)*-2.25 + 1px);
}
.hgroup-before{
@@ -354,11 +367,11 @@ h5 {
font-size: var(--sign-size);
color: var(--sign-color);
font-weight: normal;
- position: relative;
+/* position: relative;
z-index: 10;
top: calc(var(--baseline)*1);
background-color: white;
- display: inline;
+ display: inline;*/
}
h5::before, h6::before{
@@ -371,11 +384,11 @@ h5::before, h6::before{
.pagedjs_right_page h5{
- left: -80px;
+ /*left: -80px;*/
}
.pagedjs_right_page h5::before{
- content: "+++++++"
+ content: "//////"
}
.pagedjs_left_page h5{
@@ -383,26 +396,26 @@ h5::before, h6::before{
}
.pagedjs_left_page h5::before{
- content: "+++++"
+ content: "//////"
}
-.h6_container {
+/*.h6_container {
position: relative;
z-index: 10;
top: calc(var(--baseline)*1);
-}
+}*/
h6 {
font-size: var(--sign-size);
color: var(--sign-color);
- font-weight: normal;
+/* font-weight: normal;
position: relative;
background-color: white;
- display: inline;
+ display: inline;*/
}
h6::before {
- content: "++";
+ content: "//";
}
diff --git a/assets/css/print-template.css b/assets/css/print-template.css
index 150f1e3..dc8790b 100644
--- a/assets/css/print-template.css
+++ b/assets/css/print-template.css
@@ -72,17 +72,21 @@ figure img.cover{ object-fit: cover; max-width: none; width:100%; height:100%;}
--pagedjs-full-page: spread;
}
-.full-bleed-image.full-page{
+.full-bleed-image{
+ break-before: left;
+ page-break-after: always;
+ position: absolute;
top: calc(var(--pagedjs-margin-top)*-1 - var(--pagedjs-bleed-top));
height: var(--pagedjs-height);
+ z-index: 99999;
}
-.pagedjs_left_page .full-bleed-image.full-page{
+.pagedjs_left_page .full-bleed-image{
left: calc(var(--pagedjs-margin-left)*-1 - var(--pagedjs-bleed-left));
right: calc(var(--pagedjs-margin-right)*-1);
}
-.pagedjs_right_page .full-bleed-image.full-page{
+.pagedjs_right_page .full-bleed-image{
left: calc(var(--pagedjs-margin-left)*-1);
right: calc(var(--pagedjs-margin-right)*-1 - var(--pagedjs-bleed-right));
}
@@ -192,14 +196,17 @@ figure img.cover{ object-fit: cover; max-width: none; width:100%; height:100%;}
}
.spread-image,
-.full-bleed-image.full-page {
+.full-bleed-image {
height: var(--pagedjs-height);
- top: auto;
display: flex;
align-items: center;
justify-content: center;
}
+.spread-image{
+ top: auto;
+}
+
.spread-image figure,
.full-bleed-image figure{
height: calc(var(--pagedjs-height) + var(--pagedjs-margin-top) + var(--pagedjs-margin-bottom));
diff --git a/assets/css/print.css b/assets/css/print.css
index 8dbe4ba..abff78a 100644
--- a/assets/css/print.css
+++ b/assets/css/print.css
@@ -246,7 +246,10 @@
min-width: 2ch;
}
-
+.pagedjs_page.pagedjs_named_page.pagedjs_essai_page.pagedjs_essai_first_page .pagedjs_margin-top-left-corner>.pagedjs_margin-content::after,
+.pagedjs_page.pagedjs_named_page.pagedjs_entretien_page.pagedjs_entretien_first_page .pagedjs_margin-top-left-corner>.pagedjs_margin-content::after{
+ content: none !important;
+}
[data-chapter="essai"]{
@@ -298,3 +301,4 @@
}
+
diff --git a/assets/css/text.css b/assets/css/text.css
index 21fa7cb..666eaa5 100644
--- a/assets/css/text.css
+++ b/assets/css/text.css
@@ -11,7 +11,7 @@
p::before {
- content: ".........";
+ content: "...";
font-size: var(--sign-size);
color: var(--sign-color);
letter-spacing: var(--sign-spacing);
@@ -26,7 +26,44 @@ p::before {
.following-title::before,
.following-h3::before {
- display: none !important;
+ content: none;
+}
+
+
+/* BIO */
+.chapter-bio{
+ margin-bottom: calc(var(--baseline) * 3 + 13px);
+}
+
+.chapter-bio p{
+ font-size: 0.8em;
+ color: var(--blue);
+}
+
+.chapter-bio p::before{
+ content: "/////////";
+ font-size: 0.8em;
+ font-size: var(--sign-size);
+ font-family: var(--sign-family);
+ letter-spacing: 0;
+ top: 0;
+ margin-right: 5px;
+ display: block;
+ text-align: center;
+ margin-bottom: var(--baseline);
+ /*color: #000;*/
+}
+
+.chapter-bio p::after{
+ content: "/////////";
+ font-size: 0.8em;
+ font-size: var(--sign-size);
+ font-family: var(--sign-family);
+ letter-spacing: 0;
+ top: 0;
+ margin-right: 5px;
+ display: block;
+ text-align: center;
}
diff --git a/assets/css/variables.css b/assets/css/variables.css
index 69daa7c..fe4c696 100644
--- a/assets/css/variables.css
+++ b/assets/css/variables.css
@@ -3,7 +3,7 @@
--bleed-images: 3mm;
--pagedjs-fold: 0px;
- --symbol: "+";
+ --symbol: "/";
--unit: 70px;
--sub-unit: 17.5px;
diff --git a/assets/js/plugins/decor-num-pages.js b/assets/js/plugins/decor-num-pages.js
index 7d9e270..2ef73c4 100644
--- a/assets/js/plugins/decor-num-pages.js
+++ b/assets/js/plugins/decor-num-pages.js
@@ -5,7 +5,7 @@ class numPagesDecor extends Paged.Handler {
afterRendered(pages){
let totalPages = pages.length;
- let symbol = "+";
+ let symbol = "/";
pages.forEach(function(page){
let pageElement = page.element;
const numPage = parseInt(pageElement.dataset.pageNumber);
diff --git a/content/2_un-robot-poete-ne-nous-fait-toujours-pas-peur/chapitre.txt b/content/2_un-robot-poete-ne-nous-fait-toujours-pas-peur/chapitre.txt
index 06f1bc0..1e7e572 100644
--- a/content/2_un-robot-poete-ne-nous-fait-toujours-pas-peur/chapitre.txt
+++ b/content/2_un-robot-poete-ne-nous-fait-toujours-pas-peur/chapitre.txt
@@ -14,7 +14,7 @@ Cover: - file://huggb2hkcw4abzff
----
-Bio:
+Bio: Né en 1990 à Fort-de-France, Martinique, Olivain Porry est artiste et docteur SACRe du laboratoire EnsadLab de l’école des Arts-Décoratifs de Paris (Université PSL). Formé aux Beaux-Arts de Nantes, il vit et travaille à Paris ou il est représenté par l’Avant-Galerie Vossen. Son travail explore, à travers des formes plastiques et cybernétiques, les enjeux sociotechniques des technologies contemporaines. Sa recherche doctorale, « Des communautés de machines », propose une approche de la création fondée sur la négociation entre artistes et dispositifs techniques. En 2025, il cofonde « les éditions du respirateur », une structure éditoriale expérimentale dédiée aux formes de publication conceptuelles.
----
diff --git a/site/templates/print.php b/site/templates/print.php
index 39b9cb6..07c7c47 100644
--- a/site/templates/print.php
+++ b/site/templates/print.php
@@ -18,6 +18,14 @@
index()->filterBy('intendedTemplate', 'chapitre')->listed() as $chapitre):?>
+
+ cover()->toFile()):?>
+
+
+
+
@@ -25,30 +33,28 @@
author()->html()->smartypants() ?>
title()->html()->smartypants() ?>
-
- cover()->toFile()):?>
-
-
-
-