home > slideshow : enable

site/templates/home.php

@@ -1,12 +1,23 @@
 <?php snippet('header') ?>
 
 <div id="home-slideshow">
-    <?php foreach ($site->images() as $image): ?>
-        <img src="<?= $image->url() ?>">
-    <?php endforeach; ?>
+    <?php foreach ($site->files()->sortBy('sort') as $file): ?>
+        <?php if ($file->type() === 'video'): ?>
+        <video autoplay muted loop playsinline data-id="<?= $file->uuid() ?>">
+            <source src="<?= $file->url() ?>" type="<?= $file->mime() ?>">
+        </video>
+        <?php else: ?>
+        <?php snippet('picture', [
+            'file'       => $file,
+            'srcsetName' => 'home-slideshow',
+            'sizes'      => '100vw',
+            'lazy'       => false,
+        ]) ?>
+        <?php endif ?>
+    <?php endforeach ?>
     <button class="prev"></button>
     <button class="next"></button>
-<div>
+</div>
 
-
-<?php snippet('footer') ?>
+<script src="/assets/js/home-slideshow.js"></script>
+<?php snippet('footer') ?>