studio-variable/hic-et-nunc
5
0
Fork 0
Code Issues 3 Pull requests Projects Releases Packages Wiki Activity Actions

home > slideshow : working
All checks were successful
Deploy / Deploy to Production (push) Successful in 2s
Details

Browse source
This commit is contained in:
isUnknown 2026-05-26 14:00:45 +02:00
parent 13040a9df3
commit 47e30e8d61
8 changed files with 118 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

20
assets/css/src/_home.scss
View file

@ -5,7 +5,7 @@
width: 100%;
height: 100%;
picture, video {
.slide {
display: none;
width: 100%;
height: 100%;
@ -13,9 +13,25 @@
&.active {
display: block;
}
&.portrait-pair.active {
display: flex;
}
> picture,
> video {
width: 100%;
height: 100%;
}
&.portrait-pair > picture {
width: 50%;
height: 100%;
}
}
img, video {
img,
video {
width: 100%;
height: 100%;
object-fit: cover;

4
assets/css/src/_main.scss
View file

@ -171,10 +171,6 @@ button.next {
vertical-align: bottom;
}
.project-slideshow img:not(.active) {
display: none;
}
/* PROJECT TOGGLE */
.fix {

96
assets/css/style.css
View file

@ -164,10 +164,6 @@ button.next {
vertical-align: bottom;
}
.project-slideshow img:not(.active) {
display: none;
}
/* PROJECT TOGGLE */
.fix {
width: 100%;
@ -292,46 +288,6 @@ button.next {
display: block;
}
/* HOME SLIDESHOW */
#home-slideshow {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#home-slideshow img {
display: none;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#home-slideshow img:first-child {
display: block;
}
/* HOME */
.main-infos {
width: calc(0.75 * var(--index-width));
position: relative;
float: left;
}
.skills {
width: calc(0.5 * var(--index-width));
position: relative;
float: left;
}
.clients {
width: calc(0.5 * var(--index-width));
position: relative;
float: left;
}
/* INFOS */
[data-template=infos] div {
padding-right: var(--body-margin);
@ -476,6 +432,58 @@ nav.main-menu:hover {
color: var(--text-color);
}
#home-slideshow {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#home-slideshow .slide {
display: none;
width: 100%;
height: 100%;
}
#home-slideshow .slide.active {
display: block;
}
#home-slideshow .slide.portrait-pair.active {
display: flex;
}
#home-slideshow .slide > picture,
#home-slideshow .slide > video {
width: 100%;
height: 100%;
}
#home-slideshow .slide.portrait-pair > picture {
width: 50%;
height: 100%;
}
#home-slideshow img,
#home-slideshow video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#home-slideshow .main-infos {
width: calc(0.75 * var(--index-width));
position: relative;
float: left;
}
.skills {
width: calc(0.5 * var(--index-width));
position: relative;
float: left;
}
.clients {
width: calc(0.5 * var(--index-width));
position: relative;
float: left;
}
@media screen and (max-width: 1000px) {
body {
background-color: red;

2
assets/css/style.css.map
View file

@ -1 +1 @@
{"version":3,"sources":["src/_main.scss","src/_reset.scss","style.css","src/_nav.scss","src/_mobile.scss"],"names":[],"mappings":"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","file":"style.css"}
{"version":3,"sources":["src/_main.scss","src/_reset.scss","style.css","src/_nav.scss","src/_home.scss","src/_mobile.scss"],"names":[],"mappings":"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","file":"style.css"}

2
assets/js/home-slideshow.js
View file

@ -1,7 +1,7 @@
const slideshow = document.getElementById('home-slideshow');
if (slideshow) {
const items = [...slideshow.querySelectorAll('picture, video')];
const items = [...slideshow.querySelectorAll('.slide')];
const prev = slideshow.querySelector('.prev');
const next = slideshow.querySelector('.next');
let current = 0;

3
memory/MEMORY.md Normal file
View file

@ -0,0 +1,3 @@
# Memory Index
- [SCSS compile](feedback_scss_compile.md) — ne pas compiler le SCSS, l'utilisateur s'en occupe

12
memory/feedback_scss_compile.md Normal file
View file

@ -0,0 +1,12 @@
---
name: feedback-scss-compile
description: User compiles SCSS themselves — do not run sass compiler
metadata:
type: feedback
---
Ne pas compiler le SCSS. L'utilisateur s'en occupe lui-même.
**Why:** Workflow personnel, pas de npm/build tool dans le projet.
**How to apply:** Modifier uniquement les fichiers `.scss` source (dans `assets/css/src/`), jamais toucher `style.css` ni `style.css.map`. Ne pas proposer ou exécuter de commande de compilation.

42
site/templates/home.php
View file

@ -1,20 +1,40 @@
<?php snippet('header') ?>
<div id="home-slideshow">
<?php foreach ($site->files()->sortBy('sort') as $file): ?>
<?php if ($file->type() === 'video'): ?>
<?php
$files = array_values($site->files()->sortBy('sort')->data());
$count = count($files);
$i = 0;
while ($i < $count):
$file = $files[$i];
$nextFile = $files[$i + 1] ?? null;
$isPortrait = $file->type() === 'image' && $file->orientation() === 'portrait';
$nextIsPortrait = $nextFile && $nextFile->type() === 'image' && $nextFile->orientation() === 'portrait';
?>
<?php if ($isPortrait && $nextIsPortrait): ?>
<div class="slide portrait-pair">
<?php snippet('picture', ['file' => $file, 'srcsetName' => 'home-slideshow', 'sizes' => '50vw', 'lazy' => false]) ?>
<?php snippet('picture', ['file' => $nextFile, 'srcsetName' => 'home-slideshow', 'sizes' => '50vw', 'lazy' => false]) ?>
</div>
<?php $i += 2 ?>
<?php elseif ($file->type() === 'video'): ?>
<div class="slide">
<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 ?>
</div>
<?php $i++ ?>
<?php else: ?>
<div class="slide">
<?php snippet('picture', ['file' => $file, 'srcsetName' => 'home-slideshow', 'sizes' => '100vw', 'lazy' => false]) ?>
</div>
<?php $i++ ?>
<?php endif ?>
<?php endwhile ?>
<button class="prev"></button>
<button class="next"></button>
</div>