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

Album: Neon Edition (EN-Electro) — 3. Sprache »neo« im Toggle + Profil-Download (v1307)

Browse source 
7 Electro-Reinterpretationen der EN-Songs (Daft-Punk-/Mando-Diao-Stil, pro Song
der passendere Pol). Album-Modal-Toggle jetzt DE/EN/neo, Profil-Download um
»neo · 33 MB« erweitert (ban-yaro-album-neo.zip, Genre Electronic). build.sh baut
die neo-Edition mit; MP3s MD5-geprüft (≠ DE und ≠ faithful-EN).
This commit is contained in:
rene 2026-06-19 12:52:13 +02:00
parent 6ea3f50b05
commit cf88df7056
17 changed files with 100 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
backend/static/downloads/ban-yaro-album-neo.zip Normal file
View file

Binary file not shown.

26
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=1306"></script>
<script src="/js/boot-early.js?v=1307"></script>
<!-- CSS: Reihenfolge ist wichtig — ?v= zwingt Browser zur Neuladung -->
<link rel="stylesheet" href="/css/design-system.css?v=1306">
<link rel="stylesheet" href="/css/layout.css?v=1306">
<link rel="stylesheet" href="/css/components.css?v=1306">
<link rel="stylesheet" href="/css/utilities.css?v=1306">
<link rel="stylesheet" href="/css/lists.css?v=1306">
<link rel="stylesheet" href="/css/design-system.css?v=1307">
<link rel="stylesheet" href="/css/layout.css?v=1307">
<link rel="stylesheet" href="/css/components.css?v=1307">
<link rel="stylesheet" href="/css/utilities.css?v=1307">
<link rel="stylesheet" href="/css/lists.css?v=1307">
</head>
<body>
@ -624,12 +624,12 @@
<div id="modal-container"></div>
<!-- JS: Reihenfolge ist wichtig — erst Basis, dann Features -->
<script src="/js/api.js?v=1306"></script>
<script src="/js/ui.js?v=1306"></script>
<script src="/js/app.js?v=1306"></script>
<script src="/js/worlds.js?v=1306"></script>
<script src="/js/offline-indicator.js?v=1306"></script>
<script src="/js/contact-form.js?v=1306"></script>
<script src="/js/api.js?v=1307"></script>
<script src="/js/ui.js?v=1307"></script>
<script src="/js/app.js?v=1307"></script>
<script src="/js/worlds.js?v=1307"></script>
<script src="/js/offline-indicator.js?v=1307"></script>
<script src="/js/contact-form.js?v=1307"></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=1306"></script>
<script src="/js/boot.js?v=1307"></script>
</body>

2
backend/static/js/app.js
View file

@ -3,7 +3,7 @@
Router, State-Management, Navigation, Initialisierung.
============================================================ */
const APP_VER = '1306'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VER = '1307'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VERSION = '1.6.0'; // ← semantische Version, wird bei make release gesetzt
window.APP_VER = APP_VER; // global verfügbar für andere Module (z.B. offline-indicator)
window.APP_VERSION = APP_VERSION;

13
backend/static/js/pages/settings.js
View file

