From dcffb6a4ee514bcd99cb44f74c7126a145e2247a Mon Sep 17 00:00:00 2001 From: mehak mansoori Date: Fri, 5 Jan 2024 13:19:09 +0530 Subject: [PATCH 01/16] commit --- index.html | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 5383ddd..c2ef49b 100644 --- a/index.html +++ b/index.html @@ -1,4 +1,4 @@ - + @@ -15,10 +15,13 @@

Kviz

Dark Theme Light Theme + Score History
+ + From ea051f8ab32ccc772267dbc15f1c023b1f557a09 Mon Sep 17 00:00:00 2001 From: mehak mansoori Date: Fri, 5 Jan 2024 13:29:08 +0530 Subject: [PATCH 02/16] first commit1 --- .vscode/settings.json | 3 +++ 1 file changed, 3 insertions(+) create mode 100644 .vscode/settings.json diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file From 2ea3748d56092548eb34934194e6b85a7da7f09f Mon Sep 17 00:00:00 2001 From: mehak mansoori Date: Fri, 5 Jan 2024 18:12:44 +0530 Subject: [PATCH 03/16] SPINNER --- SPINNER.js | 18 ++++++++++++++++++ index.html | 9 +++++++++ style.css | 15 +++++++++++++++ 3 files changed, 42 insertions(+) create mode 100644 SPINNER.js diff --git a/SPINNER.js b/SPINNER.js new file mode 100644 index 0000000..9197c0c --- /dev/null +++ b/SPINNER.js @@ -0,0 +1,18 @@ + +function showSpinner() { + var spinner = document.getElementById("spinner"); + if (spinner) { + spinner.style.display = "block"; + } + } + + // Function to hide the spinner + function hideSpinner() { + var spinner = document.getElementById("spinner"); + if (spinner) { + spinner.style.display = "none"; + } + } + showSpinner(); + setTimeout(hideSpinner, 3000); + \ No newline at end of file diff --git a/index.html b/index.html index c2ef49b..0e02188 100644 --- a/index.html +++ b/index.html @@ -21,6 +21,15 @@

Kviz

