etoiledebethleem/website
3
1
Fork 0
Code Issues 6 Pull requests Projects 1 Releases Packages Activity Actions

feat(carousel): javascript addon to manage slides navigation

Browse source
This commit is contained in:
Matthieu Bessat 2024-01-10 14:07:36 +01:00
parent 98a1177232
commit 7c6a26126f
2 changed files with 61 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

11
layouts/index.html
View file

@ -2,7 +2,7 @@
<div class="cover__container">
<div class="cover__back" style="background-image: url('https://share.lefuturiste.fr/u/2478737d-7e5e-42cd-8764-d0136ef83546/cover_v2_01.jpg')">
<video playsinline autoplay muted loop>
<source src="https://static.etoiledebethleem.fr/videos/cover_trailer.webm" type="video/webm">
<source src="https://static.etoiledebethleem.fr/videos/teaser_v5.mp4" type="video/webm">
</video>
</div>
<div class="cover__overlay">
@ -45,7 +45,7 @@
<!-- Bourbon chateau, une crypte particulière, Les chartreux, Mignot et Villain -->
<li id="history__slide0" tabindex="0" class="carousel__slide">
<li id="history__slide0" tabindex="0" class="carousel__slide" data-slide-index="0">
<div class="slide-content history-component__container">
<div class="page-container slide-inner history-component__content">
<div class="layout-grid-image third">
@ -77,7 +77,7 @@
</div>
</li>
<li id="history__slide1" tabindex="0" class="carousel__slide">
<li id="history__slide1" tabindex="0" class="carousel__slide" data-slide-index="1">
<div class="slide-content history-component__container">
<div class="page-container slide-inner history-component__content">
<div>
@ -120,7 +120,7 @@
</div>
</li>
<li id="history__slide2" tabindex="0" class="carousel__slide">
<li id="history__slide2" tabindex="0" class="carousel__slide" data-slide-index="2">
<div class="slide-content history-component__container">
<div class="page-container slide-inner history-component__content">
<div class="layout-grid-image half">
@ -155,7 +155,7 @@
</li>
<li id="history__slide3" tabindex="0" class="carousel__slide">
<li id="history__slide3" tabindex="0" class="carousel__slide" data-slide-index="3">
<div class="slide-content history-component__container">
<div class="page-container slide-inner history-component__content">
<div class="layout-grid-image half">
@ -469,5 +469,6 @@
{{ $js := resources.Get "scripts/carousel.js" | js.Build (dict "params" (dict "api" "https://example.org/api")) }}
<script defer src="{{ $js.Permalink }}"></script>
{{ end }}