From 00f7c66acbbcb41c7b87b6c3052d0c3f0930f264 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20Cora=C3=A7=C3=A3o?= <nunocoracao@gmail.com>
Date: Sat, 5 Nov 2022 21:58:40 +0000
Subject: [PATCH] final adjustments for background

---
 assets/css/compiled/main.css          | 49 +++++++++++++++++++++++++++
 layouts/partials/hero/background.html |  2 +-
 layouts/partials/home/background.html |  6 ++--
 3 files changed, 53 insertions(+), 4 deletions(-)

diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 3b896996..e55191d3 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -1671,6 +1671,38 @@ select {
   height: 12rem;
 }
 
+.h-\[50vw\] {
+  height: 50vw;
+}
+
+.h-\[10vw\] {
+  height: 10vw;
+}
+
+.h-\[30vw\] {
+  height: 30vw;
+}
+
+.h-\[50\%\] {
+  height: 50%;
+}
+
+.h-\[20\%\] {
+  height: 20%;
+}
+
+.h-\[10\%\] {
+  height: 10%;
+}
+
+.h-\[1000px\] {
+  height: 1000px;
+}
+
+.h-\[800px\] {
+  height: 800px;
+}
+
 .max-h-\[5rem\] {
   max-height: 5rem;
 }
@@ -2006,6 +2038,11 @@ select {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
+.via-neutral {
+  --tw-gradient-to: rgba(var(--color-neutral), 0);
+  --tw-gradient-stops: var(--tw-gradient-from), rgba(var(--color-neutral), 1), var(--tw-gradient-to);
+}
+
 .to-transparent {
   --tw-gradient-to: transparent;
 }
@@ -2348,6 +2385,10 @@ select {
   opacity: 0.7;
 }
 
+.opacity-100 {
+  opacity: 1;
+}
+
 .mix-blend-normal {
   mix-blend-mode: normal;
 }
@@ -3508,6 +3549,14 @@ body:has(#menu-controller:checked) {
   opacity: 0.6;
 }
 
+.dark .dark\:mix-blend-normal {
+  mix-blend-mode: normal;
+}
+
+.dark .dark\:mix-blend-multiply {
+  mix-blend-mode: multiply;
+}
+
 .dark .dark\:hover\:bg-primary-900:hover {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
diff --git a/layouts/partials/hero/background.html b/layouts/partials/hero/background.html
index 5c73f6a3..a652bd37 100644
--- a/layouts/partials/hero/background.html
+++ b/layouts/partials/hero/background.html
@@ -7,7 +7,7 @@
 <div class="fixed inset-x-0 top-0 h-[700px] single_hero_background nozoom"
     style="background-image:url({{ .RelPermalink }});">    
     <div
-        class="absolute inset-0 bg-gradient-to-t from-neutral dark:from-neutral-800 to-transparent mix-blend-normal">
+        class="absolute inset-0 bg-gradient-to-t from-neutral dark:from-neutral-800 to-transparent mix-blend-normal dark:mix-blend-multiply">
     </div>
     <div
         class="absolute inset-0 opacity-30 dark:opacity-60 bg-gradient-to-t from-neutral dark:from-neutral-800 to-neutral dark:to-neutral-800 mix-blend-normal">
diff --git a/layouts/partials/home/background.html b/layouts/partials/home/background.html
index 1f33ff53..abdf8722 100644
--- a/layouts/partials/home/background.html
+++ b/layouts/partials/home/background.html
@@ -7,12 +7,12 @@
                     {{ with .Site.Params.homepage.homepageImage }}
                     {{ $homepageImage := resources.Get . }}
                     {{ if $homepageImage }}
-                    <img class="h-full w-full object-cover m-0 nozoom" src="{{ $homepageImage.RelPermalink }}">
+                    <img class="w-full h-[1000px] object-cover m-0 nozoom" src="{{ $homepageImage.RelPermalink }}">
                     <div
-                        class="absolute inset-0 bg-gradient-to-t from-neutral-100 dark:from-neutral-800 to-transparent mix-blend-normal">
+                        class="absolute inset-0 h-[1000px] bg-gradient-to-t from-neutral dark:from-neutral-800 to-transparent mix-blend-normal">
                     </div>
                     <div
-                        class="opacity-70 absolute inset-0 bg-gradient-to-t from-neutral dark:from-neutral-800 to-neutral dark:to-neutral-800 mix-blend-normal">
+                        class="opacity-70 absolute inset-0 h-[1000px] bg-gradient-to-t from-neutral dark:from-neutral-800 to-neutral dark:to-neutral-800 mix-blend-normal">
                     </div>
                     {{ end }}
                     {{ end }}