studio-variable/hecq-et-lesort
5
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages Wiki Activity Actions

events : image optimization (aspect-ratio and lazy loading)
All checks were successful
Deploy / Deploy to Production (push) Successful in 6s
Details

Browse source
This commit is contained in:
isUnknown 2026-06-24 08:35:27 +02:00
parent 9604731f8e
commit 37a390c723
4 changed files with 8 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

1
assets/css/src/pages/_events.scss
View file

@ -65,6 +65,7 @@
position: relative;
overflow: hidden;
margin-top: 1rem;
aspect-ratio: 3 / 2;
.playing-now {
position: absolute;
display: flex;

1
assets/css/style.css
View file

@ -518,6 +518,7 @@ main {
position: relative;
overflow: hidden;
margin-top: 1rem;
aspect-ratio: 3/2;
}
[data-template=events] main .events-grid .event-card .cover-wrapper .playing-now {
position: absolute;

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

File diff suppressed because one or more lines are too long

6
site/templates/events.php
View file

@ -8,7 +8,11 @@
</div>
<ul class="events-grid">
<?php foreach ($page->children() as $event): ?>
<li class="event-card" data-company="<?= $event->isFromCompany() ?>">
<li
class="event-card"
data-company="<?= $event->isFromCompany() ?>"
<?= e($event->indexOf($page->children()) > 6, ' loading="lazy"') ?>
>
<a href="<?= $event->url() ?>">
<h2><?= $event->title() ?></h2>
<div class="cover-wrapper">