details style
This commit is contained in:
Julie Blanc
parent
94d14d70c1
commit
af9785e436
23 changed files with 95 additions and 31 deletions
|
|
@ -9,7 +9,7 @@ blockquote{
|
|||
|
||||
|
||||
blockquote p::before{
|
||||
display: none;
|
||||
/* display: none; */
|
||||
}
|
||||
|
||||
.before-blockquote_container,
|
||||
|
|
|
|||
|
|
@ -45,6 +45,7 @@
|
|||
.chapter-header .author{
|
||||
display: block;
|
||||
text-align: center;
|
||||
text-indent: 0px;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -30,4 +30,9 @@ figure[data-crop="false"] img {
|
|||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
|
||||
#f4c52433-bf53-4933-b207-b845153ad93d{
|
||||
background-color: red;
|
||||
}
|
||||
|
|
@ -4,13 +4,23 @@ h3, h4{
|
|||
h3, h4{
|
||||
font-family: var(--sign-family);
|
||||
font-weight: normal;
|
||||
margin-top: calc(var(--baseline)*1.5);
|
||||
margin-bottom: calc(var(--baseline)*1);
|
||||
position: relative;
|
||||
font-size: var(--font-size);
|
||||
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{
|
||||
content: "///";
|
||||
}
|
||||
|
|
|
|||
|
|
@ -77,25 +77,25 @@ class subtitlesDecor extends Paged.Handler {
|
|||
}
|
||||
});
|
||||
|
||||
if (withDecor) {
|
||||
const smallSizes = [1, 2, 3, 2, 1];
|
||||
const bigSizes = [1, 2, 3, 4, 5, 4, 3, 2, 1];
|
||||
let firstDecor, secondDecor;
|
||||
if (isLeft) {
|
||||
firstDecor = this.createDecor(symbol, smallSizes, "decor-h3_small");
|
||||
secondDecor = this.createDecor(symbol, bigSizes, "decor-h3_big");
|
||||
} else {
|
||||
firstDecor = this.createDecor(symbol, bigSizes, "decor-h3_big");
|
||||
secondDecor = this.createDecor(symbol, smallSizes, "decor-h3_small");
|
||||
}
|
||||
const container = document.createElement("div");
|
||||
container.className = "h3_container " + subtitle.className;
|
||||
subtitle.className = "";
|
||||
subtitle.parentNode.insertBefore(container, subtitle);
|
||||
container.appendChild(firstDecor);
|
||||
container.appendChild(secondDecor);
|
||||
container.appendChild(subtitle);
|
||||
}
|
||||
// if (withDecor) {
|
||||
// const smallSizes = [1, 2, 3, 2, 1];
|
||||
// const bigSizes = [1, 2, 3, 4, 5, 4, 3, 2, 1];
|
||||
// let firstDecor, secondDecor;
|
||||
// if (isLeft) {
|
||||
// firstDecor = this.createDecor(symbol, smallSizes, "decor-h3_small");
|
||||
// secondDecor = this.createDecor(symbol, bigSizes, "decor-h3_big");
|
||||
// } else {
|
||||
// firstDecor = this.createDecor(symbol, bigSizes, "decor-h3_big");
|
||||
// secondDecor = this.createDecor(symbol, smallSizes, "decor-h3_small");
|
||||
// }
|
||||
// const container = document.createElement("div");
|
||||
// container.className = "h3_container " + subtitle.className;
|
||||
// subtitle.className = "";
|
||||
// subtitle.parentNode.insertBefore(container, subtitle);
|
||||
// container.appendChild(firstDecor);
|
||||
// container.appendChild(secondDecor);
|
||||
// container.appendChild(subtitle);
|
||||
// }
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -2,6 +2,10 @@ Title: Bye Bye Google! Bye Bye Meta!
|
|||
|
||||
----
|
||||
|
||||
Id: bye-bye-google-bye-bye-meta
|
||||
|
||||
----
|
||||
|
||||
Author:
|
||||
|
||||
----
|
||||
|
|
|
|||
|
|
@ -2,6 +2,10 @@ Title: Du projet Fucking Tech! au workshop À fond les manettes
|
|||
|
||||
----
|
||||
|
||||
Id: saul-pandelakis
|
||||
|
||||
----
|
||||
|
||||
Author: Saul Pandelakis
|
||||
|
||||
----
|
||||
|
|
|
|||
|
|
@ -2,6 +2,10 @@ Title: Josèfa Ntjam
|
|||
|
||||
----
|
||||
|
||||
Id: jose-fa-ntjam-portfolio
|
||||
|
||||
----
|
||||
|
||||
Author: Elsa Boyer
|
||||
|
||||
----
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
||||
----
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -2,6 +2,10 @@ Title: INDEX
|
|||
|
||||
----
|
||||
|
||||
Id: index
|
||||
|
||||
----
|
||||
|
||||
Author: Guillaume Seyller
|
||||
|
||||
----
|
||||
|
|
|
|||
|
|
@ -2,6 +2,10 @@ Title: Code créatif
|
|||
|
||||
----
|
||||
|
||||
Id: code-creatif
|
||||
|
||||
----
|
||||
|
||||
Author: Jean-Noël Lafargue
|
||||
|
||||
----
|
||||
|
|
|
|||
|
|
@ -2,6 +2,10 @@ Title: Parade
|
|||
|
||||
----
|
||||
|
||||
Id: parade
|
||||
|
||||
----
|
||||
|
||||
Author: Maude Guirault
|
||||
|
||||
----
|
||||
|
|
|
|||
|
|
@ -2,6 +2,10 @@ Title: Everything is Real
|
|||
|
||||
----
|
||||
|
||||
Id: everything-is-real
|
||||
|
||||
----
|
||||
|
||||
Author: Stéphane Degoutin et Gwenola Wagon
|
||||
|
||||
----
|
||||
|
|
|
|||
|
|
@ -2,6 +2,10 @@ Title: Iyo Bisseck
|
|||
|
||||
----
|
||||
|
||||
Id: iyo-bisseck
|
||||
|
||||
----
|
||||
|
||||
Author: Iyo Bisseck
|
||||
|
||||
----
|
||||
|
|
|
|||
|
|
@ -2,6 +2,10 @@ Title: Charlie Aubry
|
|||
|
||||
----
|
||||
|
||||
Id: charlie-aubry
|
||||
|
||||
----
|
||||
|
||||
Author:
|
||||
|
||||
----
|
||||
|
|
|
|||
|
|
@ -2,6 +2,10 @@ Title: Soline Nivet
|
|||
|
||||
----
|
||||
|
||||
Id: soline-nivet
|
||||
|
||||
----
|
||||
|
||||
Author: Interview de MG
|
||||
|
||||
----
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ if ($block->location() == 'web') {
|
|||
|
||||
<?php if ($src): ?>
|
||||
<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() ?>">
|
||||
<?php if ($caption->isNotEmpty()): ?>
|
||||
<figcaption><?= $caption ?></figcaption>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ $caption = $block->caption();
|
|||
$crop = $block->crop()->isTrue();
|
||||
$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>
|
||||
<?php foreach ($block->images()->toFiles() as $image): ?>
|
||||
<li class="<?= $image->taille()->esc()?> <?= $image->orientation()?>">
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@ $src = $block->image()->toFile()->url();
|
|||
?>
|
||||
|
||||
<?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() ?>">
|
||||
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@ $src = $block->image()->toFile()->url();
|
|||
?>
|
||||
|
||||
<?php if ($src): ?>
|
||||
<figure class="float-image">
|
||||
<figure id="<?= $block->id() ?>" class="float-image">
|
||||
<img src="<?= $src ?>" alt="<?= $alt->esc() ?>">
|
||||
<?php if ($caption->isNotEmpty()): ?>
|
||||
<figcaption>
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ if ($block->location() == 'web') {
|
|||
|
||||
<?php if ($src): ?>
|
||||
<div class="spread-image">
|
||||
<figure class="<?= $fullWidth ? 'full-width' : '' ?>">
|
||||
<figure id="<?= $block->id() ?>" class="<?= $fullWidth ? 'full-width' : '' ?>">
|
||||
<img src="<?= $src ?>" alt="<?= $alt->esc() ?>">
|
||||
<?php if ($caption->isNotEmpty()): ?>
|
||||
<figcaption><?= $caption ?></figcaption>
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@
|
|||
<!-- Interpage chapitre -->
|
||||
<?php if($cover = $chapitre->cover()->toFile()):?>
|
||||
<div class="interpage full-bleed-image">
|
||||
<figure>
|
||||
<figure id="cover-<?= $chapitre->uid() ?>">
|
||||
<img src="<?= $cover->url() ?>" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
|
|
@ -99,7 +99,7 @@
|
|||
<?php if($spread = $portfolioEl->spread()->toFile()):?>
|
||||
<div class="spread">
|
||||
<div class="spread-inner">
|
||||
<figure class="spread__left">
|
||||
<figure id="spread-<?= $counter ?>-left" class="spread__left">
|
||||
<div class="spread-content">
|
||||
<img src="<?= $spread->url() ?>">
|
||||
</div>
|
||||
|
|
@ -112,7 +112,7 @@
|
|||
<?php endif;?>
|
||||
<?php endif;?>
|
||||
<!-- <div class="pagebreak"></div> -->
|
||||
<figure class="spread__right">
|
||||
<figure id="spread-<?= $counter ?>-right" class="spread__right">
|
||||
<div class="spread-content">
|
||||
<img src="<?= $spread->url() ?>">
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue