Skip to content

Commit

Permalink
Update Github Page to Coming Soon
Browse files Browse the repository at this point in the history
  • Loading branch information
bert-cafecito committed Dec 4, 2024
1 parent a5d9db5 commit 5286fe2
Show file tree
Hide file tree
Showing 3 changed files with 29 additions and 330 deletions.
71 changes: 29 additions & 42 deletions frontend/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -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>
196 changes: 0 additions & 196 deletions frontend/script.js

This file was deleted.

92 changes: 0 additions & 92 deletions frontend/styles.css

This file was deleted.

0 comments on commit 5286fe2

Please sign in to comment.