@ -887,22 +887,27 @@ window.Page_settings = (() => {
<div style="min-width:0">
<div style="font-weight:600">7 Songs zum Behalten 🎸</div>
<div class="text-xs-secondary" style="margin-top:2px">
Das ganze Album als Download — auf Deutsch oder Englisch.
Behalten &amp; teilen ausdrücklich erwünscht.
Das ganze Album als Download — Deutsch, Englisch oder „neo"
(Electro-Remix). Behalten &amp; teilen ausdrücklich erwünscht.
</div>
</div>
</div>
<div style="padding:0 var(--space-4) var(--space-4);display:flex;gap:var(--space-2);flex-wrap:wrap">
<a class="btn btn-primary" href="/downloads/ban-yaro-album-de.zip"
download="Ban Yaro - Das Album.zip"
style="flex:1;min-width:140px;justify-content:center;text-decoration:none">
style="flex:1;min-width:130px;justify-content:center;text-decoration:none">
${UI.icon('download-simple')} Deutsch · 33 MB
</a>
<a class="btn btn-secondary" href="/downloads/ban-yaro-album-en.zip"
download="Ban Yaro - The Album.zip"
style="flex:1;min-width:140px;justify-content:center;text-decoration:none">
style="flex:1;min-width:130px;justify-content:center;text-decoration:none">
${UI.icon('download-simple')} English · 36 MB
</a>
<a class="btn btn-secondary" href="/downloads/ban-yaro-album-neo.zip"
download="Ban Yaro - Neon Edition.zip"
style="flex:1;min-width:130px;justify-content:center;text-decoration:none">
${UI.icon('download-simple')} neo · 33 MB
</a>
</div>
</div>

31
backend/static/js/worlds.js
View file

@ -1963,10 +1963,21 @@ window.Worlds = (() => {
{ title: 'Splash!', sub: 'Into the cool water', file: '/sounds/splash-en.mp3' },
{ title: 'Best Friend', sub: 'You and me', file: '/sounds/best-friend-en.mp3' },
];
// „neo" = Neon Edition: dieselben EN-Texte, anderer Musikstil (Electro + Garage-Rock).
const SONGS_EN_ELECTRO = [
{ title: 'Ban Yaro Blues', sub: 'Garage-rock anthem', file: '/sounds/ban-yaro-blues-en-electro.mp3' },
{ title: 'Ban Yaro Mobile', sub: 'Motorik road groove', file: '/sounds/ban-yaro-mobil-en-electro.mp3' },
{ title: 'Amy', sub: 'Vocoder love duet', file: '/sounds/amy-en-electro.mp3' },
{ title: "At the Groomer's", sub: 'Disco-funk salon', file: '/sounds/at-the-groomers-en-electro.mp3' },
{ title: 'Treat Paradise', sub: 'Euphoric filter-house', file: '/sounds/treat-paradise-en-electro.mp3' },
{ title: 'Splash!', sub: 'Funk-house groove', file: '/sounds/splash-en-electro.mp3' },
{ title: 'Best Friend', sub: 'Acoustic-soul to synth', file: '/sounds/best-friend-en-electro.mp3' },
];
const ALBUMS = { de: SONGS_DE, en: SONGS_EN, neo: SONGS_EN_ELECTRO };
let _lang = (() => {
try { return (EN_READY && localStorage.getItem(LANG_KEY) === 'en') ? 'en' : 'de'; } catch (_) { return 'de'; }
try { const v = EN_READY ? localStorage.getItem(LANG_KEY) : null; return ALBUMS[v] ? v : 'de'; } catch (_) { return 'de'; }
})();
const _songs = () => (_lang === 'en' && EN_READY) ? SONGS_EN : SONGS_DE;
const _songs = () => (EN_READY && ALBUMS[_lang]) ? ALBUMS[_lang] : SONGS_DE;
let _bound = false, _curIdx = -1;
const _audio = () => document.getElementById('anthem-audio');
// Entdeckt? Server-Flag (geräteübergreifend, deploy-fest) ODER lokal (sofort/offline).
@ -2040,20 +2051,24 @@ window.Worlds = (() => {
const sheet = document.querySelector('#album-modal .album-sheet');
if (!sheet) return;
const songs = _songs();
const en = _lang === 'en';
const de = _lang === 'de';
const subtitle = de ? 'Songs · selbst gemacht 🎸'
: _lang === 'neo' ? 'songs · neon edition 🎛️'
: 'songs · homemade 🎸';
sheet.innerHTML = `
<div class="album-head">
<div>
<div class="album-title">${en ? 'Ban Yaro — The Album' : 'Ban Yaro — das Album'}</div>
<div class="album-subtitle">${songs.length} ${en ? 'songs · homemade' : 'Songs · selbst gemacht'} 🎸</div>
<div class="album-title">${de ? 'Ban Yaro — das Album' : 'Ban Yaro — The Album'}</div>
<div class="album-subtitle">${songs.length} ${subtitle}</div>
</div>
<div class="album-head-actions">
${EN_READY ? `
<div class="album-lang" role="group" aria-label="Sprache / Language">
<button class="album-lang-btn ${en ? '' : 'is-active'}" data-lang="de" type="button">DE</button>
<button class="album-lang-btn ${en ? 'is-active' : ''}" data-lang="en" type="button">EN</button>
<button class="album-lang-btn ${_lang === 'de' ? 'is-active' : ''}" data-lang="de" type="button">DE</button>
<button class="album-lang-btn ${_lang === 'en' ? 'is-active' : ''}" data-lang="en" type="button">EN</button>
<button class="album-lang-btn ${_lang === 'neo' ? 'is-active' : ''}" data-lang="neo" type="button">neo</button>
</div>` : ''}
<button class="album-close" aria-label="${en ? 'Close' : 'Schließen'}">×</button>
<button class="album-close" aria-label="${de ? 'Schließen' : 'Close'}">×</button>
</div>
</div>
<div class="album-list">

2
backend/static/landing.html
View file

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="color-scheme" content="light dark">
<script src="/js/landing-init.js?v=1306"></script>
<script src="/js/landing-init.js?v=1307"></script>
<title>Ban Yaro — Die Hunde-App für Deutschland, Österreich & Schweiz</title>
<meta name="description" content="Ban Yaro: Die kostenlose All-in-One Hunde-App für DACH. Tagebuch, Giftköder-Alarm, Training mit KI, Forum, Wurfbörse, Stammbaum, Inzucht-Check — DSGVO-konform, offline-fähig, direkt im Browser oder als native iPhone-App (Ban Yaro Go).">
<meta name="keywords" content="Hunde App, Hunde Community, Wurfbörse, Züchter, Welpen kaufen, Stammbaum Hund, Inzuchtkoeffizient, Hundezucht, Impfpass Hund, Giftköder Alarm, Gassi Community, Hundetraining App, Hunde Forum, Hunde KI, Hundefilm Datenbank, Welpen Marktplatz">

BIN
backend/static/sounds/amy-en-electro.mp3 Normal file
View file

Binary file not shown.

BIN
backend/static/sounds/at-the-groomers-en-electro.mp3 Normal file
View file

Binary file not shown.

BIN
backend/static/sounds/ban-yaro-blues-en-electro.mp3 Normal file
View file

Binary file not shown.

BIN
backend/static/sounds/ban-yaro-mobil-en-electro.mp3 Normal file
View file

Binary file not shown.

BIN
backend/static/sounds/best-friend-en-electro.mp3 Normal file
View file

Binary file not shown.

BIN
backend/static/sounds/splash-en-electro.mp3 Normal file
View file

Binary file not shown.

BIN
backend/static/sounds/treat-paradise-en-electro.mp3 Normal file
View file

Binary file not shown.

2
backend/static/sw.js
View file

@ -4,7 +4,7 @@
============================================================ */
// ← EINZIGE Stelle für die Version — STATIC_ASSETS und CACHE_VERSION leiten sich ab
const VER = '1306';
const VER = '1307';
const CACHE_VERSION = `by-v${VER}`;
const CACHE_STATIC = `${CACHE_VERSION}-static`;
const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten