48 lines
1.8 KiB
HTML
48 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Quizimoto - Game</title>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<header>
|
|
<h1>Quizimoto</h1>
|
|
<div class="score-display">Prize: <span id="current-prize">0</span> ₽</div>
|
|
</header>
|
|
|
|
<div class="game-area">
|
|
<div class="question-container">
|
|
<div class="question-number">Question <span id="question-num">1</span>/15</div>
|
|
<div class="question" id="question-text">Loading question...</div>
|
|
|
|
<div class="options-container" id="options-container">
|
|
<!-- Options will be loaded by JavaScript -->
|
|
</div>
|
|
|
|
<div class="feedback" id="feedback"></div>
|
|
</div>
|
|
|
|
<div class="lifelines">
|
|
<h3>Lifelines</h3>
|
|
<div class="lifeline-buttons">
|
|
<button class="lifeline-btn" onclick="useLifeline('fifty_fifty')">50:50</button>
|
|
<button class="lifeline-btn" onclick="useLifeline('phone_friend')">Phone a Friend</button>
|
|
</div>
|
|
<div id="lifeline-result" class="lifeline-result"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="game-over-screen" id="game-over-screen" style="display: none;">
|
|
<h2>Game Over!</h2>
|
|
<p>Your final prize: <span id="final-prize">0</span> ₽</p>
|
|
<button onclick="restartGame()">Play Again</button>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="{{ url_for('static', filename='script.js') }}"></script>
|
|
</body>
|
|
</html>
|