From 854da171092ca9a282f857a84ea5779811619b83 Mon Sep 17 00:00:00 2001
From: Matthieu Bessat <mail@matthieubessat.fr>
Date: Sat, 6 May 2023 08:45:31 +0200
Subject: [PATCH] fix(Landing): cover title background

---
 assets/sass/landing.scss  | 15 ++++++---------
 content/sandbox/_index.md |  7 +++++++
 layouts/index.html        |  7 ++-----
 3 files changed, 15 insertions(+), 14 deletions(-)
 create mode 100644 content/sandbox/_index.md

diff --git a/assets/sass/landing.scss b/assets/sass/landing.scss
index 1784fe5..a726350 100644
--- a/assets/sass/landing.scss
+++ b/assets/sass/landing.scss
@@ -20,17 +20,13 @@
     position: absolute;
     width: 100%;
     height: 100%;
-}
-
-.cover__content .page-container {
     display: flex;
-    height: 100%;
     flex-direction: column;
     justify-content: flex-end;
-    padding-bottom: 1em;
 }
 
 
+
 .cover__overlay {
     position: absolute;
     width: 100%;
@@ -51,7 +47,10 @@
 
 .cover__title-container {
     position: relative;
+    padding-top: 1rem;
+    padding-bottom: 1rem;
     animation: cover_title_in 0.5s cubic-bezier(.39,.58,.57,1);
+    background-color: rgba(1, 1, 1, 0.5);
 }
 
 .cover__title {
@@ -59,12 +58,10 @@
     color: white;
     font-size: 3em;
     margin: 0;
-    margin-bottom: 0.3em;
+    margin-bottom: 0;
     z-index: 2;
     // position: absolute;
-    display: inline;
-    padding: 0.4rem 0.75rem;
-    background: rgba(1, 1, 1, 0.5);
+    display: block;
 }
 
 .cover__backdrop {
diff --git a/content/sandbox/_index.md b/content/sandbox/_index.md
new file mode 100644
index 0000000..68ed35e
--- /dev/null
+++ b/content/sandbox/_index.md
@@ -0,0 +1,7 @@
+---
+title: "Timeline"
+date: 2022-09-14T16:43:45+02:00
+draft: true
+---
+
+## Timeline
diff --git a/layouts/index.html b/layouts/index.html
index 1ebecae..00ff72e 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,19 +1,16 @@
 {{ define "main" }}
-
     <div class="cover__container">
         <div class="cover__back" style="background-image: url('https://share.lefuturiste.fr/u/2478737d-7e5e-42cd-8764-d0136ef83546/cover_v2_01.jpg')">
         </div>
         <div class="cover__overlay">
         </div>
         <div class="cover__content">
-            <div class="page-container">
-                <div class="cover__title-container">
+            <div class="cover__title-container">
+                <div class="page-container">
                     <h1 class="cover__title">
                         Sauvons la chapelle
                         de Bethléem !
                     </h1>
-                    <div class="cover__backdrop">
-                    </div>
                 </div>
             </div>
         </div>