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

style : améliorations globales, filtres conditionnels, logo lien

Browse source 
Logo wrappé dans un lien home. Filtres affichés uniquement sur events.
Background beige remontée en global. Casse des labels en minuscules.
z-index header, ajustements margin et padding.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2026-05-28 10:30:23 +02:00
parent 179d60f0bd
commit eebdd197f6
6 changed files with 29 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

3
assets/css/src/_global.scss
View file

@ -10,7 +10,8 @@ button {
}
main {
margin-top: 29rem;
margin-top: 31rem;
background-color: var(--color-beige);
}
img {

2
assets/css/src/_header.scss
View file

@ -5,7 +5,7 @@
width: 100%;
background-color: var(--color-green);
text-align: center;
z-index: 1;
z-index: 2;
.top {
display: flex;

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

@ -2,13 +2,12 @@
.events-grid {
box-sizing: border-box;
padding: 0 var(--space-body);
padding-top: 11rem;
padding-top: 9rem;
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
align-items: flex-end;
gap: 3rem;
background-color: var(--color-beige);
.event-card {
h2 {

10
site/blueprints/pages/event.yml
View file

@ -47,6 +47,16 @@ tabs:
image:
back: #000000
width: 2/3
help
empty:
type: gap
width: 1/3
externalTeaser:
label: Teaser externe
type: url
placeholder: Lien Youtube ou Vimeo
help: Les vidéos autohébergées peuvent être ajoutées directement à la galerie ci-dessus ↑
width: 2/3
credits:
icon: users

20
site/snippets/header.php
View file

@ -8,10 +8,12 @@
</div>
<button class="toggle-nav">menu</button>
</div>
<h1 class="logo" style="--logo-offset: 0px">
Lesort<br>
Hecq
</h1>
<a href="<?= $site->url() ?>">
<h1 class="logo" style="--logo-offset: 0px">
Lesort<br>
Hecq
</h1>
</a>
<div class="characters" style="--offset: 9.5rem; --scale: 1">
<?= svg('assets/images/characters/characters.svg') ?>
</div>
@ -27,9 +29,11 @@
</nav>
</div>
<div class="filters">
<button class="filter bottom-tab bottom-tab--invert" data-target="inside-company" title="filtrer">compagnie</button>
<button class="filter bottom-tab bottom-tab--invert" data-target="outside-company" title="filtrer">hors-compagnie</button>
</div>
<?php if ($page->intendedTemplate() == 'events'): ?>
<div class="filters">
<button class="filter bottom-tab bottom-tab--invert" data-target="inside-company" title="filtrer">compagnie</button>
<button class="filter bottom-tab bottom-tab--invert" data-target="outside-company" title="filtrer">hors compagnie</button>
</div>
<?php endif ?>
</header>
<main>

6
site/templates/events.php
View file

@ -8,7 +8,7 @@
<h2><?= $event->title() ?></h2>
<div class="cover-wrapper">
<?php if ($event->isLive()): ?>
<div class="playing-now"><p>En ce moment</p></div>
<div class="playing-now"><p>en ce moment</p></div>
<?php endif ?>
<?php snippet('picture', [
'file' => $event->cover()->toFile(),
@ -19,9 +19,9 @@
</div>
<div class="infos bottom-tab">
<?php if ($event->isFromCompany()->isTrue()): ?>
<p>Compagnie</p>
<p>compagnie</p>
<?php else: ?>
<p>Hors compagnie</p>
<p>hors compagnie</p>
<?php endif ?>
</div>
</a>