CCCHH/didays.de
1
0
Fork 0
Code Issues 1 Pull requests 1 Activity Actions

reduce motion

Browse source
This commit is contained in:
kritzl 2026-07-10 12:46:59 +02:00
commit aaa15caf69
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM
1 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/pages/index.astro
View file

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