Spaces:
Sleeping
Sleeping
Upload 3 files
Browse files- static/app.js +4 -2
- static/index.html +2 -2
static/app.js
CHANGED
|
@@ -38,10 +38,11 @@ generateBtn.addEventListener('click', async () => {
|
|
| 38 |
return;
|
| 39 |
}
|
| 40 |
|
| 41 |
-
// Disable button and show loading
|
| 42 |
generateBtn.disabled = true;
|
|
|
|
| 43 |
statusEl.textContent = '⏳';
|
| 44 |
-
outputEl.textContent = '
|
| 45 |
outputEl.className = 'output';
|
| 46 |
|
| 47 |
try {
|
|
@@ -76,6 +77,7 @@ generateBtn.addEventListener('click', async () => {
|
|
| 76 |
statusEl.textContent = '❌';
|
| 77 |
} finally {
|
| 78 |
generateBtn.disabled = false;
|
|
|
|
| 79 |
}
|
| 80 |
});
|
| 81 |
|
|
|
|
| 38 |
return;
|
| 39 |
}
|
| 40 |
|
| 41 |
+
// Disable button and show loading with animation
|
| 42 |
generateBtn.disabled = true;
|
| 43 |
+
generateBtn.textContent = '⏳ Generating...';
|
| 44 |
statusEl.textContent = '⏳';
|
| 45 |
+
outputEl.textContent = '🔄 Your model is thinking...\n\nThis may take 10-30 seconds on CPU.\nPlease wait...';
|
| 46 |
outputEl.className = 'output';
|
| 47 |
|
| 48 |
try {
|
|
|
|
| 77 |
statusEl.textContent = '❌';
|
| 78 |
} finally {
|
| 79 |
generateBtn.disabled = false;
|
| 80 |
+
generateBtn.textContent = '✨ Generate';
|
| 81 |
}
|
| 82 |
});
|
| 83 |
|
static/index.html
CHANGED
|
@@ -4,7 +4,7 @@
|
|
| 4 |
<meta charset="UTF-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
<title>Mistral Fine-tuned Model</title>
|
| 7 |
-
<link rel="stylesheet" href="style.css">
|
| 8 |
</head>
|
| 9 |
<body>
|
| 10 |
<div class="container">
|
|
@@ -55,6 +55,6 @@
|
|
| 55 |
</footer>
|
| 56 |
</div>
|
| 57 |
|
| 58 |
-
<script src="app.js"></script>
|
| 59 |
</body>
|
| 60 |
</html>
|
|
|
|
| 4 |
<meta charset="UTF-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
<title>Mistral Fine-tuned Model</title>
|
| 7 |
+
<link rel="stylesheet" href="/static/style.css">
|
| 8 |
</head>
|
| 9 |
<body>
|
| 10 |
<div class="container">
|
|
|
|
| 55 |
</footer>
|
| 56 |
</div>
|
| 57 |
|
| 58 |
+
<script src="/static/app.js"></script>
|
| 59 |
</body>
|
| 60 |
</html>
|