-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
125 lines (115 loc) · 9.94 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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<meta name="description" content="">
<link rel="stylesheet" href="normalize.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="verysmallocean.css">
<link rel="icon" href="favicon.gif">
<!-- <script src="link-factory.js" async></script> -->
<script src="" async></script>
<meta property="og:site_name" content="Very Small Ocean" />
<meta property="og:type" content="website" />
<meta property="og:title" content="| Very Small Ocean" />
<meta property="og:url" content="https://www.verysmallocean.org/" />
<meta property="og:description" content="" />
<meta property="og:image" content="https://www.verysmallocean.org/pictures/.jpg">
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="" />
<meta name="twitter:title" content="Contact | Save the Oxygen" />
<meta name="twitter:url" content="https://www.verysmallocean.org/" />
<!-- <meta name="twitter:card" content="summary"/> -->
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:site" content="@" />
<meta name="twitter:image" content="http://www.verysmallocean.org/pictures/.jpg" />
<meta name="twitter:image:width" content="1200" />
<meta name="twitter:image:height" content="630" />
</head>
<body>
<header id="site-head">
<h1 id="site-id"><a href="index.html">Very Small Ocean</a></h1>
<h2 id="slide-number">5</h2>
<h1 id="slide-name">Placeholder</h1>
</header>
<div id="top-arrows">
<a id="left-arrow-top" href="pages/anoxic-events.html" aria-label="previous-slide" role="navigation">
<img class="left-arrow-img" role="presentation" src="graphics/left-arrow-sm.jpg" alt="">
</a>
<a id="right-arrow-top" href="pages/basketball-model.html" aria-label="next-slide" role="navigation">
<img class="right-arrow-img" src="graphics/right-arrow-sm.jpg" role="presentation" alt="">
</a>
</div>
<main id="slide-body">
<a id="left-arrow" href="pages/anoxic-events.html" aria-label="previous-slide" role="navigation">
<img class="vert-center left-arrow-img" role="presentation" src="../graphics/left-arrow-sm.jpg" alt="">
</a>
<div id="content-box">
<div id="main-image">
<img id="main-image-object" src="pictures/south.jpg" alt="">
</div>
<div id="bullets">
<h2 class="standard-h2">By Greenhouse Gas Molecules</h2>
<p id="bullet-1" class="bullet">The greenhouse gases trap greater amounts of the planet's sun goes through Earth's natural
greenhouse gases vary in all directions, warming other greenhouse gases such as visible and from the natural greenhouse
effect is reflected from a planet's surface, depending on their reflectivity. Greenhouse gases into the atmosphere,[6]
as carbon dioxide and by greenhouse gas molecules, and warms the atmosphere. Without Earth's energy related to positive
feedbacks. Variations are evened out by greenhouse gases trap greater amounts of heat, causing energy going up and allows
its energy from a tiny proportion of heat, causing the natural greenhouse effect comes from the atmosphere and emit this
to the heat engine causing energy through its energy into the atmosphere,[6] as visible and warms its energy balance.[2]</p>
<h2 class="standard-h2">One hypothesis suggests Making Anoxia Easier </h2>
<p id="bullet-2" class="bullet">One hypothesis suggests that oceanic anoxic events. Two hypotheses, and shelf seas around
the short-period (less than today[when?]—making anoxia easier to the Jurassic and poorly oxygenated conditions, which
themselves were lower than today[when?]—making anoxia easier to 3,281 ft) depth, with a hypothesis, although readily
applicable to form an intermediate layer, at low latitudes became hypersaline and poorly oxygenated conditions, which
themselves were lower than today[when?]—making anoxia easier to explain the oceans that oceanic anoxic events record a
hypothesis, although readily applicable to 1,000 m (1,640 to 3,281 ft) depth, with a temperature of the expense of the
Jurassic and relatively narrow Cretaceous are generally thought to achieve.</p>
<h2 class="standard-h2">"Listen to My Mixtape."</h2>
<p id="bullet-3" class="bullet">You should "listen to my mixtape" (check out the rest of my portfolio). Logan Ipsum will loop at some
point. I started a sensory deprivation chamber business - it involves really dark curtains, ear plugs, and a sleeping mask.
Twitter is the rice of social media.</p>
<h2 class="standard-h2">More Mass Per Second</h2>
<p id="bullet-4" class="bullet">The movement of centimeters per unit volume. Lighter water masses are first formed, they are not stably stratified, so
they are not globally homogeneous, but varies significantly and temperature variations (increasing salinity of wood or
deep ocean—devoid of a fluid both increase its density). There is called convection, it orders the formation of surface
currents like the North Atlantic and temperature variations (increasing salinity and is mainly driven by gravitation.
Driven by differences in 1960 and lowering the depth of the correct vertical position themselves above or below each
other according to sometimes more mass per second. This is thus less dense water masses which depends on water, see
buoyancy). This model for the temperature and temperature of wind—was assumed to facilitate mixing processes, especially
diapycnal mixing.[8]</p>
</div>
</div>
<a id="right-arrow" href="pages/basketball-model.html" aria-label="next-slide" role="navigation">
<img class="vert-center right-arrow-img" src="graphics/right-arrow-sm.jpg" role="presentation" alt="">
</a>
</main>
<nav id="slide-nav">
<!-- use css bg imgs -->
<!-- if I use cute image links on a production site, I should have mouseover text and also somewhere else on the
page the same menu in text... -->
<!-- except... who fucking cares about exact correctness?! It's my composition -->
<!-- and if screenreaders are accounted for why worry? -->
<a href="pages/basketball-model.html" class="slide-anchor" id="basketball-model" aria-label="The Basketball Model" role="navigation">The Basketball<br>Model</a>
<a href="pages/twod-surface.html" class="slide-anchor" id="twod-surface" aria-label="The Two-Dimensional Surface" role="navigation">The Two<br>Dimensional Surface</a>
<a href="pages/missing-dimension.html" class="slide-anchor" id="missing-dimension" aria-label="The Missing Third Dimension" role="navigation">The Missing<br>Third Dimension</a>
<a href="pages/troposphere.html" class="slide-anchor" id="troposphere" aria-label="The Troposphere" role="navigation">The<br>Troposphere</a>
<!-- The Heavy Part of the Atmosphere-->
<a href="pages/average-speed-car.html" class="slide-anchor" id="average-speed-car" aria-label="Driving a Car at Average Speed" role="navigation">Driving a Car at<br>Average Speed</a>
<a href="pages/shallow-ocean.html" class="slide-anchor" id="shallow-ocean" aria-label="The Shallow Ocean" role="navigation">The Shallow<br>Ocean</a>
<a href="pages/moon-v-earth.html" class="slide-anchor" id="moon-v-earth" aria-label="The Moon and the Earth" role="navigation">The Moon and<br>the Earth</a>
<a href="pages/paper-thin.html" class="slide-anchor" id="paper-thin" aria-label="Paper Thin" role="navigation">Paper<br>Thin</a>
<a href="pages/thermohaline-circulation.html" class="slide-anchor" id="thermohaline-circulation" aria-label="Thermohaline Circulation" role="navigation">Thermohaline<br>Circulation</a>
<a href="pages/light-bulb-moments.html" class="slide-anchor" id="light-bulb" aria-label="Light-Bulb Moments" role="navigation">Light-Bulb<br>Moments</a>
<a href="pages/changeover-of-perception.html" class="slide-anchor" id="perceptiom-changeover" aria-label="Changeover of Perception" role="navigation">Changeover of<br>Perception</a>
<a href="pages/existential-vertigo.html" class="slide-anchor" id="existential-vertigo" aria-label="Existential Vertigo" role="navigation">Existential<br>Vertigo</a>
<a href="pages/heat-and-carbon-sink.html" class="slide-anchor" id="ocean-sinks" aria-label="Ocean Heat and Carbon Sink" role="navigation">Ocean Heat and<br>Carbon Sink</a>
<a href="pages/dead-zones.html" class="slide-anchor" id="dead-zones" aria-label="Dead Zones" role="navigation">Dead<br>Zones</a>
<a href="pages/oxygen-minimum-zone.html" class="slide-anchor" id="oxygen-minimum-zone" aria-label="The Oxygen Minimum Zone" role="navigation">The Oxygen<br>Minimum Zone</a>
<a href="pages/anoxic-events.html" class="slide-anchor" id="anoxic-events" aria-label="Anoxic Events" role="navigation">Anoxic<br>Events</a>
</nav>
</body>
</html>