nouveau-theatre-de-besancon/site/templates/sectioned.php

<?php snippet('header') ?>

<section class="anchors-strip">
  <ul>
    <?php foreach($page->children() as $section): ?>
      <?php if ($section->isIndexed() != 'false'): ?>
        <li>
          <a href="#<?= $section->slug() ?>" title="Défiler jusqu'à la section <?= $section->title() ?>"><?= $section->title() ?></a>
        </li>
      <?php endif ?>
    <?php endforeach ?>
  </ul>
</section>

<section>
  <h1><?= $page->title() ?></h1>
</section>

<?php foreach($page->children() as $sectionPage): ?>
  <section id="<?= $sectionPage->slug() ?>" <?= e($sectionPage->backgroundColor()->isNotEmpty() == 'true', ' style="--color: ' . $sectionPage->backgroundColor() . ';"') ?>>
    <?php if ($sectionPage->isTitled() != 'false'): ?>
      <h2 class="h3"><?= $sectionPage->title() ?></h2>
    <?php endif ?>
    <?php foreach ($sectionPage->section()->toLayouts() as $layout): ?>
    <div 
      class="section__row grid<?= e($layout->attrs()->imgHeight()->isNotEmpty() == 'true', ' fixed-img-height') ?>" 
      <?= e($layout->attrs()->imgHeight()->isNotEmpty() == 'true', ' style="--height: ' . $layout->attrs()->imgHeight() . 'vw;" ') ?>
      id="<?= $layout->id() ?>"
    >
      <?php foreach ($layout->columns() as $column): ?>
      <div class="grid__item" style="--span:<?= $column->span() ?>">
        <div class="blocks">
          <?= $column->blocks() ?>
        </div>
      </div>
      <?php endforeach ?>
    </div>
    <?php endforeach ?>
  </section>
<?php endforeach ?>

<?php snippet('footer') ?>