Ajout overlay pour améliorer lisibilité

This commit is contained in:
Boris Paing 2020-12-13 22:48:13 +01:00
parent 4077be1980
commit 9214676408
4 changed files with 37 additions and 3 deletions

View File

@ -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>

View File

@ -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>

View File

@ -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 {

View File

@ -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;
}