From dcffb6a4ee514bcd99cb44f74c7126a145e2247a Mon Sep 17 00:00:00 2001 From: mehak mansoori Date: Fri, 5 Jan 2024 13:19:09 +0530 Subject: [PATCH 1/4] 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 2/4] 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 3/4] 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 4/4] 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

+
    +
    + - + + + + + + + + + + + + + +