-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
368 lines (347 loc) · 22.2 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
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
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
<!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">
<title>Multimodal - Mars </title>
<link rel="icon" type="image/ico" href="images/Logo.png" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link
href="https://fonts.googleapis.com/css?family=Concert+One|Neuton|Space+Mono|Playfair+Display|Work+Sans&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="fontawesome-free-5.11.2-web/css/all.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<div class="container-fluid">
<!-- Ad at the top -->
<div class="row">
<div class="imageHolder text-center">
<img id="headerAd" class="img-fluid" src="">
</div>
</div>
<nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-dark sticky-top">
<a class="navbar-brand" href="index.html">
<img src="images/Logo.png" width="30" height="30" class="d-inline-block align-top" alt="">
Multimodal
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home </a>
</li>
</ul>
<span class="navbar-text">
<div id="one">
<h5 class="time"></h5>
</div>
<div id="three">
<h5 class="hour"></h5>
</div>
</span>
</div>
</nav>
<!-- Darkmode Button -->
<div class=" text-right fixed-bottom">
<button id="dark-on-off" type="button" class="btn btn-dark">Dark Mode</button>
</div>
<!-- Main Content -->
<div class="container">
<div class="main-content">
<div class="row">
<div id="technology" class="col-lg-9 col-12">
<div class="col-12">
<hr>
<h2 class="article-title">
Should We Focus On Colonizing Mars?
</h2>
<div class="author-info">
<div class="img-author">
<img src="" alt="">
</div>
<div class="author-text">
<p class="author"></p>
<p class="last-modified"></p>
</div>
</div>
<hr>
<!-- IMAGE ONE -->
<div class="text-center" id="why">
<img class="article-img" src="images/project-images/nasa-takeoff-unsplash.jpg" alt="">
</div>
<div>
<!-- Introduction -->
<h3 class="article-sub">
Why Mars?
</h3>
<p class="article-text">
Since ancient times, humans have looked up to the stars and wondered what they were.
It is only right to start on a new mission that will pave the way to colonization of
other worlds and space exploration. Humanity eventually needs to reach other planets
inside and outside the solar system. Our neighbor, Mars, can be that first planet
for humanity. The world should focus on colonizing Mars because it
will establish a new era for humanity, it will fix current and future problems, and
it will unite the world.
</p>
<!-- Establishing A New Era For Humanity -->
<h3 class="article-sub" id="establishing">
Establishing A New Era For Humanity
</h3>
<p class="article-text">
Whenever there is a breakthrough in technology it accelerates many industries to
increase what they are capable of. These industries can be anything from
manufacturing, construction, research, or just anything that makes human’s daily
life simpler. That will expand our knowledge of the world and the ways we go about
solving problems. Mars requires new technology, it requires the world to survive in
a new atmosphere and most importantly it paves the way for the future, starting now.
Just like the article <cite>“Our Missions on Mars”</cite> written by Tad Daley says,
<q>A Mars program will also generate innumerable technological spin-offs, just as
Apollo did</q>
and kick off a new era where future generations will design new technology (2).
</p>
<p class="article-text">
Mars is a whole new planet that is much different than Earth's small Moon. Mars is
further, rockier and a much more difficult task to reach. Therefore,
it will create new technological advances that will not only help us colonize Mars
but also improve our daily lifestyles. Research and this expansion of knowledge have
already started. Research conducted has come across how algae can help fertilize the
ground on Mars and how a certain metal can conduct huge amounts of heat to melt
really hard ice. This new era that Mars will create is not just scientific but as
well about what we write about. It will for sure be written and remembered
throughout history as a huge accomplishment.
</p>
<!-- IMAGE TWO -->
<div class="text-center">
<img class="article-img" src="images/project-images/astro-space-walk.jpg" alt="">
</div>
<!-- Fixing Current And Future Problems -->
<h3 class="article-sub" id="fixing">
Fixing Current And Future Problems
</h3>
<p class="article-text">
The technology created in this era will not only improve our lifestyles but can save
many problems humanity would have faced without it or is facing right now.
Colonizing Mars opens new land for humans to live in and a place to escape from the
increasing dangers of global warming. Another issue is, overpopulation , an
undesirable condition where
the number of the existing human population exceeds the carrying capacity of Earth.
Many countries are having issues with housing, overcrowded jails, and homelessness.
It will also be an issue later into the future as the population keeps on growing
and further increasing the number of resources needed to sustain everyone. That way
Mars plays a big role in this scenario is that once again it provides a new place
for humans to live. It can be a place where we send certain people in the population
and limiting the resources consumed here on Earth.
</p>
<p class="article-text">
Studies have shown there are ways
to fertilize and grow plants inside an artificial environment on Mars. According to
“Habilibility of Mars: How welcoming Are The Surface and Subsurface to Life on the
Red Planet” says, “The numerous discoveries of microbial life in extreme
environments on Earth….this expansion of our knowledge has led to a broader
perception of survival capabilities ...of life” that will help kickstart the
colonization of Mars and help solve the growing issues of overpopulation on Earth
(Sielaff and Smith, pg.1). This new planet will be one of the solutions that we can
take to save humanity if anything happens to Earth.
</p>
<!-- IMAGE THREE -->
<div class="text-center">
<img class="article-img" src="images/project-images/overpopulation.jpg" alt="">
</div>
<!-- Uniting Humanity -->
<h3 class="article-sub" id="uniting">
Uniting Humanity
</h3>
<p class="article-text">
Mars will not only help humanity by solving issues through technology and easier
lifestyles. It will bring everyone together morally to a single passion. In order to
get humans into a new planet and to create a place where humanity can start a new,
we must be on a set goal. Mars is a big milestone that focusing on it will bring
people together from all over the world. Colonizing Mars takes everyone’s support
and dedication to make it happen quickly and swiftly. Just like Apollo and the
International Space Station, Mars is a major news heading and topic to discuss.
Humanity has come a long way, each civilization added a token of accomplishment
towards building what we have now. Once humanity colonizes a planet it will unite
the world into colonization of other planets and bring humanity’s morale higher.
</p>
<!-- IMAGE FOUR -->
<div class="text-center">
<img class="article-img" src="images/project-images/together.jpg" alt="">
</div>
<h3 class="article-sub" id="conclusion">
Ultimately
</h3>
<p class="article-text">
In conclusion, Mars is a very important milestone and goal humanity should be
focusing on right now. According to “Terraforming Mars Is Not Out Of The Question”
it says, “the possibility to terraform Mars partially still exists” therefore its
hards task but humanity as a whole can do it (Vasileva, Iv., et al., pg.11). The
sooner advances happen towards Mars and its colonization then the sooner we have a
solution to save the world from the future problems being caused by current
problems. For example, such as global warming and overpopulation can be addressed
and solved by going to this new planet. Mars will also boost the technological and
research conducted that will eventually not only help the colonization of the planet
but increase daily functions in our daily life. Most importantly, it will bring the
world together into one common goal, which is to reach the next huge milestone for
humanity. Each of these is an important reason why the world needs to dream big and
dream of reaching this planet.
</p>
</div>
</div>
</div>
<!-- START OF SIDE ARTICLES -->
<div class="col-3 d-none d-lg-block">
<div class="row">
<!-- 1 -->
<div class="col-12 pt-md-5">
<img class="gif" src="https://media.giphy.com/media/oZmk8DX9H0foA/giphy.gif"
alt="">
</div>
<!-- 2 -->
<div class="col-12 pt-md-5">
<img class="gif" src="https://media.giphy.com/media/10u8AwuyaCV7cA/source.gif"
alt="">
</div>
<!-- 3 -->
<div class="col-12 pt-md-5">
<img class="gif" src="https://media.giphy.com/media/26tOY3KjQUL9YhRT2/source.gif"
alt="">
</div>
<!-- 4 -->
<div class="col-12 pt-md-5 sticky">
<iframe class="gif video-gif" src="https://www.youtube.com/embed/UkQHCSZQvv0?"
frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
</div>
<!-- 5 -->
<div class="col-12 pt-5">
<img class="gif" src="https://media.giphy.com/media/3o6ZsVnvxbgPeGkXxm/giphy.gif" alt="">
</div>
<!-- 6 -->
<div class="col-12 pt-md-5">
<img class="gif" src="https://media.giphy.com/media/XLcyZuIODiMzC/source.gif" alt="">
</div>
<!-- 7 -->
<div class="col-12 pt-md-5">
<img class="gif" src="https://media.giphy.com/media/KY3vv0cbjdyOKjTpq5/source.gif" alt="">
</div>
<!-- 8 -->
<div class="col-12 pt-md-5">
<img class="gif" src="https://media.giphy.com/media/12QASni5AUN1SM/source.gif" alt="">
</div>
<!-- 9 -->
<div class="col-12 pt-md-5">
<img class="gif" src="https://media.giphy.com/media/7quPmz6oDLeIE/source.gif" alt="">
</div>
</div>
</div>
<!-- END OF SIDE ARTICLE / GIFS -->
</div>
<hr>
<div class="row">
<div class="col-12">
<h3 class="s text-center">Sources</h3>
</div>
<div class="card-deck">
<div class="card" style="width:100%;">
<img class="card-img-top" src="images/project-images/sources/habitability-of-mars.PNG"
alt="Card image cap">
<div class="card-body">
<h5 class="card-title">
<a target="_blank"
href="https://web-a-ebscohost-com.dcccd.idm.oclc.org/ehost/detail/detail?vid=0&sid=06c4ec21-2a73-467a-bb69-3af2dacb5672%40sessionmgr4007&bdata=JnNpdGU9ZWhvc3QtbGl2ZQ%3d%3d#AN=10471049&db=a9h">
Habitability of Mars: How Welcoming Are the Surface and Subsurface to Life on
the
Red Planet?
</a>
</h5>
</div>
</div>
<div class="card" style="width:100%;">
<img class="card-img-top" src="images/project-images/sources/our-mission-mars.PNG"
alt="Card image cap">
<div class="card-body">
<h5 id="weather" class="card-title">
<a target="_blank"
href="https://web-b-ebscohost-com.dcccd.idm.oclc.org/ehost/detail/detail?vid=4&sid=119d0a13-f974-42ec-80f0-bc4ac9a7ae09%40sessionmgr103&bdata=JnNpdGU9ZWhvc3QtbGl2ZQ%3d%3d#AN=10471049&db=a9h">
Our Mission on Mars
</a>
</h5>
</div>
</div>
<div class="card" style="width:100%;">
<img class="card-img-top" src="images/project-images/sources/terraforming-mars.PNG"
alt="Card image cap">
<div class="card-body">
<h5 class="card-title">
<a target="_blank"
href="https://web-b-ebscohost-com.dcccd.idm.oclc.org/ehost/detail/detail?vid=6&sid=119d0a13-f974-42ec-80f0-bc4ac9a7ae09%40sessionmgr103&bdata=JnNpdGU9ZWhvc3QtbGl2ZQ%3d%3d#AN=136667960&db=a9h">
Terraforming Mars Is Not out of the Question
yet - and Microscopic Algae Could Help
</a>
</h5>
</div>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="row">
<div class="col-12">
<i class="fab fa-instagram fa-3x social"></i>
<i class="fab fa-twitter fa-3x social"></i>
<i class="fab fa-facebook-f fa-3x social"></i>
</div>
<div class="last">
<hr>
<div class="row">
<div class="col-6">
<h6>2020 Multimodal Remix Project</h6>
</div>
<div class="col-6">
<button type="button" class="btn btn-info source">Sources</button>
</div>
</div>
</div>
</div>
<div id="display-sources" class="d-none">
<button id="close-source" type="button" class="close" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h6>Close</h6>
<div class="align-center">
<div class="row">
<div class="col-12 col-md-6">
<a href="https://giphy.com" target="_blank"><img src="images/sources/giphy.gif" alt=""></a>
</div>
<div class="col-12 col-md-6">
<a href="https://unsplash.com" target="_blank"><img src="images/sources/unsplash.jpg"
alt=""></a>
</div>
</div>
</div>
</div>
</footer>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
</script>
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>