teldra/bunteshaus.de
1
0
Fork 0
forked from Bunteshaus/bunteshaus.de
Code Issues Pull Requests Projects Releases Wiki Activity

small fixes

Browse Source
This commit is contained in:
teldra 2022-05-06 16:07:39 +02:00
parent 8bf5316c34
commit a8697f5eea
7 changed files with 27 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
assets/images/banner/.directory Normal file
View File

@ -0,0 +1,9 @@
[Dolphin]
HeaderColumnWidths=733,143,94,163
PreviewsShown=false
SortOrder=1
SortRole=modificationtime
Timestamp=2022,5,6,15,38,7.939
Version=4
ViewMode=1
VisibleRoles=Details_text,Details_size,Details_modificationtime,Details_type,Details_permissions,CustomizedDetails

BIN
assets/images/banner/home.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 32 KiB

BIN
assets/images/banner/home.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 110 KiB

1
themes/buha/assets/css/classes.css
View File

@ -61,3 +61,4 @@
.no_underline {
text-decoration: none;
}

7
themes/buha/assets/css/header.css
View File

@ -25,3 +25,10 @@ summary {
list-style: none;
text-align: right;
}
.sticky {
position: fixed;
width: 100%;
max-width: 1024px;
background-color: var(--background-alt);
}

2
themes/buha/layouts/_default/baseof.html
View File

@ -4,7 +4,7 @@
{{ block "css" . -}}{{- end }}
<body>
<div id="container">
<header>
<header class="sticky">
{{ partial "snippets/header" . }}
</header>
{{ partial "snippets/banner" . -}}

12
themes/buha/layouts/partials/snippets/banner.html
View File

@ -20,10 +20,16 @@
{{ end }}
{{ if resources.GetMatch $banner }}
<div style="background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url({{- $img.Permalink -}}); background-size: cover; min-height: 33vh; display: flex; justify-content: center; align-items: center;"><h1 style="font-size: 350%; color: white;">{{ $title }}</h1></div>
<div style="background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url({{- $img.Permalink -}}); min-height: 33vh; display: flex; justify-content: center; align-items: center; background-position: bottom center;
background-repeat: no-repeat;
background-size:cover;
background-attachment:fixed; padding-top: 5rem;"><h1 style="font-size: 350%; color: white;">{{ $title }}</h1></div>
{{ else if .Resources.Match "banner*" }}
{{ $img = (.Resources.GetMatch "banner*") }}
<div style="background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url({{- $img.Permalink -}}); background-size: cover; min-height: 33vh; display: flex; justify-content: center; align-items: center;"><h1 style="font-size: 350%; color: white;">{{ $title }}</h1></div>
<div style="background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url({{- $img.Permalink -}}); min-height: 33vh; display: flex; justify-content: center; align-items: center; background-position: bottom center;
background-repeat: no-repeat;
background-size:cover;
background-attachment:fixed; padding-top: 5rem;"><h1 style="font-size: 350%; color: white;">{{ $title }}</h1></div>
{{ else }}
<h1 style="margin-top: 1rem; margin-left: 2rem; margin-bottom: 0; color: white;">{{ $title }}</h1>
<h1 style="margin-left: 2rem; margin-bottom: 0; color: white; padding-top: 5rem;">{{ $title }}</h1>
{{ end }}