listing des articles un peu plus fournis

assets/sass/article.scss

@@ -0,0 +1,11 @@
+.article__date {
+    font-style: italic;
+}
+
+.article__featured-image {
+    max-width: 100%;
+
+    img {
+        max-width: 100%;
+    }
+}

assets/sass/general.scss

@@ -4,16 +4,26 @@ body {
     margin: 0;
 }
 
+* {
+    box-sizing: border-box;
+}
+
+article {
+    font-size: 1.1rem;
+}
+
 h1 {
     font-size: 1.75rem;
+    color: $secondary;
 }
 
 h2 {
     font-size: 1.4rem;
+    color: $primary;
 }
 
 a {
-    color: $secondary;
+    color: $primary;
 }
 a:hover {
     opacity: 0.8;

assets/sass/main.scss

@@ -5,7 +5,7 @@ $xs-breakpoint: 400px;
 
 
 $background: #4f607a;
-$primary: #ffb500;
+$primary: darken(#ffb500, 5%);
 $secondary: #f15a24;
 
 .pagination-nav {
@@ -17,6 +17,8 @@ $secondary: #f15a24;
 @import 'general.scss';
 @import 'page_container.scss';
 @import 'header.scss';
+@import 'news.scss';
+@import 'article.scss';
 @import 'gallery.scss';
 @import 'single_image.scss';
 @import 'footer.scss';

assets/sass/news.scss

@@ -0,0 +1,52 @@
+.news-list {
+    list-style-type: none;
+    padding: 0;
+}
+
+.news-item {
+    border-bottom: 1px solid $background;
+    padding: 1rem 0rem;
+    margin-bottom: 1rem;
+
+    display: grid;
+    grid-template-columns: 33% 1fr;
+    grid-column-gap: 2rem;
+}
+
+.news-item__image {
+    width: 100%;
+    
+    figure {
+        margin: 0;
+    }
+    img {
+        max-height: 12rem;
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+    }
+}
+
+.news-item__title {
+    margin-top: 0;
+}
+
+.news-item__date {
+    opacity: 0.8;
+    font-style: italic;
+}
+
+.news-item__summary {
+    font-size: .9rem;
+}
+
+@media (max-width: $md-breakpoint) {
+    .news-item {
+        display: flex;
+        flex-direction: column;
+        padding-top: 0;
+    }
+    .news-item__content {
+        margin-top: 1rem;
+    }
+} 

config.toml

@@ -3,6 +3,17 @@ languageCode = 'fr'
 defaultContentLanguage = 'fr'
 title = "L'Étoile de Bethléem"
 
+summaryLength = 50
+
+# THIS IS UNACCEPTALBE, I REALLY THOUGH THIS WAS THE DEFAULT IN HUGO!!
+assetDir = "assets"
+
+[sitemap]
+changefreq = 'weekly'
+
+[params]
+dateFmt = "02.01.2006 15:04"
+
 [taxonomies]
 imtag = 'imtags'
 

content/_index.md

@@ -0,0 +1,20 @@
+---
+title: Accueil
+---
+
+**🚧    Site en construction...   🚧**
+
+# Reconstruison pierre après pierre...
+
+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.
+
+
+

content/actualites/_index.md

@@ -1,4 +1,6 @@
-# Les dernières nouvelles
+---
+title: Les dernières nouvelles
+---
 
 Ici vous trouverez des billets de blog rapportant les (bonnes !) dernières nouvelles de l'association et de son action autour de la chapelle de bethléem.
 

content/actualites/ils-se-sont-rencontres/index.md

@@ -0,0 +1,21 @@
+---
+title: "Ils se sont rencontrés !"
+date: 2022-09-28T20:00:00+02:00
+featured_image:
+    src: ensemble.jpg
+---
+
+L'association existe ! ╰(*°▽°*)╯
+
+Ce 24 septembre 2022, grâce au bienveillant accueil de l'association T'es pas cap ? et tout particulièrement de sa très active présidente, madame Jessica Jehan, assistée du soutien non moins précieux de madame Isabelle Roussel, l'Assemblée générale constitutive de l'Association des Amis de la chapelle de Bethléem a pu se tenir en ouverture du Salon du petit patrimoine local, dans la salle des fêtes de Saint-Aubin-sur-Gaillon 🎊
+
+Une petite quarantaine de personne est venue suivre la réunion, au cours de laquelle a tout d'abord été brièvement rappelée l'histoire mouvementée de la chapelle, plusieurs fois malmenée, plusieurs fois restaurée depuis 1582, date de sa fondation par Charles 1er, cardinal de Bourbon. Aux noms des familles Mignot et Vilain qui conduisirent les deux dernières restaurations, respectivement dans les années 1890 et 1950, vient s'ajouter désormais celui de la famille Blondel, nouvelle protectrice du site que l'association a l'ambition de soutenir.
+
+😴🤗 Si la rébarbative, mais nécessaire présentation des projets de statuts à reçu un accueil patient, compréhensif et approbateur, c'est néanmoins la nature du projet qui a bien sûr retenue toute l'attention de l'auditoire : apporter une assistance, fédérer les énergies, rechercher des financement pour sauvegarder, animer et promouvoir le site. Des actions de sécurisation des lieux et de mise hors d'eau sont nécessaires. Des actions plus symboliques sont également envisagées, comme la restauration de l'Etoile d'autel de la crypte. ⭐
+
+C'est d'ailleurs en raison de la forte symbolique des deux étoiles, celles brisée et éparpillée de la crypte résumant l'état actuel de la chapelle, celle encore fièrement dressée au faîte du campanile, qui semble appeler au relèvement, que l'association se dénommera "L'étoile De Bethléem, association des amis de la chapelle de Bethléem d'Aubevoye."
+
+🥳 Le public à manifesté à cet égard ses attentes et sa hâte de passer à l'action. C'est à la fois un encouragement et un rude défi pour le tout nouveau Conseil d'administration qui vous sera prochainement présenté.
+
+Celui-ci aura en tous cas à cœur de faire tout son possible pour redonner son lustre au site, tout autant que pour donner corps à l'espérance bien vivace exprimée au cours de cette belle journée, placée sous le signe des étoiles. 🤩
+

content/association.md

@@ -1,109 +0,0 @@
----
-title: "L'association des amis de la chapelle de bethléem"
-date: 2022-09-14T16:43:45+02:00
----
-
-Today allow analysis. Thus city *set* **center in our minds**.
-After movie hotel imagine seem together. Any exactly seat suffer. Shoulder economic hair argue clear. Or day notice information. The roads are *cluttered*, this why we [laugh](https://en.wikipedia.org/wiki/Laughter) often we also see.
-
-## Which continue once report break
-
-![Civil camera are great](https://picsum.photos/seed/picsum/200/300)
-
-`time echo "how pathetic are we" >> my_way_of_life.txt`
-
-Action [scientists](https://en.wikipedia.org/wiki/Scientist) do force in their voice. Study young edge particularly number she. Great edge role organization civil camera.
-Over ![apply shoulder environment](https://example.org). Issue learn ready with time article protect final.
-
-> What can we gain by sailing to the moon if we are not able to cross the abyss that separates us from ourselves? This is the most important of all... ‐ Thomas Merton
-
-### One issue
-
-Want fish whole spring play. Ready __wife moment__ manage social itself kid. Him not high identify front.
-Seek let federal green represent according move.
-
-- Some day it was great
-- Then after the sunset was gone
-- Always the sun
-- Our moon is hidden from use
-
-### How we see us
-
-Left white around too evidence. [Phone huge study address me possible line](https://en.wikipedia.org/wiki/Problematic_smartphone_use). Man win rest you.
-Idea spring do country daughter high. None source fire national around. Hit politics law them early.
-
-## Economy want compare garden. 
-
-![The situation leave behind trees](https://picsum.photos/200/300?grayscale)
-
-Station friend describe defense wide stay. Movie else international piece live imagine feeling leave.
-Ago easy main rather today. Her cold civil art. May team executive among.
-
-Law present himself her full describe ago season. Itself though meeting case. Risk training all movement education couple everybody.
-Improve form agreement. Skin should action series.
-
-```python
-def is_palindrome(s):
-  low = 0
-  high = len(s) - 1
-  while low < high:
-    if not s[low].isalpha():
-      low += 1
-    elif not s[high].isalpha():
-      high -= 1
-    else:
-      if s[low].lower() != s[high].lower():
-        return False
-      else:
-        low += 1
-        high -= 1
-        return True
-```
-
-## Company myself often ahead seek example.
-
-Alone minute across technology. Debate improve too travel whom.
-Dark experience health even move push property government. Pressure reality travel country must spring sea really.
-
-Often herself become fill green. Pm foot thousand.
-
-Anything education first service piece support decade. Society couple beautiful machine conference many.
-
-Today allow analysis. Thus city set center.
-After movie hotel imagine seem together. Any exactly seat suffer.
-Shoulder economic hair argue clear. Or day notice information.
-
-## We seek to others
-
-### The very truth is here
-
-Action scientist force. Study young edge particularly number she. Great edge role organization civil camera.
-Over apply shoulder environment. Issue learn ready with time article protect final.
-
-Want fish whole spring play. Ready wife moment manage social itself kid. Him not high identify front.
-Seek let federal green represent according move.
-
-Left white around too evidence. Phone huge study address me possible line. Man win rest you.
-Idea spring do country daughter high. None source fire national around. Hit politics law them early.
-
-### It's easy to see
-
-Economy want compare garden. Company myself often ahead seek example.
-
-Law present himself her full describe ago season. Itself though meeting case. Risk training all movement education couple everybody.
-
-Improve form agreement. Skin should action series.
-
-Station friend describe defense wide stay. Movie else international piece live imagine feeling leave.
-Ago easy main rather today. Her cold civil art. May team executive among.
-
-## A Final word on our ego
-
-![Often, we think](https://picsum.photos/200/300?grayscale)
-
-**Alone minute across technology**. _Debate improve too travel whom_.
-Dark experience health even move push property government. Pressure reality travel country must spring sea really.
-
-Often herself become fill green. Pm foot thousand.
-
-Anything education first service piece support decade. Society couple beautiful machine conference many.

content/contact/index.md

@@ -2,9 +2,12 @@
 title: Nous contacter
 ---
 
+Contactez Damien Deplanque et Bruno Edouard Hagron par différents moyens.
+
 ## Par courrier électronique
 
-Pour l'instant, nous disposons de l'adresse e-mail : [](mailto:)
+Pour l'instant, nous disposons de l'adresse e-mail : [chapelledebethleem@protonmail.com](mailto:chapelledebethleem@protonmail.com)
+
 
 ## Par voie postale
 

content/histoires/_index.md

@@ -1,4 +1,6 @@
-# Quelques histoires
+---
+title: Quelques histoires
+---
 
 Raconte nous une histoire...
 

content/histoires/resume/index.md

@@ -0,0 +1,4 @@
+---
+title: Résumé de l'histoire de la chapelle
+---
+

content/images/_index.md

@@ -1,4 +1,6 @@
-# Images
+---
+title: Gallerie
+---
 
 Vous trouverez ici une liste d'images. N'hésitez pas à [nous contacter](/contact) pour envoyer vos photos !
 

layouts/_default/baseof.html

@@ -4,7 +4,9 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>{{ .Title }}</title>
+	
+    <title>{{ .Title }} - L'Étoile de Bethéem</title>
+
 	{{ with .Site.Params.description }}<meta name="description" content="{{ . }}">{{ end }}
 	{{ with .Site.Params.author }}<meta name="author" content="{{ . }}">{{ end }}
     {{/* 
@@ -12,9 +14,16 @@
 	<link rel="stylesheet" href="{{ . | relURL }}?rnd={{ now.Unix }}">
     {{- end }}
     */}}
+    {{/*
 	{{ with .OutputFormats.Get "RSS" -}}
 		{{ printf `<link rel="%s" type="%s" href="%s" title="%s">` .Rel .MediaType.Type .RelPermalink $.Site.Title | safeHTML }}
 	{{- end }}
+    */}}
+
+    {{ range .AlternativeOutputFormats -}}
+        {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
+    {{ end -}}
+
 
     <!-- Note: j'ai galérer à rajouter du scss car en fait y'avait déja une variable $style de définit plus haut... -->
     {{ $style := resources.Get "sass/main.scss" | resources.ToCSS  | resources.Fingerprint }}

layouts/_default/single.html

@@ -2,9 +2,25 @@
 	<main class="page-container">
 		<article>
 			<h1>{{ .Title }}</h1>
+
             {{ with .Date }}
                 <div>Publié le <b><time>{{ . | time.Format ":date_full" }}</time></b></div>
             {{ end }}
+    
+
+        {{ if .Params.featured_image }}
+            {{ $featuredImage := .Resources.GetMatch (.Params.featured_image.src | safeURL)  }}
+            {{ if $featuredImage }}
+                {{ $featuredImage := $featuredImage.Resize "600x" }}
+                <figure>
+                    <img alt="" src="{{ $featuredImage.RelPermalink }}" />
+                    {{ with .Params.featured_image.caption }}
+                    <figcaption>{{ . }}</figcaption>
+                    {{ end }}
+                </figure>
+            {{ end }}
+        {{ end }}
+
             {{ range .Params.tags }}
                <a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>
             {{ end }}

layouts/actualites/list.html

@@ -0,0 +1,53 @@
+{{ define "main" }}
+	<main class="page-container">
+		{{ $listtitle := .Title }}
+		{{ if or .Title .Content }}
+		<div>
+			{{ with .Title }}<h1>{{ . }}</h1>{{ end }}
+			{{ with .Content }}<div>{{ . }}</div>{{ end }}
+		</div>
+		{{ end }}
+		
+		<ul class="news-list">
+		    {{ range .Paginator.Pages }}
+		    <li class="news-item">
+                <a href="{{ .RelPermalink }}" class="news-item__image">
+                    {{ $featuredImage := (resources.Get (printf "%s" ("cover/cover.jpg" | safeURL))) }}
+                    
+                    {{ if .Params.featured_image }}
+                        {{ $featuredImage = .Resources.GetMatch (.Params.featured_image.src | safeURL)  }}
+                    {{ end }}
+                    {{ $featuredImage := $featuredImage.Resize "450x" }}
+                    <figure>
+                        <img alt="" src="{{ $featuredImage.RelPermalink }}" />
+                        {{ with .Params.featured_image.caption }}
+                        <figcaption>{{ . }}</figcaption>
+                        {{ end }}
+                    </figure>
+                </a>
+                <div class="news-item__content">
+                    <h2 
+                        class="news-item__title"
+                    >
+                        <a
+                            href="{{ .RelPermalink }}"
+                        >
+                        {{.Title }}
+                        </a>
+                    </h2>
+                    <p class="news-item__date">
+                        {{ $date := .Date.Format "2006-01-02"  }}
+                        <time datetime="{{ $date }}">
+                            {{ time.Format "2 January 2006" $date }}
+                        </time>
+                    </p>
+                    <div class="news-item__summary">
+                        {{ .Summary }}...
+                    </div>
+                </div>
+		    </li>
+		    {{ end }}
+		</ul>
+		{{ partial "pagination.html" . }}
+	</main>
+{{ end }}

layouts/actualites/single.html

@@ -0,0 +1,36 @@
+{{ define "main" }}
+	<main class="page-container">
+		<article class="article">
+			<h1>{{ .Title }}</h1>
+
+            {{ if .Date }}
+            <div class="article__date">
+                Publié le
+                {{ $date := .Date.Format "2006-01-02" }}
+                <time date="{{ $date }}">{{ time.Format "2 January 2006" $date }}</time>
+            </div>
+            {{ end }}
+    
+
+        {{ if .Params.featured_image }}
+        {{ $featuredImage := .Resources.GetMatch (.Params.featured_image.src | safeURL)  }}
+        {{ if $featuredImage }}
+            {{ $featuredImage = $featuredImage.Resize "600x" }}
+            <figure class="article__featured-image">
+                <img alt="" src="{{ $featuredImage.RelPermalink }}" />
+                {{ with .Params.featured_image.caption }}
+                <figcaption>{{ . }}</figcaption>
+                {{ end }}
+            </figure>
+        {{ end }}
+        {{ end }}
+
+            {{ range .Params.tags }}
+               <a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>
+            {{ end }}
+			<div>
+				{{ .Content }}
+			</div>
+		</article>
+	</main>
+{{ end }}

layouts/index.html

@@ -1,7 +1,6 @@
 {{ define "main" }}
 	<main class="page-container">
-        <h1>Reconstruison pierre après pierre...</h1>
-        <b>🚧    Site en construction...   🚧</b>
+        {{ .Content }} 
         {{/*
 		{{ $paginator := .Paginate (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }}
 		{{ range $paginator.Pages }}

layouts/partials/header.html

@@ -10,7 +10,7 @@
         <nav class="site-header__nav">
             <a href="/actualites"><b>Actualité</b></a>.
             <a href="/association"><b>L'association</b></a>.
-            <a href="/histoires"><b>Histoire de la chapelle</b></a>.
+            <a href="/histoires"><b>Histoire</b></a>.
             <a href="/images"><b>Gallerie</b></a>.
             {{ range .Site.Menus.main }}
             <a href="{{ .URL | relURL }}"><b>{{ .Name }}</b></a>.