diff --git a/index.html b/index.html index 42dacee..b2736d5 100644 --- a/index.html +++ b/index.html @@ -23,6 +23,9 @@ +
diff --git a/js/tabs.js b/js/tabs.js index 915c545..00eacf9 100644 --- a/js/tabs.js +++ b/js/tabs.js @@ -4,6 +4,7 @@ document.addEventListener('DOMContentLoaded', () => { const mainVideo = document.getElementById('background-video'); const calVideo = document.getElementById('calendar-background-video'); const bucketlistVideo = document.getElementById('bucketlist-background-video'); + const botVideo = document.getElementById('yuukabot-background-video'); // ── Map URL path → tab id ────────────────────────────── function pathToTab(path) { @@ -24,12 +25,13 @@ document.addEventListener('DOMContentLoaded', () => { // map tab id → its dedicated video element (null = use main) const tabVideos = { calendar: calVideo, - bucketlist: bucketlistVideo + bucketlist: bucketlistVideo, + yuukabot: botVideo }; function setBgForTab(tabId) { // Hide + pause ALL videos first - [mainVideo, calVideo, bucketlistVideo].forEach(v => { + [mainVideo, calVideo, bucketlistVideo, botVideo].forEach(v => { if (v) { v.style.display = 'none'; v.pause(); } }); diff --git a/style/styles.css b/style/styles.css index 2c3deae..81351e5 100644 --- a/style/styles.css +++ b/style/styles.css @@ -18,7 +18,8 @@ html, body { } #background-video, #calendar-background-video, -#bucketlist-background-video { +#bucketlist-background-video, +#yuukabot-background-video { position: fixed; right: 0%; left: 0%; diff --git a/textures/bot_background.mp4 b/textures/bot_background.mp4 new file mode 100644 index 0000000..7f386a8 Binary files /dev/null and b/textures/bot_background.mp4 differ