From 67b451fe3dae0c7e90a0f35fe31833fc1ae2d745 Mon Sep 17 00:00:00 2001 From: Simon Bruder Date: Wed, 6 Dec 2017 22:38:40 +0000 Subject: [PATCH] add background-image draft --- .../schliesspendel/layouts/partials/head.html | 3 +-- .../layouts/partials/header.html | 20 ++++++++++--------- themes/schliesspendel/static/css/style.css | 18 +++++++++++------ 3 files changed, 24 insertions(+), 17 deletions(-) diff --git a/themes/schliesspendel/layouts/partials/head.html b/themes/schliesspendel/layouts/partials/head.html index 6d4b548..a926aa6 100644 --- a/themes/schliesspendel/layouts/partials/head.html +++ b/themes/schliesspendel/layouts/partials/head.html @@ -11,7 +11,7 @@ - + @@ -20,4 +20,3 @@ {{ partial "piwik.html" . }} -
diff --git a/themes/schliesspendel/layouts/partials/header.html b/themes/schliesspendel/layouts/partials/header.html index 9a0116d..bbfdc8d 100644 --- a/themes/schliesspendel/layouts/partials/header.html +++ b/themes/schliesspendel/layouts/partials/header.html @@ -3,13 +3,15 @@ {{ with .Site.Params.Header.button }} {{ .text }} {{ end }} -
- {{ range .Site.Params.Header.feature }} -
- - {{ .description | safeHTML }} -
- {{ end }} -
- +
+ +
+ {{ range .Site.Params.Header.feature }} +
+ + {{ .description | safeHTML }} +
+ {{ end }} +
+ diff --git a/themes/schliesspendel/static/css/style.css b/themes/schliesspendel/static/css/style.css index 147eea6..d30d516 100644 --- a/themes/schliesspendel/static/css/style.css +++ b/themes/schliesspendel/static/css/style.css @@ -3,17 +3,18 @@ body { } .header { - margin-top: 6rem; + padding-top: 6rem; text-align: center; + min-height: 200px; } .value-prop { - margin-top: 1rem; + padding-top: 1rem; } .value-props { - margin-top: 4rem; - margin-bottom: 4rem; + padding-top: 4rem; + padding-bottom: 4rem; } .value-img { @@ -56,10 +57,10 @@ footer p { @media (min-width: 550px) { .header { - margin-top: 18rem; + padding-top: 18rem; + padding-bottom: 9rem; } .value-props { - margin-top: 9rem; margin-bottom: 7rem; } .value-img { @@ -134,3 +135,8 @@ footer p { width: 80%; } } + +/* image header */ +.header { + background: linear-gradient(#FFFFFF20,#FFFFFF7E), url('https://source.unsplash.com/mKA3VavSuaI/1920x800') center center no-repeat; +}