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/art/portfolio.html | 10 ++++++++++
 src/Pages/contact.html       | 10 ++++++++++
 src/Pages/music.html         | 10 ++++++++++
 src/index.html               | 10 ++++++++++
 4 files changed, 40 insertions(+)

diff --git a/src/Pages/art/portfolio.html b/src/Pages/art/portfolio.html
index 367875b..74e1312 100644
--- a/src/Pages/art/portfolio.html
+++ b/src/Pages/art/portfolio.html
@@ -103,5 +103,15 @@
             }
         });
     </script>
+    <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>
 </body>
 </html>
diff --git a/src/Pages/contact.html b/src/Pages/contact.html
index 9e262d5..7de90cb 100644
--- a/src/Pages/contact.html
+++ b/src/Pages/contact.html
@@ -31,6 +31,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>
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>
diff --git a/src/index.html b/src/index.html
index bbde848..d16437b 100644
--- a/src/index.html
+++ b/src/index.html
@@ -26,6 +26,16 @@
 				<p>© 256phi | 2026 | <a href="/contact">Contact Us</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