website/layouts/landing-matthieu/list.html
Matthieu Bessat 6ed5813094 feat: add landing matthieu
donc c'est la version du landing page pour que matthieu puisse faire ses
changements de structure sans affecter la version de benjamin pour le
changement de texte
2023-05-26 21:52:29 +02:00

157 lines
8 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{{ 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">
Sauvons la chapelle
de Bethléem !
</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">
<div class="compare-item">
<figure>
{{ $image := resources.Get "images/crypte_comparaison_01_aubevoye.jpg" }}
<img class="compare-aubevoye" src="{{ $image.RelPermalink }}" />
{{ $image := resources.Get "images/crypte_comparaison_01_judee.jpg" }}
<img class="compare-judee" src="{{ $image.RelPermalink }}" />
<figcaption>Comparaison crypte vers l'est</figcaption>
</figure>
</div>
<div class="compare-item">
<figure>
{{ $image := resources.Get "images/crypte_comparaison_02_aubevoye.jpg" }}
<img class="compare-aubevoye" src="{{ $image.RelPermalink }}" />
{{ $image := resources.Get "images/crypte_comparaison_02_judee.jpg" }}
<img class="compare-judee" src="{{ $image.RelPermalink }}" />
<figcaption>Comparaison 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">
<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 dAubevoye et de promouvoir ce monument ainsi que mieux le connaitre et lanimer.
</p>
<p>
Lassociation “LÉtoile de Bethléem - Association des amis de la chapelle de bethléem dAubevoye” est immatriculé au près de la préfecture de lEure sous le numéro RNA W271006556.
</p>
</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>
{{ end }}