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