Skip to content

Commit cde6cbe

Browse files
hars-21hars-21
committed
Bg music
1 parent e62a188 commit cde6cbe

File tree

13 files changed

+282
-239
lines changed

13 files changed

+282
-239
lines changed

‎Dark/end.html

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@
66
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
77
<title>Congrats!</title>
88
<link rel="stylesheet" href="style.css" />
9+
<link rel="icon" href="logo-kviz.jpg" />
910
</head>
1011
<body>
1112
<div class="container">
@@ -33,7 +34,7 @@ <h1 id="finalScore"></h1>
3334
<a class="btn" href="../Light/end.html">Change Theme</a>
3435
</div>
3536
<div class="socials">
36-
<a href="#" onclick="shareOnFacebook()" style="font-size: 3rem;">
37+
<a href="#" onclick="shareOnFacebook()" style="font-size: 3rem">
3738
<svg
3839
xmlns="http://www.w3.org/2000/svg"
3940
height="16"
@@ -45,7 +46,7 @@ <h1 id="finalScore"></h1>
4546
/>
4647
</svg>
4748
</a>
48-
<a href="#" onclick="shareOnTwitter()"
49+
<a href="#" onclick="shareOnTwitter()"
4950
><svg
5051
xmlns="http://www.w3.org/2000/svg"
5152
height="16"
@@ -60,5 +61,6 @@ <h1 id="finalScore"></h1>
6061
</div>
6162
</div>
6263
<script src="end.js"></script>
64+
<script src="../music.js"></script>
6365
</body>
6466
</html>

‎Dark/game.html

Lines changed: 33 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -7,16 +7,15 @@
77
<title>Game-play</title>
88
<link rel="stylesheet" href="style.css" />
99
<link rel="stylesheet" href="game.css" />
10+
<link rel="icon" href="logo-kviz.jpg" />
1011
</head>
1112
<body>
1213
<div class="container">
1314
<div id="loader"></div>
1415
<div id="game" class="justify-center flex-column hidden">
1516
<div id="hud">
1617
<div id="hud-item">
17-
<p id="progressText" class="hud-prefix">
18-
Question
19-
</p>
18+
<p id="progressText" class="hud-prefix">Question</p>
2019
<div id="progressBar">
2120
<div id="progressBarFull"></div>
2221
</div>
@@ -25,16 +24,12 @@
2524
<div class="timer">
2625
<div class="time_left_txt">Time Left</div>
2726
<div class="timer_sec" id="timer">15</div>
27+
</div>
28+
<div class="time_line"></div>
2829
</div>
29-
<div class="time_line"></div>
30-
</div>
31-
<div id="hud-item">
32-
<p class="hud-prefix">
33-
Score
34-
</p>
35-
<h1 class="hud-main-text" id="score">
36-
0
37-
</h1>
30+
<div id="hud-item">
31+
<p class="hud-prefix">Score</p>
32+
<h1 class="hud-main-text" id="score">0</h1>
3833
</div>
3934
</div>
4035
<h2 id="question"></h2>
@@ -54,17 +49,36 @@ <h2 id="question"></h2>
5449
<p class="choice-prefix">D</p>
5550
<p class="choice-text" data-number="4"></p>
5651
</div>
57-
<label for="un-mute" class="unmute" onclick="playpause()" id="playpauseBTN">
58-
<img src="http://upload.wikimedia.org/wikipedia/commons/3/3f/Mute_Icon.svg" alt="Mute_Icon.svg" title="Mute icon">
59-
</label>
60-
<label for="un-mute" class="mute" onclick="playpause()" id="playpauseBTN">
61-
<img src="http://upload.wikimedia.org/wikipedia/commons/2/21/Speaker_Icon.svg" alt="Speaker_Icon.svg" title="Unmute/speaker icon">
62-
</label>
52+
<label
53+
for="un-mute"
54+
class="unmute"
55+
onclick="playpause()"
56+
id="playpauseBTN"
57+
>
58+
<img
59+
src="http://upload.wikimedia.org/wikipedia/commons/3/3f/Mute_Icon.svg"
60+
alt="Mute_Icon.svg"
61+
title="Mute icon"
62+
/>
63+
</label>
64+
<label
65+
for="un-mute"
66+
class="mute"
67+
onclick="playpause()"
68+
id="playpauseBTN"
69+
>
70+
<img
71+
src="http://upload.wikimedia.org/wikipedia/commons/2/21/Speaker_Icon.svg"
72+
alt="Speaker_Icon.svg"
73+
title="Unmute/speaker icon"
74+
/>
75+
</label>
6376
<footer>
6477
<button class="next_btn">Next Ques</button>
65-
</footer>
78+
</footer>
6679
</div>
6780
</div>
6881
<script src="game.js"></script>
82+
<script src="../music.js"></script>
6983
</body>
7084
</html>

