From 1306f053ec92b76fc1853cfba09e649d571f25cd Mon Sep 17 00:00:00 2001
From: Sanne 't Hooft <shooft@me.com>
Date: Sat, 9 Mar 2024 17:59:50 +0100
Subject: [PATCH] style tweak

---
 index.html       | 3 ++-
 static/home.css  | 4 ----
 static/style.css | 2 ++
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 21688c0..773168b 100644
--- a/index.html
+++ b/index.html
@@ -109,7 +109,8 @@ <h3>CSS to the Rescue</h3>
         <li>
           <div>
             <h3>Real-time Web</h3>
-            <p>Melvin Idema <a href="https://github.com/MelvinIdema/real-time-web-2223" data-href-print="github.com/MelvinIdema/real-time-web-2223"><span>code</span></a>&nbsp;<a href="https://questmate.art/game" data-href-print="questmate.art/game"><span>site</span></a></p>
+            <!-- <p>Melvin Idema <a href="https://github.com/MelvinIdema/real-time-web-2223" data-href-print="github.com/MelvinIdema/real-time-web-2223"><span>code</span></a>&nbsp;<a href="https://questmate.art/game" data-href-print="questmate.art/game"><span>site</span></a></p> -->
+            <p>Melvin Idema <a href="https://github.com/MelvinIdema/real-time-web-2223" data-href-print="github.com/MelvinIdema/real-time-web-2223"><span>code</span></a></p>
           </div>
           <img src="images/rtw-melvin.png" alt="Speel de multi-player adventure game van Melvin.">
         </li>
diff --git a/static/home.css b/static/home.css
index 7a3965a..36e58a6 100644
--- a/static/home.css
+++ b/static/home.css
@@ -12,11 +12,7 @@
 
   /* horizontal scroll */
   display:flex;
-<<<<<<< HEAD
-  /* gap:1em; */
-=======
   gap:1em;
->>>>>>> a8a4b0e7376d49e507f7a00ae6e36aed9830787d
   overflow-x:auto;
   overscroll-behavior-x:contain;
   scroll-snap-type:x mandatory;
diff --git a/static/style.css b/static/style.css
index 3873ef8..e4b04bc 100644
--- a/static/style.css
+++ b/static/style.css
@@ -637,6 +637,8 @@ section:nth-of-type(1) {
   background-image:var(--wdd-bg-img);
   background-size:100% .2em;
   background-repeat:no-repeat;
+
+  backdrop-filter: blur(.25em) hue-rotate(30deg);
 }
 
 @media (width > 76.5em) {