kegelschiene/schliesspendel-site
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Merge branch 'background-image' of kegelschiene/schliesspendel-site into master

Browse source
This commit is contained in:
Simon Bruder 2018-01-09 19:03:28 +00:00 committed by Gitea
parent e7c35e1c00 3caeb8d4cb
commit aaac508b12
4 changed files with 25 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
static/img/header.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 244 KiB

1
themes/schliesspendel/layouts/partials/head.html
View file

@ -20,4 +20,3 @@
{{ partial "piwik.html" . }}
</head>
<body>
<div class="container">

20
themes/schliesspendel/layouts/partials/header.html
View file

@ -3,13 +3,15 @@
{{ with .Site.Params.Header.button }}
<a class="button button-primary" href="{{ .link }}">{{ .text }}</a>
{{ end }}
<div class="value-props row">
{{ range .Site.Params.Header.feature }}
<div class="four columns value-prop">
<img class="value-img" src="{{ .image | relURL }}">
{{ .description | safeHTML }}
</div>
{{ end }}
</div>
</section>
<div class="container">
<section class="features">
<div class="value-props row">
{{ range .Site.Params.Header.feature }}
<div class="four columns value-prop">
<img class="value-img" src="{{ .image | relURL }}">
{{ .description | safeHTML }}
</div>
{{ end }}
</div>
</section>

19
themes/schliesspendel/static/css/style.css
View file

@ -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,9 @@ footer p {
width: 80%;
}
}
/* image header */
.header {
background: linear-gradient(#FFFFFF20,#FFFFFF7E), url('/img/header.jpg') center center no-repeat;
background-size: cover;
}