-
Notifications
You must be signed in to change notification settings - Fork 26
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #72 from avanimathur/New
Adding Rules To The Quiz
- Loading branch information
Showing
12 changed files
with
258 additions
and
0 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
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
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
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 |
---|---|---|
@@ -0,0 +1,38 @@ | ||
body { | ||
font-size: 25px; | ||
display: flex; | ||
flex-direction: column; | ||
align-items: center; | ||
justify-content: center; | ||
height: 100vh; | ||
} | ||
|
||
.rules-list { | ||
font-size: 18px; | ||
text-align: left; | ||
margin-top: 60px; | ||
} | ||
|
||
.rules-list li { | ||
margin-bottom: 15px; | ||
} | ||
|
||
.btn { | ||
font-size: 1.8rem; | ||
padding: 1rem 0; | ||
margin-top: 40px; | ||
width: 20rem; | ||
text-align: center; | ||
border: 0.1rem solid #56a5eb; | ||
margin-bottom: 1rem; | ||
text-decoration: none; | ||
color: #56a5eb; | ||
background-color: rgb(235, 244, 253); | ||
} | ||
|
||
.btn:hover { | ||
cursor: pointer; | ||
box-shadow: 0 0.4rem 1.4rem 0 rgba(86, 185, 235, 0.5); | ||
transform: translateY(-0.1rem); | ||
transition: transform 150ms; | ||
} |
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 |
---|---|---|
@@ -0,0 +1,27 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
<meta http-equiv="X-UA-Compatible" content="ie=edge" /> | ||
<title>Quiz Rules</title> | ||
<link rel="stylesheet" href="style.css" /> | ||
<link rel="stylesheet" href="rules.css" /> | ||
</head> | ||
<body> | ||
<h1>Quiz Rules</h1> | ||
<ol class="rules-list"> | ||
<li>The game consists of 10 questions!</li> | ||
<li>You get 15 seconds to answer each question; a timer is displayed to show the time left for each question.</li> | ||
<li>Speed Bonus If You Answer Quickly</li> | ||
<ul> | ||
<li>You will earn +10 points for providing a correct answer within the first 5 seconds.</li> | ||
<li>If you give a correct answer after the initial 5 seconds but within 10 seconds, you get +5 points.</li> | ||
<li>Answers given correctly after 10 seconds will still be rewarded with +2 points.</li> | ||
</ul> | ||
|
||
<li>There is no negative marking for a wrong answer.</li> | ||
</ol> | ||
<a class="btn" href="index.html" id="goHomeBtn">Go Home</a> | ||
</body> | ||
</html> |
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 |
---|---|---|
@@ -0,0 +1,20 @@ | ||
function openRulesPage() { | ||
window.location.href = 'rules.html'; | ||
} | ||
|
||
function goHome() { | ||
window.location.href = 'index.html'; | ||
} | ||
|
||
document.addEventListener('DOMContentLoaded', function () { | ||
const rulesBtn = document.getElementById('rulesBtn'); | ||
const goHomeBtn = document.getElementById('goHomeBtn'); | ||
|
||
if (rulesBtn) { | ||
rulesBtn.addEventListener('click', openRulesPage); | ||
} | ||
|
||
if (goHomeBtn) { | ||
goHomeBtn.addEventListener('click', goHome); | ||
} | ||
}); |
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
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
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
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 |
---|---|---|
@@ -0,0 +1,38 @@ | ||
body { | ||
font-size: 25px; | ||
display: flex; | ||
flex-direction: column; | ||
align-items: center; | ||
justify-content: center; | ||
height: 100vh; | ||
} | ||
|
||
.rules-list { | ||
font-size: 18px; | ||
text-align: left; | ||
margin-top: 60px; | ||
} | ||
|
||
.rules-list li { | ||
margin-bottom: 15px; | ||
} | ||
|
||
.btn { | ||
font-size: 1.8rem; | ||
padding: 1rem 0; | ||
margin-top: 40px; | ||
width: 20rem; | ||
text-align: center; | ||
border: 0.1rem solid #56a5eb; | ||
margin-bottom: 1rem; | ||
text-decoration: none; | ||
color: #56a5eb; | ||
background-color: rgb(235, 244, 253); | ||
} | ||
|
||
.btn:hover { | ||
cursor: pointer; | ||
box-shadow: 0 0.4rem 1.4rem 0 rgba(86, 185, 235, 0.5); | ||
transform: translateY(-0.1rem); | ||
transition: transform 150ms; | ||
} |
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 |
---|---|---|
@@ -0,0 +1,28 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
<meta http-equiv="X-UA-Compatible" content="ie=edge" /> | ||
<title>Quiz Rules</title> | ||
<link rel="stylesheet" href="style.css" /> | ||
<link rel="stylesheet" href="rules.css" /> | ||
</head> | ||
<body> | ||
<h1>Quiz Rules</h1> | ||
<ol class="rules-list"> | ||
<li>The game consists of 10 questions!</li> | ||
<li>You get 15 seconds to answer each question; a timer is displayed to show the time left for each question.</li> | ||
<li>Speed Bonus If You Answer Quickly</li> | ||
<ul> | ||
<li>You will earn +10 points for providing a correct answer within the first 5 seconds.</li> | ||
<li>If you give a correct answer after the initial 5 seconds but within 10 seconds, you get +5 points.</li> | ||
<li>Answers given correctly after 10 seconds will still be rewarded with +2 points.</li> | ||
</ul> | ||
|
||
<li>There is no negative marking for a wrong answer.</li> | ||
</ol> | ||
<h2>ALL THE BEST!</h2> | ||
<a class="btn" href="index.html" id="goHomeBtn">Go Home</a> | ||
</body> | ||
</html> |
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 |
---|---|---|
@@ -0,0 +1,20 @@ | ||
function openRulesPage() { | ||
window.location.href = 'rules.html'; | ||
} | ||
|
||
function goHome() { | ||
window.location.href = 'index.html'; | ||
} | ||
|
||
document.addEventListener('DOMContentLoaded', function () { | ||
const rulesBtn = document.getElementById('rulesBtn'); | ||
const goHomeBtn = document.getElementById('goHomeBtn'); | ||
|
||
if (rulesBtn) { | ||
rulesBtn.addEventListener('click', openRulesPage); | ||
} | ||
|
||
if (goHomeBtn) { | ||
goHomeBtn.addEventListener('click', goHome); | ||
} | ||
}); |