‎Dark/highscore.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@
77
<title>High Scores</title>
88
<link rel="stylesheet" href="style.css" />
99
<link rel="stylesheet" href="highscore.css" />
10+
<link rel="icon" href="logo-kviz.jpg" />
1011
</head>
1112
<body>
1213
<div class="container">
@@ -18,5 +19,6 @@ <h1 id="finalScore">High Scores</h1>
1819
</div>
1920
</div>
2021
<script src="highscore.js"></script>
22+
<script src="../music.js"></script>
2123
</body>
2224
</html>

‎Dark/index.html

Lines changed: 9 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -6,20 +6,21 @@
66
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
77
<title>Kviz: A quiz app</title>
88
<link rel="stylesheet" href="style.css" />
9-
<link rel="icon" type="image/x-icon" href="favicon.png">
10-
9+
<link rel="icon" type="image/x-icon" href="favicon.png" />
10+
<link rel="icon" href="logo-kviz.jpg" />
1111
</head>
1212
<body>
1313
<div class="container">
1414
<div class="container">
1515
<div id="home" class="flex-center flex-column">
16-
<img src="kviz-1 (9).png" style="height: 80px;"/>
17-
<h1>Kviz</h1>
18-
<a class="btn" href="game.html">Play</a>
19-
<a class="btn" href="highscore.html">High Scores</a>
20-
<a class="btn" href="rules.html">Rules</a>
16+
<img src="kviz-1 (9).png" style="height: 80px" />
17+
<h1>Kviz</h1>
18+
<a class="btn" href="game.html">Play</a>
19+
<a class="btn" href="highscore.html">High Scores</a>
20+
<a class="btn" href="rules.html">Rules</a>
21+
</div>
2122
</div>
2223
</div>
23-
</div></div>
24+
<script src="../music.js"></script>
2425
</body>
2526
</html>

‎Dark/rules.html

Lines changed: 30 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,42 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
3+
<head>
4+
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
77
<title>Quiz Rules</title>
88
<link rel="stylesheet" href="style.css" />
99
<link rel="stylesheet" href="rules.css" />
10-
</head>
11-
<body>
10+
<link rel="icon" href="logo-kviz.jpg" />
11+
</head>
12+
<body>
1213
<h1>Quiz Rules</h1>
13-
<ol class="rules-list">
14-
<li>The game consists of 10 questions!</li>
15-
<li>You get 15 seconds to answer each question; a timer is displayed to show the time left for each question.</li>
16-
<li>Speed Bonus If You Answer Quickly</li>
17-
<ul>
18-
<li>You will earn +10 points for providing a correct answer within the first 5 seconds.</li>
19-
<li>If you give a correct answer after the initial 5 seconds but within 10 seconds, you get +5 points.</li>
20-
<li>Answers given correctly after 10 seconds will still be rewarded with +2 points.</li>
21-
</ul>
22-
23-
<li>There is no negative marking for a wrong answer.</li>
14+
<ol class="rules-list">
15+
<li>The game consists of 10 questions!</li>
16+
<li>
17+
You get 15 seconds to answer each question; a timer is displayed to show
18+
the time left for each question.
19+
</li>
20+
<li>Speed Bonus If You Answer Quickly</li>
21+
<ul>
22+
<li>
23+
You will earn +10 points for providing a correct answer within the
24+
first 5 seconds.
25+
</li>
26+
<li>
27+
If you give a correct answer after the initial 5 seconds but within 10
28+
seconds, you get +5 points.
29+
</li>
30+
<li>
31+
Answers given correctly after 10 seconds will still be rewarded with
32+
+2 points.
33+
</li>
34+
</ul>
35+
36+
<li>There is no negative marking for a wrong answer.</li>
2437
</ol>
2538
<h2>ALL THE BEST!</h2>
2639
<a class="btn" href="index.html" id="goHomeBtn">Go Home</a>
27-
</body>
40+
<script src="../music.js"></script>
41+
</body>
2842
</html>

‎Light/end.html

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
77
<title>Congrats!</title>
8+
<link rel="icon" href="logo-kviz.jpg" />
89
<link rel="stylesheet" href="style.css" />
910
</head>
1011
<body>
@@ -33,7 +34,7 @@ <h1 id="finalScore"></h1>
3334
<a class="btn" href="../Dark/end.html">Change Theme</a>
3435
</div>
3536
<div class="socials">
36-
<a href="#" onclick="shareOnFacebook()" style="font-size: 3rem;">
37+
<a href="#" onclick="shareOnFacebook()" style="font-size: 3rem">
3738
<svg
3839
xmlns="http://www.w3.org/2000/svg"
3940
height="16"
@@ -45,7 +46,7 @@ <h1 id="finalScore"></h1>
4546
/>
4647
</svg>
4748
</a>
48-
<a href="#" onclick="shareOnTwitter()"
49+
<a href="#" onclick="shareOnTwitter()"
4950
><svg
5051
xmlns="http://www.w3.org/2000/svg"
5152
height="16"
@@ -60,5 +61,6 @@ <h1 id="finalScore"></h1>
6061
</div>
6162
</div>
6263
<script src="end.js"></script>
64+
<script src="../music.js"></script>
6365
</body>
6466
</html>

‎Light/game.html

