From 35a405500c9e8974d67827c27cdee40b72b62c0d Mon Sep 17 00:00:00 2001
From: "Jill \"oatmealine\" Monoids" <oatmealine@disroot.org>
Date: Sat, 24 Dec 2022 03:08:16 +0300
Subject: [PATCH] optimize filter: drop-shadow to box-shadow and text-shadow

---
 src/lib/Header.svelte                      |  2 +-
 src/lib/People.svelte                      |  2 ++
 src/routes/videos-of-all-time/+page.svelte |  2 +-
 src/style.css                              | 14 +++++++-------
 4 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/lib/Header.svelte b/src/lib/Header.svelte
index 39053ce..c0f7dee 100644
--- a/src/lib/Header.svelte
+++ b/src/lib/Header.svelte
@@ -11,4 +11,4 @@
 </style>
 
 <img src="/logo.png" width="128" height="128" class="logo center" alt="dark-firepit logo">
-<h1 class="center glow-slight"><a class="stealth-link" href="/">dark-firepit</a></h1>
\ No newline at end of file
+<h1 class="center glow-text"><a class="stealth-link" href="/">dark-firepit</a></h1>
\ No newline at end of file
diff --git a/src/lib/People.svelte b/src/lib/People.svelte
index 3df80bc..acb1b77 100644
--- a/src/lib/People.svelte
+++ b/src/lib/People.svelte
@@ -107,6 +107,8 @@ Commits programming crimes both willingly and unwillingly.
       description: `
 Bait for buses. No longer SSHes into their server as root. Should not be trusted around hammers, curtains, or
 a set of 2 wedding videos.
+<br><br>
+🧩 🥛
 <br><br>
       `,
       site: 'https://zydra.space/',
diff --git a/src/routes/videos-of-all-time/+page.svelte b/src/routes/videos-of-all-time/+page.svelte
index 8031974..5cef341 100644
--- a/src/routes/videos-of-all-time/+page.svelte
+++ b/src/routes/videos-of-all-time/+page.svelte
@@ -8,7 +8,7 @@
 <style>
   .video {
     border-radius: 10px;
-    filter: drop-shadow(0px 0px 32px rgba(255, 255, 255, 0.1));
+    box-shadow: 0px 0px 32px rgba(255, 255, 255, 0.1);
     display: flex;
     flex-direction: column;
     overflow: hidden;
diff --git a/src/style.css b/src/style.css
index cfe5a6d..9fae8cd 100644
--- a/src/style.css
+++ b/src/style.css
@@ -69,24 +69,24 @@ em {
 
 @keyframes glow {
   from {
-    filter: drop-shadow(0px 0px 32px #4210f1) drop-shadow(0px 0px 4px #222230);
+    box-shadow: 0px 0px 48px #4210f1, 0px 0px 8px #222230;
   }
   to {
-    filter: drop-shadow(0px 0px 64px #4210f1) drop-shadow(0px 0px 6px #222230);
+    box-shadow: 0px 0px 96px #4210f1, 0px 0px 12px #222230;
   }
 }
 
-.glow-slight {
-  animation: 4s glow-slight infinite ease-in-out;
+.glow-text {
+  animation: 4s glow-text infinite ease-in-out;
   animation-direction: alternate;
 }
 
-@keyframes glow-slight {
+@keyframes glow-text {
   from {
-    filter: drop-shadow(0px 0px 6px #222230);
+    text-shadow: 0px 0px 12px #222230;
   }
   to {
-    filter: drop-shadow(0px 0px 4px #222230);
+    text-shadow: 0px 0px 8px #222230;
   }
 }