Landing page + countdown #11
7 changed files with 288 additions and 357 deletions
40
content/actualites/fake-1/index.md
Normal file
40
content/actualites/fake-1/index.md
Normal file
|
|
@ -0,0 +1,40 @@
|
||||||
|
---
|
||||||
|
title: Annonce des visites de la chapelle
|
||||||
|
date: 2023-02-21
|
||||||
|
---
|
||||||
|
|
||||||
|
Depuis la création du groupe Facebook dédié à la Chapelle de Bethléem, vous n'avez cessé d'être de plus en plus nombreux à témoigner votre intérêt.🙏
|
||||||
|
|
||||||
|
Cet intérêt s'est traduit par le souhait croissant de constituer une association de sauvegarde et de valorisation du site.
|
||||||
|
|
||||||
|
Nous avions à cet égard sondé vos intentions au printemps.
|
||||||
|
|
||||||
|
## ⭐ Le moment est venu de prendre rendez-vous.
|
||||||
|
|
||||||
|
Nous vous convions donc le samedi 24 septembre 2022 à 14 h 30, en la salle fête de Saint-Aubin sur Gaillon.
|
||||||
|
|
||||||
|
Nous vous y présenterons le projet d'association, auquel vous pourrez vous joindre comme membres fondateurs.
|
||||||
|
|
||||||
|
<!-- Nous vous remercions de bien vouloir nous indiquer par cet évènement si vous souhaitez assister à cette réunion de lancement. -->
|
||||||
|
|
||||||
|
## Le Projet d'association
|
||||||
|
|
||||||
|
Cette association culturelle et patrimoniale aura à cœur de préserver, promouvoir et valoriser sous tous ses aspects un patrimoine unique.
|
||||||
|
À cet égard, il sera notamment demandé aux membres fondateurs d'approuver les statuts de L’Etoile de Bethléem - Association des Amis de la Chapelle de Bethléem d’Aubevoye, dont le projet d'article 2 propose l'objet social comme suit :
|
||||||
|
|
||||||
|
> L’Association a pour objet de :
|
||||||
|
> - Contribuer à la sauvegarde et à la restauration de la Chapelle de Bethléem sise à Aubevoye, dans la commune administrative du Val d’Hazey (Eure) en Normandie ;
|
||||||
|
> - Promouvoir ce monument, particulièrement sa crypte unique, en approfondissant sa connaissance, en défendant son image et en assurant sa communication ;
|
||||||
|
> - Valoriser le site par des actions concourant à l’entretien, à la promotion et à l'animation de ce patrimoine historique, culturel, religieux et naturel et de tout ce qui le constitue, qu'elle entend mieux faire connaître, apprécier et protéger.
|
||||||
|
>
|
||||||
|
> A cet égard, l’Association reconnaît et s’attache à préserver le caractère chrétien du monument, légué par son histoire, depuis sa fondation par le Cardinal Charles 1er de Bourbon.
|
||||||
|
|
||||||
|
## 👉 L'ordre du jour
|
||||||
|
|
||||||
|
- Présentation du projet,
|
||||||
|
- Adoption des statuts,
|
||||||
|
- Constitution des instances,
|
||||||
|
- Détermination du montant de la cotisation.
|
||||||
|
|
||||||
|
La chapelle compte sur vous ⛪
|
||||||
|
|
||||||
40
content/actualites/fake-2/index.md
Normal file
40
content/actualites/fake-2/index.md
Normal file
|
|
@ -0,0 +1,40 @@
|
||||||
|
---
|
||||||
|
title: Partenariat entre X et Y pour faire Z
|
||||||
|
date: 2023-06-15
|
||||||
|
---
|
||||||
|
|
||||||
|
Depuis la création du groupe Facebook dédié à la Chapelle de Bethléem, vous n'avez cessé d'être de plus en plus nombreux à témoigner votre intérêt.🙏
|
||||||
|
|
||||||
|
Cet intérêt s'est traduit par le souhait croissant de constituer une association de sauvegarde et de valorisation du site.
|
||||||
|
|
||||||
|
Nous avions à cet égard sondé vos intentions au printemps.
|
||||||
|
|
||||||
|
## ⭐ Le moment est venu de prendre rendez-vous.
|
||||||
|
|
||||||
|
Nous vous convions donc le samedi 24 septembre 2022 à 14 h 30, en la salle fête de Saint-Aubin sur Gaillon.
|
||||||
|
|
||||||
|
Nous vous y présenterons le projet d'association, auquel vous pourrez vous joindre comme membres fondateurs.
|
||||||
|
|
||||||
|
<!-- Nous vous remercions de bien vouloir nous indiquer par cet évènement si vous souhaitez assister à cette réunion de lancement. -->
|
||||||
|
|
||||||
|
## Le Projet d'association
|
||||||
|
|
||||||
|
Cette association culturelle et patrimoniale aura à cœur de préserver, promouvoir et valoriser sous tous ses aspects un patrimoine unique.
|
||||||
|
À cet égard, il sera notamment demandé aux membres fondateurs d'approuver les statuts de L’Etoile de Bethléem - Association des Amis de la Chapelle de Bethléem d’Aubevoye, dont le projet d'article 2 propose l'objet social comme suit :
|
||||||
|
|
||||||
|
> L’Association a pour objet de :
|
||||||
|
> - Contribuer à la sauvegarde et à la restauration de la Chapelle de Bethléem sise à Aubevoye, dans la commune administrative du Val d’Hazey (Eure) en Normandie ;
|
||||||
|
> - Promouvoir ce monument, particulièrement sa crypte unique, en approfondissant sa connaissance, en défendant son image et en assurant sa communication ;
|
||||||
|
> - Valoriser le site par des actions concourant à l’entretien, à la promotion et à l'animation de ce patrimoine historique, culturel, religieux et naturel et de tout ce qui le constitue, qu'elle entend mieux faire connaître, apprécier et protéger.
|
||||||
|
>
|
||||||
|
> A cet égard, l’Association reconnaît et s’attache à préserver le caractère chrétien du monument, légué par son histoire, depuis sa fondation par le Cardinal Charles 1er de Bourbon.
|
||||||
|
|
||||||
|
## 👉 L'ordre du jour
|
||||||
|
|
||||||
|
- Présentation du projet,
|
||||||
|
- Adoption des statuts,
|
||||||
|
- Constitution des instances,
|
||||||
|
- Détermination du montant de la cotisation.
|
||||||
|
|
||||||
|
La chapelle compte sur vous ⛪
|
||||||
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
hello world
|
|
||||||
0
content/sandbox-1/_index.md
Normal file
0
content/sandbox-1/_index.md
Normal file
|
|
@ -7,10 +7,7 @@
|
||||||
<div class="cover__content">
|
<div class="cover__content">
|
||||||
<div class="cover__title-container">
|
<div class="cover__title-container">
|
||||||
<div class="page-container">
|
<div class="page-container">
|
||||||
<h1 class="cover__title">
|
<h1 class="cover__title">Relevons notre Bethléem Normand !</h1>
|
||||||
Sauvons la chapelle
|
|
||||||
de Bethléem !
|
|
||||||
</h1>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -61,26 +58,39 @@
|
||||||
<section class="compare-section">
|
<section class="compare-section">
|
||||||
<div class="page-container">
|
<div class="page-container">
|
||||||
<h2>Un petit bout de palestine en Normandie...</h2>
|
<h2>Un petit bout de palestine en Normandie...</h2>
|
||||||
<div class="compare-items">
|
<div class="compare-items compare-items-dynamic">
|
||||||
<div class="compare-item">
|
<div class="compare-item compare-east">
|
||||||
<figure>
|
<figure>
|
||||||
{{ $image := resources.Get "images/crypte_comparaison_01_aubevoye.jpg" }}
|
<div class="compare-duet">
|
||||||
<img class="compare-aubevoye" src="{{ $image.RelPermalink }}" />
|
<div class="compare-hidden">
|
||||||
|
|
||||||
{{ $image := resources.Get "images/crypte_comparaison_01_judee.jpg" }}
|
{{ $image := resources.Get "images/crypte_comparaison_01_judee.jpg" }}
|
||||||
<img class="compare-judee" src="{{ $image.RelPermalink }}" />
|
<img class="" src="{{ $image.RelPermalink }}" />
|
||||||
|
</div>
|
||||||
|
|
||||||
<figcaption>Comparaison crypte vers l'est</figcaption>
|
<div class="compare-shown">
|
||||||
|
{{ $image := resources.Get "images/crypte_comparaison_01_aubevoye.jpg" }}
|
||||||
|
<img class="" src="{{ $image.RelPermalink }}" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<figcaption>Comparaison de la crypte vers l'est</figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
</div>
|
</div>
|
||||||
<div class="compare-item">
|
<div class="compare-item compare-west">
|
||||||
<figure>
|
<figure>
|
||||||
{{ $image := resources.Get "images/crypte_comparaison_02_aubevoye.jpg" }}
|
<div class="compare-duet">
|
||||||
<img class="compare-aubevoye" src="{{ $image.RelPermalink }}" />
|
<div class="compare-hidden">
|
||||||
|
|
||||||
{{ $image := resources.Get "images/crypte_comparaison_02_judee.jpg" }}
|
{{ $image := resources.Get "images/crypte_comparaison_02_judee.jpg" }}
|
||||||
<img class="compare-judee" src="{{ $image.RelPermalink }}" />
|
<img class="" src="{{ $image.RelPermalink }}" />
|
||||||
<figcaption>Comparaison crypte vers l'ouest</figcaption>
|
</div>
|
||||||
|
|
||||||
|
<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>
|
||||||
</figure>
|
</figure>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -135,7 +145,12 @@
|
||||||
|
|
||||||
<section class="organization-section">
|
<section class="organization-section">
|
||||||
<div class="page-container">
|
<div class="page-container">
|
||||||
<h2>L'Étoile de Bethléem</h2>
|
<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>
|
<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.
|
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>
|
||||||
|
|
@ -143,6 +158,161 @@
|
||||||
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.
|
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>
|
</p>
|
||||||
</div>
|
</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>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
|
@ -154,4 +324,9 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="page-container">
|
<div class="page-container">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
{{ $js := resources.Get "scripts/carousel.js" | js.Build (dict "params" (dict "api" "https://example.org/api")) }}
|
||||||
|
<script defer src="{{ $js.Permalink }}"></script>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,332 +0,0 @@
|
||||||
{{ define "main" }}
|
|
||||||
<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')">
|
|
||||||
</div>
|
|
||||||
<div class="cover__overlay">
|
|
||||||
</div>
|
|
||||||
<div class="cover__content">
|
|
||||||
<div class="cover__title-container">
|
|
||||||
<div class="page-container">
|
|
||||||
<h1 class="cover__title">Relevons notre Bethléem Normand !</h1>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="accent-separator">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="page-container" style="margin-top: 2rem">
|
|
||||||
<a class="button">Adhérer !</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<main class="landing-main">
|
|
||||||
<!-- <div style="display: flex; justify-content: center; font-size: 1.3em; border: 1px dashed gray; padding: 1rem;"> -->
|
|
||||||
<!-- 🚧 Site en construction... 🚧 -->
|
|
||||||
<!-- </div> -->
|
|
||||||
{{/* .Content */}}
|
|
||||||
{{/*
|
|
||||||
{{ $paginator := .Paginate (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }}
|
|
||||||
{{ range $paginator.Pages }}
|
|
||||||
{{ .Render "summary" }}
|
|
||||||
{{ end }}
|
|
||||||
{{ partial "pagination.html" . }}
|
|
||||||
*/}}
|
|
||||||
|
|
||||||
<section class="history-section">
|
|
||||||
<div class="page-container history-summary">
|
|
||||||
<div class="history-summary__text">
|
|
||||||
<h2>Bref historique</h2>
|
|
||||||
<p>
|
|
||||||
Aubevoye possède un souvenir de Terre Sainte unique en France et en Europe. Une reproduction exacte de le grotte de la nativité de Bethléem dans laquelle le Sauveur vint au monde.
|
|
||||||
Ce monument est dû à la magnificence et à la piété du Cardinal de Bourbon, Charles Ier de Bourbon, oncle paternel de Henri IV, qui fut pendant quelques temps proclamé roi de France par les Ligueurs sous le nom de Charles X.
|
|
||||||
Archevêque de Rouen de 1550 à 1590, l'éminent prélat qui avait déjà fondé, en 1563, près de son château de Gaillon, la chartreuse de Notre-Dame de Bonne-Esperance (Bourbon-lès-Gaillon), voulut avoir également à portée de sa résidence princière le berceau du Roi des rois.
|
|
||||||
A cet effet, il envoya deux fois son architecte en Palestine pour lever les plans nécessaires et en 1582, l'édifice était achevé. Le pieux cardinal, qui le désigne lui-même dans ses actes sous le nom de Bethléem, en fit don aux Chartreux avec les terres qui l'environnaient.
|
|
||||||
Aujourd'hui, malheureusement, la chapelle tombe en ruines. Elle est régulièrement dégradée, pillée, vandalisée.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="history-summary__image">
|
|
||||||
{{ $image := resources.Get "images/cardinal_charles_de_bourbon.jpg" }}
|
|
||||||
<img src="{{ $image.RelPermalink }}" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="images-section">
|
|
||||||
<h2 class="page-container">Images</h2>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="compare-section">
|
|
||||||
<div class="page-container">
|
|
||||||
<h2>Un petit bout de palestine en Normandie...</h2>
|
|
||||||
<div class="compare-items compare-items-dynamic">
|
|
||||||
<div class="compare-item compare-east">
|
|
||||||
<figure>
|
|
||||||
<div class="compare-duet">
|
|
||||||
<div class="compare-hidden">
|
|
||||||
{{ $image := resources.Get "images/crypte_comparaison_01_judee.jpg" }}
|
|
||||||
<img class="" src="{{ $image.RelPermalink }}" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="compare-shown">
|
|
||||||
{{ $image := resources.Get "images/crypte_comparaison_01_aubevoye.jpg" }}
|
|
||||||
<img class="" src="{{ $image.RelPermalink }}" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<figcaption>Comparaison de la crypte vers l'est</figcaption>
|
|
||||||
</figure>
|
|
||||||
</div>
|
|
||||||
<div class="compare-item compare-west">
|
|
||||||
<figure>
|
|
||||||
<div class="compare-duet">
|
|
||||||
<div class="compare-hidden">
|
|
||||||
{{ $image := resources.Get "images/crypte_comparaison_02_judee.jpg" }}
|
|
||||||
<img class="" src="{{ $image.RelPermalink }}" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<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>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="timeline-section">
|
|
||||||
<div class="page-container history-section timeline-container">
|
|
||||||
<div class="timeline">
|
|
||||||
<div class="timeline-item timeline-back-decoration">
|
|
||||||
<div class="timeline-item__inner">
|
|
||||||
<div class="timeline-item__dot-container">
|
|
||||||
<div class="timeline-trace"></div>
|
|
||||||
</div>
|
|
||||||
<div class="timeline-item__summary">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div></div>
|
|
||||||
</div>
|
|
||||||
<div class="timeline-list">
|
|
||||||
<div class="timeline-item">
|
|
||||||
<div class="timeline-item__inner">
|
|
||||||
<div class="timeline-item__dot-container">
|
|
||||||
<div class="timeline-item__dot"></div>
|
|
||||||
</div>
|
|
||||||
<div class="timeline-item__summary">
|
|
||||||
1970
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="timeline-item__content card">
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="timeline-item">
|
|
||||||
<div class="timeline-item__inner">
|
|
||||||
<div class="timeline-item__dot-container">
|
|
||||||
<div class="timeline-item__dot"></div>
|
|
||||||
</div>
|
|
||||||
<div class="timeline-item__summary">
|
|
||||||
1970
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="timeline-item__content card">
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="organization-section">
|
|
||||||
<div class="page-container">
|
|
||||||
<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>
|
|
||||||
|
|
||||||
<div class="separation-section secondary-bg">
|
|
||||||
<div class="page-container">
|
|
||||||
<h2>Rejoignez nous dans notre aventure !</h2>
|
|
||||||
<a class="button">Adhérer !</a>
|
|
||||||
</div>
|
|
||||||
</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 }}
|
|
||||||
|
|
||||||
9
layouts/sandbox-1/list.html
Normal file
9
layouts/sandbox-1/list.html
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
{{ define "main" }}
|
||||||
|
<h1>Sandbox 1</h1>
|
||||||
|
|
||||||
|
<pre>
|
||||||
|
{{ mod -1 2 }}
|
||||||
|
{{ partial "fullmod" (slice -1 5) }}
|
||||||
|
</pre>
|
||||||
|
|
||||||
|
{{ end }}
|
||||||
Loading…
Reference in a new issue