footer : remove nav links and add logo
All checks were successful
Deploy / Deploy to Production (push) Successful in 6s
All checks were successful
Deploy / Deploy to Production (push) Successful in 6s
This commit is contained in:
parent
42fcba1324
commit
3f9a471203
9 changed files with 15 additions and 26 deletions
|
|
@ -7,7 +7,7 @@
|
|||
box-sizing: border-box;
|
||||
background-color: var(--color-green);
|
||||
padding: 3rem var(--space-body);
|
||||
padding-top: 10rem;
|
||||
padding-top: 8rem;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
|
||||
.logo {
|
||||
font-family: var(--font-sans-serif);
|
||||
font-size: var(--font-size-L);
|
||||
font-size: var(--font-size-XL);
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
line-height: 0.85;
|
||||
|
|
|
|||
|
|
@ -40,5 +40,5 @@ summary {
|
|||
}
|
||||
|
||||
main {
|
||||
margin-bottom: 20rem;
|
||||
margin-bottom: 25rem;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,9 @@
|
|||
.gallery {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: calc(100vh - 9.75rem);
|
||||
height: calc(100vh - 7.3rem);
|
||||
overflow: hidden;
|
||||
background-color: #000;
|
||||
|
||||
.slides {
|
||||
.slide {
|
||||
|
|
|
|||
|
|
@ -1,10 +1,7 @@
|
|||
[data-template="event"] {
|
||||
main {
|
||||
.gallery {
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin-top: 4rem;
|
||||
font-size: var(--font-size-XL);
|
||||
text-align: center;
|
||||
line-height: var(--line-height-XL);
|
||||
|
|
|
|||
|
|
@ -161,7 +161,7 @@ summary {
|
|||
}
|
||||
|
||||
main {
|
||||
margin-bottom: 20rem;
|
||||
margin-bottom: 25rem;
|
||||
}
|
||||
|
||||
.label-tab {
|
||||
|
|
@ -506,10 +506,8 @@ main {
|
|||
font-family: var(--font-serif);
|
||||
}
|
||||
|
||||
[data-template=event] main .gallery {
|
||||
background-color: #000;
|
||||
}
|
||||
[data-template=event] main h1 {
|
||||
margin-top: 4rem;
|
||||
font-size: var(--font-size-XL);
|
||||
text-align: center;
|
||||
line-height: var(--line-height-XL);
|
||||
|
|
@ -708,8 +706,9 @@ main {
|
|||
.gallery {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: calc(100vh - 9.75rem);
|
||||
height: calc(100vh - 7.3rem);
|
||||
overflow: hidden;
|
||||
background-color: #000;
|
||||
}
|
||||
.gallery .slides .slide {
|
||||
width: 100vw;
|
||||
|
|
@ -763,7 +762,7 @@ main {
|
|||
box-sizing: border-box;
|
||||
background-color: var(--color-green);
|
||||
padding: 3rem var(--space-body);
|
||||
padding-top: 10rem;
|
||||
padding-top: 8rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
|
@ -771,7 +770,7 @@ main {
|
|||
}
|
||||
.main-footer .logo {
|
||||
font-family: var(--font-sans-serif);
|
||||
font-size: var(--font-size-L);
|
||||
font-size: var(--font-size-XL);
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
line-height: 0.85;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -54,7 +54,7 @@ document.addEventListener("DOMContentLoaded", () => {
|
|||
|
||||
initCharacterJump();
|
||||
if (svg) initPupilTracking(svg);
|
||||
initCharactersResizeOnScroll();
|
||||
if (document.body.dataset.template !== "event") initCharactersResizeOnScroll();
|
||||
initEventFilters();
|
||||
initRollOutfit();
|
||||
const gallery = new Slideshow(".gallery");
|
||||
|
|
|
|||
|
|
@ -1,14 +1,6 @@
|
|||
</main>
|
||||
<footer class="main-footer">
|
||||
<p class="logo">Lesort<br>Hecq</p>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="<?= page('compagnie')->url() ?>"><?= page('compagnie')->title() ?></a></li>
|
||||
<li><a href="<?= page('spectacles')->url() ?>"><?= page('spectacles')->title() ?></a></li>
|
||||
<li><a href="<?= page('agenda')->url() ?>"><?= page('agenda')->title() ?></a></li>
|
||||
<li><a href="<?= page('contact')->url() ?>"><?= page('contact')->title() ?></a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<p class="legal">© compagnie Lesort Hecq — <a href="#">mentions légales</a></p>
|
||||
</footer>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@
|
|||
<li>
|
||||
<a href="<?= page('spectacles')->url() ?>"><?= page('spectacles')->title() ?></a>
|
||||
</li>
|
||||
<li class="characters" style="--char-size: 191px">
|
||||
<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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue