-
Notifications
You must be signed in to change notification settings - Fork 0
/
start-quiz.html
143 lines (143 loc) · 7.26 KB
/
start-quiz.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Quiz</title>
<meta name="description" content="A phishing and password strength quiz.">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#4CAF50"/>
<meta property="og:type" content="article"/>
<meta property="og:title" content="SqureIT: Cyber Awareness Made Easy!"/>
<meta property="og:description" content="SqureIT is a cyber safety and security awareness platform focused on children and their care takes."/>
<meta property="og:url" content="https://squreit.se"/>
<meta property="og:image" content="https://squreit.se/img/favicon.png"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:url" content="https://squreit.se"/>
<meta name="twitter:title" content="SqureIT: Cyber Awareness Made Easy!"/>
<meta name="twitter:description" content="SqureIT is a cyber safety and security awareness platform focused on children and their care takes."/>
<meta name="twitter:image" content="https://squreit.se/img/favicon.png"/>
<link rel="icon shorcut" type="image/x-icon" href="/img/favicon.png">
<link rel="apple-touch-icon" href="/img/favicon.png">
<link rel="stylesheet" type="text/css" href="/css/main.css" id="styleMode">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Comfortaa">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Audiowide">
<link rel="manifest" href="/manifest.json">
<style>
.zbg {
background-image: url("/img/megaminx.jpg");
}
</style>
</head>
<body>
<button onclick="topFunction()" id="scrollBtn" title="Go to top">ᐱ</button>
<div class="theme-container" onclick="lightMode()">
<img id="theme-icon" src="/img/sun.svg">
</div>
<div class="search" onClick="window.open('/search', '_self');">
<img id="spi" style="width: 20px; height: 20px;" src="/img/search_black_bg.png">
</div>
<div class="header">
<img src="/img/logo.png" alt="SqureIT" id="header-logo" onMouseDown="logoClick(event)"/>
<div class="header-right">
<a href="/">Home</a>
<a href="/children">Children</a>
<a href="/caretakers">Caretakers</a>
<a class="active" href="/quiz">Quiz</a>
<a href="/gameroom">Games</a>
<a href="/toolkit">Tools</a>
</div>
</div>
<div id="mobile_menu" class="mobile_menu">
<ul class="menu" id="menu">
<li><a class="menuItem" href="/">Home</a></li>
<li><a class="menuItem" href="/children">Children</a></li>
<li><a class="menuItem" href="/caretakers">Caretakers</a></li>
<li><a class="menuItem active" href="/quiz">Quiz</a></li>
<li><a class="menuItem" href="/gameroom">Games</a></li>
<li><a class="menuItem" href="/toolkit">Tools</a></li>
<li><a class="menuItem" href="/feedback">Feedback</a></li>
<li><a class="menuItem" href="/about">About</a></li>
<li><a class="menuItem" href="/contact">Contact</a></li>
</ul>
<button class="hamburger" id="hamburger">
<div class="container material-icons" onclick="barShuffle(this)">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
</button>
</div>
<div class="zbg">
<div class="zcenter">
<h1>Quiz</h1>
</div>
</div>
<div class="center">
<div id="myModal" class="modal">
<span class="close">×</span>
<img class="modal-content" id="img01">
<div id="caption"></div>
</div>
<div id="quiz">
</div>
<div class="feedback" id="feedback"></div>
<button class="button buttonh" id="submit-button">Submit</button>
<button class="button buttonh" id="next-button" style="display:none">Next</button>
<div id="score"></div>
<div id="redo"></div>
<div id="user-feedback"></div>
</div>
<div id="finish-button-div">
<button id="finish-button" style="display:none">Finish</button>
</div>
<div class="footer">
<div class="row">
<div class="column">
<h2>Links</h2>
<a href="/"><p>Home</p></a>
<a href="/quiz"><p>Quiz</p></a>
<a href="/gameroom"><p>Games</p></a>
<a href="/toolkit"><p>Tools</p></a>
<a href="/feedback"><p>Feedback</p></a>
<a href="/about"><p>About</p></a>
<a href="/contact"><p>Contact</p></a>
</div>
<div class="column">
<h2>Articles</h2>
<a href="/children"><p>Articles for children</p></a>
<a href="/caretakers"><p>Articles for caretakers</p></a>
<a href="https://www.keepitrealonline.govt.nz/" target="_blank"><p>KEEP IT REAL ONLINE</p></a>
</div>
<div class="column">
<img src="/img/logo.png" style="width: 250px;">
<p class="slogan" style="padding-left: 25px; padding-right: 25px;">Cyber awareness made easy!</p>
</div>
</div>
<p id="fcy"></p>
<p>Available under the <a class="white" href="/LICENSE" target="_blank">GNU GPLv3 <img src="/img/gnu_heckert.png" style="width: 45px; margin-bottom: -15px; margin-top: 0; filter: invert(1);"></a></p>
<p>Source code can be found on <a class="white" href="https://github.com/aous-al-salek/SqureIT" target="_blank">GitHub <img src="/img/github-mark-white.png" style="width: 35px; margin-bottom: -10px; margin-top: 0;"></a></p>
</div>
<script type="text/javascript" src="/js/quiz.js"></script>
<script type="text/javascript" src="/js/mobile.js"></script>
<script type="text/javascript" src="/js/main.js"></script>
<script type="text/javascript" src="/js/pwa-handler.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
var modal = document.getElementById("myModal");
var img = document.getElementById("Imagen");
var modalImg = document.getElementById("img01");
var captionText = document.getElementById("caption");
img.onclick = function(){
modal.style.display = "block";
modalImg.src = this.src;
captionText.innerHTML = this.alt;
document.body.style.overflow = "hidden";
}
var span = document.getElementsByClassName("close")[0];
span.onclick = function() {
modal.style.display = "none";
document.body.style.overflow = "inherit";
}
</script>
</body>
</html>