From 0501dc57a1012d5f92e27b94c5c37a557bb909b1 Mon Sep 17 00:00:00 2001
From: HolgerHatGarKeineNode <fsociety.mkv@pm.me>
Date: Wed, 8 Feb 2023 19:22:32 +0100
Subject: [PATCH] heatmap animation

---
 .../livewire/book-case/heatmap.blade.php      | 38 -------------------
 1 file changed, 38 deletions(-)

diff --git a/resources/views/livewire/book-case/heatmap.blade.php b/resources/views/livewire/book-case/heatmap.blade.php
index 1c8583ca..91829c32 100644
--- a/resources/views/livewire/book-case/heatmap.blade.php
+++ b/resources/views/livewire/book-case/heatmap.blade.php
@@ -1,7 +1,6 @@
 <div
     id="matrix"
     class="h-screen justify-between relative">
-    <canvas id="canvas" class="absolute top-0 left-0 z-[-1] h-full"></canvas>
     {{-- HEADER --}}
     <livewire:frontend.header :country="$country" bgColor="bg-transparent"/>
     {{-- MAIN --}}
@@ -65,41 +64,4 @@
     </section>
     {{-- FOOTER --}}
     <livewire:frontend.footer/>
-    <script>
-        document.addEventListener('livewire:load', function () {
-            const canvas = document.getElementById('canvas');
-            const ctx = canvas.getContext('2d');
-
-            const w = canvas.width = document.getElementById('matrix').offsetWidth;
-            const h = canvas.height = document.getElementById('matrix').offsetHeight;
-            const cols = Math.floor(w / 20) + 1;
-            const ypos = Array(cols).fill(0);
-            const characters = 'Markus Turm';
-            const charactersLength = characters.length;
-
-            ctx.fillStyle = '#000';
-            ctx.fillRect(0, 0, w, h);
-
-            function matrix () {
-                ctx.fillStyle = '#0001';
-                ctx.fillRect(0, 0, w, h);
-
-                ctx.fillStyle = '#F7931A';
-                ctx.font = '12pt monospace';
-
-                ypos.forEach((y, ind) => {
-
-                    const text = characters.charAt(Math.floor(Math.random() * charactersLength));
-                    const x = ind * 20;
-                    ctx.fillText(text, x, y);
-                    if (y > 10 + Math.random() * 10000) ypos[ind] = 0;
-                    else ypos[ind] = y + 20;
-                });
-
-                document.getElementById('matrix').style.background = "url(" + canvas.toDataURL() + ")";
-            }
-
-            setInterval(matrix, 75);
-        });
-    </script>
 </div>