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

Design page events
All checks were successful
Deploy / Deploy to Production (push) Successful in 5m10s
Details

Browse source
This commit is contained in:
camille 2026-06-23 09:40:31 +02:00
parent 96652e1170
commit ac04d64460
5 changed files with 36 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

5
assets/css/src/_generic.scss
View file

@ -9,9 +9,8 @@
}
.bottom-tab--invert {
background-color: var(--color-beige);
color: #000;
border: var(--border);
background-color: #000;
color: #fff;
}
.bottom-tab:not(.bottom-tab--invert) {

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

@ -27,7 +27,7 @@ button {
img {
display: block;
border-radius: 1rem;
border-radius: var(--border-radius);
}
picture {

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

@ -11,6 +11,14 @@
font-size: var(--font-size-L);
font-family: var(--font-serif);
.logo-menu{
font-family: var(--font-sans-serif);
font-weight: 700;
line-height: 0.8em;
text-transform: uppercase;
display: none;
}
&.small {
.characters {
margin-top: -6.3em;

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

@ -1,20 +1,21 @@
[data-template="events"] {
main {
.events-grid {
box-sizing: border-box;
padding: 0 var(--space-body);
padding-top: 9rem;
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
align-items: flex-end;
gap: 3rem;
box-sizing: border-box;
padding: 0 2rem;
padding-top: 9rem;
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
align-items: flex-end;
gap: 2rem;
.event-card {
h2 {
box-sizing: border-box;
width: 100%;
padding: 0 6rem;
padding: 0 2rem;
text-align: center;
font-family: "SancySlab", serif;
font-size: 3rem;
@ -30,15 +31,20 @@
margin-top: 1rem;
.playing-now {
position: absolute;
top: 2.5rem;
left: -2.6rem;
transform: rotate(-45deg);
width: 12rem;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--color-beige);
top: 0;
left: 0;
right: 0;
width: auto;
text-align: center;
background-color: black;
color: white;
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
p {
width: max-content;

4
site/snippets/header.php
View file

@ -17,6 +17,10 @@
</div>
<nav>
<ul>
<li class="logo-menu">
Lesort<br>
Hecq
</li>
<?php foreach ($site->children()->listed() as $navItem): ?>
<li><a href="<?= $navItem->url() ?>"><?= $navItem->title() ?></a></li>
<?php endforeach ?>