assets/sass/article.scss

@@ -90,6 +90,10 @@
         .article__summary {
             padding-bottom: 1rem;
         }
+        .article__readmore {
+            border: 1px solid white;
+
+        }
     }
 
     &:hover {

assets/sass/button.scss

@@ -24,18 +24,15 @@
     }
 }
 
-.button.button-border {
+.button-border {
     border: 1px solid $accent-dark;
 }
 
 .button.button-transparent {
-    background-color: rgba(255, 255, 255, 0.1);
+    background-color: transparent;
-    color: white;
-    border: 1px solid white;
 
     &:hover {
         background-color: transparent;
-        opacity: 0.5;
         color: white;
     }
 }

assets/sass/carousel.scss

@@ -114,13 +114,10 @@ $height: 30rem;
     z-index: 0;
 
     .slide-image {
-        width: 100%;
         padding: 0;
         margin: 0;
         img {
             border-radius: 2px;
-            object-fit: cover;
-            max-height: 22rem;
         }
         figcaption {
             font-size: .9rem;
@@ -346,8 +343,6 @@ $height: 30rem;
             img {
                 width: auto;
                 height: 100%;
-                max-height: initial !important;
-                object-fit: contain;
             }
         }
     }

assets/sass/general.scss

@@ -43,6 +43,32 @@ a:hover {
     opacity: 0.8;
 }
 
+
+.secondary-bg {
+    h2 {
+        color: white;
+    }
+    a {
+        color: white;
+    }
+    color: white;
+
+    .button {
+        background-color: $background-secondary;
+        color: white;
+        &:hover {
+            background-color: lighten($background-secondary, 14%);
+        }
+    }
+
+    background-color: darken($background-secondary, 15%);
+}
+
+.separation-section {
+    margin-top: 3rem;
+    padding: 1.2rem 0;
+}
+
 .w-100 {
     width: 100px;
 }
@@ -171,19 +197,3 @@ figure {
         display: block;
     }
 }
