-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsurvey form.html
168 lines (164 loc) · 10.1 KB
/
survey form.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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Pop Quiz</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Test your knowledge of random factoids">
<link rel="stylesheet" media="print, screen" href="/graphite.css">
<link rel="icon" type="image/svg+xml" href="/happy emoji portrait.svg">
<style>
body {
background-color: white;
color: black;
}
</style>
</head>
<body>
<header>
<h1>Wikipedia Pop Quiz</h1>
<p>Remember to take all answers with a grain of salt</p>
</header>
<form>
<ol>
<li>
<fieldset>
<legend>
<details>
<summary>
<q cite="https://en.wikipedia.org/wiki/Outlook.com">Outlook.com</q>
</summary>
<blockquote cite="https://en.wikipedia.org/w/index.php?title=Outlook.com&oldid=1049555097#Security_issues">In 1999, hackers revealed a security flaw in Hotmail that permitted anybody to log in to any Hotmail account using the password 'eh'. At the time it was called "the most widespread security incident in the history of the Web".</blockquote>
</details>
</legend>
<label for="email">What is an email address which you could log into using the password 'eh' in 1999?</label>
<br>
<input name="email" type="email" id="email" required pattern="[email protected]$">
</fieldset>
</li>
<li>
<fieldset>
<legend>
<details>
<summary>
<q cite="https://en.wikipedia.org/wiki/Universal_Product_Code">Universal Product Code</q>
</summary>
<blockquote cite="https://en.wikipedia.org/w/index.php?title=Universal_Product_Code&oldid=1054888012">UPC (technically refers to UPC-A) consists of 12 digits that are uniquely assigned to each trade item. Along with the related EAN barcode, the UPC is the barcode mainly used for scanning of trade items at the point of sale, per GS1 specifications.</blockquote>
</details>
</legend>
<label for="number">How many digits are there in a UPC-A barcode?</label>
<br>
<input name="number" min="12" max="12" pattern="12" type="number" id="number" required>
</fieldset>
</li>
<li>
<fieldset>
<legend>
<details>
<summary>
<q cite="https://en.wikipedia.org/wiki/Galaxy_Quest">Galaxy Quest</q>
</summary>
<blockquote cite="https://en.wikipedia.org/w/index.php?title=Galaxy_Quest&oldid=1054205349#Casting">Dr. Lazarus' catchphrase, "By Grabthar's Hammer", was written as a temp line in Gordon's script; Gordon planned to replace "Grabthar" with something less comical, but the line stuck as the production crew started using it around their offices and had it printed on t-shirts.</blockquote>
</details>
</legend>
<label for="text">What is Dr. Lazarus's catchphrase in Galaxy Quest?</label>
<br>
<input name="text" required id="text" pattern="By Grabthar's Hammer">
</fieldset>
</li>
<li>
<fieldset>
<legend>
<details>
<summary>
<q cite="https://en.wikipedia.org/wiki/Yoko_Shimomura">Yoko Shimomura</q>
</summary>
<blockquote cite="https://en.wikipedia.org/w/index.php?title=Yoko_Shimomura&oldid=1049779169#Career">In 2002 she wrote the score for Kingdom Hearts, which she has said is the most "special" soundtrack to her, as well as a turning point in her career; she named the soundtracks to Street Fighter II and Super Mario RPG as the other two significant points in her life as a composer.</blockquote>
</details>
What games were significant points in her composer career?
</legend>
<input required name="checkbox1" id="checkbox1" type="checkbox" value="Kingdom Hearts">
<label for="checkbox1">Kingdom Hearts</label>
<br>
<input required name="checkbox2" id="checkbox2" type="checkbox" value="Street Fighter II">
<label for="checkbox2">Street Fighter II</label>
<br>
<input required name="checkbox3" id="checkbox3" type="checkbox" value="Super Mario RPG">
<label for="checkbox3">Super Mario RPG</label>
<br>
</fieldset>
</li>
<li>
<fieldset>
<legend>
<details>
<summary>
<q cite="https://en.wikipedia.org/wiki/Tingle_(character)">Tingle (character)</q>
</summary>
<blockquote cite="https://en.wikipedia.org/w/index.php?title=Tingle_(character)&oldid=1043039918">This game also introduced his brothers, Ankle and Knuckle, who are twins, and David Jr., who is not related but was (supposedly) saved by Tingle after his ship was sucked into a cyclone.</blockquote>
</details>
Which of his three brothers is your favorite?
</legend>
<input type="radio" name="radio" id="radio1" value="Ankle" required>
<label for="radio1">Ankle</label>
<br>
<input required type="radio" name="radio" id="radio2" value="David Jr." required>
<label for="radio2">David Jr.</label>
<br>
<input type="radio" name="radio" id="radio3" value="Knuckle" required>
<label for="radio3">Knuckle</label>
<br>
</fieldset>
</li>
<li>
<fieldset>
<legend>
<details>
<summary>
<q cite="https://en.wikipedia.org/wiki/Fruit">Fruit</q>
</summary>
<blockquote cite="https://en.wikipedia.org/w/index.php?title=Fruit&oldid=1053252101">In common language usage, "fruit" normally means the fleshy seed-associated structures (or produce) of plants that typically are sweet or sour and edible in the raw state, such as apples, bananas, grapes, lemons, oranges, and strawberries. In botanical usage, the term "fruit" also includes many structures that are not commonly called "fruits", such as nuts, bean pods, corn kernels, tomatoes, and wheat grains.</blockquote>
</details>
</legend>
<label for="select">Which of these do you consider fruit?</label>
<br>
<select name="select" id="select" multiple>
<option>apples</option>
<option>bananas</option>
<option>bean pods</option>
<option>corn kernals</option>
<option>grapes</option>
<option>lemons</option>
<option>nuts</option>
<option>oranges</option>
<option>strawberries</option>
<option>tomatoes</option>
<option>wheat grains</option>
</select>
</fieldset>
</li>
<li>
<fieldset>
<legend>
<details>
<summary>
<q cite="https://en.wikipedia.org/wiki/Meaning_of_life">Meaning of life</q>
</summary>
<blockquote cite="https://en.wikipedia.org/w/index.php?title=Meaning_of_life&oldid=1055275473">Different people and cultures believe different things for the answer to this question.</blockquote>
</details>
</legend>
<label for="textarea">What is the meaning of life?</label>
<br>
<textarea name="textarea" id="textarea" maxlength="255" required></textarea>
</fieldset>
</li>
<li>
<button type="submit" id="submit">Check your answers</button>
</li>
</ol>
</form>
<footer>
Quiz content is by Wikipedia Contributors and licensed under <a href="https://en.wikipedia.org/wiki/Wikipedia:Text_of_Creative_Commons_Attribution-ShareAlike_3.0_Unported_License" title="Creative Commons Attribution-ShareAlike 3.0 Unported License">CC BY-SA 3.0</a>
</footer>
</body>
</html>