es soll nur noch der button train model da sein und lösche den reiter datasets

word-dataset.html

@@ -12,49 +12,20 @@
 <div class="container mx-auto px-4 py-12 mt-20">
 <header class="text-center mb-12">
             <div class="flex items-center justify-center space-x-3">
-                <i data-feather="database" class="w-10 h-10 text-purple-600"></i>
-                <h1 class="text-4xl font-bold bg-gradient-to-r from-purple-600 to-blue-500 bg-clip-text text-transparent">Word Dataset</h1>
+                <i data-feather="cpu" class="w-10 h-10 text-purple-600"></i>
+                <h1 class="text-4xl font-bold bg-gradient-to-r from-purple-600 to-blue-500 bg-clip-text text-transparent">Train Model</h1>
             </div>
-            <p class="mt-4 text-lg text-gray-600">Pre-built datasets for quick training</p>
+            <p class="mt-4 text-lg text-gray-600">Train your neural network model</p>
         </header>
 
         <div class="max-w-3xl mx-auto bg-white rounded-xl shadow-md overflow-hidden p-6">
-            <div class="grid gap-6 md:grid-cols-2">
-                <div class="dataset-card p-4 rounded-lg border border-gray-200 hover:border-purple-300 transition-colors">
-                    <h3 class="font-semibold text-lg text-purple-700 flex items-center">
-                        <i data-feather="book" class="mr-2"></i>Common Words
-                    </h3>
-                    <p class="text-gray-600 mt-2">500 most common English words from project Gutenberg</p>
-                    <button class="mt-3 text-sm bg-purple-100 text-purple-700 px-3 py-1 rounded-full hover:bg-purple-200 transition-colors" onclick="loadDataset('common')">Load Dataset</button>
-                </div>
-
-                <div class="dataset-card p-4 rounded-lg border border-gray-200 hover:border-blue-300 transition-colors">
-                    <h3 class="font-semibold text-lg text-blue-700 flex items-center">
-                        <i data-feather="message-square" class="mr-2"></i>Chat Phrases
-                    </h3>
-                    <p class="text-gray-600 mt-2">Common chat and messaging phrases with abbreviations</p>
-                    <button class="mt-3 text-sm bg-blue-100 text-blue-700 px-3 py-1 rounded-full hover:bg-blue-200 transition-colors" onclick="loadDataset('chat')">Load Dataset</button>
-                </div>
-
-                <div class="dataset-card p-4 rounded-lg border border-gray-200 hover:border-green-300 transition-colors">
-                    <h3 class="font-semibold text-lg text-green-700 flex items-center">
-                        <i data-feather="globe" class="mr-2"></i>Tech Terms
-                    </h3>
-                    <p class="text-gray-600 mt-2">Technical terms and programming language keywords</p>
-                    <button class="mt-3 text-sm bg-green-100 text-green-700 px-3 py-1 rounded-full hover:bg-green-200 transition-colors" onclick="loadDataset('tech')">Load Dataset</button>
-                </div>
-
-                <div class="dataset-card p-4 rounded-lg border border-gray-200 hover:border-yellow-300 transition-colors">
-                    <h3 class="font-semibold text-lg text-yellow-700 flex items-center">
-                        <i data-feather="map" class="mr-2"></i>Names & Places
-                    </h3>
-                    <p class="text-gray-600 mt-2">Common names and geographical locations</p>
-                    <button class="mt-3 text-sm bg-yellow-100 text-yellow-700 px-3 py-1 rounded-full hover:bg-yellow-200 transition-colors" onclick="loadDataset('names')">Load Dataset</button>
-                </div>
-            </div>
+            <button class="w-full py-3 px-4 bg-purple-600 hover:bg-purple-700 text-white font-medium rounded-lg transition-colors flex items-center justify-center">
+                <i data-feather="play-circle" class="mr-2"></i>
+                Train Model
+            </button>
 
             <div class="mt-8 text-center">
-                <a href="index.html" class="inline-flex items-center text-purple-600 hover:text-purple-800 transition-colors">
+<a href="index.html" class="inline-flex items-center text-purple-600 hover:text-purple-800 transition-colors">
                     <i data-feather="arrow-left" class="mr-2"></i>
                     Back to main page
                 </a>
@@ -66,22 +37,7 @@
     <script src="script.js"></script>
     <custom-footer></custom-footer>
     <script>
-function loadDataset(type) {
-            // This would be replaced with actual dataset loading
-            alert(`Loading ${type} dataset...`);
-            
-            // Simulate loading a dataset
-            const datasets = {
-                common: "hello world\nhow are you\nwhat is your name\nthis is a test\ngood morning\ngood night\nthank you\nplease wait\nI love coding\nthe quick brown fox\njumps over the lazy dog",
-                chat: "brb\nlol\nomg\nttyl\nbtw\nidk\nrofl\nasap\nthx\ncya\nnp\ngtg\nhbu\nimo\nfyi",
-                tech: "javascript\npython\nreact\nnodejs\napi\ndatabase\nfunction\nvariable\narray\nobject\nloop\nconditional\nasync\nawait",
-                names: "john\nmary\ndavid\nsarah\nmichael\nemma\njames\nolivia\nrobert\nsophia\nnew york\nlondon\nparis\ntokyo\nberlin"
-            };
-
-            // Redirect to main page with dataset loaded
-            window.location.href = `index.html?dataset=${type}`;
-        }
-    </script>
+</script>
     <script>feather.replace();</script>
 </body>
 </html>