Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -12,12 +12,12 @@
<div class="icon"><div class="starticon"><div class="triangle"></div></div></div>
</div>

<!-- <script>
<script>
document.getElementsByClassName("triangle")[0].addEventListener("click",function(){

newpage = "quiz.html";
location.href = newpage;
})
</script> -->
</script>
</body>
</html>
27 changes: 10 additions & 17 deletions manifest.json
Original file line number Diff line number Diff line change
@@ -1,18 +1,11 @@
{
"name": "Quiz",
"version": "1.0",
"manifest_version": 3,
"background": {
"service_worker": "script.js"
},
"permissions": [
"scripting",
"webNavigation",
"storage"
],
"host_permissions": [
"https://*/*",
"http://*/*"
],
"action": {}
}
"name": "Quiz game",
"version": "1.0.0",
"description": "your daily dose of general knowledge",
"manifest_version": 3,
"author": "Spider",
"action":{
"default_popup": "popup.html",
"default_title": "Daily quiz"
}
}
39 changes: 39 additions & 0 deletions popup.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="quiz.css">
<script src="quiz.js"></script>
<!-- <script src="https://unpkg.com/axios/dist/axios.min.js"></script> -->
<title>Quiz</title>
</head>
<body>
<div class="progressbar"></div>
<div class="page">

<div class="question"></div>
<div class="options">

<input type="radio" name="radioans" class="radioans">
<label class="ans"></label><br>
<input type="radio" name="radioans" class="radioans">
<label class="ans"></label><br>
<input type="radio" name="radioans" class="radioans">
<label class="ans"></label><br>
<input type="radio" name="radioans" class="radioans">
<label class="ans"></label><br>
</div>
<button class="submitbutton">Submit</button>
<div class="feedback"></div>
</div>
<div class="result">
<div class="dispscore"></div>
<button class="retry">Retry</button>
</div>



<script src="quiz.js"></script>
</body>
</html>
49 changes: 35 additions & 14 deletions quiz.css
Original file line number Diff line number Diff line change
@@ -1,59 +1,80 @@
body{
font-size: 2em;
font-size: 1.3em;
font-family: sans-serif;
background-color: purple;
min-width: 800px;
min-height: 800px;
margin: 0px;
box-sizing: border-box;
}
.result{
display: flex;
width: 50%;
justify-content: space-around;
opacity:0;

padding-top: 30px;
display: none;
flex-direction: column;
width: 100%;
height: 100%;
align-items: center;
display: none;
margin: 20px;
}
.dispscore{
background-color: aqua;
padding: 20px;
padding: 10px;
margin: 20px;
width: 300px;
text-align: center;
}
.page{
margin-top: 30px;
width: 100%;
height: 100vh;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;

}
.question{
background-color: aquamarine;
width: 75%;
width: 80%;
padding: 20px;
text-align: center;
margin: 10px;
}
.options{
text-align: left;
background-color: orange;
width: 60%;
width: 80%;
padding: 20px;
margin: 20px;
}
.submitbutton{
background-color: green;
background-color: rgb(253, 253, 8);
font-size: 1em;
color: white;
color: rgb(0, 38, 255);
box-shadow: 0px 0px 10px blue;
border: 2px solid rgb(253, 253, 8);
border-radius: 10px;
padding: 10px;

margin: 20px;

}
.retry{
background-color: greenyellow;
font-size: 1em;
border-radius: 10px;
padding: 10px;
margin: 20px;
}
.feedback{
background-color: blue;
color: white;
padding: 20px;
text-align: center;
margin: 20px;
}
.progressbar{
margin: 0px;
height: 40px;
display: block;
background-color: pink;
}
145 changes: 0 additions & 145 deletions quiz.html

This file was deleted.

Loading