Lines changed: 33 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -7,16 +7,15 @@
77
<title>Game-play</title>
88
<link rel="stylesheet" href="style.css" />
99
<link rel="stylesheet" href="game.css" />
10+
<link rel="icon" href="logo-kviz.jpg" />
1011
</head>
1112
<body>
1213
<div class="container">
1314
<div id="loader"></div>
1415
<div id="game" class="justify-center flex-column hidden">
1516
<div id="hud">
1617
<div id="hud-item">
17-
<p id="progressText" class="hud-prefix">
18-
Question
19-
</p>
18+
<p id="progressText" class="hud-prefix">Question</p>
2019
<div id="progressBar">
2120
<div id="progressBarFull"></div>
2221
</div>
@@ -25,16 +24,12 @@
2524
<div class="timer">
2625
<div class="time_left_txt">Time Left</div>
2726
<div class="timer_sec" id="timer">15</div>
27+
</div>
28+
<div class="time_line"></div>
2829
</div>
29-
<div class="time_line"></div>
30-
</div>
31-
<div id="hud-item">
32-
<p class="hud-prefix">
33-
Score
34-
</p>
35-
<h1 class="hud-main-text" id="score">
36-
0
37-
</h1>
30+
<div id="hud-item">
31+
<p class="hud-prefix">Score</p>
32+
<h1 class="hud-main-text" id="score">0</h1>
3833
</div>
3934
</div>
4035
<h2 id="question"></h2>
@@ -54,17 +49,36 @@ <h2 id="question"></h2>
5449
<p class="choice-prefix">D</p>
5550
<p class="choice-text" data-number="4"></p>
5651
</div>
57-
<label for="un-mute" class="unmute" onclick="playpause()" id="playpauseBTN">
58-
<img src="http://upload.wikimedia.org/wikipedia/commons/3/3f/Mute_Icon.svg" alt="Mute_Icon.svg" title="Mute icon">
59-
</label>
60-
<label for="un-mute" class="mute" onclick="playpause()" id="playpauseBTN">
61-
<img src="http://upload.wikimedia.org/wikipedia/commons/2/21/Speaker_Icon.svg" alt="Speaker_Icon.svg" title="Unmute/speaker icon">
62-
</label>
52+
<label
53+
for="un-mute"
54+
class="unmute"
55+
onclick="playpause()"
56+
id="playpauseBTN"
57+
>
58+
<img
59+
src="http://upload.wikimedia.org/wikipedia/commons/3/3f/Mute_Icon.svg"
60+
alt="Mute_Icon.svg"
61+
title="Mute icon"
62+
/>
63+
</label>
64+
<label
65+
for="un-mute"
66+
class="mute"
67+
onclick="playpause()"
68+
id="playpauseBTN"
69+
>
70+
<img
71+
src="http://upload.wikimedia.org/wikipedia/commons/2/21/Speaker_Icon.svg"
72+
alt="Speaker_Icon.svg"
73+
title="Unmute/speaker icon"
74+
/>
75+
</label>
6376
<footer>
6477
<button class="next_btn">Next Ques</button>
65-
</footer>
78+
</footer>
6679
</div>
6780
</div>
6881
<script src="game.js"></script>
82+
<script src="../music.js"></script>
6983
</body>
7084
</html>

‎Light/highscore.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@
77
<title>High Scores</title>
88
<link rel="stylesheet" href="style.css" />
99
<link rel="stylesheet" href="highscore.css" />
10+
<link rel="icon" href="logo-kviz.jpg" />
1011
</head>
1112
<body>
1213
<div class="container">
@@ -18,5 +19,6 @@ <h1 id="finalScore">High Scores</h1>
1819
</div>
1920
</div>
2021
<script src="highscore.js"></script>
22+
<script src="../music.js"></script>
2123
</body>
2224
</html>

‎Light/index.html

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -6,19 +6,21 @@
66
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
77
<title>Kviz: A quiz app</title>
88
<link rel="stylesheet" href="style.css" />
9-
<link rel="icon" type="image/x-icon" href="favicon.png">
10-
9+
<link rel="icon" type="image/x-icon" href="favicon.png" />
10+
<link rel="icon" href="logo-kviz.jpg" />
1111
</head>
1212
<body>
1313
<div class="container">
1414
<div class="container">
15-
<div id="home" class="flex-center flex-column">
16-
<img src="kviz-1 (8).png" style="height: 80px;"/>
17-
<h1>Kviz</h1>
18-
<a class="btn" href="game.html">Play</a>
19-
<a class="btn" href="highscore.html">High Scores</a>
20-
<a class="btn" href="rules.html">Rules</a>
15+
<div id="home" class="flex-center flex-column">
16+
<img src="kviz-1 (8).png" style="height: 80px" />
17+
<h1>Kviz</h1>
18+
<a class="btn" href="game.html">Play</a>
19+
<a class="btn" href="highscore.html">High Scores</a>
20+
<a class="btn" href="rules.html">Rules</a>
21+
</div>
2122
</div>
2223
</div>
24+
<script src="../music.js"></script>
2325
</body>
2426
</html>

0 commit comments

Comments
 (0)