update information

aarevalom0 · Oct 7, 2024 · ff77050 · ff77050
1 parent 1433d12
commit ff77050
Show file tree

Hide file tree

Showing 2 changed files with 85 additions and 0 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -111,14 +111,26 @@ <h2>Key Features</h2>
             <h3>Graph Explanation</h3>
             <img src="Plots/Report%20Model/Learning%20curve.png" alt="Learning Curve" width="600"/>
             <p>This graph illustrates how the model's performance changes as the number of training instances increases. It effectively demonstrates the model's capacity to generalize well with an increasing amount of data.</p>
+            <p>Click the button below to view the full report of the proposed model:</p>
+            <a href="knn_report.html" style="text-decoration: none;">
+                <button>Upload CSV</button>
+            </a>
+
         </section>
 
+
+
         <section id="data-analysis">
             <h2>Data Analysis Plus 📊</h2>
             <p>This section highlights a significant plus: our approach goes beyond the initial goal of merely detecting seismic events. We provide a comprehensive HTML report filled with valuable insights that enhance our understanding of seismic activity.</p>
             <p>For example, one of the plots shows velocity over time, effectively distinguishing between seismic events (blue) and noise (red). This visualization not only identifies seismic occurrences but also offers critical information about their characteristics.</p>
             <img src="Plots/Statistics/Scatter%20Plot%20with%20Trend%20Lines%20Velocity%20Vs.%20Time.png" alt="Velocity Vs. Time" width="600"/>
             <p>In Graph, there’s a clear class imbalance, with many more noise data points than seismic events. Seismic events generally have lower velocity amplitudes compared to noise. Several noise spikes are visible, particularly around 40,000 and 80,000 seconds.</p>
+            <p>Click the button below to view the full descriptive statistical analysis:</p>
+            <a href="descriptive statistics report.html" style="text-decoration: none;">
+                <button>Upload CSV</button>
+            </a>
+
         </section>
 
         <section id="confusion-matrix">
@@ -150,6 +162,16 @@ <h3>2. Run the Notebook Cells</h3>
             <h3>Note</h3>
             <p>Make sure that all necessary dependencies and libraries are installed before running the notebook. You can refer to the <code>requirements.txt</code> file to see which packages are needed and ensure they are installed in your environment.</p>
         </section>
+
+        <section id="usage-guide WEB DEMO">
+            <h2>Guide to Using the Model in a `.ipynb` Repository</h2>
+            <p>To use the model contained in the `.ipynb` file, follow these steps:</p>
+            <h3>Upload CSV File</h3>
+            <p>Click the button below to upload your CSV file for analysis:</p>
+            <a href="upload.html" style="text-decoration: none;">
+                <button>Upload CSV</button>
+            </a>
+        </section>
     </div>
 
     <footer>

diff --git a/docs/upload.html b/docs/upload.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" href="images/your-favicon-file.ico" type="image/x-icon"> <!-- Favicon Link -->
+    <title>Upload CSV - Codex Team</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #f4f4f4;
+            margin: 0;
+            padding: 0;
+        }
+
+        .container {
+            max-width: 600px;
+            margin: 100px auto;
+            padding: 20px;
+            background: white;
+            border-radius: 8px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+            text-align: center;
+        }
+
+        h1 {
+            color: #2c3e50;
+        }
+
+        input[type="file"] {
+            margin: 20px 0;
+        }
+
+        button {
+            padding: 10px 20px;
+            background: #3498db;
+            color: white;
+            border: none;
+            border-radius: 5px;
+            cursor: pointer;
+        }
+
+        button:hover {
+            background: #2980b9;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="container">
+        <h1>Upload Your CSV File</h1>
+        <form action="process_csv.php" method="post" enctype="multipart/form-data">
+            <input type="file" name="file" accept=".csv" required>
+            <br>
+            <button type="submit">Upload CSV</button>
+        </form>
+        <br>
+        <a href="index.html">Back to Home</a>
+    </div>
+</body>
+
+</html>