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

2
VERSION
View file

@ -1 +1 @@
1306 1307

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> <title>Ban Yaro</title>
<!-- Theme + theme-color Statusleiste vor CSS setzen --> <!-- 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 --> <!-- CSS: Reihenfolge ist wichtig — ?v= zwingt Browser zur Neuladung -->
<link rel="stylesheet" href="/css/design-system.css?v=1306"> <link rel="stylesheet" href="/css/design-system.css?v=1307">
<link rel="stylesheet" href="/css/layout.css?v=1306"> <link rel="stylesheet" href="/css/layout.css?v=1307">
<link rel="stylesheet" href="/css/components.css?v=1306"> <link rel="stylesheet" href="/css/components.css?v=1307">
<link rel="stylesheet" href="/css/utilities.css?v=1306"> <link rel="stylesheet" href="/css/utilities.css?v=1307">
<link rel="stylesheet" href="/css/lists.css?v=1306"> <link rel="stylesheet" href="/css/lists.css?v=1307">
</head> </head>
<body> <body>
@ -624,12 +624,12 @@
<div id="modal-container"></div> <div id="modal-container"></div>
<!-- JS: Reihenfolge ist wichtig — erst Basis, dann Features --> <!-- JS: Reihenfolge ist wichtig — erst Basis, dann Features -->
<script src="/js/api.js?v=1306"></script> <script src="/js/api.js?v=1307"></script>
<script src="/js/ui.js?v=1306"></script> <script src="/js/ui.js?v=1307"></script>
<script src="/js/app.js?v=1306"></script> <script src="/js/app.js?v=1307"></script>
<script src="/js/worlds.js?v=1306"></script> <script src="/js/worlds.js?v=1307"></script>
<script src="/js/offline-indicator.js?v=1306"></script> <script src="/js/offline-indicator.js?v=1307"></script>
<script src="/js/contact-form.js?v=1306"></script> <script src="/js/contact-form.js?v=1307"></script>
<!-- Feature-Seiten werden lazy geladen --> <!-- Feature-Seiten werden lazy geladen -->
@ -639,7 +639,7 @@
<!-- Boot: Offline-Banner + SW-Registration (extrahiert für CSP) --> <!-- 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> </body>

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

