Julie/decor-6-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

details style

Browse source
This commit is contained in:
Julie Blanc 2026-04-08 20:33:31 +02:00
parent 94d14d70c1
commit af9785e436
23 changed files with 95 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

2
assets/css/blockquote.css
View file

@ -9,7 +9,7 @@ blockquote{
blockquote p::before{ blockquote p::before{
display: none; /* display: none; */
} }
.before-blockquote_container, .before-blockquote_container,

1
assets/css/chapter-header.css
View file

@ -45,6 +45,7 @@
.chapter-header .author{ .chapter-header .author{
display: block; display: block;
text-align: center; text-align: center;
text-indent: 0px;
} }

5
assets/css/figures.css
View file

@ -30,4 +30,9 @@ figure[data-crop="false"] img {
width: 100%; width: 100%;
height: auto; height: auto;
object-fit: contain; object-fit: contain;
}
#f4c52433-bf53-4933-b207-b845153ad93d{
background-color: red;
} }

14
assets/css/subtitles.css
View file

@ -4,13 +4,23 @@ h3, h4{
h3, h4{ h3, h4{
font-family: var(--sign-family); font-family: var(--sign-family);
font-weight: normal; font-weight: normal;
margin-top: calc(var(--baseline)*1.5);
margin-bottom: calc(var(--baseline)*1);
position: relative; position: relative;
font-size: var(--font-size); font-size: var(--font-size);
color: var(--sign-color); color: var(--sign-color);
} }
h3{
margin-top: calc(var(--baseline)*2);
margin-bottom: calc(var(--baseline)*1);
}
h4{
margin-top: calc(var(--baseline)*1.5);
margin-bottom: calc(var(--baseline)*1);
}
h4::before{ h4::before{
content: "///"; content: "///";
} }

38
assets/js/plugins/decor-subtitles.js
View file

@ -77,25 +77,25 @@ class subtitlesDecor extends Paged.Handler {
} }
}); });
if (withDecor) { // if (withDecor) {
const smallSizes = [1, 2, 3, 2, 1]; // const smallSizes = [1, 2, 3, 2, 1];
const bigSizes = [1, 2, 3, 4, 5, 4, 3, 2, 1]; // const bigSizes = [1, 2, 3, 4, 5, 4, 3, 2, 1];
let firstDecor, secondDecor; // let firstDecor, secondDecor;
if (isLeft) { // if (isLeft) {
firstDecor = this.createDecor(symbol, smallSizes, "decor-h3_small"); // firstDecor = this.createDecor(symbol, smallSizes, "decor-h3_small");
secondDecor = this.createDecor(symbol, bigSizes, "decor-h3_big"); // secondDecor = this.createDecor(symbol, bigSizes, "decor-h3_big");
} else { // } else {
firstDecor = this.createDecor(symbol, bigSizes, "decor-h3_big"); // firstDecor = this.createDecor(symbol, bigSizes, "decor-h3_big");
secondDecor = this.createDecor(symbol, smallSizes, "decor-h3_small"); // secondDecor = this.createDecor(symbol, smallSizes, "decor-h3_small");
} // }
const container = document.createElement("div"); // const container = document.createElement("div");
container.className = "h3_container " + subtitle.className; // container.className = "h3_container " + subtitle.className;
subtitle.className = ""; // subtitle.className = "";
subtitle.parentNode.insertBefore(container, subtitle); // subtitle.parentNode.insertBefore(container, subtitle);
container.appendChild(firstDecor); // container.appendChild(firstDecor);
container.appendChild(secondDecor); // container.appendChild(secondDecor);
container.appendChild(subtitle); // container.appendChild(subtitle);
} // }
} }

4
content/10_bye-bye-google-bye-bye-meta/chapitre.txt
View file

@ -2,6 +2,10 @@ Title: Bye Bye Google! Bye Bye Meta!
---- ----
Id: bye-bye-google-bye-bye-meta
----
Author: Author:
---- ----

4
content/11_saul-pandelakis/chapitre.txt
View file

