From a71e15aba5f70fb2bafa3ad36699f931c9b3f59b Mon Sep 17 00:00:00 2001
From: teldra <teldra@rotce.de>
Date: Sun, 12 Jun 2022 21:14:14 +0200
Subject: [PATCH] small fixes

---
 themes/buha/assets/scss/banner.scss           | 24 +++++++++++++++----
 .../layouts/partials/snippets/banner.html     | 12 ++++++----
 2 files changed, 28 insertions(+), 8 deletions(-)

diff --git a/themes/buha/assets/scss/banner.scss b/themes/buha/assets/scss/banner.scss
index 0d42ede..0f8c044 100644
--- a/themes/buha/assets/scss/banner.scss
+++ b/themes/buha/assets/scss/banner.scss
@@ -9,10 +9,26 @@
     background-attachment: fixed;
     display: flex;
     flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    h1 {
-		word-break: break-all;
+    justify-content: flex-end;
+    .title_index {
+      word-break: break-all;
+      align-self: center;
+      justify-self: center;
+      color: var(--text-main);
+      background: var(--background-body);
+      border-radius: 10px;
+      text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
+            0px 8px 13px rgba(0,0,0,0.1),
+            0px 18px 23px rgba(0,0,0,0.1);
+    }
+    .title {
+      background: var(--background-body);
+      word-break: break-all;
+      color: var(--text-main);
+      margin-bottom: 0;
+      text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
+            0px 8px 13px rgba(0,0,0,0.1),
+            0px 18px 23px rgba(0,0,0,0.1);
     }
 }
 
diff --git a/themes/buha/layouts/partials/snippets/banner.html b/themes/buha/layouts/partials/snippets/banner.html
index 9c78376..70547ed 100644
--- a/themes/buha/layouts/partials/snippets/banner.html
+++ b/themes/buha/layouts/partials/snippets/banner.html
@@ -17,13 +17,17 @@
         {{ $what = .File.ContentBaseName }}
     {{ end }}
 {{ end }}
+{{ $title_class := safeCSS "title" }}
+{{ if .IsHome }}
+    {{ $title_class = safeCSS "title_index" }}
+{{ end }}
 {{ $banner := printf "/images/banner/%s*" $what }}
 {{ if resources.GetMatch $banner }}
     {{  $img = (resources.GetMatch $banner).Fill $fill }}
 {{ end }}
 {{ if and (resources.GetMatch $banner) (ne .Params.banner false) }}
     <div style="background-image: url({{- $img.Permalink -}})" class="banner">
-        <h1>{{ $title }}</h1>
+        <h1 class="{{ $title_class }}">{{ $title }}</h1>
         {{ if eq hugo.Environment "development" }}
             <div>
                 {{ $w := (resources.GetMatch $banner).Width }}
@@ -52,7 +56,7 @@
 {{ else if and (.Resources.Match "banner*") (ne .Params.banner false) }}
         {{ $img = (.Resources.GetMatch "banner*").Fill $fill }}
     <div style="background-image:url({{- $img.Permalink -}})" class="banner">
-        <h1>{{ $title }}</h1>
+        <h1 class="{{ $title_class }}">{{ $title }}</h1>
         {{ if eq hugo.Environment "development" }}
             <div>
                 {{ $w :=  (index (.Resources.Match "banner*") 0).Width }}
@@ -81,7 +85,7 @@
 {{ else if and (.Resources.ByType "image") (ne .Params.banner false) }}
         {{ $img = (index (.Resources.ByType "image") 0).Fill $fill }}
     <div style="background-image: url({{- $img.Permalink -}})" class="banner">
-        <h1>{{ $title }}</h1>
+        <h1 class="{{ $title_class }}">{{ $title }}</h1>
         {{ if eq hugo.Environment "development" }}
             <div>
                 {{ $w := (index (.Resources.ByType "image") 0).Width }}
@@ -109,7 +113,7 @@
     </div>
 {{ else }}
     <div class="banner">
-        <h1>{{ $title }}</h1>
+        <h1 class="{{ $title_class }}">{{ $title }}</h1>
         {{ if eq hugo.Environment "development" }}
             <p>
             assets/images/banner/{{ $what -}}.* missing..<br>