Merge pull request #81 from Harshil-Gupta21/main

Bg music + logo
SnowScriptWinterOfCode · Jan 28, 2024 · 56d8c70 · 56d8c70
2 parents e62a188 + 48d06ba
commit 56d8c70
Show file tree

Hide file tree

Showing 22 changed files with 303 additions and 224 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/Dark/end.html b/Dark/end.html
@@ -6,6 +6,7 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <title>Congrats!</title>
     <link rel="stylesheet" href="style.css" />
+    <link rel="icon" href="logo-kviz.jpg" />
   </head>
   <body>
     <div class="container">
@@ -33,7 +34,7 @@ <h1 id="finalScore"></h1>
         <a class="btn" href="../Light/end.html">Change Theme</a>
       </div>
       <div class="socials">
-        <a  href="#" onclick="shareOnFacebook()" style="font-size: 3rem;">
+        <a href="#" onclick="shareOnFacebook()" style="font-size: 3rem">
           <svg
             xmlns="http://www.w3.org/2000/svg"
             height="16"
@@ -45,7 +46,7 @@ <h1 id="finalScore"></h1>
             />
           </svg>
         </a>
-        <a  href="#" onclick="shareOnTwitter()"
+        <a href="#" onclick="shareOnTwitter()"
           ><svg
             xmlns="http://www.w3.org/2000/svg"
             height="16"
@@ -60,5 +61,6 @@ <h1 id="finalScore"></h1>
       </div>
     </div>
     <script src="end.js"></script>
+    <script src="../music.js"></script>
   </body>
 </html>
diff --git a/Dark/game.html b/Dark/game.html
@@ -7,16 +7,15 @@
     <title>Game-play</title>
     <link rel="stylesheet" href="style.css" />
     <link rel="stylesheet" href="game.css" />
+    <link rel="icon" href="logo-kviz.jpg" />
   </head>
   <body>
     <div class="container">
       <div id="loader"></div>
       <div id="game" class="justify-center flex-column hidden">
         <div id="hud">
           <div id="hud-item">
-            <p id="progressText" class="hud-prefix">
-              Question
-            </p>
+            <p id="progressText" class="hud-prefix">Question</p>
             <div id="progressBar">
               <div id="progressBarFull"></div>
             </div>
@@ -25,16 +24,12 @@
             <div class="timer">
               <div class="time_left_txt">Time Left</div>
               <div class="timer_sec" id="timer">15</div>
+            </div>
+            <div class="time_line"></div>
           </div>
-          <div class="time_line"></div>  
-          </div>
-            <div id="hud-item">
-            <p class="hud-prefix">
-              Score
-            </p>
-            <h1 class="hud-main-text" id="score">
-              0
-            </h1>
+          <div id="hud-item">
+            <p class="hud-prefix">Score</p>
+            <h1 class="hud-main-text" id="score">0</h1>
           </div>
         </div>
         <h2 id="question"></h2>
@@ -54,17 +49,36 @@ <h2 id="question"></h2>
           <p class="choice-prefix">D</p>
           <p class="choice-text" data-number="4"></p>
         </div>
-        <label for="un-mute" class="unmute" onclick="playpause()" id="playpauseBTN">
-    <img src="http://upload.wikimedia.org/wikipedia/commons/3/3f/Mute_Icon.svg" alt="Mute_Icon.svg" title="Mute icon">
-</label>
-<label for="un-mute" class="mute" onclick="playpause()" id="playpauseBTN">
-    <img src="http://upload.wikimedia.org/wikipedia/commons/2/21/Speaker_Icon.svg" alt="Speaker_Icon.svg" title="Unmute/speaker icon">
-</label>
+        <label
+          for="un-mute"
+          class="unmute"
+          onclick="playpause()"
+          id="playpauseBTN"
+        >
+          <img
+            src="http://upload.wikimedia.org/wikipedia/commons/3/3f/Mute_Icon.svg"
+            alt="Mute_Icon.svg"
+            title="Mute icon"
+          />
+        </label>
+        <label
+          for="un-mute"
+          class="mute"
+          onclick="playpause()"
+          id="playpauseBTN"
+        >
+          <img
+            src="http://upload.wikimedia.org/wikipedia/commons/2/21/Speaker_Icon.svg"
+            alt="Speaker_Icon.svg"
+            title="Unmute/speaker icon"
+          />
+        </label>
         <footer>
           <button class="next_btn">Next Ques</button>