@ -2,6 +2,10 @@ Title: Du projet Fucking Tech! au workshop À fond les manettes
---- ----
Id: saul-pandelakis
----
Author: Saul Pandelakis Author: Saul Pandelakis
---- ----

4
content/12_jose-fa-ntjam-portfolio/chapitre.txt
View file

@ -2,6 +2,10 @@ Title: Josèfa Ntjam
---- ----
Id: jose-fa-ntjam-portfolio
----
Author: Elsa Boyer Author: Elsa Boyer
---- ----

4
content/1_e-l-aria-diventa-piu-respirabile-per-tutti-une-television-pirate-pour-le-quartier/chapitre.txt
View file

@ -2,6 +2,10 @@ Title: E l’aria diventa più respirabile per tutti : Une télévision pirate p
---- ----
Id: e-l-aria-diventa-piu-respirabile-per-tutti-une-television-pirate-pour-le-quartier
----
Author: Outdoor computer club Author: Outdoor computer club
---- ----

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

File diff suppressed because one or more lines are too long

4
content/3_index/chapitre.txt
View file

@ -2,6 +2,10 @@ Title: INDEX
---- ----
Id: index
----
Author: Guillaume Seyller Author: Guillaume Seyller
---- ----

4
content/4_code-creatif/chapitre.txt
View file

@ -2,6 +2,10 @@ Title: Code créatif
---- ----
Id: code-creatif
----
Author: Jean-Noël Lafargue Author: Jean-Noël Lafargue
---- ----

4
content/5_parade/chapitre.txt
View file

@ -2,6 +2,10 @@ Title: Parade
---- ----
Id: parade
----
Author: Maude Guirault Author: Maude Guirault
---- ----

4
content/6_everything-is-real/chapitre.txt
View file

@ -2,6 +2,10 @@ Title: Everything is Real
---- ----
Id: everything-is-real
----
Author: Stéphane Degoutin et Gwenola Wagon Author: Stéphane Degoutin et Gwenola Wagon
---- ----

4
content/7_iyo-bisseck/chapitre.txt
View file

@ -2,6 +2,10 @@ Title: Iyo Bisseck
---- ----
Id: iyo-bisseck
----
Author: Iyo Bisseck Author: Iyo Bisseck
---- ----

4
content/8_charlie-aubry/chapitre.txt
View file

@ -2,6 +2,10 @@ Title: Charlie Aubry
---- ----
Id: charlie-aubry
----
Author: Author:
---- ----

4
content/9_soline-nivet/chapitre.txt
View file

@ -2,6 +2,10 @@ Title: Soline Nivet
---- ----
Id: soline-nivet
----
Author: Interview de MG Author: Interview de MG
---- ----

2
site/snippets/blocks/fullpageimage.php
View file

