BEDEIENUNGSANLEITUNG.md gefixt

This commit is contained in:
Dieter Schlüter 2026-04-07 03:22:47 +02:00
commit 2c73327400
2 changed files with 21 additions and 21 deletions

View file

@ -28,27 +28,27 @@ Dieses Programm visualisiert die Funktionsweise von **20 Sortieralgorithmen**
## 2. Oberfläche
```
┌──────────────────────────────────────────────────────────┐
┌───────────────────────────────────────────────────────────────
│ Sortier-Algorithmen [Bedienung] │
├──────────────┬─────────────────────────────────────────────┤
│ │ ┌─ Phase-Label ──────────────────────
├──────────────┬────────────────────────────────────────────────
│ │ ┌─ Phase-Label ───────────────────────┐
│ Algorithmus │ │ Vergleich: arr[3]=42 mit arr[4]=17 │ │
│ [Dropdown] │ └────────────────────────────────────
│ [Dropdown] │ └─────────────────────────────────────┘
│ │ │
│ Daten │ ┌─────────── Canvas ─────────────────
│ Daten │ ┌─────────── Canvas ──────────────────┐
│ [Vorlage] │ │ │ │
│ │ │ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ │ │
│ Eigene │ │ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ │ │
│ Werte │ │ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ │ │
│ │ │ │ │
│ Array-Größe │ └────────────────────────────────────
│ Array-Größe │ └─────────────────────────────────────┘
│ ─────────── │ │
│ Geschw. │ [▶][⏸][⏭][🔀][↺][🌙] │
│ ─────────── │ │
│ Legend │ Vergleiche: 128 Tausche: 64 Zeit: 1.2s │
│ │ │
│ [▶ Play] │ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ │
└──────────────┴─────────────────────────────────────────────┘
└──────────────┴────────────────────────────────────────────────
```
- **Links (Sidebar):** Algorithmus wählen, Datensatz, eigene Werte, Geschwindigkeit, Legende

View file

@ -204,7 +204,7 @@
<div class="flex-1"></div>
<div class="text-center">
<h1 class="title-text font-bold tracking-tight" style="color: var(--c-text); text-shadow: 0 0 40px rgba(74,124,255,0.3);">
Sortier-Algorithmen <span style="font-size: 0.45em; font-weight: 400; opacity: 0.5; vertical-align: middle;">v0.2.18</span>
Sortier-Algorithmen <span style="font-size: 0.45em; font-weight: 400; opacity: 0.5; vertical-align: middle;">v0.2.19</span>
</h1>
<p class="text-muted text-sm mt-0.5">Interaktive Visualisierung mit schrittweiser Animation</p>
</div>