-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathdisc.html
More file actions
209 lines (197 loc) · 12.2 KB
/
Copy pathdisc.html
File metadata and controls
209 lines (197 loc) · 12.2 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
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
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="theme-color" content="#FF9121">
<meta name="Description" content="Designer: Chris Quinn">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css">
<link rel="stylesheet" href="./assets/css/style.css">
<link rel="icon" sizes="192x192" href="./assets/images/flavicon.png" type="image/x-icon">
<title>ITTDS | The Disc</title>
</head>
<body>
<!-- NAV -->
<nav class="container-fluid navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- NAVBAR -->
<div class="navbar-collapse collapse" id="navbar">
<ul class="nav navbar-nav">
<li>
<a href="index.html" class="btn btn-default navbar-btn text-uppercase">Home</a>
</li>
<li class="active">
<a href="disc.html" class="btn btn-default navbar-btn text-uppercase">The Disc</a>
</li>
<li>
<a href="books.html" class="btn btn-default navbar-btn text-uppercase">Book Series</a>
</li>
<li>
<a href="characters.html" class="btn btn-default navbar-btn text-uppercase">Recurring Characters</a>
</li>
<li>
<a href="adaptations.html" class="btn btn-default navbar-btn text-uppercase">Adaptations</a>
</li>
<li>
<a href="resources.html" class="btn btn-default navbar-btn text-uppercase">Further Resources</a>
</li>
</ul>
</div>
<!-- /NAVBAR -->
</nav>
<!-- /NAV -->
<main>
<header class="container-fluid landing-container-disc">
<div class="overlay"> </div>
<!-- LANDING-SECTION -->
<div class="row">
<div class="col-xs-12">
<section class="jumbotron text-center">
<h1>The Disc</h1>
</section>
</div>
</div>
<!-- /LANDING-SECTION -->
</header>
<section class="container content-container">
<!-- PHYSICAL GEOGRAPHY -->
<article class="article-container">
<div class="row">
<aside class="col-xs-12 col-sm-6 col-lg-4">
<div class="col-xs-12 hidden-sm hidden-md hidden-lg text-center content-multi-img">
<h1><strong>Physical Geography</strong></h1>
<hr class="title-divider">
</div>
<figure class="content-single-img">
<a href="assets/images/disc_map.jpg" target="_blank" rel="noopener">
<img src="assets/images/disc_map.jpg" class="img-rounded img-responsive" alt="Disc Map" title="Disc Map">
</a>
</figure>
</aside>
<div class="col-xs-12 col-sm-6 col-lg-8">
<div class="content-side-text">
<h2 class="text-center hidden-xs"><strong>Physical Geography</strong></h2>
<p class="text-justify">The Disc, unlike any other planet in this universe, is flat rather
than round. It is approximately 10,000 miles across, about 12 miles thick at the Rim,
and much thicker toward The Hub with its mountain ranges. At the centre is the massive
mountain (Cori Celesti) standing 10 miles high with the home of the gods (Dunmanifestin)
at its peak. Areas toward the Hub are equivalent to Earth’s polar regions, whereas those
closer to the Rim are warmer and tropical, since the Disc's sun passes closer to them in
its orbit. At the Rim, a great encircling waterfall (the Rimfall) sends the Disc's
oceans cascading into space. Directions within the Discworld are not given as North,
South, East, and West, but rather as directions relating to the Disc itself: Hubward
(towards the centre), Rimward (away from the centre) and to a lesser extent, turnwise
and widdershins (respectively, with and against the direction of the Disc's spin).
</p>
<p class="text-justify">There are four main continents on the Disc, along with a number of
geographical, political regions, and islands, some of which have not been described in
detail in the novels. The majority of the Disc's landmass is composed of a single
supercontinent, comprising of a large main region and a smaller Counterweight Continent
connected by a narrow isthmus.
</p>
</div>
</div>
</div>
</article>
<!-- /PHYSICAL GEOGRAPHY -->
<!-- THE ELEPHANTS -->
<article class="article-container">
<div class="row">
<aside class="col-xs-12 col-sm-6 col-lg-4">
<div class="col-xs-12 hidden-sm hidden-md hidden-lg text-center content-multi-img">
<h1><strong>The Elephants</strong></h1>
<hr class="title-divider">
</div>
<figure class="content-single-img">
<a href="assets/images/dw_elephant.jpg" target="_blank" rel="noopener">
<img src="assets/images/dw_elephant_crop.jpg" class="img-rounded img-responsive" alt="The Elephants" title="The Elephants">
</a>
</figure>
</aside>
<div class="col-xs-12 col-sm-6 col-lg-8">
<div class="content-side-text">
<h2 class="text-center hidden-xs"><strong>The Elephants</strong></h2>
<p class="text-justify">The Disc rests on the shoulders of four enormous elephants named
Berilia, Tubul, Great T'Phon, and Jerakeen. The Disc slowly rotates around its central
axis to evenly distribute the load between the elephants, and takes 800 days to complete
a full rotation. The elephants are as old as the Disc, established during the events of
<cite title="The Light Fantasic">'The Light Fantastic'</cite>. Disc telepaths have attempted to read the minds of the
elephants, who apparently feel "incredibly bored", and have terrible back pains.
</p>
<p class="text-justify">The Disc’s small sun and moon (each 80 miles in diameter) have complex
orbits that can only be accommodated if, every so often, one of the elephants lifts a leg
to allow either one to pass underneath.
</p>
<p class="text-justify"></p>There was once a Fifth Elephant who fell to the Disc in ancient
times and caused the continents to split and mountains to rise. It also left behind deeply
buried fat deposits, which are now a mined and traded commodity by the Dwarves.
</p>
</div>
</div>
</div>
</article>
<!-- /THE ELEPHANTS -->
<!-- GREAT A'TUIN -->
<article class="article-container">
<div class="row">
<aside class="col-xs-12 col-sm-6 col-lg-4">
<div class="col-xs-12 hidden-sm hidden-md hidden-lg text-center content-multi-img">
<h1><strong>Great A'Tuin<br>The World Turtle</strong></h1>
<hr class="title-divider">
</div>
<figure class="content-single-img">
<a href="assets/images/great_atuin.jpg" target="_blank" rel="noopener">
<img src="assets/images/great_atuin.jpg" class="img-rounded img-responsive" alt="Great A'Tuin" title="Great A'Tuin">
</a>
</figure>
</aside>
<div class="col-xs-12 col-sm-6 col-lg-8">
<div class="content-side-text">
<h2 class="text-center hidden-xs"><strong>Great A'Tuin - The World Turtle</strong></h2>
<p class="text-justify">Great A'Tuin is the Giant World Turtle (species: Chelys galactica)
who travels through space, carrying the four giant elephants and disc on its back.
Great A'Tuin's gender is unknown, but is the subject of intense speculation by some of
the Disc's finest scientific minds. The sex of the World Turtle is pivotal in proving
or disproving a number of conflicting theories about the destination of Great A'Tuin's
journey through the cosmos. The "Big Bang" theory speculates that Great A’Tuin is
swimming through space to its mating grounds, where the Disc may be crushed in the
mating attempts (or simply slide off). The other theory, described as being popular
among academics, is the "Steady Gait" theory, that he/she came from nowhere and is going
to keep swimming through space to nowhere, forever.
</p>
<p class="text-justify">Great A'Tuin has been mentioned to frequently roll on its belly to
avoid asteroid and comet collisions, or even to snatch these projectiles out of the sky,
which might otherwise destroy the Disc. These stunts do not affect the Disc's population,
other than to induce severe seasickness on anyone who happens to be looking at the night
sky at that time.
</p>
</div>
</div>
</div>
</article>
<!-- /GREAT A'TUIN -->
</section>
</main>
<!-- Back-to-Top button and JQuery modified from https://www.templatemonster.com/blog/back-to-top-button-css-jquery/ -->
<a id="button"><i class="fas fa-arrow-up arrow"></i></a>
<footer class="container-fluid">
<p>
<a href="https://github.com/10xOXR">© 2018 Chris Quinn</a>
<br>All product names, trademarks, and registered trademarks are property of their respective owners.
</p>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
<script src="./assets/js/scripts.js"></script>
</body>
</html>