-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
116 lines (98 loc) · 7.98 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="Learn geography easily on Geography Genius. Map quizzes on every part of the world make it easy to strengthen your geography knowledge">
<meta name="keywords" content="Learn, Geography, Easily, Genius">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="og:image" content="https://geographygenius.github.io/favicon.ico">
<meta name="google" value="notranslate">
<link rel="apple-touch-icon" href="/images/logos/apple-touch-icon.png">
<link rel="manifest" href="/manifest.webmanifest">
<title>Geography Genius - Become a geograpy genius!</title>
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="/css/home.css">
<link rel="icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/favicon.ico">
<link rel="apple-touch-icon-precomposed" href="/favicon.ico">
<link rel="shortcut icon" href="/favicon.ico">
</head>
<body>
<script src="/js/main.js"></script>
<!-- start header -->
<ul class="h-ul">
<li class="h-li-icon"><a class="h-a" href="/"><img src="/images/logos/logo-horizontal-new-icon.png" width=200></a></li>
<li class="h-li"><a class="h-a" href="/geography/">Geography</a></li>
<li class="h-li"><a class="h-a" href="/geography/world">World</a></li>
<li class="h-li"><a class="h-a" href="/geography/americas">Americas</a></li>
<li class="h-li"><a class="h-a" href="/geography/africa">Africa</a></li>
<li class="h-li"><a class="h-a" href="/geography/europe">Europe</a></li>
<li class="h-li"><a class="h-a" href="/geography/asia">Asia</a></li>
<li class="h-li"><a class="h-a" href="/geography/oceania">Oceania</a></li>
<li class="h-li"><a class="h-a" href="/geography/custom-quizzes">Custom Quizzes</a></li>
</ul>
<!-- end header -->
<!-- REMEMBER, YOU NEED A DIV SO THERE IS MARGIN -->
<div class="everything">
<!-- <script src="/js/jquery.maphilight.min.js"></script> -->
<script src="/js/jquery.min.js"></script>
<script src="/js/main.js"></script>
<script src="/js/imageMapResizer.min.js"></script>
<div class="everything-too">
<div class="lots-of-text">
<!-- <strong style="font-size: large;color:red">This website is <b>not</b> a copy of <a href="https://lizardpoint.com">lizard point quizzes.</a> It may be kind of similar, but I have made it entirely myself. This is for educational purposes only.</strong> -->
<p>Have you ever wanted to learn some geography? Well, this is the right place. <br><a href="/geography">Click here to start practicing!</a></p>
<p>This is the website where you can become the geography genius of your dreams, learning all the countries, capitals, rivers, lakes, and important places that you would ever need to know.</p>
<p>It's easier than ever to become a geography master with our <a href="/geography">tons of geography quizzes</a>. Worried about that geography test? Don't worry, <a href="/">Geography Genius</a> to the rescue! You'll have it all mastered in no time, and have fun doing it along the way.</p>
<p>It's fun, too. Everyone should be able enjoy learning geography, young or old. Anyone can use Geography Genius to learn geographical places, countries, capitals, and more!</p>
<p style="font-size: x-large;">So, what are you waiting for?</p>
<a class="geo-button" href="/geography">Become a geography genius today!</a>
</div>
<!-- <div class="region-picker">
<h3>Pick a region of the world:</h3>
<a href="/geography/americas">The Americas</a><br>
<a href="/geography/africa">Africa</a><br>
<a href="/geography/africa">Europe</a><br>
<a href="/geography/asia">Asia</a><br>
<a href="/geography/oceania">Oceania</a><br>
</div> -->
<div class="entire-map-container">
<p style="text-align: center;font-size: large;">Click on a continent below to start learning!</p>
<div class="map-container">
<img src="/images/world-map-of-continents-v2.png" alt="" usemap="#map" class="map map-img"/>
<map name="map">
<area shape="poly" coords="689, 351, 728, 340, 753, 362, 812, 393, 894, 330, 917, 258, 827, 251, 741, 236, 716, 241, 705, 266, 712, 304, 691, 313" href="/geography/oceania" />
<area shape="poly" coords="547, 166, 574, 177, 595, 222, 602, 196, 619, 178, 631, 177, 651, 200, 653, 219, 665, 237, 650, 227, 647, 231, 671, 263, 699, 272, 699, 269, 678, 260, 666, 241, 667, 239, 661, 216, 658, 207, 677, 216, 693, 235, 685, 240, 690, 253, 702, 255, 712, 239, 711, 229, 734, 224, 716, 187, 710, 194, 728, 226, 711, 229, 705, 223, 692, 234, 677, 216, 683, 206, 680, 193, 671, 185, 678, 178, 700, 173, 707, 153, 696, 137, 701, 131, 691, 127, 694, 122, 704, 125, 718, 139, 733, 146, 750, 136, 745, 113, 726, 83, 725, 86, 744, 125, 739, 133, 729, 137, 712, 122, 716, 113, 722, 113, 728, 97, 713, 79, 700, 79, 708, 65, 728, 65, 731, 60, 744, 57, 745, 78, 762, 88, 762, 75, 752, 68, 763, 62, 775, 58, 761, 53, 775, 56, 762, 51, 767, 48, 784, 50, 778, 44, 665, 31, 645, 34, 635, 28, 597, 29, 599, 23, 549, 12, 569, 21, 533, 33, 523, 30, 519, 33, 524, 39, 512, 52, 520, 76, 525, 86, 501, 84, 510, 101, 500, 108, 506, 121, 500, 108, 509, 104, 514, 105, 508, 109, 518, 115, 520, 130, 508, 131, 507, 123, 487, 113, 484, 114, 483, 116, 463, 118, 448, 119, 451, 133, 474, 133, 466, 148, 484, 175, 501, 204, 541, 177, 500, 203, 530, 193, 543, 176, 533, 166, 522, 169, 509, 154, 512, 153, 527, 161" href="/geography/asia" />
<area shape="poly" coords="354, 126, 357, 111, 374, 110, 373, 98, 357, 87, 371, 69, 387, 86, 398, 78, 392, 58, 428, 33, 471, 42, 497, 39, 489, 32, 500, 20, 518, 20, 500, 32, 522, 39, 512, 52, 519, 78, 525, 88, 503, 86, 509, 101, 500, 109, 506, 122, 485, 114, 476, 107, 477, 98, 467, 107, 460, 101, 449, 118, 437, 123, 440, 133, 422, 110, 411, 107, 426, 122, 416, 131, 421, 124, 404, 110, 391, 112, 371, 131, 359, 130, 355, 126, 352, 125, 354, 125, 354, 125" href="/geography/europe" />
<area shape="poly" coords="332, 200, 348, 228, 388, 226, 404, 234, 404, 254, 416, 277, 410, 291, 419, 330, 432, 349, 447, 349, 468, 330, 476, 305, 489, 292, 491, 275, 487, 256, 515, 228, 522, 211, 501, 212, 465, 149, 433, 144, 432, 150, 409, 140, 407, 132, 379, 134, 365, 135, 333, 173" href="/geography/africa" />
<area shape="poly" coords="231, 410, 215, 399, 217, 372, 267, 311, 283, 260, 243, 242, 229, 225, 179, 207, 162, 212, 150, 250, 158, 279, 182, 301, 187, 369, 207, 404" href="/geography/americas" />
<area shape="poly" coords="159, 218, 148, 207, 147, 187, 138, 174, 119, 184, 112, 176, 117, 163, 143, 157, 150, 165, 144, 175, 204, 211, 212, 206, 212, 188, 182, 178, 164, 157, 202, 112, 252, 99, 237, 63, 217, 56, 188, 85, 170, 68, 194, 53, 222, 40, 230, 41, 222, 48, 238, 59, 249, 46, 234, 27, 252, 19, 278, 26, 280, 36, 274, 58, 284, 62, 364, 12, 343, 4, 222, 9, 208, 26, 145, 25, 135, 35, 50, 34, 16, 59, 14, 68, 5, 75, 53, 65, 71, 70, 70, 97, 54, 128, 73, 175, 71, 149, 83, 173, 87, 188, 132, 204, 143, 220" href="/geography/americas" />
</map>
</div>
<span style="font-size:smaller"><a href="https://commons.wikimedia.org/wiki/File:Continents_by_colour.png">Map from wikimedia commons licensed under the <a href="https://creativecommons.org/licenses/by-sa/3.0/deed.en">Creative Commons Attribution-Share Alike 3.0 Unported licence</a></span><script>
let onMobile = mobileCheck() // redirect to mobile site
if (onMobile) {
location.href = "/m/"
}
$(document).ready(function() {
$('map').imageMapResize();
});
</script>
</div>
</div>
<br><br><br>
<!-- <a href="/info/credits">Credits Page</a><br> -->
<span>This website is under construction</span>
<!-- <p>Boasting <a href="/info/less-code">17x less code than competitors,</a> Geography Genius is a great place to practice and grow your geography knowledge!</p> -->
</div>
<footer>
<hr>
<a href="/info/about">About</a><span> • </span>
<a href="/info/disclaimer">Disclaimer</a><span> • </span>
<a href="/blog/">News & Updates</a>
<!-- <br style="margin: 5px;">
<span>©<script>document.write(new Date().getFullYear())</script>  Geography Genius</span> -->
<br><br>
</footer>
</body>
</html>