diff --git a/public/music/delosound-medieval-background-351307.mp3 b/public/music/delosound-medieval-background-351307.mp3 new file mode 100644 index 0000000..4d9416c Binary files /dev/null and b/public/music/delosound-medieval-background-351307.mp3 differ diff --git a/public/music/dueg-oth-musik-adel-142724.mp3 b/public/music/dueg-oth-musik-adel-142724.mp3 new file mode 100644 index 0000000..0663de1 Binary files /dev/null and b/public/music/dueg-oth-musik-adel-142724.mp3 differ diff --git a/public/music/dueg-oth-musik-hintergrund-142725.mp3 b/public/music/dueg-oth-musik-hintergrund-142725.mp3 new file mode 100644 index 0000000..4b57ff2 Binary files /dev/null and b/public/music/dueg-oth-musik-hintergrund-142725.mp3 differ diff --git a/public/music/emmraan-fantasy-kingdom-261257.mp3 b/public/music/emmraan-fantasy-kingdom-261257.mp3 new file mode 100644 index 0000000..58fe6bd Binary files /dev/null and b/public/music/emmraan-fantasy-kingdom-261257.mp3 differ diff --git a/public/music/jean-paul-v-dancing-in-the-medieval-time-329033.mp3 b/public/music/jean-paul-v-dancing-in-the-medieval-time-329033.mp3 new file mode 100644 index 0000000..19a67e0 Binary files /dev/null and b/public/music/jean-paul-v-dancing-in-the-medieval-time-329033.mp3 differ diff --git a/public/music/jean-paul-v-danse-des-princesses-307890.mp3 b/public/music/jean-paul-v-danse-des-princesses-307890.mp3 new file mode 100644 index 0000000..9cfe3f6 Binary files /dev/null and b/public/music/jean-paul-v-danse-des-princesses-307890.mp3 differ diff --git a/public/music/kaazoom-medieval-dance-2-min-edit-medieval-music-404925.mp3 b/public/music/kaazoom-medieval-dance-2-min-edit-medieval-music-404925.mp3 new file mode 100644 index 0000000..0251625 Binary files /dev/null and b/public/music/kaazoom-medieval-dance-2-min-edit-medieval-music-404925.mp3 differ diff --git a/views/launcher.ejs b/views/launcher.ejs index c06db3c..0651ccf 100644 --- a/views/launcher.ejs +++ b/views/launcher.ejs @@ -35,6 +35,57 @@ text-align: center; width: 400px; } + + /* ── Music Control ── */ + #music-control { + position: fixed; + bottom: 16px; + right: 16px; + z-index: 9999; + display: flex; + align-items: center; + gap: 8px; + background: rgba(10, 5, 0, 0.85); + border: 1px solid #c8960c; + border-radius: 8px; + padding: 6px 10px; + box-shadow: 0 2px 12px rgba(0, 0, 0, 0.6); + } + + #music-mute-btn { + background: none; + border: none; + cursor: pointer; + font-size: 20px; + line-height: 1; + padding: 0; + color: #f0d080; + transition: transform 0.15s; + } + + #music-mute-btn:hover { + transform: scale(1.2); + } + + #music-volume { + -webkit-appearance: none; + appearance: none; + width: 80px; + height: 4px; + background: #3a2000; + border-radius: 2px; + outline: none; + cursor: pointer; + } + + #music-volume::-webkit-slider-thumb { + -webkit-appearance: none; + width: 12px; + height: 12px; + border-radius: 50%; + background: #c8960c; + cursor: pointer; + } @@ -413,6 +464,83 @@ + +