40 lines
1.6 KiB
PHP
40 lines
1.6 KiB
PHP
<?php snippet('header') ?>
|
|
|
|
<?php snippet('mobile-menu') ?>
|
|
|
|
<div id="home-slideshow">
|
|
|
|
<button class="prev"></button>
|
|
<button class="next"></button>
|
|
|
|
<?php foreach ($slides as $slide): ?>
|
|
<?php if ($slide['pair']): ?>
|
|
<div class="slide portrait-pair desktop-only">
|
|
<?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>
|
|
<div class="slide mobile-only">
|
|
<?php snippet('picture', ['file' => $slide['a'], 'srcsetName' => 'home-slideshow', 'sizes' => '100vw', 'lazy' => false]) ?>
|
|
</div>
|
|
<div class="slide mobile-only">
|
|
<?php snippet('picture', ['file' => $slide['b'], 'srcsetName' => 'home-slideshow', 'sizes' => '100vw', '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 ?>
|
|
|
|
</div>
|
|
|
|
|
|
<script src="/assets/js/home-slideshow.js"></script>
|
|
<script src="/assets/js/mobile-menu-toggle.js"></script>
|
|
<?php snippet('footer') ?>
|