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

feat: compare animation

Browse source
This commit is contained in:
Matthieu Bessat 2023-05-27 17:28:51 +02:00
parent 9c65550605
commit 3b7d7f2a62
2 changed files with 63 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

35
layouts/landing-matthieu/list.html
View file

@ -61,25 +61,38 @@
<section class="compare-section">
<div class="page-container">
<h2>Un petit bout de palestine en Normandie...</h2>
<div class="compare-items">
<div class="compare-item">
<div class="compare-items compare-items-dynamic">
<div class="compare-item compare-east">
<figure>
{{ $image := resources.Get "images/crypte_comparaison_01_aubevoye.jpg" }}
<img class="compare-aubevoye" src="{{ $image.RelPermalink }}" />
<div class="compare-duet">
<div class="compare-hidden">
{{ $image := resources.Get "images/crypte_comparaison_01_judee.jpg" }}
<img class="" src="{{ $image.RelPermalink }}" />
</div>
{{ $image := resources.Get "images/crypte_comparaison_01_judee.jpg" }}
<img class="compare-judee" src="{{ $image.RelPermalink }}" />
<div class="compare-shown">
{{ $image := resources.Get "images/crypte_comparaison_01_aubevoye.jpg" }}
<img class="" src="{{ $image.RelPermalink }}" />
</div>
</div>
<figcaption>Comparaison crypte vers l'est</figcaption>
</figure>
</div>
<div class="compare-item">
<div class="compare-item compare-west">
<figure>
{{ $image := resources.Get "images/crypte_comparaison_02_aubevoye.jpg" }}
<img class="compare-aubevoye" src="{{ $image.RelPermalink }}" />
<div class="compare-duet">
<div class="compare-hidden">
{{ $image := resources.Get "images/crypte_comparaison_02_judee.jpg" }}
<img class="" src="{{ $image.RelPermalink }}" />
</div>
{{ $image := resources.Get "images/crypte_comparaison_02_judee.jpg" }}
<img class="compare-judee" src="{{ $image.RelPermalink }}" />
<div class="compare-shown">
{{ $image := resources.Get "images/crypte_comparaison_02_aubevoye.jpg" }}
<img class="" src="{{ $image.RelPermalink }}" />
</div>
</div>
<figcaption>Comparaison crypte vers l'ouest</figcaption>
</figure>
</figure>