From 8deca947fcfce358aea2f98fcdc38064aa28d445 Mon Sep 17 00:00:00 2001
From: Natasha Moongrave <natasha@256phi.eu>
Date: Wed, 8 Apr 2026 15:22:32 +0200
Subject: Add SVG glitch filter definition to all pages

---
 src/Pages/music.html | 10 ++++++++++
 1 file changed, 10 insertions(+)

(limited to 'src/Pages/music.html')

diff --git a/src/Pages/music.html b/src/Pages/music.html
index b96bd1d..4f580fd 100644
--- a/src/Pages/music.html
+++ b/src/Pages/music.html
@@ -20,6 +20,16 @@
                                 <p>© 256phi | 2026 | <a href="/home">Home</a></p>
                         </footer>
                 </div>
+                <svg style="position:absolute;width:0;height:0;" xmlns="http://www.w3.org/2000/svg">
+                        <filter id="glitch">
+                                <feTurbulence numOctaves="1" baseFrequency="0.01 0.1" type="fractalNoise" result="fine" />
+                                <feComponentTransfer in="displaceRaw" result="displace">
+                                        <feFuncR type="discrete" tableValues="0 .2 .4 .5 .6 .8 1" />
+                                        <feFuncA type="discrete" tableValues="0" />
+                                </feComponentTransfer>
+                                <feDisplacementMap in="SourceGraphic" in2="displace" xChannelSelector="R" scale="15" />
+                        </filter>
+                </svg>
                 <script type="module" src="../Background/main.js"></script>
         </body>
 </html>
-- 
cgit v1.2.3