Change the logo to center and transparent

This commit is contained in:
Gregory Trolliet 2020-10-30 13:35:57 +01:00
parent 59d14d98e4
commit 1edb0e8f7c
2 changed files with 11 additions and 4 deletions

View file

@ -1,5 +1,6 @@
<main class="front-screen" {{ if $.Params.background }}
style="background-image: url('{{ $.Site.BaseURL }}{{ print (index $.Params.background 0) }}');" {{ end }}>
<main class="front-screen">
{{ if $.Params.background }}
<img class="front-screen_image" src="{{ $.Site.BaseURL }}{{ print (index $.Params.background 0) }}"/> {{ end }}
<div class="front-screen_caption">
{{ .Content }}
</div>

View file

@ -234,10 +234,16 @@ body {
margin: auto;
max-width: var(--max-width-full);
}
.front-screen_image {
opacity: 0.5;
width: 100%;
}
.front-screen_caption {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 50%;
transform: translateY(-50%) translateX(-50%);
text-align: center;
}
.front-screen_caption h1 {
font-weight: normal;