chang erepo link and fix tab issues, and add hash linking

Author: Aspenini

index.html

@@ -349,7 +349,7 @@ <h2>PAGNAI: Procedural Audio Generation, Not Artificial Intelligence</h2>
 
   <footer class="site-footer">
     <div class="footer-content">
-      <a href="https://github.com/Aspenini/JS-Media-Tool" target="_blank" rel="noopener noreferrer" class="github-link">
+      <a href="https://github.com/Aspenini/Media-Tool" target="_blank" rel="noopener noreferrer" class="github-link">
         <img src="/img/github.png" alt="GitHub" class="github-icon">
         <span>View on GitHub</span>
       </a>

src/ui/tabs.ts

@@ -1,5 +1,21 @@
 import { showNotification } from './notification.js';
 
+const HASH_TO_TAB: Record<string, string> = {
+  scaler: 'scalerTab',
+  slicer: 'slicerTab',
+  audio: 'audioTab',
+  palette: 'paletteTab',
+  csv: 'csvTab',
+  qrcode: 'qrcodeTab',
+  brainfuck: 'brainfuckTab',
+  pagnai: 'pagnaiTab',
+};
+
+function tabIdToHash(tabId: string): string {
+  const entry = Object.entries(HASH_TO_TAB).find(([, id]) => id === tabId);
+  return entry ? entry[0] : '';
+}
+
 export function openTab(tabId: string): void {
   try {
     const allTabs = document.querySelectorAll<HTMLElement>('.tabcontent');
@@ -13,15 +29,16 @@ export function openTab(tabId: string): void {
     const allButtons = document.querySelectorAll('.tab-button');
     allButtons.forEach((btn) => btn.classList.remove('active'));
 
-    const targetButton = document.querySelector(`[data-tab="${tabId}"]`);
-    if (targetButton) {
-      targetButton.classList.add('active');
-    }
+    document.querySelectorAll(`[data-tab="${tabId}"]`).forEach((btn) => btn.classList.add('active'));
 
     const selectedTab = document.getElementById(tabId);
     if (selectedTab) {
       selectedTab.style.display = 'block';
       selectedTab.classList.add('active');
+      const hash = tabIdToHash(tabId);
+      if (hash) {
+        history.replaceState(null, '', `#${hash}`);
+      }
     } else {
       console.error(`Tab with id "${tabId}" not found`);
       showNotification('Tab not found', 'error');
@@ -36,14 +53,20 @@ export function selectMobileTab(tabId: string): void {
   openTab(tabId);
   const mobileMenu = document.getElementById('mobileMenu');
   if (mobileMenu) mobileMenu.style.display = 'none';
-  const button = document.querySelector(`[data-tab="${tabId}"]`);
-  if (button) {
-    document.querySelectorAll('.tab-button').forEach((btn) => btn.classList.remove('active'));
-    button.classList.add('active');
-  }
 }
 
 export function initTabs(): void {
+  function openFromHash(): void {
+    const hash = window.location.hash.slice(1).toLowerCase();
+    const tabId = hash ? HASH_TO_TAB[hash] : null;
+    if (tabId) {
+      openTab(tabId);
+    }
+  }
+
+  openFromHash();
+  window.addEventListener('hashchange', openFromHash);
+
   document.querySelectorAll<HTMLElement>('#tabs .tab-button[data-tab]').forEach((btn) => {
     const tabId = btn.dataset.tab;
     if (tabId) {