From aaa15caf6981f73d03b0bb06f3ceade2eb281d4d Mon Sep 17 00:00:00 2001
From: kritzl <kritzl@kritzl.dev>
Date: Fri, 10 Jul 2026 12:46:59 +0200
Subject: [PATCH] reduce motion

---
 src/pages/index.astro | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index d2ea30b..a7c348f 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -10,25 +10,25 @@ import {Calendar} from "@lucide/astro"
         <div class="grid auto-cols-max grid-flow-col gap-2 text-center mx-auto w-fit mb-8 opacity-0"
              id="countdown">
           <div class="bg-neutral rounded-box text-neutral-content p-2 flex flex-col items-center text-sm">
-            <span class="countdown font-mono text-4xl">
+            <span class="not-motion-reduce:countdown font-mono text-4xl">
               <span id="days" style="--value:0;" aria-live="polite" aria-label="0">0</span>
             </span>
             Tag(e)
           </div>
           <div class="bg-neutral rounded-box text-neutral-content p-2 flex flex-col items-center text-sm">
-            <span class="countdown font-mono text-4xl">
+            <span class="not-motion-reduce:countdown font-mono text-4xl">
               <span id="hours" style="--value:0;--digits: 2" aria-live="polite" aria-label="0">0</span>
             </span>
             Std.
           </div>
           <div class="bg-neutral rounded-box text-neutral-content p-2 flex flex-col items-center text-sm">
-            <span class="countdown font-mono text-4xl">
+            <span class="not-motion-reduce:countdown font-mono text-4xl">
               <span id="minutes" style="--value:0;--digits: 2" aria-live="polite" aria-label="0">0</span>
             </span>
             Min.
           </div>
           <div class="bg-neutral rounded-box text-neutral-content p-2 flex flex-col items-center text-sm">
-            <span class="countdown font-mono text-4xl">
+            <span class="not-motion-reduce:countdown font-mono text-4xl">
               <span id="seconds" style="--value:0;--digits: 2" aria-live="polite" aria-label="0">0</span>
             </span>
             Sek.
@@ -42,8 +42,8 @@ import {Calendar} from "@lucide/astro"
           <a class="link" href="https://www.kulturpalast-harburg.com">Kultur Palast Harburg</a><br>
           Eintritt frei
         </p>
-        <div class="aura aura-rainbow">
-          <a href="/didays2026.ics" class="btn btn-lg" target="_blank">
+        <div class="not-motion-reduce:aura not-motion-reduce:aura-rainbow">
+          <a href="/didays2026.ics" class="btn btn-lg motion-reduce:btn-outline" target="_blank">
             <Calendar/>
             Im Kalender speichern
           </a>