From 8487442676d80603f0f480fa257992ed6f68c6e2 Mon Sep 17 00:00:00 2001
From: Matthieu Bessat <mail@matthieubessat.fr>
Date: Mon, 26 Feb 2024 16:44:34 +0100
Subject: [PATCH] fix(landing): background icons

---
 assets/sass/landing.scss |   6 +-
 config.toml              |   1 +
 layouts/index.html       | 164 +++++++++++++++++++--------------------
 3 files changed, 87 insertions(+), 84 deletions(-)

diff --git a/assets/sass/landing.scss b/assets/sass/landing.scss
index 526a185..229170a 100644
--- a/assets/sass/landing.scss
+++ b/assets/sass/landing.scss
@@ -84,10 +84,14 @@
     .section-title {
         padding-top: 2rem;
     }
+
+    .landing-section__content {
+        z-index: 2;
+        position: relative;
+    }
 }
 
 .news-section {
-
     .side-icon {
         left: -50px;
         bottom: -75px;
diff --git a/config.toml b/config.toml
index 6a3181b..f0e91d1 100644
--- a/config.toml
+++ b/config.toml
@@ -14,6 +14,7 @@ changefreq = 'weekly'
 [params]
 dateFmt = "02.01.2006 15:04"
     [params.contact]
+    peertube = "https://peertube.iriseden.eu/c/etoiledebethleem/videos"
     email = "contact@etoiledebethleem.fr"
     website = "https://etoiledebethleem.fr"
     helloasso = "https://www.helloasso.com/associations/l-etoile-de-bethleem-association-des-amis-de-la-chapelle-de-bethleem-d-aubevoye/"
diff --git a/layouts/index.html b/layouts/index.html
index 4944d3c..132c7f6 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -36,12 +36,12 @@
         <!-- 🚧    Site en construction...   🚧 -->
         <!-- </div> -->
         <section class="trailer-section landing-section" id="trailer-organization">
-            <div class="page-container">
+            <div class="side-icon">
+                {{ partial "helpers/svg" (dict "path" "icons/old_tv_3d") }}
+            </div>
+            <div class="landing-section__content page-container">
                 <div class="organization__explain">
                     <h2>Regardez la vidéo de présentation</h2>
-                    <div class="side-icon">
-                        {{ partial "helpers/svg" (dict "path" "icons/old_tv_3d") }}
-                    </div>
                     <iframe
                         class="video"
                         title="Campagne d'adhésion 2023-2024 - L'étoile de Bethléem"
@@ -396,90 +396,88 @@
                 {{ partial "helpers/svg" (dict "path" "icons/press") }}
             </div>
 
-
-            <div class="article-cards page-container">
-            <h2 class="section-title">
-                Les dernières nouvelles…
-            </h2>
-            <div class="news-presentation">
-                {{ $news := where .Site.RegularPages "Section" "in" "actualites" }}
-                {{ range $index, $element := $news }}{{ if eq $index 0 }}
-                    {{ $featuredImage := (resources.Get (printf "%s" ("cover/cover.jpg" | safeURL))) }}
-                    {{ with $element.Params.featured_image }}
-                        {{ $featuredImage = $element.Resources.GetMatch .src }}
-                    {{ end }}
-                    {{ $featuredImage := $featuredImage.Resize "800x" }}
-                    <div
-                        class="prominent-article article-card"
-                    >
-                        <a class="article__image" href="{{ .RelPermalink }}">
-                            {{ with $featuredImage }}
-                                <img src="{{ .RelPermalink }}" />
-                            {{ end }}
-                        </a>
-                        <div class="article__content">
-                            <h2 class="article__title">
-                                <a href="{{ .RelPermalink }}">{{ .Title }}</a>
-                            </h2>
-                            <div class="article__meta">
-                                Le {{ time.Format "Monday 2 January 2006" .Date }}
-                            </div>
-                            <div class="article__summary">
-                                {{ .Summary | truncate 250 }}
-                            </div>
-                            <div class="article__bottom">
-                                <a 
-                                    href="{{ .RelPermalink }}"
-                                    class="article__readmore button button-transparent"
-                                >
-                                    Lire plus
-                                </a>
-                            </div>
-                        </div>
-                    </div>
-                {{ end }}{{ end }}
-                </div>
-                <div class="separator news-separator"></div>
-
-                <div class="secondary-news">
-                {{ range $index, $element := $news }}{{ if (and (gt $index 0) (lt $index 3)) }}
-                    {{ $featuredImage := (resources.Get (printf "%s" ("cover/cover.jpg" | safeURL))) }}
-                    {{ with $element.Params.featured_image }}
-                        {{ $featuredImage = $element.Resources.GetMatch .src }}
-                    {{ end }}
-                    {{ $featuredImage := $featuredImage.Resize "fit 700x" }}
-                    <div
-                        class="article-card"
-                        href="{{ .RelPermalink }}"
+            <div class="landing-section__content article-cards page-container">
+                <h2 class="section-title">
+                    Les dernières nouvelles…
+                </h2>
+                <div class="news-presentation">
+                    {{ $news := where .Site.RegularPages "Section" "in" "actualites" }}
+                    {{ range $index, $element := $news }}{{ if eq $index 0 }}
+                        {{ $featuredImage := (resources.Get (printf "%s" ("cover/cover.jpg" | safeURL))) }}
+                        {{ with $element.Params.featured_image }}
+                            {{ $featuredImage = $element.Resources.GetMatch .src }}
+                        {{ end }}
+                        {{ $featuredImage := $featuredImage.Resize "800x" }}
+                        <div
+                            class="prominent-article article-card"
                         >
-                        <a class="article__image" href="{{ .RelPermalink }}">
-                            {{ with $featuredImage }}
-                                <img src="{{ .RelPermalink }}" />
-                            {{ end }}
-                        </a>
-                        <div class="article__content">
-                            <h2 class="article__title">
-                                <a href="{{ .RelPermalink }}">{{ .Title }}</a>
-                            </h2>
-                            <div class="article__meta">
-                                Le {{ time.Format "Monday 2 January 2006" .Date }}
-                            </div>
-                            <div class="article__summary">
-                                {{ .Summary | truncate 100 }}
-                            </div>
-                            <div class="article__bottom">
-                                <a 
-                                    href="{{ .RelPermalink }}"
-                                    class="article__readmore link"
-                                >
-                                    Lire plus
-                                </a>
+                            <a class="article__image" href="{{ .RelPermalink }}">
+                                {{ with $featuredImage }}
+                                    <img src="{{ .RelPermalink }}" />
+                                {{ end }}
+                            </a>
+                            <div class="article__content">
+                                <h2 class="article__title">
+                                    <a href="{{ .RelPermalink }}">{{ .Title }}</a>
+                                </h2>
+                                <div class="article__meta">
+                                    Le {{ time.Format "Monday 2 January 2006" .Date }}
+                                </div>
+                                <div class="article__summary">
+                                    {{ .Summary | truncate 250 }}
+                                </div>
+                                <div class="article__bottom">
+                                    <a 
+                                        href="{{ .RelPermalink }}"
+                                        class="article__readmore button button-transparent"
+                                    >
+                                        Lire plus
+                                    </a>
+                                </div>
                             </div>
                         </div>
+                    {{ end }}{{ end }}
                     </div>
-                {{ end }}{{ end }}
-                </div>
+                    <div class="separator news-separator"></div>
 
+                    <div class="secondary-news">
+                    {{ range $index, $element := $news }}{{ if (and (gt $index 0) (lt $index 3)) }}
+                        {{ $featuredImage := (resources.Get (printf "%s" ("cover/cover.jpg" | safeURL))) }}
+                        {{ with $element.Params.featured_image }}
+                            {{ $featuredImage = $element.Resources.GetMatch .src }}
+                        {{ end }}
+                        {{ $featuredImage := $featuredImage.Resize "fit 700x" }}
+                        <div
+                            class="article-card"
+                            href="{{ .RelPermalink }}"
+                            >
+                            <a class="article__image" href="{{ .RelPermalink }}">
+                                {{ with $featuredImage }}
+                                    <img src="{{ .RelPermalink }}" />
+                                {{ end }}
+                            </a>
+                            <div class="article__content">
+                                <h2 class="article__title">
+                                    <a href="{{ .RelPermalink }}">{{ .Title }}</a>
+                                </h2>
+                                <div class="article__meta">
+                                    Le {{ time.Format "Monday 2 January 2006" .Date }}
+                                </div>
+                                <div class="article__summary">
+                                    {{ .Summary | truncate 100 }}
+                                </div>
+                                <div class="article__bottom">
+                                    <a 
+                                        href="{{ .RelPermalink }}"
+                                        class="article__readmore link"
+                                    >
+                                        Lire plus
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    {{ end }}{{ end }}
+                </div>
             </div>
         </section>