-      </footer>
+        </footer>
       </div>
     </div>
     <script src="game.js"></script>
+    <script src="../music.js"></script>
   </body>
 </html>
diff --git a/Dark/highscore.html b/Dark/highscore.html
@@ -7,6 +7,7 @@
     <title>High Scores</title>
     <link rel="stylesheet" href="style.css" />
     <link rel="stylesheet" href="highscore.css" />
+    <link rel="icon" href="logo-kviz.jpg" />
   </head>
   <body>
     <div class="container">
@@ -18,5 +19,6 @@ <h1 id="finalScore">High Scores</h1>
       </div>
     </div>
     <script src="highscore.js"></script>
+    <script src="../music.js"></script>
   </body>
 </html>
diff --git a/Dark/index.html b/Dark/index.html
@@ -6,20 +6,21 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <title>Kviz: A quiz app</title>
     <link rel="stylesheet" href="style.css" />
-    <link rel="icon" type="image/x-icon" href="favicon.png">
-
+    <link rel="icon" type="image/x-icon" href="favicon.png" />
+    <link rel="icon" href="logo-kviz.jpg" />
   </head>
   <body>
     <div class="container">
       <div class="container">
         <div id="home" class="flex-center flex-column">
-          <img src="kviz-1 (9).png" style="height: 80px;"/>
-        <h1>Kviz</h1>
-        <a class="btn" href="game.html">Play</a>
-        <a class="btn" href="highscore.html">High Scores</a>
-        <a class="btn" href="rules.html">Rules</a>
+          <img src="kviz-1 (9).png" style="height: 80px" />
+          <h1>Kviz</h1>
+          <a class="btn" href="game.html">Play</a>
+          <a class="btn" href="highscore.html">High Scores</a>
+          <a class="btn" href="rules.html">Rules</a>
+        </div>
       </div>
     </div>
-    </div></div>
+    <script src="../music.js"></script>
   </body>
 </html>
diff --git a/Dark/rules.html b/Dark/rules.html
@@ -1,28 +1,42 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
+  <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>
+    <link rel="icon" href="logo-kviz.jpg" />
+  </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 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>
+    <script src="../music.js"></script>
+  </body>
 </html>
diff --git a/Light/end.html b/Light/end.html
@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <title>Congrats!</title>
+    <link rel="icon" href="logo-kviz.jpg" />
     <link rel="stylesheet" href="style.css" />
   </head>
   <body>
@@ -33,7 +34,7 @@ <h1 id="finalScore"></h1>
         <a class="btn" href="../Dark/end.html">Change Theme</a>
       </div>
       <div class="socials">
-        <a  href="#" onclick="shareOnFacebook()" style="font-size: 3rem;">
+        <a href="#" onclick="shareOnFacebook()" style="font-size: 3rem">
           <svg
             xmlns="http://www.w3.org/2000/svg"
             height="16"
@@ -45,7 +46,7 @@ <h1 id="finalScore"></h1>
             />
           </svg>
         </a>
-        <a  href="#" onclick="shareOnTwitter()"
+        <a href="#" onclick="shareOnTwitter()"
           ><svg
             xmlns="http://www.w3.org/2000/svg"
             height="16"
@@ -60,5 +61,6 @@ <h1 id="finalScore"></h1>
       </div>
     </div>
     <script src="end.js"></script>
+    <script src="../music.js"></script>
   </body>
 </html>
diff --git a/Light/game.html b/Light/game.html
@@ -7,16 +7,15 @@
     <title>Game-play</title>
     <link rel="stylesheet" href="style.css" />
     <link rel="stylesheet" href="game.css" />
+    <link rel="icon" href="logo-kviz.jpg" />
   </head>
   <body>
     <div class="container">
       <div id="loader"></div>
       <div id="game" class="justify-center flex-column hidden">
         <div id="hud">
           <div id="hud-item">
-            <p id="progressText" class="hud-prefix">
-              Question
-            </p>
+            <p id="progressText" class="hud-prefix">Question</p>
             <div id="progressBar">
               <div id="progressBarFull"></div>
             </div>