@ -17,7 +17,7 @@ if ($block->location() == 'web') {
<?php if ($src): ?> <?php if ($src): ?>
<div class="full-bleed-image full-page"> <div class="full-bleed-image full-page">
<figure class="<?= $fullWidth ? 'full-width' : '' ?>"> <figure id="<?= $block->id() ?>" class="<?= $fullWidth ? 'full-width' : '' ?>">
<img src="<?= $src ?>" alt="<?= $alt->esc() ?>"> <img src="<?= $src ?>" alt="<?= $alt->esc() ?>">
<?php if ($caption->isNotEmpty()): ?> <?php if ($caption->isNotEmpty()): ?>
<figcaption><?= $caption ?></figcaption> <figcaption><?= $caption ?></figcaption>

2
site/snippets/blocks/gallery.php
View file

@ -4,7 +4,7 @@ $caption = $block->caption();
$crop = $block->crop()->isTrue(); $crop = $block->crop()->isTrue();
$ratio = $block->ratio()->or('auto'); $ratio = $block->ratio()->or('auto');
?> ?>
<figure<?= Html::attr(['data-ratio' => $ratio, 'data-crop' => $crop], null, ' ') ?>> <figure id="<?= $block->id() ?>"<?= Html::attr(['data-ratio' => $ratio, 'data-crop' => $crop], null, ' ') ?>>
<ul> <ul>
<?php foreach ($block->images()->toFiles() as $image): ?> <?php foreach ($block->images()->toFiles() as $image): ?>
<li class="<?= $image->taille()->esc()?> <?= $image->orientation()?>"> <li class="<?= $image->taille()->esc()?> <?= $image->orientation()?>">

2
site/snippets/blocks/image.php
View file

@ -8,7 +8,7 @@ $src = $block->image()->toFile()->url();
?> ?>
<?php if ($src): ?> <?php if ($src): ?>
<figure class="print-image full-page <?= $block->taille()->esc() ?>"> <figure id="<?= $block->id() ?>" class="print-image full-page <?= $block->taille()->esc() ?>">
<img src="<?= $src ?>" alt="<?= $alt->esc() ?>"> <img src="<?= $src ?>" alt="<?= $alt->esc() ?>">

2
site/snippets/blocks/imagefloat.php
View file

@ -8,7 +8,7 @@ $src = $block->image()->toFile()->url();
?> ?>
<?php if ($src): ?> <?php if ($src): ?>
<figure class="float-image"> <figure id="<?= $block->id() ?>" class="float-image">
<img src="<?= $src ?>" alt="<?= $alt->esc() ?>"> <img src="<?= $src ?>" alt="<?= $alt->esc() ?>">
<?php if ($caption->isNotEmpty()): ?> <?php if ($caption->isNotEmpty()): ?>
<figcaption> <figcaption>

2
site/snippets/blocks/spreadimage.php
View file

@ -17,7 +17,7 @@ if ($block->location() == 'web') {
<?php if ($src): ?> <?php if ($src): ?>
<div class="spread-image"> <div class="spread-image">
<figure class="<?= $fullWidth ? 'full-width' : '' ?>"> <figure id="<?= $block->id() ?>" class="<?= $fullWidth ? 'full-width' : '' ?>">
<img src="<?= $src ?>" alt="<?= $alt->esc() ?>"> <img src="<?= $src ?>" alt="<?= $alt->esc() ?>">
<?php if ($caption->isNotEmpty()): ?> <?php if ($caption->isNotEmpty()): ?>
<figcaption><?= $caption ?></figcaption> <figcaption><?= $caption ?></figcaption>

6
site/templates/print.php
View file

@ -23,7 +23,7 @@
<!-- Interpage chapitre --> <!-- Interpage chapitre -->
<?php if($cover = $chapitre->cover()->toFile()):?> <?php if($cover = $chapitre->cover()->toFile()):?>
<div class="interpage full-bleed-image"> <div class="interpage full-bleed-image">
<figure> <figure id="cover-<?= $chapitre->uid() ?>">
<img src="<?= $cover->url() ?>" alt=""> <img src="<?= $cover->url() ?>" alt="">
</figure> </figure>
</div> </div>
@ -99,7 +99,7 @@
<?php if($spread = $portfolioEl->spread()->toFile()):?> <?php if($spread = $portfolioEl->spread()->toFile()):?>
<div class="spread"> <div class="spread">
<div class="spread-inner"> <div class="spread-inner">
<figure class="spread__left"> <figure id="spread-<?= $counter ?>-left" class="spread__left">
<div class="spread-content"> <div class="spread-content">
<img src="<?= $spread->url() ?>"> <img src="<?= $spread->url() ?>">
</div> </div>
@ -112,7 +112,7 @@
<?php endif;?> <?php endif;?>
<?php endif;?> <?php endif;?>
<!-- <div class="pagebreak"></div> --> <!-- <div class="pagebreak"></div> -->
<figure class="spread__right"> <figure id="spread-<?= $counter ?>-right" class="spread__right">
<div class="spread-content"> <div class="spread-content">
<img src="<?= $spread->url() ?>"> <img src="<?= $spread->url() ?>">
</div> </div>