feat(geocaching): images and text

feat(shortcode): introduction of fig-img shortcode

assets/sass/footer.scss

@@ -14,7 +14,7 @@ body {
 
 .site-footer {
     border-top: .3rem solid $accent;
-    margin-top: 1rem;
+    margin-top: 4rem;
     background-color: $background;
     color: white;
     
@@ -28,6 +28,10 @@ body {
     }
 }
 
+.landing-page .site-footer {
+    margin-top: 1rem;
+}
+
 // .site-footer__title {
 //     @extends .serif-font;
 // }

assets/sass/general.scss

@@ -97,6 +97,8 @@ img {
 }
 
 .wikipedia-btn {
+    margin-top: .5rem;
+
     display: inline-flex;
     justify-content: flex-start;
     flex-direction: row;
@@ -131,3 +133,33 @@ img {
     width: 1rem;
     height: 1rem;
 }
+
+.double-figures {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+
+    figure {
+        margin: 1rem;
+        margin-bottom: 2rem;
+        figcaption {
+            p { margin: 0;}
+        }
+    }
+}
+
+@media (max-width: $md-breakpoint) {
+    .double-figures {
+        grid-template-columns: 1fr;
+    }
+}
+
+.fig-img {
+    figcaption {
+        font-size: .9rem;
+        color: $hidden;
+    }
+}
+
+.highlighted {
+    font-weight: bold;
+}

assets/sass/main.scss

@@ -16,6 +16,7 @@ $secondary: #011F26;
 $tertiary: #A5A692;
 $accent: #F2A71B;
 $accent-dark: #A56F09;
+$hidden: #2C3E50;
 
 .pagination-nav {
     margin-top: 1em;

content/_index.md

@@ -1,5 +1,6 @@
 ---
 title: Accueil
+body_class: "landing-page"
 ---
 
 ## Reconstruisons pierre après pierre...

content/geocaching/2023/beta_eglise-saint-georges.md

@@ -1,5 +1,6 @@
 ---
-title: Église Saint-Georges d'Aubevoye
+title: Église Saint-Georges d'Aubevoye (unlisted)
+draft: true
 ---
 
 <div class="page-container">

content/geocaching/2023/chapelle-bethleem.md

@@ -1,9 +0,0 @@
----
-title: La chapelle de bethléem
----
-
-Elle est posée sur les coteaux ouest d'Aubevoye, surplombant la vallée, elle est visible jusqu'a la gare !
-
-Une association s'est formé pour la sauver, c'est l'Étoile de Bethléem.
-
-

content/geocaching/2023/chapelle-bethleem/index.md

@@ -0,0 +1,32 @@
+---
+title: La chapelle de bethléem
+---
+
+<div class="page-container">
+<div class="double-figures">
+{{< fig-img
+    src="old.jpg"
+    options="500x500"
+    caption="La chapelle du temps de M. et Mme Mignot"
+>}}
+{{< fig-img
+    src="now.jpg"
+    options="500x500"
+    caption="La chapelle de nos jours"
+>}}
+</div>
+
+
+<span class="highlighted">
+   Félicitations ! Vous venez de découvrir la Chapelle de Bethléem</span>, qui abrite une crypte - classée à l'inventaire des monuments historiques--connue pour être la reproduction à l'échelle de celle qui enchâsse la grotte de la Nativité à Bethléem. 
+
+Née de la volonté du Cardinal-Archevêque de Rouen Charles 1er de Bourbon-Vendôme (1523-1591), elle fut consacrée en 1582.
+
+Dans la période troublée des guerres de religion, le Cardinal souhaita un lieu consacré à la célébration de la fête de la Nativité, desservi par les moines chartreux de l'abbaye dans la clôture de laquelle se trouvait cette chapelle. 
+
+Aujourd'hui nichée dans la forêt, elle domina des coteaux de vignes jusqu'au XVIIème siecle, puis des vergers jusqu'à sa dégradation en juin 2000.
+
+Une association s’est formé pour la sauver, c’est l’Étoile de Bethléem. Il se trouve que vous êtes actuellement sur le site web de l'Association des Amis de la chapelle de Bethléem d'Aubevoye !
+
+{{< wikipedia_link lang="fr" name="Chapelle de Bethléem (Aubevoye)" >}}
+</div>

content/geocaching/2023/chartreuse-bourbon-lez-gaillon.md

@@ -1,7 +0,0 @@
----
-title: La chartreuse d'Aubevoye
----
-
-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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
-Article wikipedia sur la chartreuse.

content/geocaching/2023/chartreuse-bourbon-lez-gaillon/index.md

@@ -0,0 +1,32 @@
+---
+title: La Chartreuse de Bourbon lez Gaillon
+---
+
+<div class="page-container">
+<div class="double-figures">
+{{< fig-img
+    src="old.jpg"
+    options="500x500"
+    caption="La porte de la chartreuse sur un dessin d'époque"
+>}}
+{{< fig-img
+    src="now.jpg"
+    options="500x500"
+    caption="La porte de la chartreuse de nos jours"
+>}}
+</div>
+
+<div class="highlighted">
+        Bravo, vous avez trouvé la cache de la Chartreuse !
+</div>
+
+Vous vous trouver devant l'entrée principale de la Chartreuse de Bourbon-Lez-Gaillon, dont il ne reste que quelques souvenirs épars dans les églises des environs, un colombier, des bâtiments auxiliaires à vocation agricole et plusieurs vestiges de murs d'enceinte.
+
+Pourtant, dans la plaine albavienne alors déserte se tenait la "plus belle Chartreuse de France", au dire de l'écrivain Rouennais Pierre-Thomas du Fossé (1634-1698)
+
+Placée sous le vocable de Notre-Dame-de-Bonne-Espérance, elle fut fondée en 1563 par le cardinal Archevêque de Rouen, Charles 1er de Bourbon, qui venait régulièrement séjourner au château de Gaillon. Il fonda ce monastère contemplatif en pleine guerre de religion espérant qu'un tel lieu de prière contribuerait au retour de la paix dans le Royaume et à la fin de l'hérésie protestante. 
+
+Il en fit également le lieu de sépulture de la famille des Bourbon-Soissons et y fut lui même inhumé, lui qui fut, contre son gré et alors qu'il était emprisonné, proclamé Roi par les ligueurs catholiques réunis à Gaillon à la mort d'Henri III et avant la conversion et l'avènement de son neveu Henri IV.
+
+{{< wikipedia_link lang="fr" name="Chartreuse d'Aubevoye" >}}
+</div>

content/geocaching/2023/eglise-saint-georges/index.md

@@ -0,0 +1,32 @@
+---
+title: Eglise Saint Georges d'Aubevoye
+---
+
+<div class="page-container">
+<div class="double-figures">
+{{< fig-img
+    src="old.jpg"
+    options="500x500"
+    caption="L'abside de l'église vu du sentier du Montier à l'époque"
+>}}
+{{< fig-img
+    src="now.jpg"
+    options="500x500"
+    caption="L'abside de l'église de nos jours"
+>}}
+</div>
+
+<div class="highlighted">
+Bravo ! Vous venez de trouver l'église Saint Georges d'Aubevoye. 
+</div>
+
+Ses éléments les plus anciens datent du XIIème siècle, sa construction s'étendant également sur les XIII, XV et XVIeme siècles.
+
+Construite à flanc de coteaux comme le village médiéval par crainte des crues de la Seine,
+
+Son mobilier est constituée en grande partie de pièces et statues héritées de l'ancienne Chartreuse de Bourbon-lez-Gaillon aujourd'hui disparue, dont une rare statue de Saint Bruno contemplant la mort, sculptée par Étienne Pierre Adrien Gois (1731-1816) et une plaque de marbre noir[9] portant inscription des noms des membres de la famille des Bourbon-Soissons, autrefois inhumés dans la Chartreuse.
+
+Dans l'ancien petit cimetière attenant, quelques tombes sont à remarquer, dont celle de la Marquise de Combray (1742-1823), chouanne et opposante au 1er Empire, ainsi qu'un curieux petit dolmen  sur lequel les chartreux percevaient la dîme sous l'ancien régime et où était tenu une fois l'an le registre d'inscription des nouveaux  frères de charite, une tradition d'accompagnement des funérailles remontant aux ducs de Normandie.
+
+{{< wikipedia_link lang="fr" name="Église Saint-Georges d'Aubevoye" >}}
+</div>

content/geocaching/2023/vierge-noire.md

@@ -1,18 +0,0 @@
----
-title: Vierge Noire
----
-
-(image principale)
-
-(carousel)
-
-(carte de l'emplacement)
-
-Cette statue a été donnée par A.F De la Boissette.
-
-Elle domine les coteaux.
-
-Caché dans les feuillages de la forêt, à mit chemin entre le chateau de Gaillon et la chapelle de bethleem elle regarde en direction de la vallée vers l'Est.
-
-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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-

content/geocaching/2023/vierge-noire/index.md

@@ -0,0 +1,30 @@
+---
+title: La Vierge noire
+---
+
+<div class="page-container">
+<div class="double-figures">
+{{< fig-img
+    src="old.jpg"
+    options="500x500"
+    caption="L'abside de l'église vu du sentier du Montier à l'époque"
+>}}
+{{< fig-img
+    src="now.jpg"
+    options="500x500"
+    caption="L'abside de l'église de nos jours"
+>}}
+</div>
+
+<div class="highlighted">
+Bravo ! Vous venez de découvrir la Vierge noire, Notre Dame d'Aubevoye.
+</div>
+
+Offerte en 1864 à la commune par François Frédéric Alaboissette, un notable, bienfaiteur et érudit local, cette sculpture métallique du XVIIeme siècle posée sur un socle de briques maçonnées fut  inaugurée à l'occasion d'une grande cérémonie le 8 septembre 1866. 
+Un pèlerinage annuel du dimanche le plus proche du 8 septembre, date de la fête de la Nativité de Marie, a perduré jusqu'au début de la seconde moitié du XXème siècle comme en atteste l'ex-voto déposé à ses pieds en 1949 par les habitants d'Aubevoye, après la deuxième guerre mondiale.
+
+Cette statue est elle effectivement une Vierge noire ? 
+En général, les Vierges noires sont des statues médiévales, sculptées entre le XIème et le XVème siècle, pas nécessairement de couleur noire à l'origine, mais qui s'assombrissent au fil du temps, par vieillissement de la matière, oxydation du métal ou effet de la combustion des cierges votifs. Il en est aussi à qui sont prêtées des origines paléochrétiennes, celtes, romaines, voire égyptiennes.  La tentation pourrait être grande de relier cette statue à une telle tradition. Aubevoye appartenait après tout à l'ancien Pagus de la Madrie (étymologiquement "Domaine de la Mère"), antérieurement à la création du Duché de Normandie. Toutefois, sa facture paraît trop récente pour s'y rattacher
+
+</div>
+

layouts/geocaching/single.html

@@ -2,7 +2,6 @@
     <article class="article">
         <div class="page-container">
             <h1>{{ .Title }}</h1>
-            hello
 
             {{ range .Params.tags }}
                <a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>

layouts/shortcodes/fig-img.html

@@ -0,0 +1,30 @@
+<figure class="fig-img {{ with .Get "class" }}{{ . }}{{ end }}">
+    {{- if .Get "link" -}}
+        <a href="{{ .Get "link" }}"{{ with .Get "target" }} target="{{ . }}"{{ end }}{{ with .Get "rel" }} rel="{{ . }}"{{ end }}>
+    {{- end -}}
+
+    {{ $options := .Get "options" }}
+    {{ $img := (.Page.Resources.GetMatch (.Get "src")).Fit $options }}
+    <img src="{{ $img.RelPermalink }}"
+         {{- if or (.Get "alt") (.Get "caption") }}
+         alt="{{ with .Get "alt" }}{{ . }}{{ else }}{{ .Get "caption" | markdownify| plainify }}{{ end }}"
+         {{- end -}}
+    /><!-- Closing img tag -->
+    {{- if .Get "link" }}</a>{{ end -}}
+    {{- if or (or (.Get "title") (.Get "caption")) (.Get "attr") -}}
+        <figcaption>
+            {{ with (.Get "title") -}}
+                <h4>{{ . }}</h4>
+            {{- end -}}
+            {{- if or (.Get "caption") (.Get "attr") -}}<p>
+                {{- .Get "caption" | markdownify -}}
+                {{- with .Get "attrlink" }}
+                    <a href="{{ . }}">
+                {{- end -}}
+                {{- .Get "attr" | markdownify -}}
+                {{- if .Get "attrlink" }}</a>{{ end }}</p>
+            {{- end }}
+        </figcaption>
+    {{- end }}
+</figure>
+