Update index.html
Browse files- index.html +5 -10
index.html
CHANGED
|
@@ -14,8 +14,8 @@
|
|
| 14 |
color: #00ff41;
|
| 15 |
}
|
| 16 |
.container { max-width: 1000px; margin: 0 auto; }
|
| 17 |
-
h1 { text-align: center; font-size: 1.6em; color: #00ff41; text-shadow: 0 0 10px #00ff41; margin
|
| 18 |
-
.subtitle { text-align: center; color: #ffb000; font-size: 0.85em; margin-bottom:
|
| 19 |
.game-layout { display: flex; gap: 15px; flex-wrap: wrap; }
|
| 20 |
.game-area { flex: 1; min-width: 320px; }
|
| 21 |
.side-panel { width: 220px; }
|
|
@@ -173,11 +173,11 @@
|
|
| 173 |
</head>
|
| 174 |
<body>
|
| 175 |
<div class="container">
|
| 176 |
-
<h1>π DIGITAL ARCHIVE SNAKE</h1>
|
| 177 |
-
<p class="subtitle">Rescue Data Before the Carriers Become Obsolete</p>
|
| 178 |
|
| 179 |
<div class="game-layout">
|
| 180 |
<div class="game-area">
|
|
|
|
|
|
|
| 181 |
<div class="game-board">
|
| 182 |
<div class="grid" id="grid"></div>
|
| 183 |
</div>
|
|
@@ -193,7 +193,7 @@
|
|
| 193 |
<div class="panel">
|
| 194 |
<div class="panel-title">π Status</div>
|
| 195 |
<div class="stat-row"><span class="stat-label">Score</span><span class="stat-value" id="score">0</span></div>
|
| 196 |
-
<div class="stat-row"><span class="stat-label">Time</span><span class="stat-value" id="timer">
|
| 197 |
<div class="stat-row"><span class="stat-label">Quizzes</span><span class="stat-value" id="quizzes">0/0</span></div>
|
| 198 |
<div class="progress-container" style="margin-top:10px;">
|
| 199 |
<div class="progress-label"><span id="levelDisplay">π Level 1</span><span id="targetDisplay">Need 3 each</span></div>
|
|
@@ -631,11 +631,6 @@
|
|
| 631 |
}
|
| 632 |
updateUI();
|
| 633 |
|
| 634 |
-
if (score >= WIN) {
|
| 635 |
-
setTimeout(() => { document.getElementById('quizModal').classList.remove('show'); quiz = null; winGame(); }, 1000);
|
| 636 |
-
return;
|
| 637 |
-
}
|
| 638 |
-
|
| 639 |
setTimeout(() => {
|
| 640 |
document.getElementById('quizModal').classList.remove('show');
|
| 641 |
quiz = null;
|
|
|
|
| 14 |
color: #00ff41;
|
| 15 |
}
|
| 16 |
.container { max-width: 1000px; margin: 0 auto; }
|
| 17 |
+
h1 { text-align: center; font-size: 1.6em; color: #00ff41; text-shadow: 0 0 10px #00ff41; margin: 0 0 5px 0; }
|
| 18 |
+
.subtitle { text-align: center; color: #ffb000; font-size: 0.85em; margin-bottom: 15px; }
|
| 19 |
.game-layout { display: flex; gap: 15px; flex-wrap: wrap; }
|
| 20 |
.game-area { flex: 1; min-width: 320px; }
|
| 21 |
.side-panel { width: 220px; }
|
|
|
|
| 173 |
</head>
|
| 174 |
<body>
|
| 175 |
<div class="container">
|
|
|
|
|
|
|
| 176 |
|
| 177 |
<div class="game-layout">
|
| 178 |
<div class="game-area">
|
| 179 |
+
<h1>π DIGITAL ARCHIVE SNAKE</h1>
|
| 180 |
+
<p class="subtitle">Rescue Data Before the Carriers Become Obsolete</p>
|
| 181 |
<div class="game-board">
|
| 182 |
<div class="grid" id="grid"></div>
|
| 183 |
</div>
|
|
|
|
| 193 |
<div class="panel">
|
| 194 |
<div class="panel-title">π Status</div>
|
| 195 |
<div class="stat-row"><span class="stat-label">Score</span><span class="stat-value" id="score">0</span></div>
|
| 196 |
+
<div class="stat-row"><span class="stat-label">Time</span><span class="stat-value" id="timer">1:00</span></div>
|
| 197 |
<div class="stat-row"><span class="stat-label">Quizzes</span><span class="stat-value" id="quizzes">0/0</span></div>
|
| 198 |
<div class="progress-container" style="margin-top:10px;">
|
| 199 |
<div class="progress-label"><span id="levelDisplay">π Level 1</span><span id="targetDisplay">Need 3 each</span></div>
|
|
|
|
| 631 |
}
|
| 632 |
updateUI();
|
| 633 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 634 |
setTimeout(() => {
|
| 635 |
document.getElementById('quizModal').classList.remove('show');
|
| 636 |
quiz = null;
|