chapter hgroup + calming decor

This commit is contained in:
Julie Blanc 2026-04-07 18:09:15 +02:00
parent 0545b131de
commit 94d14d70c1
370 changed files with 9583 additions and 1566 deletions

View file

@ -37,22 +37,48 @@
<!-- Entrées des chapitres -->
<div class="chapter-header">
<p class="type"><?= $chapitre->typeof()?></p>
<!-- <div class="hgroup-before">////<br>/////<br>///<br>//<br>
/<br>/<br>/<br>/<br>/<br>/<br>
///<br>//<br>/<br>/<br>
/<br><br>/<br>//<br>/<br>
</div> -->
<div class="hgroup">
<!-- <div class="title-before">++--------------------------+</div> -->
<div class="title-before">/////////// <?= $chapitre->typeof()->html()?> ///////////<br>/////////////////////////////</div>
<h2><span><?= $chapitre->title()->html()->smartypants() ?></span></h2>
<div class="title-between">/</div>
<p class="author"><span><?= $chapitre->author()->html()->smartypants() ?></span></p>
<!-- <div class="title-after">//////////////////////<br>//////////////////////</div> -->
<!-- <div class="title-after">+--------------------------++</div> -->
</div>
<!-- <div class="hgroup-after">+<br>++<br>+++<br>++++<br>+++<br>++<br>+<br></div> -->
<?php
$type = $chapitre->typeof()->value();
switch ($type) {
case 'entretien':
$symbol = '@';
$before = '@/////////';
$after = '/////////@';
$separator = '@///////////////////////////@';
break;
case 'portfolio':
$symbol = '+';
$before = '+/////////';
$after = '/////////+';
$separator = '+///////////////////////////+';
break;
default:
$symbol = '*';
$before = '*//////////';
$after = '//////////*';
$separator = '*///////////////////////////*';
break;
}
?>
<div class="hgroup">
<div class="type-container">
<div class="before"><?= $before ?></div>
<div class="type"><?= $chapitre->typeof()->html() ?></div>
<div class="after"><?= $after ?></div>
</div>
<div class="type-separator"><?= $separator ?></div>
<h2><span><?= $chapitre->title()->html()->smartypants() ?></span></h2>
<div class="title-between">/ / </div>
<p class="author"><span><?= $chapitre->author()->html()->smartypants() ?></span></p>
<div class="title-after">/ / / / / / </div>
</div>
</div>