MnistStudio / templates /index.html
Shilpaj's picture
Refactor: css file address
244431c
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MNIST Digit Classification</title>
<link rel="stylesheet" href="{{ url_for('static', path='/css/style.css') }}">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
<div class="container">
<h1>MNIST Digit Classification</h1>
<div class="card">
<p class="hero-text">Train and test neural networks for handwritten digit recognition using the MNIST dataset.</p>
</div>
<div class="button-container">
<a href="/train" class="btn">Train Model</a>
<a href="/inference" class="btn">Test Model</a>
</div>
<div class="features-grid">
<div class="card">
<h3>Train Models</h3>
<p>Configure and train custom neural networks with different architectures.</p>
</div>
<div class="card">
<h3>Compare Performance</h3>
<p>Train multiple models simultaneously and compare their performance.</p>
</div>
<div class="card">
<h3>Real-time Visualization</h3>
<p>Monitor training progress with live loss and accuracy curves.</p>
</div>
<div class="card">
<h3>Interactive Testing</h3>
<p>Draw digits and test the model's prediction capabilities in real-time.</p>
</div>
</div>
</div>
</body>
</html>