home > slideshow : skip desktop-only slides on mobile (< 1000px)

Closes #8

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2026-06-05 18:40:03 +02:00
parent 73fb7d2fd5
commit 4490e11794
4 changed files with 39 additions and 13 deletions

View file

@ -1,3 +1,9 @@
title: Slideshow files
accept:
extension: jpg, png, webp, svg, gif, avif, mp4, mov, avi, wmv, flv, 3gp, webm
fields:
isHiddenOnMobile:
label: Masquer sur mobile
type: toggle
width: 1/6

View file

@ -18,7 +18,7 @@ return function($site) {
$units[] = ['pair' => true, 'a' => $file, 'b' => $nextFile];
$i += 2;
} else {
$units[] = ['pair' => false, 'file' => $file];
$units[] = ['pair' => false, 'file' => $file, 'isHiddenOnMobile' => (bool) $file->isHiddenOnMobile()->isTrue()];
$i++;
}
}

View file

@ -15,7 +15,7 @@
</video>
</div>
<?php else: ?>
<div class="slide">
<div class="slide<?= e($slide['isHiddenOnMobile'], ' desktop-only') ?>">
<?php snippet('picture', ['file' => $slide['file'], 'srcsetName' => 'home-slideshow', 'sizes' => '100vw', 'lazy' => false]) ?>
</div>
<?php endif ?>