-
Notifications
You must be signed in to change notification settings - Fork 0
/
world.html
145 lines (133 loc) · 7.1 KB
/
world.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Compass World | Atlas</title>
<meta name="description" content="A universe of ideas by a one man - Atlas">
<link rel="icon" type="image/x-icon" href="contents/indexphoto/rotate.png">
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/world.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.3/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script src="assets/scripts/translate.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js" integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD" crossorigin="anonymous"></script>
</head>
<body class="bg-dark text-white">
<div class="container-lg">
<header>
<div id="logo">
<a href="index.html"><img class="logo img-fluid" src="contents/indexphoto/logo.png" alt="logo"></a>
</div>
<h1 class="title display-4">Welcome to a New Universe</h1>
</header>
<nav class="navbar">
<a class="navbar-brand" href="index.html">Home</a>
<a class="navbar-brand" href="files.html">Gods and Monsters</a>
<a class="navbar-brand" href="history.html">Choronology</a>
<a class="navbar-brand" href="world.html">Atlas</a>
<a class="navbar-brand" href="about.html">Author</a>
</nav>
<div id="google_translate_element"></div>
<article class="fadeIn">
<h1 class="text-center">Atlas</h1>
<p class="text-center">A collection of various records of places around the world</p>
<div class="card">
<div class="card-body">
<h1>Middle East</h1>
<h2>Tel Giborim, Israel</h2>
<p>Located south to Be'er Sheva, served as a technological city of Israel</p>
<img class="img-fluid" src="contents/locations/negev.jpg" alt="negev">
<h2>Saint Peter Temple</h2>
<p>A Crusader fortress located in the eastern Galilee (by the Golan Heights), used as a meeting place for the group.</p>
<img class="img-fluid" src="contents/locations/fortress.jpg" alt="fortress">
<h2>The UnderCity, tel aviv, Israel</h2>
<p>An underground area located in the sewers of Tel Aviv, and inhabited by a tribe of creatures considered to be "Partaches".</p>
<img class="img-fluid" src="contents/locations/sewers.jpg" alt="sewers">
<h2>Herzliya</h2>
<h3>The Atlas Building</h3>
<p>A business building located at the city's industrial zone, belong to voltage.</p>
<img class="img-fluid" src="contents/avatar2024/places/earthTower-min.png" alt="earth tower">
<h3>The Oriental Pearl</h3>
<p>An Asian restaurant belonging to Mr. Nguyen, who came to Israel as a refugee from Vietnam. One of the gang's favorite restaurants.</p>
<img class="img-fluid" src="contents/locations/restaurant.jpg" alt="restaurant">
</div>
</div>
<div class="card">
<div class="card-body">
<h1>United States</h1>
<h2>Paper Park, Delaware</h2>
<p>A mysterious city that most people consider a "city on paper", but in reality it serves as a home for wizards.</p>
<img class="img-fluid" src="contents/locations/paper.jpg" alt="paper park">
</div>
</div>
<div class="card">
<div class="card-body">
<h1>Eatern Europe</h1>
<h2>Darkoia</h2>
<p>A region located in Eastern Europe (on the Romanian-Hungarian border), mostly inhabited by Gypsies.</p>
<h2>Actalba</h2>
<p>Located in Eastern Europe between Belarus and Poland, an important ally of Iran, it is considered a refuge for the wanted.</p>
</div>
</div>
<div class="card">
<div class="card-body">
<h1>The Caribbean</h1>
<h2>Sondianno</h2>
<p>A rich island located in the Caribbean, ruled by the royal family of the island.</p>
</div>
</div>
<div class="card">
<div class="card-body">
<h1>The Atlnatic Ocean</h1>
<h2>Sublania</h2>
<p>A powerful republic located at the bottom of the Atlantic Ocean. controlled by the Supreme Council.</p>
<img class="img-fluid" src="contents/locations/underwater.jpg" alt="underwater">
</div>
</div>
<div class="card">
<div class="card-body">
<h1>Far East Asia</h1>
<h2>Dragon-La</h2>
<p>A land between China and Tibet, controlled by the Order of the Dragon Warriors.</p>
<img class="img-fluid" src="contents/locations/himalaya.jpg" alt="himalaya">
</div>
</div>
<div class="card">
<div class="card-body">
<h1>The Pacific Ocean</h1>
<h2>Pacifia</h2>
<p>A city-state located on the surface of the Pacific Ocean, it is considered the capital city of the ocean dwellers.</p>
<img class="img-fluid" src="contents/locations/pacific.jpg" alt="pacific">
</div>
</div>
</article>
<footer class="text-center py-3 bg-dark text-light">
<div class="container d-flex align-items-center justify-content-between">
<!-- Left Content -->
<div>
<p class="mb-1">© 2024 Compass World. All Rights Reserved.</p>
<a href="https://github.com/guybracha/compass-world" class="text-warning fw-bold" target="_blank">
<i class="bi bi-github"></i> Source Code
</a>
</div>
<!-- Icon Image on the Right -->
<img src="contents/indexphoto/icon.png" height="80" width="auto" alt="Compass World Logo" style="filter: drop-shadow(0px 0px 10px #ffb703);">
</div>
</footer>
</div>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-1LV563TQEJ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-1LV563TQEJ');
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script src="assets/scripts/translate.js"></script>
</body>
</html>