-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
67 lines (64 loc) · 3.04 KB
/
index.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
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<link rel="stylesheet" href="birdle/styles/style.css">
<link rel="stylesheet" href="styles/style.css">
</head>
<title>Bird Nerd</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<body>
<header>
<div class="header-left">
<div class="title">
<h2 id="title"></h2>
</div>
</div>
<div id="header-title">Bird Nerd</div>
<div class="header-right">
</div>
</header>
<div class="content">
<div class="controls">
<select name="categories" id="categories">
<option selected disabled value="Forest (native or plantation)">Choose a bird category</option>
<option value="Forest (native or plantation)">Forest (native or plantation)</option>
<option value="At sea (or dead on a beach)">At sea</option>
<option value="Coastal">Coastal</option>
<option value="Harbour, estuary or rivermouth">Harbour, estuary or rivermouth</option>
<option value="Lake, river or wetland">Lake, river or wetland</option>
<option value="Urban park or garden">Urban park or garden</option>
<option value="Farmland or horticultural block">Farmland or horticultural block</option>
<option value="Mountain">Mountain</option>
<option value="Chatham Islands (not at sea)">Chatham Islands</option>
<option value="Zealandia">Zealandia</option>
</select>
<select name="levels" id="levels">
<option selected disabled value="Visual identification">Choose a challenge type</option>
<option value="Visual identification">Visual identification</option>
<option value="Call recognition">Call recognition</option>
<option value="Name translation">Name translation</option>
<option value="Visual identification (hard)">Visual identification (hard)</option>
<option value="Call recognition (hard)">Call recognition (hard)</option>
<option value="Name translation (hard)">Name translation (hard)</option>
</select>
</div>
<div id="outcome" class="outcome">
</div>
<div id="final" class="final">
</div>
<div class="q_and_a">
<div id="question"></div>
<div id="answer"></div>
<button id="action" onclick="checkAnswer()">Next</button>
</div>
<div class="credit">
All images and audio sourced from
<a href="http://www.nzbirdsonline.org.nz">NZ Birds Online</a>. Site by
<a href="https://simoncarryer.com">Simon Carryer</a>.
</div>
</div>
</body>
<script src="birdle/scripts/data.js"></script>
<script src="scripts/zealandia.js"></script>
<script src="scripts/questions.js"></script>
<script src="scripts/main.js"></script>