309 lines
15 KiB
HTML
309 lines
15 KiB
HTML
{{ 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>
|
||
|
||
<section class="carousel-container">
|
||
<div class="carousel" aria-label="Gallery">
|
||
<ol class="carousel__viewport">
|
||
<li id="carousel__slide1"
|
||
tabindex="0"
|
||
class="carousel__slide">
|
||
<div class="carousel__snapper">
|
||
<a href="#carousel__slide4"
|
||
class="carousel__prev">Diapositive précédente</a>
|
||
<a href="#carousel__slide2"
|
||
class="carousel__next">Diapositive suivante</a>
|
||
</div>
|
||
</li>
|
||
<li id="carousel__slide2"
|
||
tabindex="0"
|
||
class="carousel__slide">
|
||
<div class="carousel__snapper"></div>
|
||
<a href="#carousel__slide1"
|
||
class="carousel__prev">Diapositive précédente</a>
|
||
<a href="#carousel__slide3"
|
||
class="carousel__next">Diapositive suivante</a>
|
||
</li>
|
||
<li id="carousel__slide3"
|
||
tabindex="0"
|
||
class="carousel__slide">
|
||
<div class="carousel__snapper"></div>
|
||
<a href="#carousel__slide2"
|
||
class="carousel__prev">Diapositive précédente</a>
|
||
<a href="#carousel__slide4"
|
||
class="carousel__next">Diapositive suivante</a>
|
||
</li>
|
||
<li id="carousel__slide4"
|
||
tabindex="0"
|
||
class="carousel__slide">
|
||
<div class="carousel__snapper"></div>
|
||
<a href="#carousel__slide3"
|
||
class="carousel__prev">Diapositive précédente</a>
|
||
<a href="#carousel__slide1"
|
||
class="carousel__next">Diapositive suivante</a>
|
||
</li>
|
||
</ol>
|
||
<aside class="carousel__navigation">
|
||
<ol class="carousel__navigation-list">
|
||
<li class="carousel__navigation-item enabled">
|
||
<a href="#carousel__slide1"
|
||
class="carousel__navigation-button">1ère diapositive</a>
|
||
</li>
|
||
<li class="carousel__navigation-item">
|
||
<a href="#carousel__slide2"
|
||
class="carousel__navigation-button">2ème diapositive</a>
|
||
</li>
|
||
<li class="carousel__navigation-item">
|
||
<a href="#carousel__slide3"
|
||
class="carousel__navigation-button">3ème diapositive</a>
|
||
</li>
|
||
<li class="carousel__navigation-item">
|
||
<a href="#carousel__slide4"
|
||
class="carousel__navigation-button">4ème diapositive</a>
|
||
</li>
|
||
</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 }}
|
||
|