-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmanifesto.html
More file actions
186 lines (174 loc) · 8.33 KB
/
manifesto.html
File metadata and controls
186 lines (174 loc) · 8.33 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="keywords" content="Bootstrap, Landing page, Template, Registration, Landing">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="author" content="Grayrids">
<title>Manifesto - Cosmos X</title>
<link rel="shortcut icon" href="favicon.png" />
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/line-icons.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/nivo-lightbox.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/menu_sideslide.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/responsive.css">
<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-MML-AM_CHTML'></script>
</head>
<body>
<div class="menu-wrap">
<nav class="menu navbar">
<div class="icon-list navbar-collapse">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
<a class="nav-link" href="manifesto.html">Manifesto</a>
<a class="nav-link" href="phyto.html">Phyto</a>
<a class="nav-link" href="eda.html">Eda</a>
</li>
</ul>
</div>
</nav>
<button class="close-button" id="close-button"><i class="lnr lnr-cross"></i></button>
</div>
<header id="video-area" data-stellar-background-ratio="0.5">
<div class="fixed-top">
<div class="container">
<div class="logo-menu">
<a href="index.html" class="logo"><span class="logo-align"><img src="img/cosmosx-logo-white.svg"/></span> Cosmos X</a>
<button class="menu-button" id="open-button"><i class="lnr lnr-menu"></i></button>
</div>
</div>
</div>
<div class="overlay overlay-2"></div>
<div class="container">
<div class="row justify-content-md-center">
<div class="col-md-10">
<div class="contents text-center">
<img src="img/cosmosx-logo-white.svg" width="100px" />
<h1 class="wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="0.3s">Manifesto</h1>
</div>
</div>
</div>
</div>
</header>
<section id="manifesto" class="section">
<div class="container">
<div class="section-header">
<h2 class="section-title wow fadeIn" data-wow-duration="1000ms" data-wow-delay="0.3s"><span>Life</span> Support Systems</h2>
<hr class="lines wow zoomIn" data-wow-delay="0.3s">
</div>
<div class="wow fadeIn" data-wow-duration="1000ms" data-wow-delay="0.3s">
<p>
Thought experiment. Put a plant in a glass jar. Seal the jar. How long do we give the plant to live? Spoiler: A big short. Rinse the jar, repeat with an ant, a fungus, etc. How long do they live?
</p>
<img src="img/plant_in_jar.png" />
<p>
This thought experiment ends the same way for any living organism: Plants, insects, fungi, bacteria, even Homo Sapiens. The exact reason depends on the species, as plants strive on CO\(_{2}\), fungi and Humans need oxygen, some bacteria require extreme heat. A common pattern is that all organisms' life depends on some environment composition.
</p>
<p>
When we put the plant in the seal jar, we set the environment to glass and some air. No nutrient, no water, no air flow. The plant needs its environment to cater for nutrient, water and air. As we change this assumption, the plant quickly decays to its very end.
</p>
<hr class="lines wow zoomIn" data-wow-delay="0.3s">
<p>
Another thought experiment. Put a plant in a glass jar. Add fungi. Seal the jar. How long to they live then? Quite longer: Plants get CO\(_{2}\) and release oxygen. Fungi get the oxygen to give back CO\(_{2}\). We have a deal.
</p>
<img src="img/plant_fungi_in_jar.png" />
<p>
Plant and fungi often team up well to strive and survive. The team is stronger, although it must still face challenges as the glass jar environment still lacks nutrients and water.
</p>
<p>
Organisms team up for life in their environment. We Humans work together for a better good, while we "team up" with plants and fungi to cater for some of each other's needs.
</p>
<hr class="lines wow zoomIn" data-wow-delay="0.3s">
<p>
Earth is Humanity's resourceful jar. Yet the resources can cater for so many of us. We believe we can better use these resources, and search for more beyond the edge of our planet.
</p>
<img src="img/on_earth.png" />
<p>
Cosmos X aims at <em>supporting life in every environment</em>.
</p>
<p>
We develop technologies to:
<ul>
<li>Understand deeply how organisms and resources work together.</li>
<li>Better use resources on Earth and beyond.</li>
<li>Control environments for life to strive.</li>
</ul>
Our technologies apply to agriculture, habitat, Space\(-\)everywhere life needs be.
</p>
<hr class="lines wow zoomIn" data-wow-delay="0.3s">
<p>
Version Summer 2017
</p>
<p>
Images composed with cliparts from <a href="http://cliparts.co/" title="Image from cliparts.co">cliparts.co</a>
</p>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="social-icons wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="0.3s">
<ul>
<li class="twitter"><a href="https://twitter.com/cosmosxpolitan"><i class="fa fa-twitter"></i></a></li>
<li class="github"><a href="https://github.com/csmsx"><i class="fa fa-github"></i></a></li>
</ul>
</div>
<div class="site-info wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="0.3s">
<p>Theme based on Crystal by <a rel="nofollow" href="https://uideck.com">UIdeck</a></p>
</div>
</div>
</div>
</div>
</footer>
<a href="#" class="back-to-top">
<i class="lnr lnr-arrow-up"></i>
</a>
<div id="loader">
<div class="spinner">
<div class="double-bounce1"></div>
<div class="double-bounce2"></div>
</div>
</div>
<script src="js/jquery-min.js"></script>
<script src="js/tether.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/classie.js"></script>
<script src="js/mixitup.min.js"></script>
<script src="js/nivo-lightbox.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/jquery.nav.js"></script>
<script src="js/smooth-scroll.js"></script>
<script src="js/smooth-on-scroll.js"></script>
<script src="js/wow.js"></script>
<script src="js/menu.js"></script>
<script src="js/jquery.vide.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="js/form-validator.min.js"></script>
<script src="js/contact-form-script.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
var sc_project=11608238;
var sc_invisible=1;
var sc_security="a15d8735";
var scJsHost = (("https:" == document.location.protocol) ?
"https://secure." : "http://www.");
document.write("<sc"+"ript type='text/javascript' src='" +
scJsHost+
"statcounter.com/counter/counter.js'></"+"script>");
</script>
</body>
</html>