From b5b22ed558e41c5dba8bbf30f1a27f578bb106dc Mon Sep 17 00:00:00 2001
From: ntr <ntr@smokestack.io>
Date: Wed, 3 Jul 2019 00:05:38 +1000
Subject: [PATCH] old decay

---
 client/src/components/anims/decay.jsx | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/client/src/components/anims/decay.jsx b/client/src/components/anims/decay.jsx
index fa4e3aee..c7898d8a 100644
--- a/client/src/components/anims/decay.jsx
+++ b/client/src/components/anims/decay.jsx
@@ -19,12 +19,18 @@ class Decay extends Component {
                 version="1.1"
                 xmlns="http://www.w3.org/2000/svg"
                 viewBox="0 0 300 300">
+                <defs>
+                    <filter id="decayFilter">
+                        <feGaussianBlur in="SourceGraphic" stdDeviation="3" />
+                        <feMerge>
+                            <feMergeNode />
+                            <feMergeNode in="SourceGraphic" />
+                        </feMerge>
+                    </filter>
+                </defs>
                 <g>
                     {times(15, () => (
-                        <g class="box">
-                            <rect class="blue" x="135" y="135" width="30" height="30" />
-                            <rect class="white" style={{ strokeWidth: '2px' }} x="135" y="135" width="30" height="30" />
-                        </g>
+                        <rect filter="url(#decayFilter)" class="blue" x="135" y="135" width="20" height="20" />
                     ))}
                 </g>
             </svg>
@@ -42,7 +48,9 @@ class Decay extends Component {
         }));
 
         this.animations.push(anime({
-            targets: ['#decay .box'],
+            targets: ['#decay rect'],
+            stroke: [COLOURS.WHITE, COLOURS.BLUE],
+            strokeWidth: [4, 2],
             transform: () => `
                 translate(${anime.random(-120, 120)} ${anime.random(-120, 120)})
                 rotate(${anime.random(-15, 15)})