From 450859601037cb1d6b1e8b9ad3fe67afc19f650d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Thu, 5 Feb 2026 20:04:22 +0100
Subject: [PATCH] fix: remove all animations from 404 page

Clean static design without glitch effects

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 layouts/404.html | 62 ++----------------------------------------------
 1 file changed, 2 insertions(+), 60 deletions(-)

diff --git a/layouts/404.html b/layouts/404.html
index e3b04db..f5a4db3 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -1,65 +1,7 @@
 {{ define "main" }}
-<style>
-  /* Glitch animation for 404 text */
-  .glitch {
-    position: relative;
-    font-size: clamp(8rem, 20vw, 16rem);
-    font-weight: 700;
-    line-height: 1;
-    color: #fff;
-    letter-spacing: 0.02em;
-    animation: glitch-skew 4s infinite linear alternate-reverse;
-  }
-
-  .glitch::before,
-  .glitch::after {
-    content: attr(data-text);
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-  }
-
-  .glitch::before {
-    color: #888;
-    animation: glitch-1 2s infinite linear alternate-reverse;
-    clip-path: polygon(0 0, 100% 0, 100% 35%, 0 35%);
-  }
-
-  .glitch::after {
-    color: #555;
-    animation: glitch-2 3s infinite linear alternate-reverse;
-    clip-path: polygon(0 65%, 100% 65%, 100% 100%, 0 100%);
-  }
-
-  @keyframes glitch-1 {
-    0%, 100% { transform: translate(0); }
-    20% { transform: translate(-3px, 3px); }
-    40% { transform: translate(-3px, -3px); }
-    60% { transform: translate(3px, 3px); }
-    80% { transform: translate(3px, -3px); }
-  }
-
-  @keyframes glitch-2 {
-    0%, 100% { transform: translate(0); }
-    20% { transform: translate(3px, -3px); }
-    40% { transform: translate(3px, 3px); }
-    60% { transform: translate(-3px, -3px); }
-    80% { transform: translate(-3px, 3px); }
-  }
-
-  @keyframes glitch-skew {
-    0%, 100% { transform: skew(0deg); }
-    30% { transform: skew(0.5deg); }
-    60% { transform: skew(-0.5deg); }
-  }
-
-</style>
-
-<section class="min-h-screen flex flex-col items-center justify-center px-4 relative z-20">
+<section class="min-h-screen flex flex-col items-center justify-center px-4">
   <div class="text-center">
-    <h1 class="glitch font-mono" data-text="404">404</h1>
+    <h1 class="text-[clamp(8rem,20vw,16rem)] font-bold leading-none tracking-tight">404</h1>
 
     <p class="mt-8 text-xl md:text-2xl text-text-secondary font-mono tracking-widest uppercase">
       Signal Lost