Better background colour for homepage splash

If we set a dark background colour as well as the image it’ll show while the image is loading (or if the image fails to load). This colour is picked from the background of the image to reduce impact when it loads.
This commit is contained in:
Robin Whittleton 2020-07-26 19:36:07 +02:00 committed by Alex Cabal
parent e5e04b2de8
commit 4495915dae

View file

@ -293,9 +293,7 @@ article > h1{
main.front-page h1{ main.front-page h1{
text-align: center; text-align: center;
background: url('/images/book.jpg'); background: #29292b url('/images/book.jpg') center / cover;
background-size: cover;
background-position: center;
border-bottom: 1px solid var(--border); border-bottom: 1px solid var(--border);
box-shadow: 0 0 10px rgba(0, 0, 0, .75); box-shadow: 0 0 10px rgba(0, 0, 0, .75);
width: calc(100% + 4rem); width: calc(100% + 4rem);