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

picture - bg color before loading = event color or season color

Browse source
This commit is contained in:
isUnknown 2024-09-17 15:49:48 +02:00
parent c49aca969e
commit cb65669ccc
6 changed files with 7 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
assets/css/src/vanilla.css
View file

@ -12,7 +12,7 @@ section:not(:last-child, .collapsable, .collapsable-sections) {
}
picture {
background-color: var(--color-season);
background-color: var(--color);
display: flex !important;
justify-content: center !important;
align-items: center !important;

2
assets/js/script.js
View file

@ -13,6 +13,8 @@ document.addEventListener("DOMContentLoaded", () => {
images: document.querySelectorAll("img"),
};
console.log(nodes.images);
// Listeners
nodes.burgerBtn.addEventListener("click", () => expandNav(nodes));
nodes.closeNavBtn.addEventListener("click", () => closeNav(nodes));

2
site/snippets/event-card.php
View file

@ -1,6 +1,6 @@
<div class="event-card grid__item" style="--span: <?= $span ?>">
<a class="event-card__link" href="<?= $event->url() ?>"></a>
<div class="image-wrapper">
<div class="image-wrapper" style="--color: <?= $event->color()->isNotEmpty() ? $event->color() : 'var(--color-season)' ?>">
<?php if ($event->gallery()->toFiles()->count() > 1): ?>
<?php snippet('picture', [
'file' => $event->gallery()->toFiles()->first(),

2
site/snippets/events-grid.php
View file

@ -14,7 +14,7 @@
$span = 3;
}
}
snippet('event-card', ["event" => $event, "span" => $span])
snippet('event-card', ["event" => $event, "span" => $span, "color" => $event->color()->isNotEmpty() == 'true' ? $event->color() : null])
?>
<?php endforeach ?>
</div>

2
site/templates/event.php
View file

@ -9,7 +9,7 @@
</section>
<section class="presentation">
<div id="swiper" style="--span: 8;">
<div id="swiper" style="--span: 8; --color: <?= $page->color()->isNotEmpty() ? $page->color() : 'var(--color-season)' ?>">
<div class="swiper-wrapper">
<?php foreach($page->gallery()->toFiles() as $slide): ?>
<div class="swiper-slide">

2
site/templates/home.php
View file

@ -6,7 +6,7 @@
<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 class="hero__image">
<div class="hero__image" style="--color: var(--color-season)">
<?php if ($site->heroLinkUrl()->isNotEmpty() == 'true'): ?>
<a href="<?= $site->heroLinkUrl()->toUrl() ?>" title="en savoir plus">
<?php snippet('picture', ['file' => $site->heroImage()->toFile()]) ?>