-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
115 lines (97 loc) · 7.75 KB
/
index.html
File metadata and controls
115 lines (97 loc) · 7.75 KB
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
<!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">
<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, <s>rivers, lakes, and important places that you would ever need to know.</s></p>
<!-- <p>It's easier than ever to become a geography master with our <a href="/geography">tons of geography quizzes</a><s>. 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>