+ + + + + + + + + diff --git a/style.css b/style.css index 9095f9e..e139867 100644 --- a/style.css +++ b/style.css @@ -214,3 +214,18 @@ input { input::placeholder { color: #aaa; } +.spinner { + border: 4px solid rgba(0, 0, 0, 0.1); + border-top: 4px solid #3498db; + border-radius: 50%; + width: 30px; + height: 30px; + animation: spin 1s linear infinite; + display: none; /* Initially hidden */ +} + +@keyframes spin { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } +} + From 6596b5180366490d6ad6e6d83d9cb6429be5fcdc Mon Sep 17 00:00:00 2001 From: mehak mansoori Date: Sat, 6 Jan 2024 17:46:16 +0530 Subject: [PATCH 04/16] score --- index,js | 18 ++++++++++ index.html | 101 +++++++++++++++++++++++++++++++++++++---------------- 2 files changed, 88 insertions(+), 31 deletions(-) create mode 100644 index,js diff --git a/index,js b/index,js new file mode 100644 index 0000000..8525852 --- /dev/null +++ b/index,js @@ -0,0 +1,18 @@ + +const scores = [ + { date: "2024-01-06", score: 80 }, + { date: "2024-01-05", score: 75 }, + // Add more scores as needed +]; + +// Function to display score history +function displayScoreHistory() { + const scoreList = document.getElementById("score-list"); + scoreList.innerHTML = ''; // Clear existing list + + scores.forEach((entry) => { + const listItem = document.createElement("li"); + listItem.textContent = `Date: ${entry.date}, Score: ${entry.score}%`; + scoreList.appendChild(listItem); + }); +} \ No newline at end of file diff --git a/index.html b/index.html index 0e02188..1d88986 100644 --- a/index.html +++ b/index.html @@ -1,36 +1,75 @@ - + - - - - - Kviz: A quiz app - - - - -
-
-

Kviz

-
- Dark Theme - Light Theme - Score History -
-
+ + + + + Kviz: A quiz app + + + + + +
+ - - - -
- - - - - - - + + + + + + + + + + +
+

Score History

+
    +
    + - + + + + + + + + + + + + + + From d8332f604db264860ca143a111c4162828291bf6 Mon Sep 17 00:00:00 2001 From: Monalika Patnaik <99353300+MonalikaPatnaik@users.noreply.github.com> Date: Thu, 11 Jan 2024 15:44:21 +0530 Subject: [PATCH 05/16] Update game.css --- Dark/game.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Dark/game.css b/Dark/game.css index d7a3331..5df491d 100644 --- a/Dark/game.css +++ b/Dark/game.css @@ -183,7 +183,7 @@ input#un-mute:checked ~ .mute img { height: 50px; width: 50px; margin-top: 50px; - margin-left:1009px; + right: 0; border-style: groove; border-color: rgb(9, 9, 54); border-radius: 50%; From df3013d510bdf1046945aba2cc229f3e4a0b2250 Mon Sep 17 00:00:00 2001 From: Monalika Patnaik <99353300+MonalikaPatnaik@users.noreply.github.com> Date: Thu, 11 Jan 2024 15:45:12 +0530 Subject: [PATCH 06/16] Update game.css --- Light/game.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/Light/game.css b/Light/game.css index a358dcf..1d1cf66 100644 --- a/Light/game.css +++ b/Light/game.css @@ -194,7 +194,7 @@ input#un-mute:checked ~ .mute img { height: 50px; width: 50px; margin-top: 50px; - margin-left:1009px; + right: 0; border-style: groove; border-color: rgb(9, 9, 54); border-radius: 50%; @@ -208,7 +208,7 @@ input#un-mute:checked ~ .mute img { border-radius: 50%; border-style: groove; border-color: rgb(9, 9, 54); - margin-left: 1009px; + right: 0; height: 50px; width: 50px; } From 52dccf28bb7f4244136b482ce11a0ebc7df4e17a Mon Sep 17 00:00:00 2001 From: Monalika Patnaik <99353300+MonalikaPatnaik@users.noreply.github.com> Date: Thu, 11 Jan 2024 15:45:51 +0530 Subject: [PATCH 07/16] Update game.css --- Dark/game.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Dark/game.css b/Dark/game.css index 5df491d..69ba820 100644 --- a/Dark/game.css +++ b/Dark/game.css @@ -197,7 +197,7 @@ input#un-mute:checked ~ .mute img { border-radius: 50%; border-style: groove; border-color: rgb(9, 9, 54); - margin-left: 1009px; + right: 0; height: 50px; width: 50px; } From 92eccdeebccbc054284d1ad321e92d7d20dacce2 Mon Sep 17 00:00:00 2001 From: Akanchha Singh <100962900+Akanchha112@users.noreply.github.com> Date: Wed, 17 Jan 2024 11:24:49 +0530 Subject: [PATCH 08/16] Revert "My first commit" --- .vscode/settings.json | 3 --- Dark/game.css | 15 +-------------- Dark/game.html | 7 ++----- Dark/game.js | 27 --------------------------- Light/game.css | 8 +------- Light/game.html | 21 +-------------------- Light/game.js | 27 +-------------------------- 7 files changed, 6 insertions(+), 102 deletions(-) delete mode 100644 .vscode/settings.json diff --git a/.vscode/settings.json b/.vscode/settings.json deleted file mode 100644 index 6f3a291..0000000 --- a/.vscode/settings.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "liveServer.settings.port": 5501 -} \ No newline at end of file diff --git a/Dark/game.css b/Dark/game.css index 07fc936..add8ce6 100644 --- a/Dark/game.css +++ b/Dark/game.css @@ -85,20 +85,7 @@ background-color: #56a5eb; width: 0%; } -#display{ - border:2px solid black; - border-radius: 5px; - width:100%; - margin-bottom:2px; - display:block; -} -#display{ - border:2px solid black; - border-radius: 5px; - width:100%; - margin-bottom:2px; - display:block; -} + /* LOADER */ #loader { border: 1.6rem solid white; diff --git a/Dark/game.html b/Dark/game.html index 419a9c3..590c762 100644 --- a/Dark/game.html +++ b/Dark/game.html @@ -37,7 +37,7 @@

    -

    Question

    +

    A

    @@ -54,15 +54,12 @@

    Question

    D

    - -

    Correct option :

    - +
    diff --git a/Dark/game.js b/Dark/game.js index 2a81b0e..7aa1724 100644 --- a/Dark/game.js +++ b/Dark/game.js @@ -9,9 +9,6 @@ const time_line = document.querySelector(".time .time_line"); const timeText = document.querySelector(".timer .time_left_txt"); const timeCount = document.querySelector(".timer .timer_sec"); -const question1= document.getElementById('question1'); - - var soundCorrect = new Audio("sounds/correctAns.mp3"); var soundIncorrect = new Audio("sounds/wrongAns.mp3"); var myMusic = new Audio("sounds/gametheme.mp3"); @@ -85,7 +82,6 @@ getNewQuestion = () => { return window.location.assign('end.html'); } questionCounter++; - question1.innerText = `Question ${questionCounter}`;//update question number progressText.innerText = `Question ${questionCounter}/${MAX_QUESTIONS}`; //Update the progress bar progressBarFull.style.width = `${(questionCounter / MAX_QUESTIONS) * 100}%`; @@ -141,10 +137,7 @@ choices.forEach((choice) => { soundCorrect.play(); } else { soundIncorrect.play(); - display(currentQuestion.answer); } - setInterval(displaynone,4000); - selectedChoice.parentElement.classList.add(classToApply); setTimeout(() => { @@ -201,27 +194,7 @@ function startTimerLine(time) { } } } -let string; -function display(string) { - let display = document.getElementById('display'); - if (string == 1) { - display.innerText = `Correct option : A`; - } - if (string == 2) { - display.innerText = `Correct option : B`; - } - if (string == 3) { - display.innerText = `Correct option : C`; - } - if (string == 4) { - display.innerText = `Correct option : D`; - } -} -function displaynone() { - let display = document.getElementById('display'); - display.innerText = `Correct option : `; -} incrementScore = (num) => { score += num; scoreText.innerText = score; diff --git a/Light/game.css b/Light/game.css index 740f553..f376a8d 100644 --- a/Light/game.css +++ b/Light/game.css @@ -82,13 +82,7 @@ background-color: #56a5eb; width: 0%; } -#display{ - border:2px solid black; - border-radius: 5px; - width:100%; - margin-bottom:2px; - display:block; -} + /* LOADER */ #loader { border: 1.6rem solid white; diff --git a/Light/game.html b/Light/game.html index afb3328..590c762 100644 --- a/Light/game.html +++ b/Light/game.html @@ -7,7 +7,6 @@ Game-play -
    @@ -22,9 +21,6 @@
    - -
    -
    Time Left
    @@ -33,7 +29,6 @@
    -

    Score

    @@ -42,7 +37,7 @@

    -

    Question

    +

    A

    @@ -59,7 +54,6 @@

    Question

    D

    - @@ -69,21 +63,8 @@

    Question

    -
    - -
    - -
    - - diff --git a/Light/game.js b/Light/game.js index bd637d4..7aa1724 100644 --- a/Light/game.js +++ b/Light/game.js @@ -9,9 +9,6 @@ const time_line = document.querySelector(".time .time_line"); const timeText = document.querySelector(".timer .time_left_txt"); const timeCount = document.querySelector(".timer .timer_sec"); -const question1 = document.getElementById('question1'); - - var soundCorrect = new Audio("sounds/correctAns.mp3"); var soundIncorrect = new Audio("sounds/wrongAns.mp3"); var myMusic = new Audio("sounds/gametheme.mp3"); @@ -85,7 +82,6 @@ getNewQuestion = () => { return window.location.assign('end.html'); } questionCounter++; - question1.innerText = `Question ${questionCounter}`;//update question number progressText.innerText = `Question ${questionCounter}/${MAX_QUESTIONS}`; //Update the progress bar progressBarFull.style.width = `${(questionCounter / MAX_QUESTIONS) * 100}%`; @@ -141,9 +137,8 @@ choices.forEach((choice) => { soundCorrect.play(); } else { soundIncorrect.play(); - display(currentQuestion.answer); } - setInterval(displaynone,4000); + selectedChoice.parentElement.classList.add(classToApply); setTimeout(() => { selectedChoice.parentElement.classList.remove(classToApply); @@ -199,27 +194,7 @@ function startTimerLine(time) { } } } -let string; -function display(string) { - let display = document.getElementById('display'); - if (string == 1) { - display.innerText = `Correct option : A`; - } - if (string == 2) { - display.innerText = `Correct option : B`; - } - if (string == 3) { - display.innerText = `Correct option : C`; - } - if (string == 4) { - display.innerText = `Correct option : D`; - } -} -function displaynone() { - let display = document.getElementById('display'); - display.innerText = `Correct option : `; -} incrementScore = (num) => { score += num; scoreText.innerText = score; From e44e05bea83bf4e0b7d33f43d2f033f8d1f3497a Mon Sep 17 00:00:00 2001 From: avanimathur Date: Wed, 17 Jan 2024 17:07:03 +0530 Subject: [PATCH 09/16] Changes --- Dark/game.css | 33 +++++++++++++++++++++++++++++++++ Dark/game.js | 9 +++++++++ Dark/index.html | 1 + Dark/rules.css | 38 ++++++++++++++++++++++++++++++++++++++ Dark/rules.html | 26 ++++++++++++++++++++++++++ Dark/rules.js | 20 ++++++++++++++++++++ Light/game.css | 33 +++++++++++++++++++++++++++++++++ Light/game.js | 9 +++++++++ Light/index.html | 1 + Light/rules.css | 38 ++++++++++++++++++++++++++++++++++++++ Light/rules.html | 26 ++++++++++++++++++++++++++ Light/rules.js | 20 ++++++++++++++++++++ 12 files changed, 254 insertions(+) create mode 100644 Dark/rules.css create mode 100644 Dark/rules.html create mode 100644 Dark/rules.js create mode 100644 Light/rules.css create mode 100644 Light/rules.html create mode 100644 Light/rules.js diff --git a/Dark/game.css b/Dark/game.css index add8ce6..21e0fd1 100644 --- a/Dark/game.css +++ b/Dark/game.css @@ -236,3 +236,36 @@ input#un-mute:checked ~ .mute img { height: 50px; width: 50px; } + +@keyframes fadeInOut { + 0% { opacity: 1; transform: scale(1); } + 50% { opacity: 1; transform: scale(1.5); } + 100% { opacity: 0; transform: scale(2); } +} + +.points-display { + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 8rem; + color: green; + font-weight: bold; + z-index: 9999; + animation: fadeInOut 1s ease-out; +} + +.choice-container { + position: relative; +} + +.choice-container .points-display { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 8rem; + font-weight: bold; + z-index: 1; + animation: fadeInOut 1s ease-out; +} \ No newline at end of file diff --git a/Dark/game.js b/Dark/game.js index 7aa1724..f8834c9 100644 --- a/Dark/game.js +++ b/Dark/game.js @@ -198,6 +198,15 @@ function startTimerLine(time) { incrementScore = (num) => { score += num; scoreText.innerText = score; + + const pointsDisplay = document.createElement('div'); + pointsDisplay.classList.add('points-display'); + pointsDisplay.innerText = `+${num}`; + document.body.appendChild(pointsDisplay); + + setTimeout(() => { + pointsDisplay.remove(); + }, 1000); }; var count=0; diff --git a/Dark/index.html b/Dark/index.html index d86b004..b206aa2 100644 --- a/Dark/index.html +++ b/Dark/index.html @@ -15,6 +15,7 @@

    Kviz

    Play High Scores + Rules diff --git a/Dark/rules.css b/Dark/rules.css new file mode 100644 index 0000000..8a32f76 --- /dev/null +++ b/Dark/rules.css @@ -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; + } diff --git a/Dark/rules.html b/Dark/rules.html new file mode 100644 index 0000000..78836f2 --- /dev/null +++ b/Dark/rules.html @@ -0,0 +1,26 @@ + + + + + + + Quiz Rules + + + + +

    Quiz Rules

    +
      +
    1. You get 15 seconds to answer each question; a timer is displayed to show the time left for each question.
      2. +
    2. Speed Bonus If You Answer Quickly
      3. +
        +
      • You will earn +10 points for providing a correct answer within the first 5 seconds.
        • +
      • If you give a correct answer after the initial 5 seconds but within 10 seconds, you get +5 points.
        • +
      • Answers given correctly after 10 seconds will still be rewarded with +2 points.
        • +
      + +
    3. There is no negative marking for a wrong answer.
      4. +
    + Go Home + + diff --git a/Dark/rules.js b/Dark/rules.js new file mode 100644 index 0000000..86f96a5 --- /dev/null +++ b/Dark/rules.js @@ -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); + } +}); diff --git a/Light/game.css b/Light/game.css index f376a8d..8e25957 100644 --- a/Light/game.css +++ b/Light/game.css @@ -236,3 +236,36 @@ input#un-mute:checked ~ .mute img { height: 50px; width: 50px; } + +@keyframes fadeInOut { + 0% { opacity: 1; transform: scale(1); } + 50% { opacity: 1; transform: scale(1.5); } + 100% { opacity: 0; transform: scale(2); } +} + +.points-display { + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 8rem; + color: green; + font-weight: bold; + z-index: 9999; + animation: fadeInOut 1s ease-out; +} + +.choice-container { + position: relative; +} + +.choice-container .points-display { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 8rem; + font-weight: bold; + z-index: 1; + animation: fadeInOut 1s ease-out; +} \ No newline at end of file diff --git a/Light/game.js b/Light/game.js index 7aa1724..f8834c9 100644 --- a/Light/game.js +++ b/Light/game.js @@ -198,6 +198,15 @@ function startTimerLine(time) { incrementScore = (num) => { score += num; scoreText.innerText = score; + + const pointsDisplay = document.createElement('div'); + pointsDisplay.classList.add('points-display'); + pointsDisplay.innerText = `+${num}`; + document.body.appendChild(pointsDisplay); + + setTimeout(() => { + pointsDisplay.remove(); + }, 1000); }; var count=0; diff --git a/Light/index.html b/Light/index.html index 695979e..8ae9bc0 100644 --- a/Light/index.html +++ b/Light/index.html @@ -15,6 +15,7 @@

    Kviz

    Play High Scores + Rules diff --git a/Light/rules.css b/Light/rules.css new file mode 100644 index 0000000..c6d4bec --- /dev/null +++ b/Light/rules.css @@ -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; + } \ No newline at end of file diff --git a/Light/rules.html b/Light/rules.html new file mode 100644 index 0000000..78836f2 --- /dev/null +++ b/Light/rules.html @@ -0,0 +1,26 @@ + + + + + + + Quiz Rules + + + + +

    Quiz Rules

    +
      +
    1. You get 15 seconds to answer each question; a timer is displayed to show the time left for each question.
      2. +
    2. Speed Bonus If You Answer Quickly
      3. +
        +
      • You will earn +10 points for providing a correct answer within the first 5 seconds.
        • +
      • If you give a correct answer after the initial 5 seconds but within 10 seconds, you get +5 points.
        • +
      • Answers given correctly after 10 seconds will still be rewarded with +2 points.
        • +
      + +
    3. There is no negative marking for a wrong answer.
      4. +
    + Go Home + + diff --git a/Light/rules.js b/Light/rules.js new file mode 100644 index 0000000..86f96a5 --- /dev/null +++ b/Light/rules.js @@ -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); + } +}); From e00ce85e3feb3f7563642faa0430e8649ead2918 Mon Sep 17 00:00:00 2001 From: avanimathur Date: Wed, 17 Jan 2024 17:10:54 +0530 Subject: [PATCH 10/16] Adding Rules To The Quiz --- Dark/game.css | 1 + 1 file changed, 1 insertion(+) diff --git a/Dark/game.css b/Dark/game.css index 21e0fd1..ed78cd0 100644 --- a/Dark/game.css +++ b/Dark/game.css @@ -257,6 +257,7 @@ input#un-mute:checked ~ .mute img { .choice-container { position: relative; + } .choice-container .points-display { From 8e28da0c81ec37feff413faed70ea05f78556ac0 Mon Sep 17 00:00:00 2001 From: avanimathur Date: Wed, 17 Jan 2024 17:12:29 +0530 Subject: [PATCH 11/16] Adding Rules To The Quiz --- Dark/game.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/Dark/game.css b/Dark/game.css index ed78cd0..15f47f0 100644 --- a/Dark/game.css +++ b/Dark/game.css @@ -257,7 +257,7 @@ input#un-mute:checked ~ .mute img { .choice-container { position: relative; - + } .choice-container .points-display { @@ -265,7 +265,7 @@ input#un-mute:checked ~ .mute img { top: 50%; left: 50%; transform: translate(-50%, -50%); - font-size: 8rem; + font-size: 9rem; font-weight: bold; z-index: 1; animation: fadeInOut 1s ease-out; From f5c78b1678f10a74c28151d15b35cd101c711575 Mon Sep 17 00:00:00 2001 From: avanimathur Date: Wed, 17 Jan 2024 17:14:45 +0530 Subject: [PATCH 12/16] Display Score on Screen --- Dark/rules.css | 38 -------------------------------------- Dark/rules.html | 26 -------------------------- Dark/rules.js | 20 -------------------- Light/rules.css | 38 -------------------------------------- Light/rules.html | 26 -------------------------- Light/rules.js | 20 -------------------- 6 files changed, 168 deletions(-) delete mode 100644 Dark/rules.css delete mode 100644 Dark/rules.html delete mode 100644 Dark/rules.js delete mode 100644 Light/rules.css delete mode 100644 Light/rules.html delete mode 100644 Light/rules.js diff --git a/Dark/rules.css b/Dark/rules.css deleted file mode 100644 index 8a32f76..0000000 --- a/Dark/rules.css +++ /dev/null @@ -1,38 +0,0 @@ -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; - } diff --git a/Dark/rules.html b/Dark/rules.html deleted file mode 100644 index 78836f2..0000000 --- a/Dark/rules.html +++ /dev/null @@ -1,26 +0,0 @@ - - - - - - - Quiz Rules - - - - -

    Quiz Rules

    -
      -
    1. You get 15 seconds to answer each question; a timer is displayed to show the time left for each question.
      2. -
    2. Speed Bonus If You Answer Quickly
      3. -
        -
      • You will earn +10 points for providing a correct answer within the first 5 seconds.
        • -
      • If you give a correct answer after the initial 5 seconds but within 10 seconds, you get +5 points.
        • -
      • Answers given correctly after 10 seconds will still be rewarded with +2 points.
        • -
      - -
    3. There is no negative marking for a wrong answer.
      4. -
    - Go Home - - diff --git a/Dark/rules.js b/Dark/rules.js deleted file mode 100644 index 86f96a5..0000000 --- a/Dark/rules.js +++ /dev/null @@ -1,20 +0,0 @@ -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); - } -}); diff --git a/Light/rules.css b/Light/rules.css deleted file mode 100644 index c6d4bec..0000000 --- a/Light/rules.css +++ /dev/null @@ -1,38 +0,0 @@ -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; - } \ No newline at end of file diff --git a/Light/rules.html b/Light/rules.html deleted file mode 100644 index 78836f2..0000000 --- a/Light/rules.html +++ /dev/null @@ -1,26 +0,0 @@ - - - - - - - Quiz Rules - - - - -

    Quiz Rules

    -
      -
    1. You get 15 seconds to answer each question; a timer is displayed to show the time left for each question.
      2. -
    2. Speed Bonus If You Answer Quickly
      3. -
        -
      • You will earn +10 points for providing a correct answer within the first 5 seconds.
        • -
      • If you give a correct answer after the initial 5 seconds but within 10 seconds, you get +5 points.
        • -
      • Answers given correctly after 10 seconds will still be rewarded with +2 points.
        • -
      - -
    3. There is no negative marking for a wrong answer.
      4. -
    - Go Home - - diff --git a/Light/rules.js b/Light/rules.js deleted file mode 100644 index 86f96a5..0000000 --- a/Light/rules.js +++ /dev/null @@ -1,20 +0,0 @@ -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); - } -}); From a2080cf384e977a7fc45d29c4286777eccd82265 Mon Sep 17 00:00:00 2001 From: avanimathur Date: Wed, 17 Jan 2024 17:16:54 +0530 Subject: [PATCH 13/16] Adding Rules --- Dark/rules.css | 38 ++++++++++++++++++++++++++++++++++++++ Dark/rules.html | 26 ++++++++++++++++++++++++++ Dark/rules.js | 20 ++++++++++++++++++++ Light/rules.css | 38 ++++++++++++++++++++++++++++++++++++++ Light/rules.html | 26 ++++++++++++++++++++++++++ Light/rules.js | 20 ++++++++++++++++++++ 6 files changed, 168 insertions(+) create mode 100644 Dark/rules.css create mode 100644 Dark/rules.html create mode 100644 Dark/rules.js create mode 100644 Light/rules.css create mode 100644 Light/rules.html create mode 100644 Light/rules.js diff --git a/Dark/rules.css b/Dark/rules.css new file mode 100644 index 0000000..8a32f76 --- /dev/null +++ b/Dark/rules.css @@ -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; + } diff --git a/Dark/rules.html b/Dark/rules.html new file mode 100644 index 0000000..78836f2 --- /dev/null +++ b/Dark/rules.html @@ -0,0 +1,26 @@ + + + + + + + Quiz Rules + + + + +

    Quiz Rules

    +
      +
    1. You get 15 seconds to answer each question; a timer is displayed to show the time left for each question.
      2. +
    2. Speed Bonus If You Answer Quickly
      3. +
        +
      • You will earn +10 points for providing a correct answer within the first 5 seconds.
        • +
      • If you give a correct answer after the initial 5 seconds but within 10 seconds, you get +5 points.
        • +
      • Answers given correctly after 10 seconds will still be rewarded with +2 points.
        • +
      + +
    3. There is no negative marking for a wrong answer.
      4. +
    + Go Home + + diff --git a/Dark/rules.js b/Dark/rules.js new file mode 100644 index 0000000..86f96a5 --- /dev/null +++ b/Dark/rules.js @@ -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); + } +}); diff --git a/Light/rules.css b/Light/rules.css new file mode 100644 index 0000000..c6d4bec --- /dev/null +++ b/Light/rules.css @@ -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; + } \ No newline at end of file diff --git a/Light/rules.html b/Light/rules.html new file mode 100644 index 0000000..78836f2 --- /dev/null +++ b/Light/rules.html @@ -0,0 +1,26 @@ + + + + + + + Quiz Rules + + + + +

    Quiz Rules

    +
      +
    1. You get 15 seconds to answer each question; a timer is displayed to show the time left for each question.
      2. +
    2. Speed Bonus If You Answer Quickly
      3. +
        +
      • You will earn +10 points for providing a correct answer within the first 5 seconds.
        • +
      • If you give a correct answer after the initial 5 seconds but within 10 seconds, you get +5 points.
        • +
      • Answers given correctly after 10 seconds will still be rewarded with +2 points.
        • +
      + +
    3. There is no negative marking for a wrong answer.
      4. +
    + Go Home + + diff --git a/Light/rules.js b/Light/rules.js new file mode 100644 index 0000000..86f96a5 --- /dev/null +++ b/Light/rules.js @@ -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); + } +}); From 4924a9b37b48f2bba771df9fbdffe639fe21f789 Mon Sep 17 00:00:00 2001 From: avanimathur Date: Wed, 17 Jan 2024 17:25:17 +0530 Subject: [PATCH 14/16] Rules --- Dark/rules.html | 2 ++ Light/rules.html | 2 ++ 2 files changed, 4 insertions(+) diff --git a/Dark/rules.html b/Dark/rules.html index 78836f2..2e5582b 100644 --- a/Dark/rules.html +++ b/Dark/rules.html @@ -11,6 +11,7 @@

    Quiz Rules

      +
    1. The game consists of 10 questions!
    2. You get 15 seconds to answer each question; a timer is displayed to show the time left for each question.
    3. Speed Bonus If You Answer Quickly
        4. @@ -21,6 +22,7 @@

        Quiz Rules

      • There is no negative marking for a wrong answer.
    +

    ALL THE BEST!

    Go Home diff --git a/Light/rules.html b/Light/rules.html index 78836f2..2e5582b 100644 --- a/Light/rules.html +++ b/Light/rules.html @@ -11,6 +11,7 @@

    Quiz Rules

      +
    1. The game consists of 10 questions!
    2. You get 15 seconds to answer each question; a timer is displayed to show the time left for each question.
    3. Speed Bonus If You Answer Quickly
        4. @@ -21,6 +22,7 @@

        Quiz Rules

      • There is no negative marking for a wrong answer.
    +

    ALL THE BEST!

    Go Home From 33c2494555b910a6ec578f306ebe04c7ae5b2bc2 Mon Sep 17 00:00:00 2001 From: avanimathur Date: Wed, 17 Jan 2024 17:29:47 +0530 Subject: [PATCH 15/16] ruleadd --- Dark/rules.html | 1 - 1 file changed, 1 deletion(-) diff --git a/Dark/rules.html b/Dark/rules.html index 2e5582b..a3eba05 100644 --- a/Dark/rules.html +++ b/Dark/rules.html @@ -22,7 +22,6 @@

    Quiz Rules

  • There is no negative marking for a wrong answer.
    • -

    ALL THE BEST!

    Go Home From 7f78bebbf5e57fcc6abb8112ba8edeeaca1c553f Mon Sep 17 00:00:00 2001 From: avanimathur Date: Wed, 17 Jan 2024 17:30:36 +0530 Subject: [PATCH 16/16] ruleadd --- Dark/rules.html | 1 + 1 file changed, 1 insertion(+) diff --git a/Dark/rules.html b/Dark/rules.html index a3eba05..2e5582b 100644 --- a/Dark/rules.html +++ b/Dark/rules.html @@ -22,6 +22,7 @@

    Quiz Rules

  • There is no negative marking for a wrong answer.
    • +

    ALL THE BEST!

    Go Home