Skip to content

Startseite entschlacken, ruhiger Merke-Timer, Icon-Farbe & -Assets vereinheitlichen - #354

Merged
S540d merged 2 commits into
testingfrom
feature/home-declutter
Oct 11, 2026
Merged

S540d merged 2 commits into
testingfrom
feature/home-declutter

Conversation

@S540d

@S540d S540d commented Oct 11, 2026

Copy link
Copy Markdown
Owner

Pull Request

Beschreibung

Feedback: Startseite zu überladen (zu viele Symbole/Farben), Countdown zu auffällig, App-Icon-Blau zu aufdringlich und in der Test-App noch falsch.

Startseite (app/index.tsx)

  • „Spiel starten" ist die einzige auffällige Aktion, der Dauer-Puls ist entfernt
  • Tägliche Challenge erscheint als dezenter Textlink darunter, ohne ⚡, Farbrahmen und Countdown
  • Level / Galerie / Freies Malen sind einfarbige Textlinks im Footer statt Kacheln
  • Die Statistik ist eine Textzeile („7 Sterne · 2 von 20 Level") statt drei Emoji-Karten mit Zähler-Animation
  • Entfernt: Streak-Badge 🔥, schwebende Sterne, Hinweis auf das nächste Accessoire. Die Serie steht nur noch in Malis Begrüßung
  • Mali ist kleiner (44 statt 56 px)

Merke-Phase

  • Neuer TimerBar: ein dünner, einfarbiger Balken ersetzt TimerArc (80-px-Kreis, große Zahl, Gelb/Rot). Bei 3 s Anzeigezeit war der Kreis von Anfang an im Warnmodus
  • TimerArc.* und Colors.timerArc sind entfernt

Icon

  • Das Haus-Motiv bleibt, der Hintergrund ist jetzt entsättigt: #A9DCEB statt #60D5FA. Das gilt für app.json (icon, adaptiveIcon, Splash, Web-Theme), die SVG-Quellen, primaryLight und die Feature-Grafik. Der Untertitel der Feature-Grafik ist jetzt dunkel, damit er auf dem helleren Blau lesbar bleibt
  • public/apple-touch-icon.png (Web/PWA-Icon) zeigte noch das alte Jungen-Motiv, public/feature-graphic.png (OG-Bild) war abgeschnitten. Beide werden jetzt von scripts/generate-icon-assets.js mit erzeugt
  • Der apple-touch-icon-Link in _layout.tsx hatte keinen /DrawFromMemory-Basispfad
  • Ursache für das falsche Icon in der Test-App: main (v1.9.0) hat noch das Frosch-Icon von vor Icon- und Startbildschirm-Inkonsistenz beheben (Issue #304) #305. Das Haus-Icon gibt es nur auf testing. Test-APKs müssen aus testing bzw. diesem Branch gebaut werden; Android-Launcher cachen Icons, im Zweifel deinstallieren und neu installieren

Außerdem sind ungenutzte Locale-Keys in allen 7 Sprachen entfernt.

Art der Änderung

  • Bugfix (non-breaking change)
  • Neue Funktion (non-breaking change)
  • Breaking Change
  • Dokumentation Update

Cross-Platform Kompatibilität

Betrifft dieser PR plattformspezifischen Code? Nein. TimerBar nutzt RN-Animated und ist plattformübergreifend; die zwei TimerArc-Varianten (Skia/SVG) fallen weg.

Testing Checklist

  • Lokaler Build erfolgreich (expo export --platform web)
  • Keine TypeScript Errors
  • Keine ESLint Warnings
  • npm test: 458/458 grün, prettier --check, validate:svg-counts
  • Startseite und Merke-Phase im Web-Build per Screenshot geprüft
  • Android-APK noch nicht getestet (Icon + Layout bitte auf dem Gerät prüfen)

Screenshots / Videos

Lokal per Playwright aufgenommen (Startseite, Merke-Phase), nicht angehängt.

Zusätzliche Notizen

WebInstallBanner (nur Web) bleibt bewusst als Rahmen im sichtbaren Bereich (Web-Discoverability, siehe docs/WEB_DISCOVERABILITY.md).

🤖 Generated with Claude Code

https://claude.ai/code/session_017fxbsNALrmwMj7LGMDPLw2


Generated by Claude Code

…ets vereinheitlichen

- Startseite: nur "Spiel starten" prominent (ohne Puls), Tägliche Challenge als
  Textlink, Level/Galerie/Freies Malen als Footer-Textlinks, Statistik als eine
  Textzeile, Streak-Badge/FloatingStars/Unlock-Hinweis entfernt (Serie nur noch
  in Malis Begrüßung)
- Merke-Phase: TimerBar (dünner einfarbiger Balken) ersetzt TimerArc
- Icon-Hintergrund #60D5FA -> #A9DCEB (app.json, SVG-Quellen, primaryLight)
- generate-icon-assets.js erzeugt jetzt auch public/apple-touch-icon.png und
  public/feature-graphic.png (beide waren veraltet)
- Ungenutzte Locale-Keys entfernt

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_017fxbsNALrmwMj7LGMDPLw2
@github-actions

github-actions Bot commented Oct 11, 2026 •

Copy link
Copy Markdown

🔀 Mergeability-Report

✅ Konfliktfrei mergebar (unstable).
✅ Ziel-Branch testing ist policy-konform.

CI-Checks: ✅ keine fehlgeschlagenen Checks

⏳ mergeability / mergeability
⏳ ⚙️ Workflow Linting / actionlint
⏳ 🔐 Docs Privacy Check
⏳ 🔒 Security Audit
⏳ 🔑 Keystore & Credential Scan
⏳ 🔍 Code Quality & Linting
⏳ 🔧 Platform Compatibility
⏳ Analyze (javascript-typescript)
⏳ Analyze (actions)

Merge-Checkliste

  • CI-Checks grün
  • Keine Merge-Konflikte
  • Ziel-Branch korrekt
  • (Optional) tiefes KI-Review via /review aus Claude Code (Pro-Abo, ohne API-Kosten)

Kostenlos generiert von reusable-mergeability.yml · keine API-Kosten · review-gate: success

…on, handlebars, shell-quote, source-map-js)

Nur package-lock.json, Patch-/Minor-Updates transitiver Dependencies.
Audit-Gate war auch auf testing rot (unabhängig von diesem PR).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_017fxbsNALrmwMj7LGMDPLw2

S540d commented Oct 11, 2026

Copy link
Copy Markdown
Owner Author

🔒 Security Audit war rot wegen neu veröffentlichter Advisories (compression, handlebars, shell-quote, source-map-js). Das kommt nicht von diesem PR: Er ändert keine Dependencies, der Lockfile entsprach testing. Fix in aa081c4: npm audit fix, nur package-lock.json, Patch-/Minor-Bumps. Lokal danach Audit-Gate ✅, Tests 458/458, Web-Build ok. testing braucht denselben Fix, mit dem Merge dieses PRs ist er dort enthalten.


Generated by Claude Code

@S540d
S540d merged commit de04165 into testing Oct 11, 2026
14 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants