From 3168e3b9d933c4bcad736694f08a5b2092b11321 Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Thu, 29 Oct 2020 13:14:31 +0000
Subject: [PATCH] Revert "Handling banners"

This reverts commit f81e666c244a66735dd2517b1848eeef7395928a.
---
 epicyon-blog.css   | 9 ++++++---
 epicyon-follow.css | 7 ++++---
 epicyon-links.css  | 8 +++++---
 epicyon-search.css | 7 ++++---
 4 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/epicyon-blog.css b/epicyon-blog.css
index d0e759820..0e78fa287 100644
--- a/epicyon-blog.css
+++ b/epicyon-blog.css
@@ -44,7 +44,6 @@
     --timeline-border-radius: 30px;
     --focus-color: white;
     --line-spacing: 130%;
-    --banner-height: 15vh;
 }
 
 @font-face {
@@ -100,8 +99,12 @@ a:focus {
 }
 
 .timeline-banner {
-    width: 98vw;
-    height: var(--banner-height);
+    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("banner.png");
+    height: 10%;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    position: relative;
 }
 
 .hero-image {
diff --git a/epicyon-follow.css b/epicyon-follow.css
index 4b41a1830..1e255985d 100644
--- a/epicyon-follow.css
+++ b/epicyon-follow.css
@@ -31,7 +31,6 @@
     --follow-text-size2: 40px;
     --follow-text-entry-width: 90%;
     --focus-color: white;
-    --banner-height: 15vh;
 }
 
 @font-face {
@@ -81,8 +80,10 @@ a:focus {
 }
 
 .searchBanner {
-    width: 98vw;
-    height: var(--banner-height);
+    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("search_banner.png");
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: 90%;
 }
 
 .follow {
diff --git a/epicyon-links.css b/epicyon-links.css
index be0316b71..1434a4df7 100644
--- a/epicyon-links.css
+++ b/epicyon-links.css
@@ -64,7 +64,6 @@
     --column-left-width: 10vw;
     --column-center-width: 80vw;
     --column-right-width: 10vw;
-    --banner-height: 15vh;
 }
 
 @font-face {
@@ -182,8 +181,11 @@ a:focus {
 }
 
 .timeline-banner {
-    width: 98vw;
-    height: var(--banner-height);
+    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("banner.png");
+    height: 15%;
+    background-repeat: no-repeat;
+    background-size: 100vw;
+    position: relative;
 }
 
 .hero-image {
diff --git a/epicyon-search.css b/epicyon-search.css
index 3ba7b3efe..92ed3217e 100644
--- a/epicyon-search.css
+++ b/epicyon-search.css
@@ -33,7 +33,6 @@
     --follow-text-size2: 40px;
     --follow-text-entry-width: 90%;
     --focus-color: white;
-    --banner-height: 15vh;
 }
 
 @font-face {
@@ -91,8 +90,10 @@ a:focus {
 }
 
 .searchBanner {
-    width: 98vw;
-    height: var(--banner-height);
+    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("search_banner.png");
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: 90%;
 }
 
 .follow {