Update templates/svm.html

templates/svm.html

@@ -113,6 +113,41 @@
             Explore a dynamically trained Linear Support Vector Machine, adjusting parameters and adding new data points.
         </p>
 
+       <!-- button -->
+         <div>
+    <!-- Audio Element -->
+    <!-- Note: Browsers may block audio autoplay if the user hasn't interacted with the document first, 
+         but since this is triggered by a click, it should work fine. -->
+    
+
+    <a 
+      href="/svm-model-three" 
+      target="_blank"
+      onclick="playSound()"
+      class="
+        cursor-pointer
+        inline-block 
+        relative 
+        bg-blue-500 
+        text-white 
+        font-bold 
+        py-4 px-8 
+        rounded-xl 
+        text-2xl
+        transition-all 
+        duration-150 
+        
+        /* 3D Effect (Hard Shadow) */
+        shadow-[0_8px_0_rgb(29,78,216)] 
+        
+        /* Pressed State (Move down & remove shadow) */
+        active:shadow-none 
+        active:translate-y-[8px]
+      ">
+      Tap Me!
+    </a>
+  </div>
+      
         <!-- Controls (mobile-first) -->
         <div class="controls grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 mb-4">
             <div class="flex flex-col">