studio-variable/nouveau-theatre-de-besancon
5
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

home hero - implement hero link

Browse source
This commit is contained in:
isUnknown 2024-09-03 17:06:25 +02:00
parent bfcb25cf09
commit 1c8e47d810
2 changed files with 17 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

14
assets/css/src/hero.css
View file

@ -5,6 +5,10 @@
column-gap: calc(var(--space-m) / 1.5); column-gap: calc(var(--space-m) / 1.5);
} }
.hero__text {
position: relative;
}
.hero__text h2 { .hero__text h2 {
font-size: var(--font-size-xl); font-size: var(--font-size-xl);
width: 100%; width: 100%;
@ -26,3 +30,13 @@
.hero__text p:first-of-type { .hero__text p:first-of-type {
margin-top: var(--padding-vertical); margin-top: var(--padding-vertical);
} }
.hero__link {
position: absolute;
bottom: 0;
font-weight: bold;
}
.hero__link::before {
content: "→";
margin-right: 1rem;
}

3
site/templates/home.php
View file

@ -3,6 +3,9 @@
<section class="hero"> <section class="hero">
<div class="hero__text"> <div class="hero__text">
<?= $site->heroText()->toBlocks() ?> <?= $site->heroText()->toBlocks() ?>
<?php if ($site->heroLinkUrl()->isNotEmpty() == 'true'): ?>
<a class="hero__link h3" href="<?= $site->heroLinkUrl()->toUrl() ?>"><?php e($site->heroLinkText()->isNotEmpty() == 'true', $site->heroLinkText(), $site->heroLinkUrl()->toUrl()) ?></a>
<?php endif ?>
</div> </div>
<div class="hero__image"> <div class="hero__image">
<?php snippet('picture', ['file' => $site->heroImage()->toFile()]) ?> <?php snippet('picture', ['file' => $site->heroImage()->toFile()]) ?>