From 792a4a14ea4a000d6109c458277fe1cba1a6bf74 Mon Sep 17 00:00:00 2001
From: daudix <ddaudix@gmail.com>
Date: Sun, 14 Jul 2024 08:17:36 +0300
Subject: [PATCH] Simplify banner and improve readability when used

---
 sass/_article.scss     | 12 +++++-------
 templates/article.html |  4 ++--
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/sass/_article.scss b/sass/_article.scss
index 4aa2a24..5d6897b 100644
--- a/sass/_article.scss
+++ b/sass/_article.scss
@@ -1,5 +1,5 @@
 #banner {
-	$mask: linear-gradient(rgba(0, 0, 0, 0.7), transparent);
+	$mask: linear-gradient(black, transparent);
 	-webkit-mask-image: $mask;
 	position: absolute;
 	top: 0;
@@ -9,10 +9,8 @@
 	transition: none;
 	margin: 0;
 	user-select: none;
-
-	&.bright {
-		$mask: linear-gradient(rgba(0, 0, 0, 0.3), transparent);
-		-webkit-mask-image: $mask;
-		mask-image: $mask;
-	}
+}
+
+.banner-margin {
+	margin-top: 35vw;
 }
diff --git a/templates/article.html b/templates/article.html
index b3469a7..ff50519 100644
--- a/templates/article.html
+++ b/templates/article.html
@@ -5,10 +5,10 @@
 {%- set date_locale = macros_translate::translate(key="date_locale", default="en_US", language_strings=language_strings) -%}
 <article>
 	{%- if page.extra.banner -%}
-		<img id="banner" class="full-bleed{% if page.extra.banner_bright %} bright{% endif %}" src="{{ current_url | safe }}{{ page.extra.banner }}" />
+		<img id="banner" class="full-bleed" src="{{ current_url | safe }}{{ page.extra.banner }}" />
 	{%- endif -%}
 
-	<h1>{{ page.title }}</h1>
+	<h1 {% if page.extra.banner %}class="banner-margin"{%- endif -%}>{{ page.title }}</h1>
 
 	{%- if page.date -%}
 		<small>