From 5171bcfdf2d9c17968f8fd500f063ffea656df51 Mon Sep 17 00:00:00 2001 From: Matthieu Bessat Date: Tue, 7 May 2024 18:17:24 +0200 Subject: [PATCH] feat(shortcode): figure and figures flex box --- assets/sass/article.scss | 9 ++- assets/sass/figures.scss | 29 +++++++++ assets/sass/general.scss | 14 +---- assets/sass/landing.scss | 3 + assets/sass/main.scss | 1 + content/actualites/2022-01-25_bilan/index.md | 63 +++++++++++-------- .../index.md | 19 ++++-- .../2024-01-10_flechage-panneaux/index.md | 17 ++++- .../index.md | 6 +- .../index.md | 2 +- .../2024-04-13_travaux-aumonerie/index.md | 24 +++++-- layouts/actualites/single.html | 4 +- layouts/shortcodes/fig-img.html | 22 +++++-- layouts/shortcodes/figures-grid.html | 3 + 14 files changed, 158 insertions(+), 58 deletions(-) create mode 100644 assets/sass/figures.scss create mode 100644 layouts/shortcodes/figures-grid.html diff --git a/assets/sass/article.scss b/assets/sass/article.scss index de7947c..f831da8 100644 --- a/assets/sass/article.scss +++ b/assets/sass/article.scss @@ -8,8 +8,14 @@ font-style: italic; } +.article__featured-image-container { + padding-top: 1rem; +} + .article__featured-image { + min-width: 80%; max-width: 100%; + text-align: center; img { object-fit: fit; @@ -19,9 +25,6 @@ } } -.article { -} - // card in list .article-card { display: flex; diff --git a/assets/sass/figures.scss b/assets/sass/figures.scss new file mode 100644 index 0000000..cd42063 --- /dev/null +++ b/assets/sass/figures.scss @@ -0,0 +1,29 @@ +.fig-img { + display: inline-block; + figcaption { + font-size: .9rem; + color: $hidden; + text-align: center; + p { + margin: 0; + } + } + img { + max-height: 30rem; + } + margin: 0; + margin-bottom: 1rem; +} + +.figures-grid { + display: flex; + justify-content: center; + flex-wrap: wrap; + gap: 2rem; + margin-bottom: 1rem; + + figure { + max-width: 27rem; + margin: 0; + } +} diff --git a/assets/sass/general.scss b/assets/sass/general.scss index 81730e4..390955b 100644 --- a/assets/sass/general.scss +++ b/assets/sass/general.scss @@ -128,11 +128,9 @@ img { } } -.fig-img { - figcaption { - font-size: .9rem; - color: $hidden; - } +.single-figure-container { + display: flex; + justify-content: center; } .highlighted { @@ -154,12 +152,6 @@ img { padding-top: 1rem; } -figure { - display: flex; - justify-content: center; - flex-direction: column; -} - .layout-two-spaced { display: flex; justify-content: space-between; diff --git a/assets/sass/landing.scss b/assets/sass/landing.scss index 9909647..283db1a 100644 --- a/assets/sass/landing.scss +++ b/assets/sass/landing.scss @@ -416,6 +416,9 @@ display: flex; flex-direction: column-reverse; } + .organization__image { + text-align: center; + } } @media (min-width: $md-breakpoint) { diff --git a/assets/sass/main.scss b/assets/sass/main.scss index fdcde1a..beb4c5a 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -27,6 +27,7 @@ $hidden: #2C3E50; @import 'general.scss'; @import 'button.scss'; @import 'page_container.scss'; +@import 'figures.scss'; @import 'header.scss'; @import 'news.scss'; @import 'landing.scss'; diff --git a/content/actualites/2022-01-25_bilan/index.md b/content/actualites/2022-01-25_bilan/index.md index 24d9783..e0b5a9a 100644 --- a/content/actualites/2022-01-25_bilan/index.md +++ b/content/actualites/2022-01-25_bilan/index.md @@ -1,50 +1,61 @@ --- -title: Bilan +title: Bilan du groupe facebook date: 2022-01-25 --- -440 -Ce n'est déjà plus le nombre de membres de notre groupe Facebook, puisqu'il dépasse maintenant les 500. 🔥 -⛪Ce n'est pas le nombre de visiteurs venus ce dimanche 23 janvier, même s'ils furent nombreux à faire le détour, à l'instar des Rois Mages, guidés par l'étoile couronnant la Chapelle de Bethléem. 🌟 -440, c'est le nombre des années qui nous sépare de la date de la fondation de la chapelle par le Cardinal de Bourbon. 😇 -🙏C'est le nombre, minimal, de remerciements que nous souhaitons vous adresser pour : +440. - l'intérêt que vous portez à ce monument ainsi qu'au présent groupe Facebook, - vos visites de dimanche, - les témoignages et photos que vous voulez bien nous communiquer, - vos idées, vos messages de soutien, - l'espoir dont vous êtes porteurs au travers du moindre de ces petits signes. +Ce n'est déjà plus le nombre de membres de notre groupe Facebook, puisqu'il dépasse maintenant les 500. 🔥 + +⛪ Ce n'est pas le nombre de visiteurs venus ce dimanche 23 janvier, même s'ils furent nombreux à faire le détour, à l'instar des Rois Mages, guidés par l'étoile couronnant la Chapelle de Bethléem. 🌟 + +440, c'est le nombre des années qui nous sépare de la date de la fondation de la chapelle par le Cardinal de Bourbon. 😇 + +🙏 C'est le nombre, minimal, de remerciements que nous souhaitons vous adresser pour : + +L'intérêt que vous portez à ce monument ainsi qu'au présent groupe Facebook, vos visites de dimanche, les témoignages et photos que vous voulez bien nous communiquer, vos idées, vos messages de soutien, l'espoir dont vous êtes porteurs au travers du moindre de ces petits signes. 👏 C'est aussi le nombre de remerciements que nous pouvons adresser : - à Monsieur et Madame Blondel pour leur investissement, l'accueil bienveillant qu'ils réservent à ceux qui souhaitent réveiller la Belle Chapelle aux Bois dormant, - aux organisateurs de l'exposition et de l'ouverture du site dimanche, permettant aussi des rencontres et discussions aussi impromptues que passionnées, - à la presse régionale, qui favorise autant la redécouverte de ce lieu unique, que les liens sociaux qui s'établissent autour. +à Monsieur et Madame Blondel pour leur investissement, l'accueil bienveillant qu'ils réservent à ceux qui souhaitent réveiller la Belle Chapelle aux Bois dormant, +aux organisateurs de l'exposition et de l'ouverture du site dimanche, permettant aussi des rencontres et discussions aussi impromptues que passionnées, +à la presse régionale, qui favorise autant la redécouverte de ce lieu unique, que les liens sociaux qui s'établissent autour. + +## ✨440, peut être aussi le début d'un projet... -✨440, peut être aussi le début d'un projet... En effet, le 24 décembre dernier, un vœu avait été formulé : *" Ces dernières années, une communauté virtuelle s'est créée autour de la Chapelle. Celle-ci peut prendre la réalité d'une magnifique équipe pour œuvrer en lien avec les propriétaires à ce que le souvenir ne soit pas une nostalgie, mais une inspiration" .* -🧐À plusieurs reprises, il nous a été demandé s'il existait une association des amis de la chapelle qui aide à sa sauvegarde, participe à sa restauration et contribue à sa promotion. + +🧐 À plusieurs reprises, il nous a été demandé s'il existait une association des amis de la chapelle qui aide à sa sauvegarde, participe à sa restauration et contribue à sa promotion. + 👉Pour voir le jour, elle a besoin de vous. 👈 + Elle a besoin de tous ceux qui sont attachés à ce lieu, d'une façon ou d'une autre. Elle a besoin de chacun d'entre nous, avec le moindre de nos talents, aussi modeste soit-il. + C'est pourquoi, pour préparer le lancement de ce projet, notamment dans la perspective d'organiser une assemblée générale constitutive, nous vous invitons à nous faire part de : -👉 Votre intérêt, à priori, pour devenir membre de l'association, -👉 Vos coordonnées par lesquelles vous souhaitez être joints, -👉 Le type d'action ou d'activité que vous pourriez avoir au sein, de l'association, le talent que vous pourriez mettre en œuvre, -👉 Toute suggestion qu'il vous plaira de soumettre. -✍Que ce soit pour des tâches administratives, pour assurer la comptabilité, pour de menus travaux, 🚧voire pour encadrer des bénévoles, tous les talents, toutes les bonnes volontés sont les bienvenues. -🙏Merci par avance pour votre réponse : - soit par Messenger auprès de Damien Déplanque, Bruno Edouard-Hagron ou Philippe Hachet, - soit par mail à l'adresse : chapelledebethleem@protonmail.com +- Votre intérêt, à priori, pour devenir membre de l'association, +- Vos coordonnées par lesquelles vous souhaitez être joints, +- Le type d'action ou d'activité que vous pourriez avoir au sein, de l'association, le talent que vous pourriez mettre en œuvre, +- Toute suggestion qu'il vous plaira de soumettre. +- Que ce soit pour des tâches administratives, pour assurer la comptabilité, pour de menus travaux, 🚧voire pour encadrer des bénévoles, tous les talents, toutes les bonnes volontés sont les bienvenues. + +🙏 Merci par avance pour votre réponse : + +- soit par Messenger auprès de Damien Déplanque, Bruno Edouard-Hagron ou Philippe Hachet, +- soit par mail à l'adresse : chapelledebethleem@protonmail.com + +🚧 En lien avec les propriétaires, nous allons travailler à un premier cadre en vue de préparer un projet d'association à lancer pour le printemps prochain. -🚧En lien avec les propriétaires, nous allons travailler à un premier cadre en vue de préparer un projet d'association à lancer pour le printemps prochain. 440 peut donc être aussi l'objectif à atteindre du nombre de personnes intéressées pour participer à une telle association. Un grand chantier nous attend ? Tout est à faire ? Ne soyons donc pas modeste car nous n'en avons pas les moyens. -🔥💪⛪ L'engagement, + +## 🔥💪⛪ L'engagement, + c'est maintenant ! 🤗 + Si vous n'êtes pas encore inscrit, rejoignez le groupe public Chapelle de Bethléem (Aubevoye) 👈 Ci-dessous, quelques photos prises ce dimanche durant l'exposition de la crèche dans la crypte de la Chapelle de Bethléem (Aubevoye)* diff --git a/content/actualites/2023-12-16_invitation-salon-gastronomie/index.md b/content/actualites/2023-12-16_invitation-salon-gastronomie/index.md index 991e238..2428ce5 100644 --- a/content/actualites/2023-12-16_invitation-salon-gastronomie/index.md +++ b/content/actualites/2023-12-16_invitation-salon-gastronomie/index.md @@ -13,8 +13,19 @@ Vous pourrez notamment y acquérir le premier panier garni local 🤩 avec les p Retrouvez-nous donc ce dimanche entre 10h et 18h à la salle des fêtes de Saint-Aubin-sur-Gaillon. ⭐️🎄 -![](https://static.etoiledebethleem.fr/newsletters/2023-12-16/kit_cadeau_1.jpg) -![](https://static.etoiledebethleem.fr/newsletters/2023-12-16/kit_cadeau_2.jpg) -![](https://static.etoiledebethleem.fr/newsletters/2023-12-16/kit_cadeau_3.jpg) -![Les biscuits en forme d'étoiles emballés](https://static.etoiledebethleem.fr/newsletters/2023-12-16/gateaux.jpg) +{{}} + {{}} + {{}} +{{}} +{{}} diff --git a/content/actualites/2024-01-10_flechage-panneaux/index.md b/content/actualites/2024-01-10_flechage-panneaux/index.md index b93fa4e..d73fb01 100644 --- a/content/actualites/2024-01-10_flechage-panneaux/index.md +++ b/content/actualites/2024-01-10_flechage-panneaux/index.md @@ -16,7 +16,18 @@ Merci aussi aux bénévoles qui ont affronté le froid pour aller planter les pi Maintenant la Chapelle n’aura plus de secret pour personne ! 💫 -🔎 Nous sommes à la recherche d’une personne au talent de pyrograveur pour remplacer les affiches plastifiées par une pyrogravure comme sur la photo. Merci de vous rapprocher de nous si vous êtes candidat +🔎 Nous sommes à la recherche d’une personne au talent de pyrograveur pour remplacer les affiches plastifiées par une pyrogravure comme sur la photo. Merci de vous rapprocher de nous si vous êtes candidat. -![Modèle de panneau](modele_panneau.jpg) -![Bénévoles à coté des panneaux](composition_panneaux_personnes.jpg) +
+ +{{}} + {{}} + + {{}} +{{}} diff --git a/content/actualites/2024-03-01_invitation-assemblee-generale/index.md b/content/actualites/2024-03-01_invitation-assemblee-generale/index.md index 645ccf7..d63479d 100644 --- a/content/actualites/2024-03-01_invitation-assemblee-generale/index.md +++ b/content/actualites/2024-03-01_invitation-assemblee-generale/index.md @@ -30,7 +30,11 @@ Les adhérents ont normalement reçu la convocation par e-mail et en cas d'absen Nous vous attendons nombreux pour le bien de notre belle Chapelle ! 🙏 -![](https://fichiers.etoiledebethleem.fr/events/2024-03-17_ag/affiche/portrait_md.png) +{{}} [Lien vers l'affiche en PDF](https://fichiers.etoiledebethleem.fr/events/2024-03-17_ag/affiche/portrait.pdf) diff --git a/content/actualites/2024-03-18_retour-sur-assemblee-generale/index.md b/content/actualites/2024-03-18_retour-sur-assemblee-generale/index.md index b1e0dc5..7b8ff67 100644 --- a/content/actualites/2024-03-18_retour-sur-assemblee-generale/index.md +++ b/content/actualites/2024-03-18_retour-sur-assemblee-generale/index.md @@ -1,7 +1,7 @@ --- title: Retour sur l'Assemblée générale 2024 date: 2024-03-18 -description: Notre assemblée générale s’est déroulée hier en compagnie d’une quarantaine de participants. Retour sur ce moment important de la vie associative et les perspectives futures. +summary: Notre assemblée générale s’est déroulée hier en compagnie d’une quarantaine de participants. Retour sur ce moment important de la vie associative et les perspectives futures. --- Notre assemblée générale s’est déroulée hier en compagnie d’une quarantaine de participants. 🙏🏻 diff --git a/content/actualites/2024-04-13_travaux-aumonerie/index.md b/content/actualites/2024-04-13_travaux-aumonerie/index.md index 9bf2fb0..724dde7 100644 --- a/content/actualites/2024-04-13_travaux-aumonerie/index.md +++ b/content/actualites/2024-04-13_travaux-aumonerie/index.md @@ -12,7 +12,12 @@ De la douceur, la chapelle en retrouve de jour en jour ... Ce samedi 13 avril, un groupe de jeunes de l'aumônerie de Vernon est venu nous aider à rendre la chapelle sa splendeur d'autre fois. -![Les jeunes dans la crypte](./imgs/crypte_1.jpg) +{{}} Après la coutumière visite de la crypte et une explication sur l'histoire de la chapelle, ils étaient motivés à nous aider. @@ -23,12 +28,23 @@ Après la coutumière visite de la crypte et une explication sur l'histoire de l Il y avait beaucoup de travail avec l'évacuation de gravats et de la végétation. Mais munis de leur casque à l'effigie de l'association et de gants, ils ont été très vaillants. -![Décharge de pierres avec une brouette par un jeune](./imgs/decharge_brouette_pierre.jpg) - Un grand merci à eux pour leur dévouement et à leurs accompagnateurs. 🙏🏻 La journée a commencé par une visite de la crypte et s'est terminée dans la bonne humeur autour d'un goûter. Peu à peu la chapelle éclot à travers toute cette végétation. Il faut poursuivre ce long marathon avec conviction et persévérance. -![Coté nord](./imgs/cote_nord_1.jpg) +{{}} + {{}} + {{}} + {{}} +{{}} diff --git a/layouts/actualites/single.html b/layouts/actualites/single.html index 1d3f44f..84e0ecf 100644 --- a/layouts/actualites/single.html +++ b/layouts/actualites/single.html @@ -23,12 +23,14 @@ {{ $featuredImage := .Resources.GetMatch (.Params.featured_image.src | safeURL) }} {{ if $featuredImage }} {{ $featuredImage = $featuredImage.Resize "900x" }} -
+
+
{{ with .Params.featured_image.caption }}
{{ . }}
{{ end }}
+
{{ end }} {{ end }} diff --git a/layouts/shortcodes/fig-img.html b/layouts/shortcodes/fig-img.html index b59bada..b09eb42 100644 --- a/layouts/shortcodes/fig-img.html +++ b/layouts/shortcodes/fig-img.html @@ -1,11 +1,23 @@ + +{{- if .Get "single" -}} +
+{{ end }}
{{- if .Get "link" -}} {{- end -}} - {{ $options := .Get "options" }} - {{ $img := (.Page.Resources.GetMatch (.Get "src")).Fit $options }} - {{ with .Get {{- end }}
- +{{- if .Get "single" -}} +
+{{ end }} diff --git a/layouts/shortcodes/figures-grid.html b/layouts/shortcodes/figures-grid.html new file mode 100644 index 0000000..631aae1 --- /dev/null +++ b/layouts/shortcodes/figures-grid.html @@ -0,0 +1,3 @@ +
+{{ .Inner }} +