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

header : remove useless card node

Browse source
This commit is contained in:
isUnknown 2026-06-24 08:38:51 +02:00
parent 37a390c723
commit 08182c46a2
6 changed files with 46 additions and 64 deletions
Download patch file Download diff file Expand all files Collapse all files

1
assets/css/src/_footer.scss
View file

@ -5,7 +5,6 @@
z-index: 0;
width: 100%;
box-sizing: border-box;
background-color: var(--color-green);
padding: 3rem var(--space-body);
padding-top: 8rem;

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

@ -19,7 +19,7 @@ html {
body {
font-family: var(--font-serif);
background-color: var(--color-beige);
background-color: var(--color-green);
}
button {

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

@ -2,15 +2,21 @@
position: sticky;
top: 0;
width: 100%;
text-align: center;
box-sizing: border-box;
z-index: 4;
background-color: var(--color-beige);
padding: 0 2rem;
border-right: var(--border);
border-left: var(--border);
border-bottom: var(--border);
border-radius: 0 0 var(--radius) var(--radius);
font-family: var(--font-sans-serif);
font-size: var(--font-size-L);
font-weight: 900;
text-align: center;
.logo-menu {
font-family: var(--font-sans-serif);
@ -58,21 +64,6 @@
transform: translateY(var(--logo-offset));
}
.card {
background-color: var(--color-beige);
position: relative;
inset: 0;
z-index: 1;
padding: 0 2rem;
border-right: var(--border);
border-left: var(--border);
border-bottom: var(--border);
border-radius: 0 0 var(--radius) var(--radius);
}
&.menu-transitioning {
.logo {
transition: transform 0.5s var(--curve);

22
assets/css/style.css
View file

@ -167,7 +167,7 @@ html::-webkit-scrollbar-thumb {
body {
font-family: var(--font-serif);
background-color: var(--color-beige);
background-color: var(--color-green);
}
button {
@ -224,12 +224,18 @@ main {
position: sticky;
top: 0;
width: 100%;
text-align: center;
box-sizing: border-box;
z-index: 4;
background-color: var(--color-beige);
padding: 0 2rem;
border-right: var(--border);
border-left: var(--border);
border-bottom: var(--border);
border-radius: 0 0 var(--radius) var(--radius);
font-family: var(--font-sans-serif);
font-size: var(--font-size-L);
font-weight: 900;
text-align: center;
}
.main-header .logo-menu {
font-family: var(--font-sans-serif);
@ -274,17 +280,6 @@ main {
z-index: -1;
transform: translateY(var(--logo-offset));
}
.main-header .card {
background-color: var(--color-beige);
position: relative;
inset: 0;
z-index: 1;
padding: 0 2rem;
border-right: var(--border);
border-left: var(--border);
border-bottom: var(--border);
border-radius: 0 0 var(--radius) var(--radius);
}
.main-header.menu-transitioning .logo {
transition: transform 0.5s var(--curve);
}
@ -824,7 +819,6 @@ main {
z-index: 0;
width: 100%;
box-sizing: border-box;
background-color: var(--color-green);
padding: 3rem var(--space-body);
padding-top: 8rem;
display: flex;

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

File diff suppressed because one or more lines are too long

56
site/snippets/header.php
View file

@ -1,33 +1,31 @@
<body data-template="<?= $page->intendedTemplate() ?>">
<header class="main-header <?= $page->intendedTemplate() == 'event' ? 'small' : '' ?>">
<div class="card">
<a href="<?= $site->url() ?>" title="accueil">
<h1 class="logo" style="--logo-offset: 0px">
Lesort<br>
Hecq
</h1>
</a>
<nav>
<ul>
<li>
<a href="<?= page('agenda')->url() ?>"><?= page('agenda')->title() ?></a>
</li>
<li>
<a href="<?= page('spectacles')->url() ?>"><?= page('spectacles')->title() ?></a>
</li>
<li class="characters" style="--char-size: <?= $page->intendedTemplate() == 'event' ? '110' : '191' ?>px">
<a href="<?= $site->url() ?>">
<?= svg('assets/images/characters/characters-no-outfit.svg') ?>
</a>
</li>
<li>
<a href="<?= page('compagnie')->url() ?>"><?= page('compagnie')->title() ?></a>
</li>
<li>
<a href="<?= page('infos')->url() ?>"><?= page('infos')->title() ?></a>
</li>
</ul>
</nav>
</div>
<a href="<?= $site->url() ?>" title="accueil">
<h1 class="logo" style="--logo-offset: 0px">
Lesort<br>
Hecq
</h1>
</a>
<nav>
<ul>
<li>
<a href="<?= page('agenda')->url() ?>"><?= page('agenda')->title() ?></a>
</li>
<li>
<a href="<?= page('spectacles')->url() ?>"><?= page('spectacles')->title() ?></a>
</li>
<li class="characters" style="--char-size: <?= $page->intendedTemplate() == 'event' ? '110' : '191' ?>px">
<a href="<?= $site->url() ?>">
<?= svg('assets/images/characters/characters-no-outfit.svg') ?>
</a>
</li>
<li>
<a href="<?= page('compagnie')->url() ?>"><?= page('compagnie')->title() ?></a>
</li>
<li>
<a href="<?= page('infos')->url() ?>"><?= page('infos')->title() ?></a>
</li>
</ul>
</nav>
</header>
<main>