dschlueter/sorting
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix: Remove duplicate stat cards

Browse source
This commit is contained in:
Dieter Schlüter 2026-04-06 17:38:59 +02:00
commit 633c62bc5d
1 changed files with 0 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

30
sorting_visualization.html
View file

@ -426,36 +426,6 @@
</div>
<div class="stat-desc text-[10px] mt-1 leading-snug" style="color: var(--c-muted); opacity: 0.7;">Der aktuell ausgeführte Visualisierungsschritt.</div>
</div>
<div class="bg-surface border border-border rounded-xl p-4 text-center stat-card">
<div class="stat-value font-bold text-accent font-mono leading-none" id="statTime">0 ms</div>
<div class="label-text uppercase tracking-wider text-muted font-medium mt-2 flex items-center justify-center gap-1.5">
<i data-lucide="clock" class="w-3.5 h-3.5"></i> Zeit
</div>
<div class="stat-desc text-[10px] mt-1 leading-snug" style="color: var(--c-muted); opacity: 0.7;">Vergangene Echtzeit seit Start der Animation.</div>
</div>
<div class="stat-desc text-[10px] mt-1 leading-snug" style="color: var(--c-muted); opacity: 0.7;">Wie oft zwei Elemente miteinander verglichen wurden.</div>
</div>
<div class="bg-surface border border-border rounded-xl p-4 text-center stat-card">
<div class="stat-value font-bold text-accent font-mono leading-none" id="statSwaps">0</div>
<div class="label-text uppercase tracking-wider text-muted font-medium mt-2 flex items-center justify-center gap-1.5">
<i data-lucide="arrow-left-right" class="w-3.5 h-3.5"></i> Tausche
</div>
<div class="stat-desc text-[10px] mt-1 leading-snug" style="color: var(--c-muted); opacity: 0.7;">Wie oft zwei Elemente ihre Plätze getauscht haben.</div>
</div>
<div class="bg-surface border border-border rounded-xl p-4 text-center stat-card">
<div class="stat-value font-bold text-accent font-mono leading-none" id="statMoves">0</div>
<div class="label-text uppercase tracking-wider text-muted font-medium mt-2 flex items-center justify-center gap-1.5">
<i data-lucide="move" class="w-3.5 h-3.5"></i> Verschiebungen
</div>
<div class="stat-desc text-[10px] mt-1 leading-snug" style="color: var(--c-muted); opacity: 0.7;">Wie oft ein Wert auf eine Position geschrieben oder verschoben wurde.</div>
</div>
<div class="bg-surface border border-border rounded-xl p-4 text-center stat-card">
<div class="stat-value font-bold text-accent font-mono leading-none" id="statStep">0</div>
<div class="label-text uppercase tracking-wider text-muted font-medium mt-2 flex items-center justify-center gap-1.5">
<i data-lucide="footprints" class="w-3.5 h-3.5"></i> Schritt
</div>
<div class="stat-desc text-[10px] mt-1 leading-snug" style="color: var(--c-muted); opacity: 0.7;">Der aktuell ausgeführte Visualisierungsschritt.</div>
</div>
<div class="bg-surface border border-border rounded-xl p-4 text-center stat-card">
<div class="stat-value font-bold text-accent font-mono leading-none" id="statTime">0 ms</div>
<div class="label-text uppercase tracking-wider text-muted font-medium mt-2 flex items-center justify-center gap-1.5">