@ -3,7 +3,7 @@
Router, State-Management, Navigation, Initialisierung. 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 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_VER = APP_VER; // global verfügbar für andere Module (z.B. offline-indicator)
window.APP_VERSION = APP_VERSION; 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="min-width:0">
<div style="font-weight:600">7 Songs zum Behalten 🎸</div> <div style="font-weight:600">7 Songs zum Behalten 🎸</div>
<div class="text-xs-secondary" style="margin-top:2px"> <div class="text-xs-secondary" style="margin-top:2px">
Das ganze Album als Download — auf Deutsch oder Englisch. Das ganze Album als Download — Deutsch, Englisch oder „neo"
Behalten &amp; teilen ausdrücklich erwünscht. (Electro-Remix). Behalten &amp; teilen ausdrücklich erwünscht.
</div> </div>
</div> </div>
</div> </div>
<div style="padding:0 var(--space-4) var(--space-4);display:flex;gap:var(--space-2);flex-wrap:wrap"> <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" <a class="btn btn-primary" href="/downloads/ban-yaro-album-de.zip"
download="Ban Yaro - Das Album.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 ${UI.icon('download-simple')} Deutsch · 33 MB
</a> </a>
<a class="btn btn-secondary" href="/downloads/ban-yaro-album-en.zip" <a class="btn btn-secondary" href="/downloads/ban-yaro-album-en.zip"
download="Ban Yaro - The Album.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 ${UI.icon('download-simple')} English · 36 MB
</a> </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>
</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: 'Splash!', sub: 'Into the cool water', file: '/sounds/splash-en.mp3' },
{ title: 'Best Friend', sub: 'You and me', file: '/sounds/best-friend-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 = (() => { 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; let _bound = false, _curIdx = -1;
const _audio = () => document.getElementById('anthem-audio'); const _audio = () => document.getElementById('anthem-audio');
// Entdeckt? Server-Flag (geräteübergreifend, deploy-fest) ODER lokal (sofort/offline). // 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'); const sheet = document.querySelector('#album-modal .album-sheet');
if (!sheet) return; if (!sheet) return;
const songs = _songs(); 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 = ` sheet.innerHTML = `
<div class="album-head"> <div class="album-head">
<div> <div>
<div class="album-title">${en ? 'Ban Yaro — The Album' : 'Ban Yaro — das Album'}</div> <div class="album-title">${de ? 'Ban Yaro — das Album' : 'Ban Yaro — The Album'}</div>
<div class="album-subtitle">${songs.length} ${en ? 'songs · homemade' : 'Songs · selbst gemacht'} 🎸</div> <div class="album-subtitle">${songs.length} ${subtitle}</div>
</div> </div>
<div class="album-head-actions"> <div class="album-head-actions">
${EN_READY ? ` ${EN_READY ? `
<div class="album-lang" role="group" aria-label="Sprache / Language"> <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 ${_lang === 'de' ? '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 === '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>` : ''} </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> </div>
<div class="album-list"> <div class="album-list">

2
backend/static/landing.html
View file

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="color-scheme" content="light dark"> <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> <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="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"> <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 // ← 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_VERSION = `by-v${VER}`;
const CACHE_STATIC = `${CACHE_VERSION}-static`; const CACHE_STATIC = `${CACHE_VERSION}-static`;
const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten

21
tools/album-build/build.sh
View file

@ -1,8 +1,8 @@
#!/usr/bin/env bash #!/usr/bin/env bash
# Baut die zwei Album-Downloads (DE + EN) reproduzierbar: # Baut die drei Album-Downloads (DE + EN + neo/Neon Edition) reproduzierbar:
# Cover (Foto quadr. + Wortmarke) → ID3-Tags + eingebettetes Cover → ZIP mit Liner Notes. # Cover (Foto quadr. + Wortmarke) → ID3-Tags + eingebettetes Cover → ZIP mit Liner Notes.
# Quelle: die committeten MP3s in backend/static/sounds/ + ein Hi-Res-Foto. # Quelle: die committeten MP3s in backend/static/sounds/ + ein Hi-Res-Foto.
# Ausgabe: backend/static/downloads/ban-yaro-album-{de,en}.zip + img/banyaro/album-thumb.jpg # Ausgabe: backend/static/downloads/ban-yaro-album-{de,en,neo}.zip + img/banyaro/album-thumb.jpg
# Benötigt: ImageMagick (magick), ffmpeg, zip. Aufruf: make album (oder bash tools/album-build/build.sh) # Benötigt: ImageMagick (magick), ffmpeg, zip. Aufruf: make album (oder bash tools/album-build/build.sh)
set -euo pipefail set -euo pipefail
@ -29,9 +29,11 @@ make_cover() { # $1=subtitle $2=outfile
} }
make_cover "DAS ALBUM · 7 SONGS" "$DIST/cover-de.jpg" make_cover "DAS ALBUM · 7 SONGS" "$DIST/cover-de.jpg"
make_cover "THE ALBUM · 7 SONGS" "$DIST/cover-en.jpg" make_cover "THE ALBUM · 7 SONGS" "$DIST/cover-en.jpg"
make_cover "NEON EDITION · 7 SONGS" "$DIST/cover-neo.jpg"
# Eingebettetes Albumart kleiner halten (sonst blähen sich die MP3s auf) # Eingebettetes Albumart kleiner halten (sonst blähen sich die MP3s auf)
magick "$DIST/cover-de.jpg" -resize 800x800 -quality 85 "$DIST/art-de.jpg" magick "$DIST/cover-de.jpg" -resize 800x800 -quality 85 "$DIST/art-de.jpg"
magick "$DIST/cover-en.jpg" -resize 800x800 -quality 85 "$DIST/art-en.jpg" magick "$DIST/cover-en.jpg" -resize 800x800 -quality 85 "$DIST/art-en.jpg"
magick "$DIST/cover-neo.jpg" -resize 800x800 -quality 85 "$DIST/art-neo.jpg"
# Neutrales Thumbnail (ohne Text) für die Profil-Karte — der Titel steht dort im HTML # Neutrales Thumbnail (ohne Text) für die Profil-Karte — der Titel steht dort im HTML
magick "$PHOTO" -auto-orient -crop 2648x2648+551+0 +repage -resize 600x600 -quality 85 "$IMG/album-thumb.jpg" magick "$PHOTO" -auto-orient -crop 2648x2648+551+0 +repage -resize 600x600 -quality 85 "$IMG/album-thumb.jpg"
@ -55,6 +57,16 @@ EN_TRACKS=(
"splash-en|Splash!|Into the cool water" "splash-en|Splash!|Into the cool water"
"best-friend-en|Best Friend|You and me" "best-friend-en|Best Friend|You and me"
) )
# „neo" = Neon Edition: gleiche EN-Texte, anderer Musikstil (Electro + Garage-Rock).
NEO_TRACKS=(
"ban-yaro-blues-en-electro|Ban Yaro Blues|Garage-rock anthem"
"ban-yaro-mobil-en-electro|Ban Yaro Mobile|Motorik road groove"
"amy-en-electro|Amy|Vocoder love duet"
"at-the-groomers-en-electro|At the Groomer's|Disco-funk salon"
"treat-paradise-en-electro|Treat Paradise|Euphoric filter-house"
"splash-en-electro|Splash!|Funk-house groove"
"best-friend-en-electro|Best Friend|Acoustic-soul to synth"
)
zip_album() { # $1=lang $2=AlbumName(ID3, Em-Dash ok) $3=Ordner(ASCII) $4=art $5=liner shift 5; rest=tracks zip_album() { # $1=lang $2=AlbumName(ID3, Em-Dash ok) $3=Ordner(ASCII) $4=art $5=liner shift 5; rest=tracks
local lang="$1" album="$2" fname="$3" art="$4" liner="$5"; shift 5 local lang="$1" album="$2" fname="$3" art="$4" liner="$5"; shift 5
@ -67,6 +79,7 @@ zip_album() { # $1=lang $2=AlbumName(ID3, Em-Dash ok) $3=Ordner(ASCII) $4=ar
else else
copyr="© 2026 Ban Yaro — All rights reserved. Commercial use only by prior arrangement (banyaro.app)." copyr="© 2026 Ban Yaro — All rights reserved. Commercial use only by prior arrangement (banyaro.app)."
fi fi
local genre="Blues"; [ "$lang" = "neo" ] && genre="Electronic"
local n=0 line src title sub nn local n=0 line src title sub nn
for line in "$@"; do for line in "$@"; do
n=$((n+1)); nn=$(printf "%02d" "$n") n=$((n+1)); nn=$(printf "%02d" "$n")
@ -75,7 +88,7 @@ zip_album() { # $1=lang $2=AlbumName(ID3, Em-Dash ok) $3=Ordner(ASCII) $4=ar
-map 0:a -map 1:v -c copy -id3v2_version 3 \ -map 0:a -map 1:v -c copy -id3v2_version 3 \
-metadata title="$title" -metadata artist="Ban Yaro" \ -metadata title="$title" -metadata artist="Ban Yaro" \
-metadata album="$album" -metadata album_artist="Ban Yaro" \ -metadata album="$album" -metadata album_artist="Ban Yaro" \
-metadata track="$n/7" -metadata date="2026" -metadata genre="Blues" \ -metadata track="$n/7" -metadata date="2026" -metadata genre="$genre" \
-metadata copyright="$copyr" -metadata comment="$sub" \ -metadata copyright="$copyr" -metadata comment="$sub" \
-disposition:v:0 attached_pic \ -disposition:v:0 attached_pic \
"$folder/$nn $title.mp3" "$folder/$nn $title.mp3"
@ -87,7 +100,9 @@ zip_album() { # $1=lang $2=AlbumName(ID3, Em-Dash ok) $3=Ordner(ASCII) $4=ar
# LIESMICH.txt für DE, README.txt für EN # LIESMICH.txt für DE, README.txt für EN
cp "$BUILD/liner-de.txt" "$DIST/_liner-de.txt" cp "$BUILD/liner-de.txt" "$DIST/_liner-de.txt"
cp "$BUILD/liner-en.txt" "$DIST/_liner-en.txt" cp "$BUILD/liner-en.txt" "$DIST/_liner-en.txt"
cp "$BUILD/liner-neo.txt" "$DIST/_liner-neo.txt"
zip_album "de" "Ban Yaro — Das Album" "Ban Yaro - Das Album" "$DIST/art-de.jpg" "$DIST/_liner-de.txt" "${DE_TRACKS[@]}" zip_album "de" "Ban Yaro — Das Album" "Ban Yaro - Das Album" "$DIST/art-de.jpg" "$DIST/_liner-de.txt" "${DE_TRACKS[@]}"
zip_album "en" "Ban Yaro — The Album" "Ban Yaro - The Album" "$DIST/art-en.jpg" "$DIST/_liner-en.txt" "${EN_TRACKS[@]}" zip_album "en" "Ban Yaro — The Album" "Ban Yaro - The Album" "$DIST/art-en.jpg" "$DIST/_liner-en.txt" "${EN_TRACKS[@]}"
zip_album "neo" "Ban Yaro — Neon Edition" "Ban Yaro - Neon Edition" "$DIST/art-neo.jpg" "$DIST/_liner-neo.txt" "${NEO_TRACKS[@]}"
echo "Fertig. Downloads in backend/static/downloads/, Thumbnail in img/banyaro/album-thumb.jpg" echo "Fertig. Downloads in backend/static/downloads/, Thumbnail in img/banyaro/album-thumb.jpg"

31
tools/album-build/liner-neo.txt Normal file
View file

@ -0,0 +1,31 @@
==================================================
BAN YARO — NEON EDITION
7 Songs
==================================================
The same seven Ban Yaro songs — reimagined.
French electronic house meets Swedish garage rock:
vocoders and four-on-the-floor, fuzzy guitars and
Hammond organ. Same dog, same heart, brand-new sound.
Homemade, with all our heart. From the Ban Yaro app.
--------------------------------------------------
TRACKLIST
--------------------------------------------------
1. Ban Yaro Blues Garage-rock anthem
2. Ban Yaro Mobile Motorik road groove
3. Amy Vocoder love duet
4. At the Groomer's Disco-funk salon
5. Treat Paradise Euphoric filter-house
6. Splash! Funk-house groove
7. Best Friend Acoustic-soul to synth
--------------------------------------------------
© 2026 Ban Yaro — music and lyrics. All rights reserved.
Keeping and sharing privately is expressly welcome.
Commercial use only by prior arrangement: banyaro.app
Turn it up, and have a wonderful walk!
Woof. 🐾