rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Ban Yaro Album: 3 Songs + Album-Modal, Hymne auf Pro-Version getauscht

Browse source 
Aus der einzelnen Hymne wird ein Album (WELT-Welt): runder Button / Banner
öffnen jetzt ein Album-Modal mit Liste (Play je Titel, aktiver Song orange,
Auto-Next zum nächsten, zentrales Audio läuft über Welt-Wechsel weiter). Songs
als Array (statischer Content), on-demand-Cache pro Datei.

Songs — alle Suno Pro, kommerziell lizenziert:
- Ban Yaro Blues (Hymne) — Pro-Version ersetzt die Free-Aufnahme (Cache-Bust ?v=2)
- Ban Yaro Mobil — erste Anhänger-Fahrt durch die Prärie
- Amy — Liebesromanze (Jack-Russell-Mädchen)

audio-src in index.html geleert (Album setzt src dynamisch).
This commit is contained in:
rene 2026-06-14 22:32:56 +02:00
parent 0643cf87cc
commit 79c66f2469
10 changed files with 127 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

32
backend/static/index.html
View file

@ -86,14 +86,14 @@
<title>Ban Yaro</title>
<!-- Theme + theme-color Statusleiste vor CSS setzen -->
<script src="/js/boot-early.js?v=1295"></script>
<script src="/js/boot-early.js?v=1297"></script>
<!-- CSS: Reihenfolge ist wichtig — ?v= zwingt Browser zur Neuladung -->
<link rel="stylesheet" href="/css/design-system.css?v=1295">
<link rel="stylesheet" href="/css/layout.css?v=1295">
<link rel="stylesheet" href="/css/components.css?v=1295">
<link rel="stylesheet" href="/css/utilities.css?v=1295">
<link rel="stylesheet" href="/css/lists.css?v=1295">
<link rel="stylesheet" href="/css/design-system.css?v=1297">
<link rel="stylesheet" href="/css/layout.css?v=1297">
<link rel="stylesheet" href="/css/components.css?v=1297">
<link rel="stylesheet" href="/css/utilities.css?v=1297">
<link rel="stylesheet" href="/css/lists.css?v=1297">
</head>
<body>
@ -596,10 +596,10 @@
<div class="world-panel" id="wp-hund"><div id="wh-content"></div></div>
<div class="world-panel" id="wp-welt"><div id="ww-content"></div></div>
</div>
<button id="worlds-anthem" class="hidden" aria-label="Hymne abspielen" title="Ban Yaro Blues — unsere Hymne">
<svg class="ph-icon" aria-hidden="true" style="width:22px;height:22px"><use href="/icons/phosphor.svg#play"></use></svg>
<button id="worlds-anthem" class="hidden" aria-label="Album öffnen" title="Ban Yaro — das Album">
<svg class="ph-icon" aria-hidden="true" style="width:22px;height:22px"><use href="/icons/phosphor.svg#music-notes"></use></svg>
</button>
<audio id="anthem-audio" src="/sounds/ban-yaro-blues.mp3" preload="none"></audio>
<audio id="anthem-audio" preload="none"></audio>
<button id="worlds-fab" aria-label="Hinzufügen">
<svg class="offline-paw" viewBox="0 0 256 256" aria-hidden="true" style="width:24px;height:24px">
<!-- 5 Sub-Pfade einzeln einfärbbar via .paw-elem; Default: weiß auf orange -->
@ -624,12 +624,12 @@
<div id="modal-container"></div>
<!-- JS: Reihenfolge ist wichtig — erst Basis, dann Features -->
<script src="/js/api.js?v=1295"></script>
<script src="/js/ui.js?v=1295"></script>
<script src="/js/app.js?v=1295"></script>
<script src="/js/worlds.js?v=1295"></script>
<script src="/js/offline-indicator.js?v=1295"></script>
<script src="/js/contact-form.js?v=1295"></script>
<script src="/js/api.js?v=1297"></script>
<script src="/js/ui.js?v=1297"></script>
<script src="/js/app.js?v=1297"></script>
<script src="/js/worlds.js?v=1297"></script>
<script src="/js/offline-indicator.js?v=1297"></script>
<script src="/js/contact-form.js?v=1297"></script>
<!-- Feature-Seiten werden lazy geladen -->
@ -639,7 +639,7 @@
<!-- Boot: Offline-Banner + SW-Registration (extrahiert für CSP) -->
<script src="/js/boot.js?v=1295"></script>
<script src="/js/boot.js?v=1297"></script>
</body>