This repository has been archived by the owner on Feb 8, 2019. It is now read-only.
/
index.html
257 lines (238 loc) · 13.1 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
<!DOCTYPE html>
<html lang="en" class="wide wow-animation">
<head>
<!--Site Title-->
<title>Welcome to Apache iota</title>
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!--Stylesheets-->
<link rel="icon" href="img/favicon.png" type="image/x-icon">
<!--Bootstrap-->
<link rel="stylesheet" href="css/style.css">
<!--[if lt IE 10]>
<div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/.."><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
<script src="js/html5shiv.min.js"></script><[endif]-->
</head>
<body>
<!--The Main Wrapper-->
<div class="page">
<!--
========================================================
HEADER
========================================================
-->
<header class="page-header">
<!--RD Navbar-->
<div class="rd-navbar-wrap">
<nav class="rd-navbar top-panel-none-items" data-layout="rd-navbar-fixed" data-hover-on="false" data-stick-up="false" data-sm-laout="rd-navbar-fullwidth" data-md-layout="rd-navbar-static">
<div class="rd-navbar-top-panel">
<div class="rd-navbar-inner">
<button data-rd-navbar-toggle=".list-inline, .fa-envelope, .fa-phone, .fa-shopping-cart" class="rd-navbar-collapse-toggle"><span></span></button><a href="mailto:#" class="fa-envelope">email@.com</a><a href="callto:#" class="fa-phone">+1 (126) 598-89-75</a>
<ul class="list-inline pull-right">
<li><a href="#" class="fa-facebook"></a></li>
<li><a href="#" class="fa-pinterest-p"></a></li>
<li><a href="#" class="fa-twitter"></a></li>
<li><a href="#" class="fa-google-plus"></a></li>
<li><a href="#" class="fa-instagram"></a></li>
</ul>
</div>
</div>
<div class="rd-navbar-inner">
<!--RD Navbar Panel-->
<div class="rd-navbar-panel">
<!--RD Navbar Toggle-->
<button data-rd-navbar-toggle=".rd-navbar" class="rd-navbar-toggle"><span></span></button>
<!--END RD Navbar Toggle-->
<!--RD Navbar Brand-->
<div class="rd-navbar-brand"><a href="index.html"><img src="img/logo_text.png" width="250" alt=""/></a></div>
<!--END RD Navbar Brand-->
</div>
<!--END RD Navbar Panel-->
<div class="rd-navbar-nav-wrap">
<!--RD Navbar Search-->
<div class="rd-navbar-search">
<form action="search.php" method="GET" class="rd-navbar-search-form">
<label class="rd-navbar-search-form-input">
<input type="text" name="s" placeholder="Search.." autocomplete="off">
</label>
<button type="submit" class="rd-navbar-search-form-submit"></button>
</form><span class="rd-navbar-live-search-results"></span>
<button data-rd-navbar-toggle=".rd-navbar-search, .rd-navbar-live-search-results" class="rd-navbar-search-toggle"></button>
</div>
<!--END RD Navbar Search-->
<!--RD Navbar Nav-->
<ul class="rd-navbar-nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="#">Features</a>
<!--RD Navbar Dropdown-->
<ul class="rd-navbar-dropdown">
<li><a href="features.html">iota Features</a></li>
<li><a href="features.html#integrations">Open source integrations</a></li>
</ul>
<!--END RD Navbar Dropdown-->
</li>
<li><a href="#">Community</a>
<ul class="rd-navbar-dropdown">
<li><a href="contribute.html">How to Contribute</a></li>
<li><a href="https://issues.apache.org/jira/browse/iota/">Issue Tracker</a></li>
<li><a href="contribute.html#people">People</a></li>
</ul>
</li>
<li><a href="#">Source</a>
<ul class="rd-navbar-dropdown">
<li><a href="https://github.com/apache/incubator-iota">Apache iota on GitHub</a></li>
</ul>
</li>
<li><a href="#">Documentation</a>
<ul class="rd-navbar-dropdown">
<li><a href="https://cwiki.apache.org/confluence/display/IOTA/iota+Home">Documentation v.0.1</a></li>
</ul>
</li>
<li><a href="#">Apache</a>
<ul class="rd-navbar-dropdown">
<li><a href="http://www.apache.org">Apache Homepage</a></li>
<li><a href="http://www.apache.org/licenses">License</a></li>
<li><a href="http://www.apache.org/foundation/sponsorship">Sponsorship</a></li>
<li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
<li><a href="http://www.apache.org/security">Security</a></li>
</ul>
</li>
</ul>
<!--END RD Navbar Nav-->
</div>
</div>
</nav>
</div>
<!--END RD Navbar-->
<section>
<!--Swiper-->
<div class="rd-parallax">
<div data-speed="0.6" data-type="media" data-url="img/main_background.jpg" class="rd-parallax-layer"></div>
<div data-speed="0.78" data-type="html" data-fade="true" class="well-parallax jumbotron text-center rd-parallax-layer">
<h1><small></small>Apache iota</h1>
<p class="big">An open-source platform<br> for the Internet of Things.</p><div class='btn-group-variant'> <a class='btn btn-default round-xl btn-sm' href='https://github.com/apache/incubator-iota'>Download iota</a></div>
</div>
</div>
</section>
</header>
<!--
========================================================
CONTENT
========================================================
-->
<main class="page-content">
<!--Start section-->
<section class="text-center well well-sm">
<div class="container">
<div class="row">
<div class="col-lg-10 col-lg-offset-1">
<h1 class="text-bold">Architecture of iota</h1>
<p class="lead big">The iota core provides highly distributed and fault tolerant IoT point aggregation, security, managed data pipeline and orchestration capabilities:</p>
<img src="img/iota_architecture.png" alt="" width=90% class="offset-2">
</div>
</div>
</div>
</section>
<!--End section-->
<!--Start section-->
<section class="well well-sm bg-lighter relative text-center">
<div class="container">
<div class="row">
<div class="col-lg-6 col-lg-offset-3">
<h1 class="text-bold">Architecture Components</h1>
</div>
</div>
<div class="row offset-1 text-md-center flow-offset-1">
<div class="col-sm-6 col-md-3 col-md-offset-1"><span class="icon icon-lg icon-primary fa-heart"></span>
<h5>Core</h5>
<p>iota is built to ingest, analyze and orchestrate IoT data points in a highly distrubuted and performant fashion.</p>
</div>
<div class="col-sm-6 col-md-3 col-md-offset-1"><span class="icon icon-lg icon-primary fa-plus-square"></span>
<h5>API's</h5>
<p>iota's API's include access to the event processing and actions engine, as well as point value queries and interactions. </p>
</div>
<div class="col-sm-6 col-md-3 col-md-offset-1"><span class="icon icon-lg icon-primary fa-codepen"></span>
<h5>Microservices</h5>
<p>Developers can create their own microservices that run on iota. A selection is included by default: encrypt, translate modules and more.</p>
</div>
</div>
<div class="row offset-1 text-md-center flow-offset-1">
<div class="col-sm-6 col-md-3 col-md-offset-1"><span class="icon icon-lg icon-primary fa-tachometer"></span>
<h5>Management</h5>
<p>iota laptop and server editions (both standalone and cluster) include a web management front end that utilizes Django.</p>
</div>
<div class="col-sm-6 col-md-3 col-md-offset-1"><span class="icon icon-lg icon-primary fa-connectdevelop"></span>
<h5>3rd Party Integrations</h5>
<p>iota utilizes some of the world's finest open-source components, including: Spark, Redis, CockroachDB, Kafka and more.</p>
</div>
<div class="col-sm-6 col-md-3 col-md-offset-1"><span class="icon icon-lg icon-primary fa-server"></span>
<h5>Deploy</h5>
<p>Deploy iota directly in your device (ARM,) on your laptop (Mac or PC,) or via server(s) (Intel; standalone and cluster editions.) </p>
</div>
</div>
</div>
</section>
<!--End section-->
<!--Start section-->
<section class="bg-dark-var1 text-center">
<div class="container counter-panel">
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-3">
<div data-from="0" data-to="197" class="counter"></div>
<p class="text-opacity font-secondary text-uppercase">Cups of Coffee</p>
</div>
<div class="col-xs-6 col-sm-6 col-md-3">
<div data-from="0" data-to="7" class="counter"></div>
<p class="text-opacity font-secondary text-uppercase">Contributors</p>
</div>
<div class="col-xs-6 col-sm-6 col-md-3">
<div data-from="0" data-to="9" class="counter"></div>
<p class="text-opacity font-secondary text-uppercase">Microservices</p>
</div>
<div class="col-xs-6 col-sm-6 col-md-3">
<div data-from="0" data-to="3218" class="counter"></div>
<p class="text-opacity font-secondary text-uppercase">Lines of Code</p>
</div>
</div>
</div>
</section>
<!--End section-->
</main>
<!--
========================================================
FOOTER
========================================================
-->
<footer class="page-footer footer-centered text-center">
<section class="footer-content">
<div class="container">
<div class="navbar-brand"><img class="center-block" src="img/apache_incubator.png" alt=""/></div>
<p class="big">iota is an incubator project of the <a href="http://www.apache.org">Apache Software Foundation</a>.</p>
<ul class="list-inline">
<li><a href="#" class="fa-facebook"></a></li>
<li><a href="#" class="fa-twitter"></a></li>
</ul>
</div>
</section>
<section class="copyright">
<div class="container">
<p>© <span id="copyright-year"></span> <a href="http://www.apache.org">The Apache Software Foundation</a><br>
Apache iota is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the name of
Apache TLP sponsor. Incubation is required of all newly accepted projects until a further review indicates that the
infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful
ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code,
it does indicate that the project has yet to be fully endorsed by the ASF.</p>
</div>
</section>
</footer>
</div>
<!--Core Scripts-->
<script src="js/core.min.js"></script>
<!--jQuery (necessary for Bootstrap's JavaScript plugins)-->
<!--Include all compiled plugins (below), or include individual files as needed-->
<script src="js/bootstrap.min.js"></script>
<!--Additional Functionality Scripts-->
<script src="js/script.js"></script>
</body>
</html>