add darkmode

pages/terminology.html

@@ -19,9 +19,33 @@
       <a href="prompts.html">Prompt Guide</a>
       <a href="math.html">Math & Concepts</a>
     </div>
+    <button class="dark-toggle" id="darkToggle" aria-label="Toggle dark mode">🌙</button>
   </div>
 </nav>
 
+<script>
+(function(){
+  var btn = document.getElementById('darkToggle');
+  var saved = localStorage.getItem('theme');
+  if(saved === 'dark' || (!saved && window.matchMedia('(prefers-color-scheme: dark)').matches)){
+    document.documentElement.setAttribute('data-theme','dark');
+    btn.textContent = '☀️';
+  }
+  btn.addEventListener('click', function(){
+    var isDark = document.documentElement.getAttribute('data-theme') === 'dark';
+    if(isDark){
+      document.documentElement.removeAttribute('data-theme');
+      btn.textContent = '🌙';
+      localStorage.setItem('theme','light');
+    } else {
+      document.documentElement.setAttribute('data-theme','dark');
+      btn.textContent = '☀️';
+      localStorage.setItem('theme','dark');
+    }
+  });
+})();
+</script>
+
 <div class="hero">
   <h1>AI Terminology</h1>
   <p>Essential terms every AI learner should know.</p>
@@ -152,7 +176,6 @@
       <tr><td>PoC</td><td>Proof of Concept</td></tr>
       <tr><td>GAN</td><td>Generative Adversarial Network</td></tr>
       <tr><td>CNN</td><td>Convolutional Neural Network</td></tr>
-      <tr><td>GAN</td><td>Generative Adversarial Network</td></tr>
       <tr><td>AGI</td><td>Artificial General Intelligence</td></tr>
       <tr><td>STT / ASR</td><td>Speech-to-Text / Automatic Speech Recognition</td></tr>
       <tr><td>TTS</td><td>Text-to-Speech</td></tr>