feat(landing): merge into main landing
This commit is contained in:
parent
7f669cdd77
commit
c4937bd0d1
7 changed files with 288 additions and 357 deletions
|
|
@ -7,10 +7,7 @@
|
|||
<div class="cover__content">
|
||||
<div class="cover__title-container">
|
||||
<div class="page-container">
|
||||
<h1 class="cover__title">
|
||||
Sauvons la chapelle
|
||||
de Bethléem !
|
||||
</h1>
|
||||
<h1 class="cover__title">Relevons notre Bethléem Normand !</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -61,26 +58,39 @@
|
|||
<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>
|
||||
<figcaption>Comparaison de la 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 }}" />
|
||||
<figcaption>Comparaison crypte vers l'ouest</figcaption>
|
||||
<div class="compare-shown">
|
||||
{{ $image := resources.Get "images/crypte_comparaison_02_aubevoye.jpg" }}
|
||||
<img class="" src="{{ $image.RelPermalink }}" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<figcaption>Comparaison de la crypte vers l'ouest</figcaption>
|
||||
</figure>
|
||||
</figure>
|
||||
</div>
|
||||
|
|
@ -135,13 +145,173 @@
|
|||
|
||||
<section class="organization-section">
|
||||
<div class="page-container">
|
||||
<h2>L'Étoile de Bethléem</h2>
|
||||
<p>
|
||||
Formé en septembre 2022, suite aux efforts des propriétaires et des passionées de ce monument. Elle a pour but de contribuer à la sauvegarde et à la restauration de la Chapelle de Bethléem d’Aubevoye et de promouvoir ce monument ainsi que mieux le connaitre et l’animer.
|
||||
</p>
|
||||
<p>
|
||||
L’association “L’Étoile de Bethléem - Association des amis de la chapelle de bethléem d’Aubevoye” est immatriculé au près de la préfecture de l’Eure sous le numéro RNA W271006556.
|
||||
</p>
|
||||
<div class="organization__image">
|
||||
<!-- {{ $image := resources.Get "images/assemblee_constitutive_ensemble.jpg" }} -->
|
||||
<img src="https://picsum.photos/300/300" alt="Assemblée générale constitutive" />
|
||||
</div>
|
||||
<div class="organization__explain">
|
||||
<h2>L'association : L'Étoile de Bethléem</h2>
|
||||
<p>
|
||||
Formé en septembre 2022, suite aux efforts des propriétaires et des passionées de ce monument. Elle a pour but de contribuer à la sauvegarde et à la restauration de la Chapelle de Bethléem d’Aubevoye et de promouvoir ce monument ainsi que mieux le connaitre et l’animer.
|
||||
</p>
|
||||
<p>
|
||||
L’association “L’Étoile de Bethléem - Association des amis de la chapelle de bethléem d’Aubevoye” est immatriculé au près de la préfecture de l’Eure sous le numéro RNA W271006556.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="news-section">
|
||||
<div class="news-presentation">
|
||||
{{ $pages := where .Site.RegularPages "Type" "in" "actualites" }}
|
||||
{{ $pag := .Paginate ($pages) }}
|
||||
{{ range $index, $element := $pag.Pages }}
|
||||
{{ if eq $index 0 }}
|
||||
{{ $featuredImage := (resources.Get (printf "%s" ("cover/cover.jpg" | safeURL))) }}
|
||||
|
||||
{{ with .Params.featured_image }}
|
||||
{{ $featuredImage = .Resources.GetMatch (.src | safeURL) }}
|
||||
{{ end }}
|
||||
{{ $featuredImage := $featuredImage.Resize "450x" }}
|
||||
<div
|
||||
class="prominent-article article-card"
|
||||
>
|
||||
<div
|
||||
class="article__background"
|
||||
style="background-image: url('{{ $featuredImage.RelPermalink }}')"
|
||||
>
|
||||
</div>
|
||||
<div
|
||||
class="article__background-overlay"
|
||||
>
|
||||
</div>
|
||||
<div class="article__content page-container">
|
||||
<div class="article__pre">
|
||||
Dernières nouvelles...
|
||||
</div>
|
||||
<h2 class="article__title">
|
||||
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
|
||||
</h2>
|
||||
<div class="article__meta">
|
||||
Le {{ .Date.Format "Monday 2 January 2006" }}
|
||||
</div>
|
||||
<div class="article__summary">
|
||||
{{ .Summary }}
|
||||
</div>
|
||||
<div class="article__bottom">
|
||||
<a
|
||||
href="{{ .RelPermalink }}"
|
||||
class="article__readmore button button-transparent"
|
||||
>
|
||||
Lire plus
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<!-- <div class="prominent-article"> -->
|
||||
<!-- <div class="prominent-article__image"> -->
|
||||
<!-- </div> -->
|
||||
<!-- <div class="prominent-article__content"> -->
|
||||
<!-- <div class="prominent-article__title"> -->
|
||||
<!-- </div> -->
|
||||
<!-- <div class="prominent-article__summary"> -->
|
||||
<!-- </div> -->
|
||||
<!-- <div class="prominent-article__meta"> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
|
||||
Others articles...
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
{{ $slides_count := 6 }}
|
||||
<section class="carousel-container">
|
||||
<div class="carousel" aria-label="Gallery">
|
||||
<ol class="carousel__viewport">
|
||||
{{ range $index, $s := seq (sub $slides_count 0) }}
|
||||
<li id="carousel__slide{{ $index }}"
|
||||
tabindex="0"
|
||||
class="carousel__slide">
|
||||
<div class="carousel__snapper">
|
||||
<a href="#carousel__slide{{ partial "fullmod" (slice (sub $index 1) $slides_count) }}"
|
||||
class="carousel__prev">Diapositive précédente</a>
|
||||
<a href="#carousel__slide{{ partial "fullmod" (slice (add $index 1) $slides_count) }}"
|
||||
class="carousel__next">Diapositive suivante</a>
|
||||
</div>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ol>
|
||||
<aside class="carousel__navigation">
|
||||
<ol class="carousel__navigation-list">
|
||||
{{ range $index, $s := seq (sub $slides_count 0) }}
|
||||
<li class="carousel__navigation-item {{ if eq $index 0 }}enabled{{- end -}}">
|
||||
<a href="#carousel__slide{{ $index }}"
|
||||
class="carousel__navigation-button">{{ $index }}ème diapositive</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ol>
|
||||
</aside>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- {{ range $.Site.Data.partners.people }} -->
|
||||
<!-- <li class="move-item"> -->
|
||||
<!-- {{ .org }} -->
|
||||
<!-- {{ .name }} {{ .quote }} -->
|
||||
<!-- </li> -->
|
||||
<!-- {{ end }} -->
|
||||
|
||||
|
||||
{{ $slides_count := len $.Site.Data.partners.people }}
|
||||
<section class="partners-container">
|
||||
<div class="page-container">
|
||||
<h2>Ils nous soutiennent</h2>
|
||||
</div>
|
||||
<div class="carousel" aria-label="Partners">
|
||||
<ol class="carousel__viewport">
|
||||
{{ range $index, $comment := $.Site.Data.partners.people }}
|
||||
<li id="partners__slide{{ $index }}"
|
||||
tabindex="0"
|
||||
class="carousel__slide">
|
||||
<div class="slide-content partner-comment__container">
|
||||
<div class="partner-comment">
|
||||
{{ $image := resources.Get (printf "images/partners/%s" $comment.image) }}
|
||||
<a href="{{ $comment.org.website }}">
|
||||
<img class="partner-comment__author-picture" alt="Photo d'un de nos soutiens" src="{{ $image.RelPermalink }}" />
|
||||
</a>
|
||||
<p class="partner-comment__quote">
|
||||
{{ $comment.quote }}
|
||||
</p>
|
||||
<div class="partner-comment__author">
|
||||
<div class="partner-comment__author-name">
|
||||
{{ with $comment.name }}{{ . }}{{ end }} {{ with $comment.org.intro }}{{ . }}{{ end }} {{ $comment.org.name }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel__snapper">
|
||||
<a href="#partners__slide{{ partial "fullmod" (slice (sub $index 1) $slides_count) }}"
|
||||
class="carousel__prev">Diapositive précédente</a>
|
||||
<a href="#partners__slide{{ partial "fullmod" (slice (add $index 1) $slides_count) }}"
|
||||
class="carousel__next">Diapositive suivante</a>
|
||||
</div>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ol>
|
||||
<aside class="carousel__navigation">
|
||||
<ol class="carousel__navigation-list">
|
||||
{{ range $index, $s := seq $slides_count }}
|
||||
<li class="carousel__navigation-item {{ if eq $index 0 }}enabled{{- end -}}">
|
||||
<a href="#partners__slide{{ $index }}"
|
||||
class="carousel__navigation-button">{{ $index }}ème diapositive</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ol>
|
||||
</aside>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
|
@ -154,4 +324,9 @@
|
|||
</div>
|
||||
<div class="page-container">
|
||||
</div>
|
||||
|
||||
|
||||
{{ $js := resources.Get "scripts/carousel.js" | js.Build (dict "params" (dict "api" "https://example.org/api")) }}
|
||||
<script defer src="{{ $js.Permalink }}"></script>
|
||||
{{ end }}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue