diff --git a/ahmet/1.jpg b/ahmet/1.jpg deleted file mode 100644 index daa914c..0000000 Binary files a/ahmet/1.jpg and /dev/null differ diff --git a/ahmet/thumbnails/1.jpg b/ahmet/thumbnails/1.jpg deleted file mode 100644 index 88d159e..0000000 Binary files a/ahmet/thumbnails/1.jpg and /dev/null differ diff --git a/generate_thumbnails.py b/generate_thumbnails.py index ad2a9c2..af6566a 100644 --- a/generate_thumbnails.py +++ b/generate_thumbnails.py @@ -46,4 +46,3 @@ def create_thumbnails(base_folder): if __name__ == "__main__": create_thumbnails("gallery") - create_thumbnails("ahmet") diff --git a/index.html b/index.html index 62d6820..9e8a842 100644 --- a/index.html +++ b/index.html @@ -19,11 +19,14 @@ +
- +
@@ -113,8 +116,8 @@ -
-
+
+
diff --git a/js/gallery.js b/js/gallery.js index 687da31..72184aa 100644 --- a/js/gallery.js +++ b/js/gallery.js @@ -66,7 +66,4 @@ document.addEventListener('DOMContentLoaded', () => { // Load your original Gallery loadGallery('gallery-container', 'gallery', 50); - - // Load your new Ahmet Museum (adjust the number 20 to however many photos you have) - loadGallery('ahmet-container', 'ahmet', 20); }); \ No newline at end of file diff --git a/js/tabs.js b/js/tabs.js index ea16fac..e1b1329 100644 --- a/js/tabs.js +++ b/js/tabs.js @@ -3,11 +3,14 @@ document.addEventListener('DOMContentLoaded', () => { const tabs = document.querySelectorAll('.tab-content'); const mainVideo = document.getElementById('background-video'); const calVideo = document.getElementById('calendar-background-video'); + const czVideo = document.getElementById('czscores-background-video'); // ── Map URL path → tab id ────────────────────────────── function pathToTab(path) { const slug = path.replace(/^\/+|\/+$/g, '') || 'about'; - const valid = ['about', 'gallery', 'ahmet', 'yuukabot', 'calendar']; + const valid = ['about', 'gallery', 'czscores', 'yuukabot', 'calendar']; + // backward compat: old /ahmet links + if (slug === 'ahmet') return 'czscores'; return valid.includes(slug) ? slug : 'about'; } @@ -18,17 +21,32 @@ document.addEventListener('DOMContentLoaded', () => { // ── Swap background videos + top-bar theme ──────────── const topLine = document.getElementById('top-line'); + // map tab id → its dedicated video element (null = use main) + const tabVideos = { + calendar: calVideo, + czscores: czVideo + }; + function setBgForTab(tabId) { - if (tabId === 'calendar') { - // Switch to calendar background - if (mainVideo) { mainVideo.style.display = 'none'; mainVideo.pause(); } - if (calVideo) { calVideo.style.display = 'block'; calVideo.play().catch(() => {}); } - if (topLine) topLine.classList.add('cal-theme'); - } else { - // Switch back to main background - if (calVideo) { calVideo.style.display = 'none'; calVideo.pause(); } - if (mainVideo) { mainVideo.style.display = 'block'; if (mainVideo.paused) mainVideo.play().catch(() => {}); } - if (topLine) topLine.classList.remove('cal-theme'); + // Hide + pause ALL videos first + [mainVideo, calVideo, czVideo].forEach(v => { + if (v) { v.style.display = 'none'; v.pause(); } + }); + + // Show the right one + const target = tabVideos[tabId]; + if (target) { + target.style.display = 'block'; + target.play().catch(() => {}); + } else if (mainVideo) { + mainVideo.style.display = 'block'; + if (mainVideo.paused) mainVideo.play().catch(() => {}); + } + + // Top-bar theme toggle + if (topLine) { + topLine.classList.toggle('cal-theme', tabId === 'calendar'); + topLine.classList.toggle('czscores-theme', tabId === 'czscores'); } } diff --git a/style/ahmet.css b/style/ahmet.css index f45899b..123eb27 100644 --- a/style/ahmet.css +++ b/style/ahmet.css @@ -1,24 +1,12 @@ -#ahmet-btn { - background-color: aliceblue; - color: #153dee; - border: none; - padding: 12px 24px; - border-radius: 8px; - cursor: pointer; - transition: box-shadow 0.3s ease; -} - -#ahmet-container { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); - gap: 10px; - padding: 120px 70px 70px 70px; -} - -#ahmet-container img { - width: 100%; - max-width: 250px; - height: auto; - border-radius: 8px; - object-fit: cover; -} \ No newline at end of file +/* Cz Scores tab */ + +#czscores-btn { + background-color: aliceblue; + color: #153dee; + border: none; + padding: 12px 24px; + border-radius: 8px; + cursor: pointer; + transition: box-shadow 0.3s ease; +} + \ No newline at end of file diff --git a/style/styles.css b/style/styles.css index a09640f..254a67b 100644 --- a/style/styles.css +++ b/style/styles.css @@ -17,7 +17,8 @@ html, body { overflow-x: hidden; } #background-video, -#calendar-background-video { +#calendar-background-video, +#czscores-background-video { position: fixed; right: 0%; left: 0%; @@ -75,6 +76,15 @@ html, body { transition: border-color 0.4s ease, color 0.4s ease; } +/* ── Cz Scores-themed top bar buttons ─────────────────── */ +#top-line.czscores-theme button { + border-bottom-color: #B5B1C6; + border-left-color: #B5B1C6; + border-right-color: #B5B1C6; + color: #B84457; + transition: border-color 0.4s ease, color 0.4s ease; +} + title { font-size: large; font-weight: 100; diff --git a/textures/cz_background.mp4 b/textures/cz_background.mp4 new file mode 100644 index 0000000..4ca9afb Binary files /dev/null and b/textures/cz_background.mp4 differ