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
This commit is contained in:
parent
7af43c8221
commit
6ed5813094
2 changed files with 158 additions and 0 deletions
1
content/landing-matthieu/_index.md
Normal file
1
content/landing-matthieu/_index.md
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
hello world
|
||||||
157
layouts/landing-matthieu/list.html
Normal file
157
layouts/landing-matthieu/list.html
Normal file
|
|
@ -0,0 +1,157 @@
|
||||||
|
{{ 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 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>
|
||||||
|
</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 }}
|
||||||
Loading…
Reference in a new issue