-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
a5d9db5
commit 5286fe2
Showing
3 changed files
with
29 additions
and
330 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -3,49 +3,36 @@ | |
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Trivia Game</title> | ||
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEJp+Kys1Q02oVbDmhqZghOwG3YTTiUjl7K9ZZVwB4K0kzyzQeHv6le2Jh1Ol" crossorigin="anonymous"> | ||
<link rel="stylesheet" href="styles.css"> | ||
<title>Welcome to the Challenge</title> | ||
<style> | ||
body { | ||
font-family: Arial, sans-serif; | ||
display: flex; | ||
justify-content: center; | ||
align-items: center; | ||
height: 100vh; | ||
margin: 0; | ||
background-color: #f0f0f0; | ||
} | ||
.welcome-container { | ||
text-align: center; | ||
background-color: #fff; | ||
padding: 20px; | ||
border-radius: 10px; | ||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); | ||
} | ||
h1 { | ||
color: #333; | ||
} | ||
p { | ||
color: #666; | ||
} | ||
</style> | ||
</head> | ||
<body> | ||
<div class="container mt-5"> | ||
<h1>Trivia Game</h1> | ||
<div id="question-container"> | ||
<p id="question-text">Loading question...</p> | ||
<div id="options-container"></div> | ||
<button id="answer-btn" class="btn btn-primary">Answer</button> | ||
</div> | ||
<div id="feedback" class="mt-3"></div> | ||
<div id="level-progress"> | ||
<div id="level-progress-bar"></div> | ||
</div> | ||
|
||
<!-- Profile Slider Section --> | ||
<button id="show-profile-btn" class="btn btn-info mt-3">Show Profile</button> | ||
|
||
<div id="profile-slider" style="display: none;"> | ||
<div class="profile-header"> | ||
<h3>Player Profile</h3> | ||
<button id="close-slider" class="btn btn-secondary">Close</button> | ||
</div> | ||
<p><strong>Player Name:</strong> <span id="player-name"></span></p> | ||
<p><strong>Streak:</strong> Correct: <span id="streak-correct"></span> / Wrong: <span id="streak-wrong"></span></p> | ||
<p><strong>Questions Answered:</strong> <span id="questions-answered"></span></p> | ||
<p><strong>Questions Asked:</strong> <span id="questions-asked"></span></p> | ||
<p><strong>Answered Correctly by Category:</strong> <span id="answered-correctly"></span></p> | ||
|
||
<div class="badges"> | ||
<p><strong>Badges:</strong></p> | ||
<span id="badges"></span> | ||
</div> | ||
|
||
<div class="achievements"> | ||
<p><strong>Achievements:</strong></p> | ||
<span id="achievements"></span> | ||
</div> | ||
</div> | ||
<div class="welcome-container"> | ||
<h1>Welcome to the Challenge!</h1> | ||
<p>We're excited to have you here. Get ready to push your limits and achieve great things!</p> | ||
</div> | ||
|
||
<script src="script.js"></script> | ||
</body> | ||
</html> | ||
</html> |
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.