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; z-index: 0;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
background-color: var(--color-green);
padding: 3rem var(--space-body); padding: 3rem var(--space-body);
padding-top: 8rem; padding-top: 8rem;

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

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

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

@ -2,15 +2,21 @@
position: sticky; position: sticky;
top: 0; top: 0;
width: 100%; width: 100%;
text-align: center;
box-sizing: border-box; box-sizing: border-box;
z-index: 4; 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-family: var(--font-sans-serif);
font-size: var(--font-size-L); font-size: var(--font-size-L);
font-weight: 900; font-weight: 900;
text-align: center;
.logo-menu { .logo-menu {
font-family: var(--font-sans-serif); font-family: var(--font-sans-serif);
@ -58,21 +64,6 @@
transform: translateY(var(--logo-offset)); 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 { &.menu-transitioning {
.logo { .logo {
transition: transform 0.5s var(--curve); transition: transform 0.5s var(--curve);

22
assets/css/style.css
View file

@ -167,7 +167,7 @@ html::-webkit-scrollbar-thumb {
body { body {
font-family: var(--font-serif); font-family: var(--font-serif);
background-color: var(--color-beige); background-color: var(--color-green);
} }
button { button {
@ -224,12 +224,18 @@ main {
position: sticky; position: sticky;
top: 0; top: 0;
width: 100%; width: 100%;
text-align: center;
box-sizing: border-box; box-sizing: border-box;
z-index: 4; 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-family: var(--font-sans-serif);
font-size: var(--font-size-L); font-size: var(--font-size-L);
font-weight: 900; font-weight: 900;
text-align: center;
} }
.main-header .logo-menu { .main-header .logo-menu {
font-family: var(--font-sans-serif); font-family: var(--font-sans-serif);
@ -274,17 +280,6 @@ main {
z-index: -1; z-index: -1;
transform: translateY(var(--logo-offset)); 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 { .main-header.menu-transitioning .logo {
transition: transform 0.5s var(--curve); transition: transform 0.5s var(--curve);
} }
@ -824,7 +819,6 @@ main {
z-index: 0; z-index: 0;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
background-color: var(--color-green);
padding: 3rem var(--space-body); padding: 3rem var(--space-body);
padding-top: 8rem; padding-top: 8rem;
display: flex; 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() ?>"> <body data-template="<?= $page->intendedTemplate() ?>">
<header class="main-header <?= $page->intendedTemplate() == 'event' ? 'small' : '' ?>"> <header class="main-header <?= $page->intendedTemplate() == 'event' ? 'small' : '' ?>">
<div class="card"> <a href="<?= $site->url() ?>" title="accueil">
<a href="<?= $site->url() ?>" title="accueil"> <h1 class="logo" style="--logo-offset: 0px">
<h1 class="logo" style="--logo-offset: 0px"> Lesort<br>
Lesort<br> Hecq
Hecq </h1>
</h1> </a>
</a> <nav>
<nav> <ul>
<ul> <li>
<li> <a href="<?= page('agenda')->url() ?>"><?= page('agenda')->title() ?></a>
<a href="<?= page('agenda')->url() ?>"><?= page('agenda')->title() ?></a> </li>
</li> <li>
<li> <a href="<?= page('spectacles')->url() ?>"><?= page('spectacles')->title() ?></a>
<a href="<?= page('spectacles')->url() ?>"><?= page('spectacles')->title() ?></a> </li>
</li> <li class="characters" style="--char-size: <?= $page->intendedTemplate() == 'event' ? '110' : '191' ?>px">
<li class="characters" style="--char-size: <?= $page->intendedTemplate() == 'event' ? '110' : '191' ?>px"> <a href="<?= $site->url() ?>">
<a href="<?= $site->url() ?>"> <?= svg('assets/images/characters/characters-no-outfit.svg') ?>
<?= svg('assets/images/characters/characters-no-outfit.svg') ?> </a>
</a> </li>
</li> <li>
<li> <a href="<?= page('compagnie')->url() ?>"><?= page('compagnie')->title() ?></a>
<a href="<?= page('compagnie')->url() ?>"><?= page('compagnie')->title() ?></a> </li>
</li> <li>
<li> <a href="<?= page('infos')->url() ?>"><?= page('infos')->title() ?></a>
<a href="<?= page('infos')->url() ?>"><?= page('infos')->title() ?></a> </li>
</li> </ul>
</ul> </nav>
</nav>
</div>
</header> </header>
<main> <main>