-
-.icon-twitter {
-    fill: lighten(#0C72B7, 20%) !important;
-}
-
-.icon-mastodon {
-    fill: lighten(#5C4CE2, 20%) !important;
-}
-
-.icon-youtube {
-    fill: lighten(#FF1A1A, 15%) !important;
-}
-
-.icon-facebook {
-    fill: lighten(#0866FF, 20%) !important;
-}

assets/sass/landing.scss

@@ -91,42 +91,6 @@
     }
 }
 
-.section-with-bg {
-    position: relative;
-    .section__bg {
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        width: 100%;
-        height: 100;
-        background-position-x: center;
-        background-size: cover;
-    }
-}
-
-.end-landing-section {
-    margin-top: 2rem;
-    margin-bottom: 1rem;
-    .section__content {
-        h2 {
-            color: white;
-        }
-        a {
-            color: white;
-        }
-        color: white;
-
-        background-color: rgba(darken($background, 10%), .4);
-        padding: 1.2rem 0;
-        position: relative;
-        z-index: 1;
-    }
-    .section__bg {
-        // avoir l'etoile dans le cadre sur desktop
-        background-position-y: 28%;
-    }
-}
-
 .news-section {
     .side-icon {
         left: -50px;
@@ -173,6 +137,9 @@
     display: block;
 }
 
+.cover__backdrop {
+}
+
 .landing__title {
     font-weight: 2rem;
 }
@@ -185,6 +152,11 @@
 
 @import 'landing/timeline.scss';
 
+@media (max-width: $lg-breakpoint) {
+    .cover__back {
+    }
+}
+
 @media (min-width: $lg-breakpoint) {
     .cover__back {
         background-position-x: center;
@@ -192,6 +164,7 @@
     }
 }
 
+
 .compare-section {
     .compare-items {
         display: grid;
@@ -349,6 +322,11 @@
     }
 }
 
+
+.history-component__content {
+}
+
+
 .history-carousel {
     background: rgba(1, 1, 1, 0.05);
 }
@@ -369,23 +347,12 @@
 .organization-content {
     display: grid;
     grid-template-columns: 1fr 1fr;
-    column-gap: 3rem;
+    column-gap: 2rem;
     padding-top: 2rem;
     padding-bottom: 2rem;
 
     img {
         border-radius: 3px;
-        object-fit: cover;
-        height: 20rem;
-    }
-}
-
-.organization__image {
-    figure {
-        margin: 0;
-    }
-    figcaption {
-        margin-top: .6rem;
     }
 }
 
@@ -393,27 +360,13 @@
     .cover__back {
         background-position-y: 0;
     }
+
+    .history-container {
+    }
+
     .side-icon {
         display: none;
     }
-
-    .cover__title {
-        font-size: 2.5rem;
-    }
-    
-    .trailer-section {
-        .end-action-container {
-            justify-content: space-between;
-            .button {
-                padding: 1rem 2rem;
-            }
-        }
-    }
-
-    .organization-content {
-        display: flex;
-        flex-direction: column-reverse;
-    }
 }
 
 @media (min-width: $md-breakpoint) {

assets/sass/main.scss

@@ -11,7 +11,7 @@ $xs-breakpoint: 400px;
 // #A5A692
 // #BFB78F
 $background: #025E73; // primary
-$background-secondary: #7592A8;
+$background-secondary: #BFB78F;
 $secondary: #011F26;
 $tertiary: #A5A692;
 $accent: #F2A71B;

config.toml

@@ -22,10 +22,7 @@ dateFmt = "02.01.2006 15:04"
     paper_adhesion = "https://static.etoiledebethleem.fr/docs/adhesion_papier_2023-2024_v3.pdf"
     [params.socials]
     facebook = "https://www.facebook.com/groups/bethleemaubevoye"
-    twitter = "https://twitter.com/etoilebethleem"
     youtube = "https://www.youtube.com/@letoiledebethleem9895"
-    mastodon = "https://attreno.fr/@etoiledebethleem"
-    peertube = "https://peertube.iriseden.eu/c/etoiledebethleem/videos"
 
 [params.defaultLogoImage] 
 local = true

content/a-propos-du-site/index.md

@@ -12,10 +12,6 @@ Association loi 1901.
 - Responsable technique du site web : Matthieu Bessat
 - Siège : 7 allée des sources, Aubevoye, 27940 Le Val d'Hazey
 
-## Crédits
-
-- Page d'accueil : Photo de la chapelle vue du ciel, photographiée par [Francis Cormon](https://web.archive.org/web/20230314054530/http://www.photo-paramoteur.com/) depuis un paramoteur en 2008.
-
 ## Hébergement
 
 Ce site web est auto-hébergé.
@@ -36,3 +32,4 @@ Pour les curieux, ce site est réalisé avec [Hugo](https://gohugo.io/).
 
 Vous pouvez trouver [le code source de ce site web sur ce dépot en ligne](https://forge.lefuturiste.fr/etoiledebethleem/website).
 
+

layouts/index.html

@@ -1,7 +1,6 @@
 {{ define "main" }}
-    {{ $cover := (resources.Get (printf "%s" ("images/cover_1.jpg" | safeURL))) }}
-    {{ $cover = $cover.Resize "1920x" }}
     <div class="cover__container">
+        {{ $cover := (resources.Get (printf "%s" ("images/cover_1.jpg" | safeURL))) }}
         {{ with $cover }}
         <div class="cover__back" style="background-image: url('{{ .RelPermalink }}')">
             <!-- For now we are not going to show a video -->
@@ -120,7 +119,7 @@
                                     <div>
                                         <h3>Les Chartreux</h3>
                                         <p>
-                                            Le cardinal fit don du domaine aux Chartreux d'Aubevoye. Chaque Noël, ils se rendaient en procession à la lueure des torches pour célébrer la messe de minuit dans la crypte. Ils demandèrent au Cardinal de créer un détachement de la chartreuse à la chapelle. 
+                                            Le cardinal fit don du domaine aux Chartreux d'Aubevoye. Chaque Noël, ils se rendèrent en procession à la lueure des torches pour célébrer la messe de minuit dans la crypte. Ils demandèrent au Cardinal de créer un détachement de la chartreuse à la chapelle. 
                                         </p>
                                         <p>
                                             Ils s'occupèrent alors du domaine : les vignes des cotaux et la maintenance de la chapelle jusqu'à la révolution 1791 où ils furent chassés.
@@ -230,7 +229,6 @@
                                     </div>
                                     <div class="image-container">
                                         {{ $image := resources.Get "images/chapelle_2014_sud.jpg" }}
-                                        {{ $image := $image.Resize "800x" }}
                                         <figure class="slide-image image-with-caption">
                                             <img
                                                 alt="Chapelle en mauvaise état en hiver derrière les arbres."
@@ -382,7 +380,7 @@
                             src="{{ $image.RelPermalink }}"
                             alt="Photo de groupe de personnes impliqués dans l'association"
                         />
-                        <figcaption>Les membres fondateurs à l'assemblée constituante</figcaption>
+                        <figcaption>Assemblée constituante 2022</figcaption>
                     </figure>
                 </div>
                 <div class="organization__explain">
@@ -559,25 +557,16 @@
         </section>
 	</main>
 
-    <div class="section section-with-bg end-landing-section">
+    <div class="separation-section secondary-bg">
-        {{ with $cover }}
+        <div class="page-container">
-        <div class="section__bg" style="background-image: url('{{ .RelPermalink }}')">
+            <h2>Rejoignez nous dans notre aventure !</h2>
-        </div>
+            <p>Déjà plus de 80 membres !<p>
-        {{ end }}
+            <a href="/adhesion" class="button">Adhérer !</a>
-        <div class="section__content">
-            <div class="page-container">
-                <h2>Rejoignez nous dans notre aventure !</h2>
-                <p>
-                    Déjà plus de 120 membres !
-                </p>
-                <div class="end-action-container">
-                    <a href="/adhesion" class="button button-transparent">
-                        Adhérer !
-                    </a>
-                </div>
-            </div>
         </div>
     </div>
+	<div class="page-container">
+	</div>
+
 
     {{ $js := resources.Get "scripts/carousel.js" | js.Build (dict "params" (dict "api" "https://example.org/api")) }}
     <script defer src="{{ $js.Permalink }}"></script>

layouts/partials/footer.html

@@ -6,35 +6,30 @@
         <div class="site-footer__links">
             <ul class="site-footer-socials">
                 <li>
-                    <a href="{{ .Site.Params.socials.facebook }}" title="Page Facebook">
+                    <a href="{{ .Site.Params.socials.peertube }}">
-                        {{ partial "helpers/svg" (dict "path" "icons/facebook" "class" "site-footer-socials__logo icon-facebook") }}
-                    </a>
-                </li>
-                <li>
-                    <a href="{{ .Site.Params.contact.helloasso }}" title="Page HelloAsso">
-                        {{ partial "helpers/svg" (dict "path" "icons/helloasso" "class" "site-footer-socials__logo") }}
-                    </a>
-                </li>
-                <li>
-                    <a href="{{ .Site.Params.socials.twitter }}" title="Fil Twitter/X">
-                        {{ partial "helpers/svg" (dict "path" "icons/twitter" "class" "site-footer-socials__logo icon-twitter") }}
-                    </a>
-                </li>
-                <li>
-                    <a href="{{ .Site.Params.socials.youtube }}" title="Chaîne YouTube">
-                        {{ partial "helpers/svg" (dict "path" "icons/youtube" "class" "site-footer-socials__logo icon-youtube") }}
-                    </a>
-                </li>
-                <li>
-                    <a href="{{ .Site.Params.socials.mastodon }}" title="Fil Mastodon">
-                        {{ partial "helpers/svg" (dict "path" "icons/mastodon" "class" "site-footer-socials__logo icon-mastodon") }}
-                    </a>
-                </li>
-                <li>
-                    <a href="{{ .Site.Params.socials.peertube }}" title="Chaîne Peertube">
                         {{ partial "helpers/svg" (dict "path" "icons/peertube" "class" "site-footer-socials__logo") }}
                     </a>
                 </li>
+                <li>
+                    <a href="{{ .Site.Params.socials.mastodon }}">
+                        {{ partial "helpers/svg" (dict "path" "icons/mastodon" "class" "site-footer-socials__logo") }}
+                    </a>
+                </li>
+                <li>
+                    <a href="{{ .Site.Params.socials.facebook }}">
+                        {{ partial "helpers/svg" (dict "path" "icons/facebook" "class" "site-footer-socials__logo") }}
+                    </a>
+                </li>
+                <li>
+                    <a href="{{ .Site.Params.socials.youtube }}">
+                        {{ partial "helpers/svg" (dict "path" "icons/youtube" "class" "site-footer-socials__logo") }}
+                    </a>
+                </li>
+                <li>
+                    <a href="{{ .Site.Params.contact.helloasso }}">
+                        {{ partial "helpers/svg" (dict "path" "icons/helloasso" "class" "site-footer-socials__logo") }}
+                    </a>
+                </li>
             </ul>
             <ul class="inline-menu-list">
                 <li><a href="/association">Notre association</a></li>