decor-6-site/site/templates/print.php

  <?php snippet('head') ?>
  <?php $sizes = "(min-width: 1200px) 25vw,
          (min-width: 900px) 33vw,
          (min-width: 600px) 50vw,
          100vw";
  ?>
  <header id="interface-header" w3-include-html="assets/pagedjs/interface.html"></header>
  <div id="render-book"></div>
  <template id="book-content">

    <section class="cover">
      <h1><?= $site->title()->html()?></h1>
    </section>

    <div class="blank-page"></div>

    <section class="toc">
      <h2>Sommaire</h2>
      <article id="table-of-contents"></article>
    </section>

    <div class="interpage full-bleed-image" id="toc-interpage">
      <figure>
        <img src="http://localhost:8000/media/pages/e-l-aria-diventa-piu-respirabile-per-tutti-une-television-pirate-pour-le-quartier/c1795ba60a-1775838245/dither-ascii-pro-1775051501302.png">
    </figure></div>

    <?php foreach($site->index()->filterBy('intendedTemplate', 'chapitre')->listed() as $chapitre):?>
      <!-- Interpage chapitre -->
      <?php if($cover = $chapitre->cover()->toFile()):?>
        <div class="interpage full-bleed-image">
          <figure id="cover-<?= $chapitre->uid() ?>">
            <img src="<?= $cover->url() ?>" alt="">
          </figure>
        </div>
      <?php endif;?>
    <section class="chapter <?= $chapitre->typeof()->esc()?>" data-chapter="<?= $chapitre->typeof()->esc()?>" id="<?= $chapitre->uid()?>">

      <!-- titre courant -->
      <span class="nav-decor">D6cor</span>
      <span class="nav-author"><?= $chapitre->author()->html()->smartypants() ?></span>
      <span class="nav-title"><?= $chapitre->title()->html()->smartypants() ?></span>

      <!-- Image avant le titre -->
      <?php $avantTitre = $chapitre->avant_titre()->toObject(); ?>
      <?php if ($avantTitre->image()->isNotEmpty() && ($img = $avantTitre->image()->toFile())): ?>
        <figure class="intro-portfolio <?= $avantTitre->doublepage()->toBool() ? 'double-page' : '' ?>">
          <img src="<?= $img->url() ?>" alt="">
          <?php if ($avantTitre->caption()->isNotEmpty()): ?>
            <figcaption><?= $avantTitre->caption()->html() ?></figcaption>
          <?php endif ?>
        </figure>
      <?php endif ?>

      <!-- Entrées des chapitres -->
      <div class="chapter-header">
     
       <?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>


      <div class="chapter-content">
          <?php $figCount = 0; $figTypes = ['image', 'imagefloat', 'gallery', 'fullpageimage', 'spreadimage']; ?>
          <?php foreach ($chapitre->text()->toBlocks() as $block): ?>
          <?php
            $isFig = in_array($block->type(), $figTypes);
            if ($isFig) {
              $figCount++;
              $blockId = 'fig-' . Str::slug($chapitre->author()) . '-' . $figCount;
            } else {
              $blockId = $block->id();
            }
          ?>
          <div id="<?= $blockId ?>" class="block block-type-<?= $block->type() ?><?= $block->classes()->isNotEmpty() ? ' ' . implode(' ', $block->classes()->split(',')) : '' ?>">
            <?= $block ?>
          </div>
          <?php endforeach ?>
          <!-- Pour les portfolios -->
          <?php if($chapitre->portfolio()->isNotEmpty()):?>
            <?php 
              $portfolio = $chapitre->portfolio()->toStructure();
              $counter = 0;
            ?>
            <?php foreach($portfolio as $portfolioEl): ?>
              <?php $counter ++?>
              <?php if($spread = $portfolioEl->spread()->toFile()):?>
                <div class="spread">
                  <div class="spread-inner">
                    <figure id="spread-<?= $counter ?>-left" class="spread__left">
                      <div class="spread-content">
                        <img src="<?= $spread->url() ?>">
                      </div>
                    </figure>
                    <?php if($portfolioEl->position() == "topleft" || $portfolioEl->position() == "bottomleft"):?>
                      <?php if($image = $portfolioEl->imageontop()->toFile()):?>
                        <div class="image__top <?= $portfolioEl->position()?>" style="width: <?= $portfolioEl->largeur() ?>cm">
                            <img src="<?= $image->url() ?>">
                        </div>
                      <?php endif;?>
                    <?php endif;?>
                    <!-- <div class="pagebreak"></div> -->
                    <figure id="spread-<?= $counter ?>-right" class="spread__right">
                      <div class="spread-content">
                        <img src="<?= $spread->url() ?>">
                      </div>
                    </figure>
                    <?php if($portfolioEl->position() == "topright" || $portfolioEl->position() == "bottomright" || $portfolioEl->position() == "center"):?>
                      <?php if($image = $portfolioEl->imageontop()->toFile()):?>
                        <div class="image__top <?= $portfolioEl->position()?>" style="width: <?= $portfolioEl->largeur() ?>cm">
                            <img src="<?= $image->url() ?>">
                        </div>
                      <?php endif;?>
                    <?php endif;?>
                  </div>
                </div>
                <div class="pagebreak"></div>
              <?php endif;?>
        
            <?php endforeach ?>
          <?php endif;?>
      </div>

    </section>
    <?php endforeach;?>

  </template>
  <?php snippet('footer');?>