Added quiz starter templates
This commit is contained in:
47
templates/game.html
Normal file
47
templates/game.html
Normal file
@@ -0,0 +1,47 @@
|
||||
<!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>
|
||||
30
templates/index.html
Normal file
30
templates/index.html
Normal file
@@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Quizimoto - Russian Millionaire Quiz</title>
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<header>
|
||||
<h1>Quizimoto</h1>
|
||||
<p>Russian Millionaire Quiz Game</p>
|
||||
</header>
|
||||
|
||||
<div class="welcome-content">
|
||||
<h2>Welcome!</h2>
|
||||
<p>Test your knowledge of Russian culture and win up to 1,000,000 ₽!</p>
|
||||
|
||||
<button onclick="startGame()" class="start-btn">Start Game</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function startGame() {
|
||||
window.location.href = '/start';
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user