hic-et-nunc/site/templates/home.php

<?php snippet('header') ?>

<?php snippet('mobile-menu') ?>

<div id="home-slideshow">

    <?php foreach ($slides as $slide): ?>
    <?php if ($slide['pair']): ?>
    <div class="slide portrait-pair">
        <?php snippet('picture', ['file' => $slide['a'], 'srcsetName' => 'home-slideshow', 'sizes' => '50vw', 'lazy' => false]) ?>
        <?php snippet('picture', ['file' => $slide['b'], 'srcsetName' => 'home-slideshow', 'sizes' => '50vw', 'lazy' => false]) ?>
    </div>
    <?php elseif ($slide['file']->type() === 'video'): ?>
    <div class="slide">
        <video autoplay muted loop playsinline data-id="<?= $slide['file']->uuid() ?>">
            <source src="<?= $slide['file']->url() ?>" type="<?= $slide['file']->mime() ?>">
        </video>
    </div>
    <?php else: ?>
    <div class="slide<?= e($slide['isHiddenOnMobile'], ' desktop-only') ?>">
        <?php snippet('picture', ['file' => $slide['file'], 'srcsetName' => 'home-slideshow', 'sizes' => '100vw', 'lazy' => false]) ?>
    </div>
    <?php endif ?>
    <?php endforeach ?>

    <button class="prev"></button>
    <button class="next"></button>
</div>

<script src="/assets/js/home-slideshow.js"></script>
<?php snippet('footer') ?>