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

---
 themes/buha/assets/scss/header.scss           |  6 ++-
 themes/buha/assets/scss/init.scss             | 43 +++++++++++++++++++
 themes/buha/assets/scss/main.scss             |  2 +-
 .../layouts/partials/layout/gen_list.html     | 26 ++++++++---
 4 files changed, 67 insertions(+), 10 deletions(-)
 create mode 100644 themes/buha/assets/scss/init.scss

diff --git a/themes/buha/assets/scss/header.scss b/themes/buha/assets/scss/header.scss
index 8e76fea..26fc20e 100644
--- a/themes/buha/assets/scss/header.scss
+++ b/themes/buha/assets/scss/header.scss
@@ -8,9 +8,10 @@ header {
         align-items: center;
         justify-content: space-between;
         svg {
+            margin-top: 1rem;
             margin-left: 0.2vw;
             width: auto;
-            height: 2.5rem;
+            height: 4em;
             filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 1));
             path {
                 fill: var(--logo-color) !important;
@@ -36,8 +37,9 @@ header {
         width: 86%;
         div {
             svg {
+                margin-top: 5rem;
                 width: auto;
-                height: 3rem;
+                height: 7em;
             }
             div {
                 font-size: 1.2rem;
diff --git a/themes/buha/assets/scss/init.scss b/themes/buha/assets/scss/init.scss
new file mode 100644
index 0000000..24d5fb2
--- /dev/null
+++ b/themes/buha/assets/scss/init.scss
@@ -0,0 +1,43 @@
+// Breakpoints
+$bp-small: 48em; // 768px
+$bp-medium: 64em; // 1024px
+$bp-large: 85.375em; // 1366px
+$bp-xlarge: 120em; // 1920px
+$bp-xxlarge: 160em; // 2560px
+
+// Media Queries
+$mq-small: "(min-width: #{$bp-small})";
+$mq-medium: "(min-width: #{$bp-medium})";
+$mq-large: "(min-width: #{$bp-large})";
+$mq-xlarge: "(min-width: #{$bp-xlarge})";
+$mq-xxlarge: "(min-width: #{$bp-xxlarge})";
+$mq-retina: "(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)";
+
+// Font-Size
+$base-font-size: 1em;
+
+// Line-Height
+$base-line-height: 1.5;
+$header-line-height: 1.25;
+
+body {
+  font-size: $base-font-size;
+  line-height: $base-line-height;
+
+  @media #{$mq-medium} {
+    font-size: $base-font-size*1.2;
+    line-height: $base-line-height*1.2;
+  }
+
+  @media #{$mq-large} {
+    font-size: $base-font-size*1.3;
+  }
+
+  @media #{$mq-xlarge} {
+    font-size: $base-font-size*1.4;
+  }
+
+  @media #{$mq-xxlarge} {
+    font-size: $base-font-size*1.6;
+  }
+}
diff --git a/themes/buha/assets/scss/main.scss b/themes/buha/assets/scss/main.scss
index 277ae7a..561e808 100644
--- a/themes/buha/assets/scss/main.scss
+++ b/themes/buha/assets/scss/main.scss
@@ -6,7 +6,7 @@
 	padding-right: 1.1rem;
 	font-size: 150%;
 }
-	
+
 main {
 	flex-grow: 1;
     overflow: auto;
diff --git a/themes/buha/layouts/partials/layout/gen_list.html b/themes/buha/layouts/partials/layout/gen_list.html
index 6d771df..3d963b9 100644
--- a/themes/buha/layouts/partials/layout/gen_list.html
+++ b/themes/buha/layouts/partials/layout/gen_list.html
@@ -36,24 +36,36 @@
 					{{ .Title }}
 					{{ if $title }}</h3>{{ else }}</h2>{{ end }}
 					{{ with .Resources.GetMatch $banner }}
-						{{ if eq hugo.Environment "development" }}
 							{{ $good_w := "1920"}}
 							{{ $good_h := "550"}}
-							{{ $ratio := div (float .Width) (float .Height) }}
+							{{ $b := true }}
 							{{ if lt (int .Width) $good_w }}
-								Width: {{ .Width }}px: too small, better {{ $good_w -}}px in width<br>
+								{{ $b = false }}
+								{{ if eq hugo.Environment "development" }}
+									Width: {{ .Width }}px: too small, better {{ $good_w -}}px in width<br>
+								{{ end }}
 							{{ else if gt (int .Width) $good_w }}
-								Width: {{ .Width }}px: too big, better {{ $good_w -}}px in width<br>
+								{{ $b = false }}
+								{{ if eq hugo.Environment "development" }}
+									Width: {{ .Width }}px: too big, better {{ $good_w -}}px in width<br>
+								{{ end }}
 							{{ end }}
 							{{ if lt (int .Height) $good_h }}
-								Height: {{ .Height }}px: too small, better {{ $good_h -}}px in height<br>
+								{{ $b = false }}
+								{{ if eq hugo.Environment "development" }}
+									Height: {{ .Height }}px: too small, better {{ $good_h -}}px in height<br>
+								{{ end }}
 							{{ else if gt (int .Height) $good_h }}
-								Height: {{ .Height }}px: too big, better {{ $good_h -}}px in height<br>
+								{{ $b = false }}
+								{{ if eq hugo.Environment "development" }}
+									Height: {{ .Height }}px: too big, better {{ $good_h -}}px in height<br>
+								{{ end }}
 							{{ end }}
-						{{ end }}
 						<!--<div class="img" style="background-image: url({{ .Permalink }})">
 						</div>-->
+						{{ if eq $b true }}
 						<img src="{{ .Permalink }}" />
+						{{ end }}
 					{{ end }}
 					<div class="text">
 					{{ if .Description }}