From 0ea65b2cfdd4a1e5f127aa80853443fae24d20ba Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Tue, 24 Jan 2023 22:21:04 +0800
Subject: [PATCH] Remove old spoiler effect

This was fun but sadly perf is really bad
---
 index.html                | 57 ---------------------------------------
 src/components/status.css | 11 --------
 2 files changed, 68 deletions(-)

diff --git a/index.html b/index.html
index 4b81bc0e..a18f8685 100644
--- a/index.html
+++ b/index.html
@@ -45,62 +45,5 @@
     <div id="app"></div>
     <div id="modal-container"></div>
     <script type="module" src="/src/main.jsx"></script>
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      style="position: absolute; width: 0; height: 0"
-    >
-      <filter id="spoiler" x="-20%" y="-20%" width="140%" height="140%">
-        <feColorMatrix
-          type="matrix"
-          values="0.01 0 0 0 0
-          0.01 0 0 0 0
-          0.01 0 0 0 0
-          0 0 0 .5 0"
-          in="SourceGraphic"
-          result="colormatrix"
-        />
-        <feTurbulence
-          type="turbulence"
-          baseFrequency=".5 .5"
-          numOctaves="10"
-          seed="1"
-          result="turbulence"
-        />
-        <feDisplacementMap
-          in="colormatrix"
-          in2="turbulence"
-          scale="20"
-          xChannelSelector="R"
-          yChannelSelector="B"
-          result="displacementMap"
-        />
-      </filter>
-      <filter id="spoiler-dark" x="-20%" y="-20%" width="140%" height="140%">
-        <feColorMatrix
-          type="matrix"
-          values="1 0 0 .8 0
-            1 0 0 .8 0
-            1 0 0 .8 0
-            0 0 0 .5 0"
-          in="SourceGraphic"
-          result="colormatrix"
-        />
-        <feTurbulence
-          type="turbulence"
-          baseFrequency=".5 .5"
-          numOctaves="10"
-          seed="1"
-          result="turbulence"
-        />
-        <feDisplacementMap
-          in="colormatrix"
-          in2="turbulence"
-          scale="20"
-          xChannelSelector="R"
-          yChannelSelector="B"
-          result="displacementMap"
-        />
-      </filter>
-    </svg>
   </body>
 </html>
diff --git a/src/components/status.css b/src/components/status.css
index cf16b879..3cf11e34 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -188,11 +188,9 @@
   ~ *:not(.media-container, .card),
 .status .content-container.has-spoiler .spoiler ~ .card .meta-container {
   filter: blur(5px) invert(0.5);
-  /* filter: url(#spoiler); */
   text-rendering: optimizeSpeed;
   image-rendering: crisp-edges;
   image-rendering: pixelated;
-  /* transform: translate3d(-5px, -5px, 0); */
   pointer-events: none;
   user-select: none;
   contain: layout;
@@ -206,15 +204,6 @@
   image-rendering: pixelated;
   animation: none !important;
 }
-/* @media (prefers-color-scheme: dark) {
-  .status
-    .content-container.has-spoiler
-    .spoiler
-    ~ *:not(.media-container, .card),
-  .status .content-container.has-spoiler .spoiler ~ .card .meta-container {
-    filter: url(#spoiler-dark);
-  }
-} */
 .status .content-container.show-spoiler .spoiler {
   border-style: dotted;
 }