ayobami/node_task_1a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: complete quiz tasks

Browse Source
This commit is contained in:
Ayobami
2025-07-24 22:56:01 +01:00
parent f9e7de62ce
commit 6a137285e6
6 changed files with 1617 additions and 173 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/frontend_css/style.css
+72 -4
View File
@@ -16,7 +16,8 @@ body {
}
@font-face {
font-family: "Bradford LL";
src: url("/fonts/BradfordLL-Regular.woff2") format("woff2"), url("/fonts/BradfordLL-Regular.woff") format("woff");
src: url("/fonts/BradfordLL-Regular.woff2") format("woff2"),
url("/fonts/BradfordLL-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
@@ -24,21 +25,24 @@ body {
@font-face {
font-family: "Bradford LL";
src: url("/fonts/BradfordLL-Italic.woff2") format("woff2"), url("/fonts/BradfordLL-Italic.woff") format("woff");
src: url("/fonts/BradfordLL-Italic.woff2") format("woff2"),
url("/fonts/BradfordLL-Italic.woff") format("woff");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Necto Mono";
src: url("/fonts/Necto-Mono.woff2") format("woff2"), url("/fonts/Necto-Mono.woff") format("woff");
src: url("/fonts/Necto-Mono.woff2") format("woff2"),
url("/fonts/Necto-Mono.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "TT Nooks Script";
src: url("/fonts/TTNooksScript-Bold.woff2") format("woff2"), url("/fonts/TTNooksScript-Bold.woff") format("woff");
src: url("/fonts/TTNooksScript-Bold.woff2") format("woff2"),
url("/fonts/TTNooksScript-Bold.woff") format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
@@ -843,6 +847,9 @@ input::-ms-input-placeholder {
width: -moz-max-content;
padding-bottom: 4px;
border-bottom: 1px solid black;
position: absolute;
bottom: 4px;
left: 50%;
}
#page4 .customImgRow img {
width: 335px;
@@ -1439,3 +1446,64 @@ img.image-missing {
display: none;
border-left: none;
}
#resetQuizButton,
#resumeButton {
background: #737a73;
color: #fff;
font: 12px "Necto Mono";
border: none;
border-radius: 4px;
padding: 10px 32px;
margin-left: 8px;
cursor: pointer;
transition: all 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
outline: none;
}
#resetQuizButton:hover,
#resumeButton:hover,
#resetQuizButton:focus,
#resumeButton:focus {
background: #444242;
color: #fff;
}
#questionNavBar .nav-btn {
font: 12px "Necto Mono";
border-radius: 4px !important;
padding: 10px 16px !important;
margin: 0 4px;
min-width: 32px;
min-height: 32px;
border: none;
font-weight: bold;
cursor: pointer;
transition: background 0.2s, color 0.2s;
text-align: center;
vertical-align: middle;
display: inline-flex;
align-items: center;
justify-content: center;
}
#questionNavBar .nav-btn.answered {
background: #43a047;
color: #fff;
border: 2px solid #388e3c;
}
#questionNavBar .nav-btn.current {
background: #1976d2;
color: #fff;
border: 3px solid #1565c0;
box-shadow: 0 0 8px 2px rgba(25, 118, 210, 0.15);
z-index: 2;
}
#questionNavBar .nav-btn.unanswered {
background: #ccc;
color: #888;
border: 2px solid #bbb;
}
#questionNavBar .nav-btn:hover,
#questionNavBar .nav-btn:focus {
filter: brightness(0.95);
outline: none;
}