tab specific routing added

_redirects

@@ -0,0 +1 @@
+/*    /index.html   200

js/tabs.js

@@ -1,17 +1,63 @@
 document.addEventListener('DOMContentLoaded', () => {
- 
-  const tabs = document.querySelectorAll('.tab-content');
-  tabs.forEach(tab => tab.style.display = 'none'); 
-  const aboutTab = document.getElementById('about');
-  if (aboutTab) aboutTab.style.display = 'block';   
 
+  const tabs = document.querySelectorAll('.tab-content');
+
+  // ── Map URL path → tab id ──────────────────────────────
+  function pathToTab(path) {
+    // strip leading/trailing slashes, default to "about"
+    const slug = path.replace(/^\/+|\/+$/g, '') || 'about';
+    // known slugs — everything else falls back to about
+    const valid = ['about', 'gallery', 'ahmet', 'yuukabot', 'calendar'];
+    return valid.includes(slug) ? slug : 'about';
+  }
+
+  function tabToPath(tabId) {
+    return '/' + (tabId === 'about' ? '' : tabId);
+  }
+
+  // ── Show a specific tab ────────────────────────────────
+  function showTab(tabId) {
+    tabs.forEach(t => t.style.display = 'none');
+    const target = document.getElementById(tabId);
+    if (target) target.style.display = 'block';
+  }
+
+  // ── Navigate to a tab (updates URL + shows it) ────────
+  function navigateTo(tabId, push = true) {
+    showTab(tabId);
+    if (push) {
+      history.pushState({ tab: tabId }, '', tabToPath(tabId));
+    }
+  }
+
+  // ── Initial load: show tab from URL ────────────────────
+  showTab(pathToTab(window.location.pathname));
+
+  // ── Tab button clicks ──────────────────────────────────
   const buttons = document.querySelectorAll('#top-line button');
   buttons.forEach(button => {
     button.addEventListener('click', () => {
       const targetId = button.id.replace('-btn', '');
-      tabs.forEach(tab => tab.style.display = 'none');
+      navigateTo(targetId);
-      const targetTab = document.getElementById(targetId);
-      if (targetTab) targetTab.style.display = 'block';
     });
   });
+
+  // ── Home button (logo) ─────────────────────────────────
+  const homeBtn = document.getElementById('home-btn');
+  if (homeBtn) {
+    homeBtn.addEventListener('click', (e) => {
+      e.preventDefault();
+      navigateTo('about');
+    });
+  }
+
+  // ── Back / forward browser buttons ─────────────────────
+  window.addEventListener('popstate', (e) => {
+    if (e.state && e.state.tab) {
+      showTab(e.state.tab);
+    } else {
+      showTab(pathToTab(window.location.pathname));
+    }
+  });
+
 });