images modifs

assets/css/figures.css

@@ -30,4 +30,16 @@ figure[data-crop="false"] img {
   width: 100%;
   height: auto;
   object-fit: contain;
+}
+
+
+/* --- INTERPAGE ---- */
+.interpage figure {
+  /*background-color: var(--copper);*/
+  background-color: var(--silver);
+}
+
+.interpage figure img {
+  filter: grayscale(100%);
+  mix-blend-mode: screen;
 }

assets/css/print-template.css

@@ -226,10 +226,10 @@ figure img.cover{ object-fit: cover; max-width: none; width:100%; height:100%;}
   height: auto;
 }
 
-.full-bleed-image figure img{ 
+.full-bleed-image figure img{
-  object-fit: cover; 
+  object-fit: cover;
-  max-width: none; 
+  max-width: none;
-  width:100%; 
+  width:100%;
   height:100%;
 }
 

assets/css/variables.css

@@ -29,9 +29,9 @@
 	--green: #000;
 	--blue: #000;
 
-	--silver: #8A8D8F;
+	--silver: rgb(138, 131, 124);
-	--copper: #a8923f;
+	--copper: rgb(147, 121, 118);
-	/* PANTONE 8642 C */
+	/* PANTONE 10444 C ou  8002 C */
 
 	--border: 4mm; /* à enlever */
 

content/1_e-l-aria-diventa-piu-respirabile-per-tutti-une-television-pirate-pour-le-quartier/dither-ascii-pro-1775051501302.png.txt

@@ -0,0 +1,17 @@
+Caption: 
+
+----
+
+Taille: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 17
+
+----
+
+Uuid: euna8zgkvjtl8d6b

content/2_un-robot-poete-ne-nous-fait-toujours-pas-peur/chapitre.txt

@@ -10,7 +10,7 @@ Typeof: essai
 
 ----
 
-Cover: - file://etrhupihgpfizstq
+Cover: - file://zq17yj6hqwsimj2b
 
 ----
 

content/2_un-robot-poete-ne-nous-fait-toujours-pas-peur/dither-ascii-pro-1775051257355.png.txt

@@ -0,0 +1,17 @@
+Caption: 
+
+----
+
+Taille: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 6
+
+----
+
+Uuid: zq17yj6hqwsimj2b

content/3_index/chapitre.txt

@@ -10,7 +10,7 @@ Typeof: essai
 
 ----
 
-Cover: - file://qrvv3ph5la8ywppy
+Cover: - file://h0w2gkaqujygdpdw
 
 ----
 
@@ -22,6 +22,10 @@ Text: [{"content":{"level":"h3","text":"Introduction"},"id":"362d22b4-107e-48cf-
 
 ----
 
+Portfolio: 
+
+----
+
 Chapeau: 
 
 ----

content/3_index/dither-ascii-pro-1775051104866.png.txt

@@ -0,0 +1,17 @@
+Caption: 
+
+----
+
+Taille: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 11
+
+----
+
+Uuid: h0w2gkaqujygdpdw

content/4_code-creatif/chapitre.txt

@@ -10,7 +10,7 @@ Typeof: essai
 
 ----
 
-Cover: - file://ktfsuc0az4cfej77
+Cover: - file://tvzxrh3kd5corz0q
 
 ----
 
@@ -22,6 +22,10 @@ Text: [{"content":{"text":"<p>On peut distinguer deux types d’enseignements de
 
 ----
 
+Portfolio: 
+
+----
+
 Chapeau: 
 
 ----

content/4_code-creatif/dither-ascii-pro-1775046977173.png.txt

@@ -0,0 +1,17 @@
+Caption: 
+
+----
+
+Taille: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 4
+
+----
+
+Uuid: tvzxrh3kd5corz0q

content/5_parade/chapitre.txt

@@ -10,7 +10,7 @@ Typeof: essai
 
 ----
 
-Cover: - file://iyqivumhpfpbpftz
+Cover: - file://8gga1ud2ebyzo6yr
 
 ----
 
@@ -22,4 +22,8 @@ Text: [{"content":{"text":"<p>Aux extrémités de deux tubes de laiton courbés
 
 ----
 
+Portfolio: 
+
+----
+
 Uuid: 7bciwiablkwyweyb

content/5_parade/dither-ascii-pro-1775051213238.png.txt

@@ -0,0 +1,17 @@
+Caption: 
+
+----
+
+Taille: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 17
+
+----
+
+Uuid: 8gga1ud2ebyzo6yr

job-log.md

@@ -1,7 +1,9 @@
 # JOB LOB
 
 ## TO DO
-- clean css 
+- cleaner l'intégration des images (enlever le système de couche dans le blueprint)
+- enlever le block image flottante
+- clean portfolio
 - mettre la liste des images en taille réelle sur fond blanc à la fin de portfolio
 - générer le sommaire => auteur·ice / type 
 - intégration biographie

site/snippets/blocks/image.php

@@ -8,13 +8,14 @@ $src     = $block->image()->toFile()->url();
 ?>
 
 <?php if ($src): ?>
-<figure class="print-image full-page <?= $block->taille()->esc() ?>">
+  <figure class="print-image full-page <?= $block->taille()->esc() ?>">
 
-  <img src="<?= $src ?>" alt="<?= $alt->esc() ?>">
+    <img src="<?= $src ?>" alt="<?= $alt->esc() ?>">
 
-  <?php if ($caption->isNotEmpty()): ?>
+    <?php if ($caption->isNotEmpty()): ?>
-  <figcaption>
+      <figcaption>
-    <?= $caption->kt() ?>
+        <?= $caption->kt() ?>
-  </figcaption>
+      </figcaption>
-  <?php endif ?>
+    <?php endif ?>
-</figure>
+  </figure>
+ <?php endif ?>