From 9214676408f121585a4361d81ed8bfb4644e6880 Mon Sep 17 00:00:00 2001
From: Boris Paing <git@borispaing.fr>
Date: Sun, 13 Dec 2020 22:48:13 +0100
Subject: [PATCH] =?UTF-8?q?Ajout=20overlay=20pour=20am=C3=A9liorer=20lisib?=
 =?UTF-8?q?ilit=C3=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html                     |  2 +-
 temoignages-interviews-g1.html |  2 +-
 themes/attilax/decoration.css  | 16 +++++++++++++++-
 themes/attilax/layout.css      | 20 ++++++++++++++++++++
 4 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index e823afd..ab2331e 100644
--- a/index.html
+++ b/index.html
@@ -50,7 +50,7 @@
 	<footer>
 		<p>Vous aimez ce site ? Faites-moi un don en june :</p>
 		
-		<p><img src="img/qrcodeg1cotiz.png" alt="Clef publique d'Attilax" /></p>
+		<p><img data-lazyimg-list="true" src="img/qrcodeg1cotiz.png" alt="Clef publique d'Attilax" /></p>
 		
 		<p>site publié sous licence libre CC-By-SA</p>
 	</footer>
diff --git a/temoignages-interviews-g1.html b/temoignages-interviews-g1.html
index d4a224a..1eb88f1 100644
--- a/temoignages-interviews-g1.html
+++ b/temoignages-interviews-g1.html
@@ -352,7 +352,7 @@
 	<footer>
 		<p>Vous aimez ce site ? Faites-moi un don en june :</p>
 		
-		<p><img src="img/qrcodeg1cotiz.png" alt="Clef publique d'Attilax" /></p>
+		<p><img data-lazyimg-list="true" src="img/qrcodeg1cotiz.png" alt="Clef publique d'Attilax" /></p>
 		
 		<p>site publié sous licence libre CC-By-SA</p>
 	</footer>
diff --git a/themes/attilax/decoration.css b/themes/attilax/decoration.css
index 49a60fc..3b9c801 100644
--- a/themes/attilax/decoration.css
+++ b/themes/attilax/decoration.css
@@ -1,3 +1,8 @@
+:root {
+	
+	--bleu-nuit: hsla(247.5, 70.6%, 6.7%, 0.5);
+}
+
 body {
 
 	background-image: url("espace-1348w-60pcts.jpg");
@@ -10,7 +15,16 @@ body {
 	font-family: "Bree Serif";
 	font-weight: bold;
 	
-	text-shadow: 0 0 0.5rem hsl(244.8, 86.2%, 5.7%);	
+	text-shadow: 0 0 0.5rem var(--bleu-nuit);	
+}
+
+body:before {
+	
+	background-color: var(--bleu-nuit);
+	box-shadow: 
+		-6rem 0 3rem var(--bleu-nuit), 
+		3rem 0 3rem var(--bleu-nuit)
+	;
 }
 
 body > header a:after {
diff --git a/themes/attilax/layout.css b/themes/attilax/layout.css
index f1707c3..2202b25 100644
--- a/themes/attilax/layout.css
+++ b/themes/attilax/layout.css
@@ -1,9 +1,28 @@
+
 body {
 
 	max-width: 800px;
 	margin: auto;
 }
 
+body:before {
+	
+	content: " ";
+	position: fixed;
+	top: 0;
+	left: 50vw;
+	margin-left: -400px;
+	width: 800px;
+	height: 100vh;
+	z-index: 0;
+}
+
+header, main, footer {
+	
+	position: relative;
+	z-index: 100;
+}
+
 body > header {
 	
 	margin-bottom: 2rem;
@@ -106,3 +125,4 @@ dt {
 	margin-top: 0.5rem;
 	margin-bottom: 0.5rem;
 }
+