raghnarok/hugo_idunn
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Change the logo to center and transparent

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

5
layouts/partials/front.html
View file

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

8
static/css/base.css
View file

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