@@ -25,16 +24,12 @@
             <div class="timer">
               <div class="time_left_txt">Time Left</div>
               <div class="timer_sec" id="timer">15</div>
+            </div>
+            <div class="time_line"></div>
           </div>
-          <div class="time_line"></div>  
-          </div>
-            <div id="hud-item">
-            <p class="hud-prefix">
-              Score
-            </p>
-            <h1 class="hud-main-text" id="score">
-              0
-            </h1>
+          <div id="hud-item">
+            <p class="hud-prefix">Score</p>
+            <h1 class="hud-main-text" id="score">0</h1>
           </div>
         </div>
         <h2 id="question"></h2>
@@ -54,17 +49,36 @@ <h2 id="question"></h2>
           <p class="choice-prefix">D</p>
           <p class="choice-text" data-number="4"></p>
         </div>
-        <label for="un-mute" class="unmute" onclick="playpause()" id="playpauseBTN">
-    <img src="http://upload.wikimedia.org/wikipedia/commons/3/3f/Mute_Icon.svg" alt="Mute_Icon.svg" title="Mute icon">
-</label>
-<label for="un-mute" class="mute" onclick="playpause()" id="playpauseBTN">
-    <img src="http://upload.wikimedia.org/wikipedia/commons/2/21/Speaker_Icon.svg" alt="Speaker_Icon.svg" title="Unmute/speaker icon">
-</label>
+        <label
+          for="un-mute"
+          class="unmute"
+          onclick="playpause()"
+          id="playpauseBTN"
+        >
+          <img
+            src="http://upload.wikimedia.org/wikipedia/commons/3/3f/Mute_Icon.svg"
+            alt="Mute_Icon.svg"
+            title="Mute icon"
+          />
+        </label>
+        <label
+          for="un-mute"
+          class="mute"
+          onclick="playpause()"
+          id="playpauseBTN"
+        >
+          <img
+            src="http://upload.wikimedia.org/wikipedia/commons/2/21/Speaker_Icon.svg"
+            alt="Speaker_Icon.svg"
+            title="Unmute/speaker icon"
+          />
+        </label>
         <footer>
           <button class="next_btn">Next Ques</button>
-      </footer>
+        </footer>
       </div>
     </div>
     <script src="game.js"></script>
+    <script src="../music.js"></script>
   </body>
 </html>
diff --git a/Light/highscore.html b/Light/highscore.html
@@ -7,6 +7,7 @@
     <title>High Scores</title>
     <link rel="stylesheet" href="style.css" />
     <link rel="stylesheet" href="highscore.css" />
+    <link rel="icon" href="logo-kviz.jpg" />
   </head>
   <body>
     <div class="container">
@@ -18,5 +19,6 @@ <h1 id="finalScore">High Scores</h1>
       </div>
     </div>
     <script src="highscore.js"></script>
+    <script src="../music.js"></script>
   </body>
 </html>
diff --git a/Light/index.html b/Light/index.html
@@ -6,19 +6,21 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <title>Kviz: A quiz app</title>
     <link rel="stylesheet" href="style.css" />
-    <link rel="icon" type="image/x-icon" href="favicon.png">
-
+    <link rel="icon" type="image/x-icon" href="favicon.png" />
+    <link rel="icon" href="logo-kviz.jpg" />
   </head>
   <body>
     <div class="container">
       <div class="container">
-      <div id="home" class="flex-center flex-column">
-        <img src="kviz-1 (8).png" style="height: 80px;"/>
-        <h1>Kviz</h1>
-        <a class="btn" href="game.html">Play</a>
-        <a class="btn" href="highscore.html">High Scores</a>
-        <a class="btn" href="rules.html">Rules</a>
+        <div id="home" class="flex-center flex-column">
+          <img src="kviz-1 (8).png" style="height: 80px" />
+          <h1>Kviz</h1>
+          <a class="btn" href="game.html">Play</a>
+          <a class="btn" href="highscore.html">High Scores</a>
+          <a class="btn" href="rules.html">Rules</a>
+        </div>
       </div>
     </div>
+    <script src="../music.js"></script>
   </body>
 </html>