-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
167 lines (167 loc) · 21.3 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
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
<!DOCTYPE html>
<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="icon" type="image/x-icon" href="/assets/favicon.ico" />
<title>GeoQuiz</title>
<link href="./css/main.css" rel="stylesheet" type="text/css" />
<link href="./css/utils.css" rel="stylesheet" type="text/css" />
<link
href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet"
/>
</head>
<body>
<header>
GeoQuiz
<nav>
<a class="button active desktop" href="./index.html">Quiz</a>
<a class="button desktop" href="./about.html">About</a>
<a
class="button vcenter desktop"
href="https://github.com/mrhrobertson/geoquiz/issues/new?assignees=mrhrobertson&labels=feedback&template=feedback.yml&title=%5BFEEDBACK%5D+"
target="_blank"
>
Feedback <i class="inline-left material-icons">note_add</i>
</a>
<div id="mobile-wrap">
<a
onclick="open_mobile_menu()"
id="mobile-menu"
class="button vcenter mobile"
>
Menu <i class="inline-left material-icons">menu</i>
</a>
<div id="mobile-drop" class="hidden">
<a class="button active mobile" href="./index.html">Quiz</a>
<a class="button mobile" href="./about.html">About</a>
<a
class="button vcenter mobile"
href="https://github.com/mrhrobertson/geoquiz/issues/new?assignees=mrhrobertson&labels=feedback&template=feedback.yml&title=%5BFEEDBACK%5D+"
target="_blank"
>
Feedback <i class="inline-left material-icons">note_add</i>
</a>
</div>
</div>
</nav>
</header>
<main>
<div id="play">
<h1>Are you ready to play?</h1>
<p>Try your hand at flexing your geography knowledge!</p>
<a onclick="start_quiz()" class="button">Let's go!</a>
</div>
<div id="quiz" class="hidden">
<h1>Question <span id="q_id">0</span></h1>
<p id="q_content">Is this really a filler question?</p>
<div id="answers" class="vcenter">
<a onclick="answer_question('Europe', event)" class="button"
>Europe<i class="inline-left hidden material-icons"></i
></a>
<a onclick="answer_question('Asia', event)" class="button"
>Asia<i class="inline-left hidden material-icons"></i
></a>
<a onclick="answer_question('NA', event)" class="button"
>North America<i class="inline-left hidden material-icons"></i
></a>
<a onclick="answer_question('SA', event)" class="button"
>South America<i class="inline-left hidden material-icons"></i
></a>
<a onclick="answer_question('Africa', event)" class="button"
>Africa<i class="inline-left hidden material-icons"></i
></a>
<a onclick="answer_question('Oceania', event)" class="button"
>Oceania<i class="inline-left hidden material-icons"></i
></a>
<a onclick="answer_question('Antarctica', event)" class="button"
>Antarctica<i class="inline-left hidden material-icons"></i
></a>
</div>
<svg
id="map"
width="100%"
height="100%"
viewBox="0 0 1920 1080"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xml:space="preserve"
xmlns:serif="http://www.serif.com/"
style="fill: #19384f"
>
<g id="europe" transform="matrix(1,0,0,1,-32.6392,-27)">
<path
class="button continent"
onclick="answer_question('Europe', event)"
d="M877,331C884.737,335.67 901.051,356.124 891,363C885.849,366.523 858.929,353.91 856,362C853.397,369.188 854.166,392.5 854,399C853.824,405.87 866.833,406.667 873,407C879.167,407.333 886.333,403.5 891,401C894.953,398.882 899.167,395.167 901,392C902.678,389.101 900.039,384.716 902,382C904.167,379 910.5,377.167 914,374C917.5,370.833 919.333,364.667 923,363C926.667,361.333 931.727,364.791 936,364C940.5,363.167 945.418,355.813 950,358C957.333,361.5 977.5,378.667 980,385C982.277,390.767 965.167,392.833 965,396C964.833,399.167 973.988,405.94 979,404C984.167,402 998.235,392.459 996,384C993.667,375.167 964.5,353 965,351C965.5,349 991.667,363.833 999,372C1005.62,379.374 1000.83,394.5 1009,400C1017.17,405.5 1043.67,408 1048,405C1052.33,402 1028.85,388.3 1035,382C1042,374.833 1071,363.167 1090,362C1109,360.833 1135.33,378.167 1149,375C1155.23,373.556 1143.06,355.537 1146.76,349.497C1150.65,343.136 1169.47,345.642 1171.18,340C1174.48,329.112 1161,313.667 1169,309C1177,304.333 1214.68,322.2 1220,315C1201.71,303.163 1205.79,284.322 1206.56,263.949C1207.37,242.336 1205.58,219.25 1210,210C1216.26,196.886 1251.9,189.137 1245,184C1241.21,181.181 1236.57,168.625 1237,166C1238.05,159.663 1214.4,170.526 1199.89,174.189C1177.5,179.843 1158.93,182.168 1147,185C1137.46,187.263 1127.74,189.552 1119,194C1109.83,198.667 1099.67,213.5 1092,213C1084.33,212.5 1069.33,194.5 1073,191C1076.67,187.5 1111.5,195.333 1114,192C1116.5,188.667 1097.83,176.243 1088,171C1075.5,164.333 1054.67,152.833 1039,152C1023.33,151.167 1004.5,160.5 994,166C986.272,170.048 981.788,178.473 976,185C968.167,193.833 954.833,211.833 947,219C942.051,223.528 931.872,221.938 929,228C926,234.333 926.5,251.167 929,257C931.121,261.95 939.5,264 944,263C948.5,262 951.667,247.833 956,251C960.333,254.167 964.833,278.5 970,282C975.167,285.5 981,275.833 985,271C989,266.167 990.671,258.702 991.468,252C992.302,245 989.135,238.833 991.468,232C993.802,225.167 1001.5,219 1008,215C1014.5,211 1014.6,197.349 1032,201C1036.86,205.859 1014.83,221.5 1012,228C1009.72,233.23 1008.75,242.768 1014,245C1020.67,247.833 1052.51,236.949 1052,245C1051.54,252.181 1022.17,253 1018,257C1014.39,260.463 1032.7,258.487 1027,269C1024.73,273.196 1014.83,262.833 1012,265C1009.17,267.167 1014.78,278.881 1010,282C1004,285.917 989.833,288.25 979,290.5C968.628,292.654 948.5,290.083 939,293.5C929.811,296.805 930.167,299.917 923,304C917.136,307.341 907.979,318.868 902,322C895,325.667 870.667,327.177 877,331ZM875,258C872.5,260.667 872.833,272.833 874,279C874.329,280.742 879.724,280.777 881.417,282.806C884.499,286.5 884.57,292.171 885,294C885.54,296.294 878.516,293.7 878,296C877.481,298.313 884.471,304.897 876,306C871.569,310.12 868.589,318.622 873,320C876.99,321.246 890,314 896,312C900.301,310.566 906.934,311.437 906,307C904.667,300.667 893,285 890,278C888.419,274.311 892.991,269.485 891,266C890.405,264.959 884.794,265.683 882.757,264.473C877.944,261.614 876.757,256.126 875,258ZM859,283C857.245,286.745 847.763,292.034 848,293C849.308,298.333 851.261,303.661 848,306C845.686,307.66 855.152,306.949 858,307C865.595,307.136 870.42,300.668 867,295C864.467,290.803 871.5,290 870,287C868.5,284 860.856,279.038 859,283Z"
/>
</g>
<g id="asia">
<path
class="button continent"
onclick="answer_question('Asia', event)"
d="M1128,540C1144.83,538.333 1205.5,502.167 1210,487C1204.53,480.233 1201.05,475.95 1188.69,468.844C1162.81,481.038 1149.63,444.455 1154,444C1154.5,442.159 1158.08,442.105 1163.67,443.291C1167.75,468.53 1254.57,461.504 1258,482C1270.86,488.932 1276.83,504.833 1283,518C1289.17,531.167 1297,564.496 1305,563.996C1313,563.496 1317.67,527.5 1331,515C1343.82,502.986 1363.83,487 1375,486C1385.8,485.033 1392.33,500 1398,509C1403.67,518 1406.67,531.5 1409,540C1410.79,546.501 1408.7,554.122 1412,560C1417.33,569.5 1430.43,602.114 1441,597C1449.47,589.576 1422.83,562.333 1420,552C1418.46,546.386 1419,534.167 1424,535C1429,535.833 1442.5,556.167 1450,557C1457.5,557.833 1466.33,546.167 1469,540C1471.67,533.833 1469.15,525.962 1466,520C1462.83,514 1450.33,509 1450,504C1449.67,499 1458.67,492.333 1464,490C1469.33,487.667 1476.11,491.152 1482,490C1489.67,488.5 1502.17,486 1510,481C1517.83,476 1524.83,466.833 1529,460C1532.62,454.057 1535.17,446.833 1535,440C1534.83,433.167 1529.83,423.833 1528,419C1526.94,416.212 1522.42,413.528 1524,411C1525.67,408.333 1539.17,405.833 1538,403C1536.83,400.167 1518.33,397.333 1517,394C1515.67,390.667 1526.5,384.333 1530,383C1532.66,381.986 1535.25,385.275 1538,386C1541.17,386.833 1546.02,385.764 1549,388C1552.33,390.5 1556.5,396 1558,401C1559.5,406 1555.67,415.833 1558,418C1560.33,420.167 1569.67,417 1572,414C1574.33,411 1573.13,404.527 1572,400C1570.83,395.333 1562.45,390.555 1565,386C1568.17,380.333 1583.33,371.667 1591,366C1597.54,361.163 1605.82,358.274 1611,352C1617.33,344.333 1625.17,328.667 1629,320C1631.78,313.715 1635.83,305.25 1634,300C1632.17,294.75 1623,291.5 1618,288.5C1613.59,285.853 1600.92,286.123 1604,282C1608.67,275.75 1630.5,255.167 1646,251C1661.5,246.833 1686.5,258.167 1697,257C1702.86,256.349 1703.67,246.53 1709,244C1715.67,240.833 1729.33,240.333 1737,238C1743.28,236.088 1756,226.833 1755,230C1754,233.167 1738,249.667 1731,257C1725.3,262.97 1716.33,266.5 1713,274C1709.67,281.5 1710.33,294.333 1711,302C1711.55,308.301 1711.99,323.863 1717,320C1722.83,315.5 1740.33,285.5 1746,275C1748.96,269.52 1746.75,261.548 1751,257C1755.83,251.833 1766.48,247.179 1775,244C1784.83,240.333 1799.83,239.167 1810,235C1819.42,231.141 1834.33,223.833 1836,219C1837.67,214.167 1819.67,208.667 1820,206C1820.33,203.333 1832.67,203.833 1838,203C1842.66,202.272 1847.47,199.705 1852,201C1857.83,202.667 1867,213.167 1873,213C1879,212.833 1887,204.167 1888,200C1889,195.833 1883.27,190.6 1879,188C1871.33,183.333 1854.5,176.667 1842,172C1829.56,167.354 1814.17,161.5 1804,160C1796.35,158.871 1784,161.167 1781,163C1778.32,164.64 1789.14,171.067 1786,171C1778.17,170.833 1743.17,165.167 1734,162C1730.71,160.864 1734.33,153.009 1731,152C1725.5,150.333 1709,153.167 1701,152C1694.63,151.071 1688.33,147.667 1683,145C1678.04,142.519 1674.35,137.485 1669,136C1663,134.333 1653.5,134.667 1647,135C1641.25,135.295 1634,135.167 1630,138C1626,140.833 1627,150.5 1623,152C1619,153.5 1611.5,148.5 1606,147C1600.7,145.554 1593.83,142.167 1590,143C1586.29,143.807 1586.31,153.87 1583,152C1579.17,149.833 1573.83,134.5 1567,130C1560.17,125.5 1546.83,124.167 1542,125C1538.46,125.61 1541.58,134.714 1538,135C1533.83,135.333 1524.35,128.469 1517,127C1509.5,125.5 1500.99,125.484 1493,126C1482.67,126.667 1454.83,134.5 1455,131C1455.17,127.5 1491.67,111.5 1494,105C1496.33,98.5 1477.7,95.544 1469,92C1460,88.333 1448.33,82.167 1440,83C1431.67,83.833 1426.94,94.221 1419,97C1409,100.5 1391,101.167 1380,104C1370.71,106.394 1357.5,110.333 1353,114C1349.9,116.527 1356.7,124.477 1353,126C1347.33,128.333 1323.17,125 1319,128C1314.83,131 1329.83,142.5 1328,144C1326.17,145.5 1313.33,137.167 1308,137C1303.53,136.86 1296.17,140.5 1296,143C1295.83,145.5 1307.17,150.5 1307,152C1306.83,153.5 1297.48,155.14 1295,152C1292.5,148.833 1294.17,134.333 1292,133C1289.83,131.667 1286.67,144 1282,144C1277.33,144 1269.5,131.667 1264,133C1258.5,134.333 1249.83,144.667 1249,152C1248.17,159.333 1260.68,173.959 1259,177C1257.32,180.041 1241.22,169.08 1238.89,170.247C1236.55,171.414 1247.95,179.942 1245,184C1240.18,190.625 1212.72,195.724 1210,210C1205.83,231.833 1226.83,298.5 1220,315C1213.45,330.815 1177.07,305.121 1169,309C1160.93,312.879 1171.92,330.108 1171.58,338.275C1171.31,345.019 1165.93,352.046 1167,358C1168.07,363.954 1175.87,367.889 1178,374C1180.5,381.167 1185.67,396.833 1182,401C1178.33,405.167 1160.5,402.833 1156,399C1151.5,395.167 1157.15,382.216 1155,378C1153.09,374.247 1147.2,374.757 1143.12,373.704C1135.74,371.799 1115.61,366.023 1110.75,366.573C1107.13,366.982 1117.59,376.367 1114,377C1108.88,377.905 1091.43,371.276 1080,372C1066.83,372.833 1040.08,376.167 1035,382C1029.92,387.833 1040.76,402.953 1049.5,407C1058.5,411.167 1085.92,401.833 1089,407C1092.08,412.167 1069.83,430 1068,438C1066.53,444.408 1074.25,449.601 1078,455C1084.83,464.833 1100.67,482.833 1109,497C1116.94,510.507 1112.41,541.544 1128,540Z"
/>
</g>
<g id="north_america" transform="matrix(1,0,0,1,58,-16.6029)">
<path
class="button continent"
onclick="answer_question('NA', event)"
d="M81,150C63.899,152.769 39.667,168 36,176C32.333,184 59.5,194.333 59,198C58.5,201.667 36.667,195.833 33,198C29.333,200.167 32.945,208.972 37,211C41.333,213.167 55.833,209.5 59,211C61.858,212.354 58.49,218.051 56,220C52.167,223 36.667,223.667 36,229C35.333,234.333 44.833,246.333 52,252C59.167,257.667 72.667,259.5 79,263C83.337,265.397 85.632,275.34 90,273C94.667,270.5 98.833,252.5 107,248C115.167,243.5 128.405,244.598 139,246C150.333,247.5 165.167,252.167 175,257C183.737,261.294 190.648,268.619 198,275C206.833,282.667 219.667,293.667 228,303C235.639,311.556 244,321.5 248,331C251.787,339.993 251.015,350.292 252,360C253.167,371.5 251.167,390 255,400C258.375,408.803 268.5,415.333 275,420C280.582,424.008 289.576,422.741 294,428C302.833,438.5 305.666,482.677 318,484C327.381,484.339 302.333,433 305,432C307.667,431 335.667,466.833 344,477C348.103,482.006 353,488.833 355,493C356.306,495.721 353.373,500.513 356,502C364.833,507 395.5,518 408,523C415.644,526.058 423.835,527.945 431,532C439.833,537 452.5,548 461,553C467.564,556.861 475.507,560.167 482,562C487.797,563.636 496.204,564.694 499.959,563.996C502.48,563.528 506.737,559.117 504.531,557.811C500.871,555.645 483.588,553.969 478,551C474.162,548.961 472.12,544.199 471,540C469.667,535 474.642,525.322 470,521C465.167,516.5 444.667,518 442,513C439.333,508 456.333,495 454,491C451.667,487 433,486.833 428,489C423.252,491.058 429,502.667 424,504C419,505.333 403.333,502.333 398,497C392.667,491.667 391.333,479.833 392,472C392.667,464.167 395.667,454.667 402,450C408.333,445.333 421.5,445.333 430,444C437.603,442.807 446.167,438.667 453,442C459.833,445.333 466.833,459.333 471,464C473.047,466.292 477.279,472.987 478,470C479.167,465.167 473.667,443.667 478,435C482.333,426.333 498.5,425.333 504,418C509.5,410.667 507.667,398 511,391C513.845,385.026 519.333,379.333 524,376C528.289,372.937 536.667,373.333 539,371C541.134,368.866 535.279,363.306 538,362C542.167,360 559.167,364.167 564,359C568.833,353.833 565.333,338.333 567,331C568.29,325.323 568.885,317.78 574,315C581.667,310.833 612.333,314.667 613,306C613.667,297.333 586.167,274 578,263C572.65,255.794 568.5,240.667 564,240C559.5,239.333 555.833,259.5 551,259C546.167,258.5 541.5,243 535,237C528.5,231 518.833,224.833 512,223C506.125,221.424 497.224,220.842 494,226C490.667,231.333 491.167,246 492,255C492.798,263.617 499.5,275.167 499,280C498.631,283.571 490.216,280.622 489,284C487.5,288.167 493.167,305 490,305C486.833,305 477.667,289 470,284C462.333,279 452.167,278.333 444,275C436.132,271.788 427,268.5 421,264C415.503,259.877 407.167,254.667 408,248C408.833,241.333 419,230.833 426,224C433,217.167 446.167,213.667 450,207C453.825,200.347 452.333,190.167 449,184C445.667,177.833 437.858,170.383 430,170C416.333,169.333 382.5,178.5 367,180C357.041,180.964 346.9,180.446 337,179C322.167,176.833 297.167,170.333 278,167C259.423,163.769 237.333,159 222,159C209.707,159 198.293,167 186,167C172.5,167 156.039,161.435 141,159C123.5,156.167 98.5,147.167 81,150Z"
/>
</g>
<g id="south_america" transform="matrix(1,0,0,1,3,19)">
<path
class="button continent"
onclick="answer_question('SA', event)"
d="M478,633C481.833,642.833 498.167,671.5 508,683C515.51,691.783 533.393,691.021 537,702C540.833,713.667 532.833,738.333 531,753C529.456,765.35 528.266,777.765 526,790.003C523.5,803.503 518.449,819.161 516,834C513.167,851.166 505.167,878 509,893C512.56,906.932 530.167,918.833 539,924C545.618,927.871 561.5,928.5 562,924C562.5,919.5 543.333,905 542,897C540.675,889.047 552.833,882.667 554,876C555.129,869.549 548,861.167 549,857C549.975,852.939 558.028,854.682 560,851C562.5,846.333 560.333,833 564,829C567.667,825 579.833,828.833 582,827C584.167,825.167 574.573,820.427 577,818C581.167,813.833 601.833,810.5 605,805C608.167,799.5 593.333,786.999 596,785C598.667,783.001 614.333,795.003 622,791.003C629.667,787.003 637.667,769.251 642,761C645.358,754.607 643.582,745.273 649,740.5C656,734.333 676.225,734.291 684,724C692.5,712.75 694.167,688.167 700,673C705.299,659.223 724.167,642.667 719,633C713.833,623.333 682.167,621 669,615C658.647,610.282 648.167,604 640,597C632.093,590.223 628.5,579 620,573C611.5,567 597.667,565 589,561C581.68,557.621 575.812,550.994 568,549C560.167,547 550.643,549.64 542,549C533,548.333 521.5,541.833 514,545C506.5,548.167 500,560.5 497,568C494.274,574.816 498.366,583.051 496,590C493.333,597.833 482.833,609.333 481,615C479.989,618.124 485.5,621 485,624C484.5,627 476.62,629.459 478,633Z"
/>
</g>
<g id="africa" transform="matrix(1,0,0,1,-19,14)">
<path
class="button continent"
onclick="answer_question('Africa', event)"
d="M873,412C860.739,411.057 851.833,432.333 849,445C846.511,456.127 827.415,455.966 822,466C816.333,476.5 815.333,495.667 815,508C814.708,518.792 814.955,530.455 820,540C826.167,551.667 840.5,571.667 852,578C862.803,583.95 876.667,578 889,578C901.833,578 912.5,566.417 923,571C925.612,572.14 927.69,579.257 931.949,580.797C937.557,582.824 945.478,579.583 948.779,584.093C953.047,589.925 946.716,606.983 949,611.5C956.333,626 969.667,636.25 971,652C972.05,664.401 958.376,679.661 960,692C961.667,704.667 981.108,711.186 976,726C972.695,735.584 976.966,748.271 988.793,759.349C999.931,769.78 999.869,790.263 1000,790C1000.24,789.523 1035,789.5 1049,780C1063,770.5 1069.5,752.667 1074,740.5C1077.01,732.372 1080.33,713.5 1084,706C1087.67,698.5 1108.94,693.192 1112,684C1115.67,673 1099.93,643.823 1105,629C1110.33,613.417 1135.16,595.535 1144,587.5C1158.62,574.217 1168.5,546.75 1168,540C1167.5,533.25 1145.17,552.5 1135,550C1124.83,547.5 1110.3,532.281 1103,521C1095.67,509.667 1097,497.333 1091,486C1085.51,475.622 1075,465.833 1071,457C1067.65,449.612 1074.88,433.102 1067,435C1049,439.333 1017.33,428.833 1006,426C1000.5,424.626 1008.66,441.339 1003,441C994.667,440.5 962.5,426.667 955,420C949.864,415.435 966.855,403.478 960,402C945.955,398.971 892.5,413.5 873,412Z"
/>
</g>
<g id="oceania" transform="matrix(1,0,0,1,-6,1)">
<path
class="button continent"
onclick="answer_question('Oceania', event)"
d="M1493,728C1488.5,741.667 1495.17,779.67 1501,790.003C1505.42,797.841 1521.67,791.337 1528,790.003C1532.44,789.069 1534.62,783.183 1539,782C1545.17,780.333 1556.35,780.816 1565,780C1573.83,779.167 1584.5,775.333 1592,777C1599.23,778.606 1605.83,789.17 1610,790.003C1613.48,790.699 1614.42,779.571 1617,782C1619.83,784.666 1621.67,800 1627,806C1632.33,812 1642.17,816.667 1649,818C1655.35,819.239 1662.83,816.333 1668,814C1672.75,811.857 1676.89,808.18 1680,804C1684.33,798.167 1691.08,788.093 1694,779C1697,769.667 1699.83,757.167 1698,748C1696.17,738.833 1688.83,731.167 1683,724C1677.19,716.868 1668.17,712.333 1663,705C1657.83,697.667 1655.67,687 1652,680C1648.87,674.021 1644,660.5 1641,663C1638,665.5 1639.67,692.167 1634,695C1628.33,697.833 1611.17,685.333 1607,680C1603.49,675.504 1613.83,664.167 1609,663C1604.17,661.833 1583.33,669.667 1578,673C1575.16,674.775 1580,682.667 1577,683C1574,683.333 1564.33,674.5 1560,675C1555.67,675.5 1554.43,682.733 1551,686C1547.5,689.333 1542.61,691.544 1539,695C1535.17,698.667 1532.61,704.691 1528,708C1520.33,713.5 1497.2,715.237 1493,728Z"
/>
</g>
<g id="antarctica" transform="matrix(1,0,0,1,-151.289,-109.94)">
<path
class="button continent"
onclick="answer_question('Antarctica', event)"
d="M815,1080C796.956,1076.37 845.833,1052.33 860,1048C872.893,1044.06 886.519,1054.2 900,1054C921.917,1053.67 966.667,1046.83 991.5,1046C1010.68,1045.36 1035.25,1052 1049,1049C1059.63,1046.68 1066,1029.5 1074,1028C1082,1026.5 1088.38,1040.72 1097,1040C1107,1039.17 1122.17,1028.17 1134,1023C1145.23,1018.1 1155.75,1009.41 1168,1009C1183,1008.5 1207.33,1016.67 1224,1020C1238.68,1022.94 1262.17,1021.33 1268,1029C1273.83,1036.67 1253.5,1064.67 1259,1066C1264.5,1067.33 1287.83,1045 1301,1037C1312.85,1029.8 1324.55,1021.36 1338,1018C1352.67,1014.33 1373.5,1015.83 1389,1015C1403,1014.25 1417.01,1013.77 1431,1013C1446.17,1012.17 1465,1010.5 1480,1010C1493.66,1009.55 1507.37,1009.05 1521,1010C1537.67,1011.17 1567.58,1017.17 1580,1017C1585.81,1016.92 1589.69,1009 1595.5,1009C1607.67,1009 1635.92,1012.83 1653,1017C1668.58,1020.8 1683.5,1029.83 1698,1034C1711.7,1037.94 1726.26,1038.22 1740,1042C1755.17,1046.17 1785,1052.67 1789,1059C1793,1065.33 1774.67,1077.85 1764,1080C1693.79,1151.56 827.465,1148.39 815,1080Z"
/>
</g>
</svg>
<a onclick="load_question()" class="button" id="next">Next Question</a>
<p id="counter">Score: <span id="score">0</span></p>
</div>
</main>
<footer class="vcenter">
<p class="vcenter">
Made with <i class="inline material-icons">favorite_border</i> and
<i class="inline material-icons">coffee</i> by Mark Robertson
</p>
<hr class="separator" />
<a
class="button vcenter"
href="https://github.com/mrhrobertson/geoquiz"
target="_blank"
>Source code on GitHub<i class="inline-left material-icons"
>note_add</i
></a
>
</footer>
<script src="./js/navbar.js"></script>
<script src="./js/quiz.js"></script>
</body>
</html>