-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
288 lines (257 loc) · 15.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Lophilo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
<link href="assets/css/docs.css" rel="stylesheet">
<link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet">
<link href="favicon.png" rel="icon">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Le fav and touch icons -->
<link href="favicon.png" rel="icon">
<link href="favicon.png" rel="shortcut icon" >
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-30866631-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body data-spy="scroll" data-target=".subnav" data-offset="50">
<!-- Masthead
================================================== -->
<div class="container">
<header class="jumbotron masthead">
<h1><img src='assets/img/lophilo_600.png' alt='Lophilo'></h1>
<p>Built by Makers for Makers</p>
<div id="myCarousel" class="carousel">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item">
<img src="assets/img/boards/zoomed-in-side.jpg" id="LDB-UO1-SIDEVIEW" class="carousel-item">
<div class="carousel-caption">
<h4>Lophilo</h4>
<p>The platform is focused on real-time I/O processing applications such as Multimedia processing, Robotics (sensors and actuators), Machine Vision, Signal processing (Software Radio) and Internet-connected devices</p>
</div>
</div>
<div class="item">
<img src="assets/img/boards/design/XEM-S91.jpg" id="XEM-S91" class="carousel-item">
<div class="carousel-caption">
<h4>ARM and FPGA</h4>
<p>Run Linux on a powerful combo of industrial strength ARM CPU with tight integration to an I/O coprocessor. Use the compact and upgradable XEM card in your own designs.</p>
</div>
</div>
<div class="item">
<img src="assets/img/boards/system-diagram.jpg" id="SYSTEM-DIAGRAM" class="carousel-item">
<div class="carousel-caption">
<h4>Sophisticated System</h4>
<p>Covers both your real-time I/O processing needs and your client/server web application needs in one package that combines an Altera Cyclone IV FPGA (Field Programmable Gate Array) and an Atmel AT91SAM9M10 MPU (main processing unit).</p>
</div>
</div>
<div class="item">
<img src="assets/img/boards/design/LDB-U01.jpg" id="LDB-U01" class="carousel-item">
<div class="carousel-caption">
<h4>Foundation board</h4>
<p>Plug in Lophilo or custom shields, connect to your breadboards with jumper wires, to your PC through USB or audio equipment.</p>
</div>
</div>
<div class="item">
<img src="assets/img/boards/design/LDB-U01_Back.jpg" id="LDB-U01-back" class="carousel-item">
<div class="carousel-caption">
<h4>Foundation board (backside)</h4>
<p>The foundation board offers protection against up to 2000V discharges (human model). An additional connector for expansion is also available on the backside.</p>
</div>
</div>
<div class="item">
<img src="assets/img/boards/with-shields.jpg" id="LDB-U01-SHIELDS" class="carousel-item">
<div class="carousel-caption">
<h4>Up to two application shields</h4>
<p>Add or make your own applications shields that conveniently fit on top of the board. Communication bus with self-identifying ROM (i2c), user-selectable I/O voltage all connected to the FPGA.</p>
</div>
</div>
<div class="item">
<img src="assets/img/boards/design/LSH-100.jpg" id="LSH-100" class="carousel-item">
<div class="carousel-caption">
<h4>Prototyping board</h4>
<p>Create your own experimental shield with both through-hole or surface mount components.</p>
</div>
</div>
<div class="item">
<img src="assets/img/boards/design/LSH-120.jpg" id="LSH-120" class="carousel-item">
<div class="carousel-caption">
<h4>Spidershield</h4>
<p>Connect sensors using Grove-compatible connectors and cables to sensors (analog and digital) and actuators.</p>
</div>
</div>
<div class="item">
<img src="assets/img/boards/design/JTA-G01.jpg" id="JTA-G01" class="carousel-item">
<div class="carousel-caption">
<h4>Industry standard low-level interface</h4>
<p>Optional JTAG connectors for Lophilo developers are available</p>
</div>
</div>
<div class="item">
<img src="assets/img/boards/foundation-with-cover.jpg" id="LDB-U01-COVER" class="carousel-item">
<div class="carousel-caption">
<h4>Protect your Lophilo</h4>
<p>Acrylic covers top and bottom included!</p>
</div>
</div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
</div>
<div class="inner">
<p class="download-info">
<a href="https://github.com/organizations/Lophilo/" id="Contribute" title="Contribute" data-content="Join us by building your own shield or helping with the software stack." class="btn btn-large">Contribute</a>
<a href="mailto:sales@lophilo.com?subject=I+would+like+to+pre-order+Lophilo+hardware" id="Pre-order" title="Pre-order" data-content="Register your interest by email and pre-order Lophilo kits & shields" class="btn btn-primary btn-large">Pre-order</a>
<a href="mailto:invest@lophilo.com?subject=Interested+in+investing+in+Lophilo" id="Invest" title="Invest" class="btn btn-large" data-content="We're selling company shares to raise funds for mass production. Send us an email if you're interested!">Invest</a>
</p>
</div>
<div class="bs-links">
<ul class="quick-links">
<li><a href="https://github.com/Lophilo/lophilo/">View project on GitHub</a>
<li><a href="https://docs.google.com/a/lophilo.com/open?id=0B4v11LP_zFkKWmVOeDdQcnZSU3lEMXRoY0tERUFmUQ">Datasheets <small>(Tabby Prototype)</small></a>
<li><a href="https://github.com/Lophilo/lophilo/issues?state=open">Submit wishlist</a></li>
<li><a href="https://github.com/Lophilo/lophilo/wiki">Roadmap and changelog</a></li>
</ul>
<ul class="quick-links">
<li><a href="http://blog.lophilo.com" target="_new"><img src="assets/img/glyphicons/glyphicons_365_blogger.png"/></a></li>
<li><a href="http://www.youtube.com/lophilo" target="_new"><img src="assets/img/glyphicons/glyphicons_382_youtube.png"/></a></li>
<li><a href="https://plus.google.com/109541580870591013836" target="_new"><img src="assets/img/glyphicons/glyphicons_362_google+_alt.png"/></a></li>
<li>
<a href="http://facebook.com/lophilo" target="_new"><img src="assets/img/glyphicons/glyphicons_390_facebook.png"/></a>
</li>
<li>
<a href="http://www.linkedin.com/groups/Lophilo-4408100" target="_new"><img src="assets/img/glyphicons/glyphicons_377_linked_in.png"/></a>
</li>
</ul>
</div>
</header>
<hr class="soften">
<div class="marketing">
<h1>A new platform for Internet connected devices</h1>
<p class="marketing-byline">What makes Lophilo special? Find out below!</p>
<div class="row">
<div class="span4">
<img class="bs-icon" src="assets/img/glyphicons/glyphicons_042_group.png">
<h2>Built for and by makers</h2>
<p>From personal projects to commercial applications: we want to help makers turn their idea into product. We offer a featureful and flexible system enabling you to build a business by creating your own software/hardware product bridging the digital and real-world.</p>
</div>
<div class="span4">
<img class="bs-icon" src="assets/img/glyphicons/glyphicons_079_podium.png">
<h2>For all skill levels</h2>
<p>Lophilo is designed to help people of all skill levels—designer or developer, electronics engineer or early beginner. Use it as a complete kit or for a mass production product.</p>
</div>
<div class="span4">
<img class="bs-icon" src="assets/img/glyphicons/glyphicons_163_iphone.png">
<h2>Connect to everything</h2>
<p>Connect to your phone, actuators, sensors, network, USB devices, computer - even wirelessly. General purpose 60Mhz input sampling rate suitable for even the most demanding application!</p>
</div>
</div><!--/row-->
<div class="row">
<div class="span4">
<img class="bs-icon" src="assets/img/glyphicons/glyphicons_155_show_thumbnails.png">
<h2>I/O Processing Grid</h2>
<p>Hardware platform using programmable digital logic as the glue between the CPU and the inputs and outputs ports enabling hardware-accelerated innovations such as audio/video codecs implemented in hardware.</p>
</div>
<div class="span4">
<img class="bs-icon" src="assets/img/glyphicons/glyphicons_214_resize_small.png">
<h2>One Language to Rule Them All</h2>
<p>Javascript - client and server-side, user interface and robots high-level logic. The world most widely deployed programming language now available in your embedded system. Built-in modern software development with all the tools: unit testing, source management, online debugging.</p>
</div>
<div class="span4">
<img class="bs-icon" src="assets/img/glyphicons/glyphicons_266_book_open.png">
<h2>Embedded experience</h2>
<p>Benefit from the long-time experience of a world-class embedded system designer with rare expertise with ARM CPUs and FPGA reprogrammable logic. Beautiful and reliable design.</p>
</div>
</div><!--/row-->
<div class="row">
<div class="span4">
<img class="bs-icon" src="assets/img/glyphicons/glyphicons_349_fullscreen.png">
<h2>Shields</h2>
<p>Up to 2 shields for your own specialized need with plug-and-play capabilities through an innovative shield self-identifying system. Just buy the right shield for what you need in terms of functionality.</p>
</div>
<div class="span4">
<img class="bs-icon" src="assets/img/glyphicons/glyphicons_009_magic.png">
<h2>Custom foundation boards</h2>
<p>Innovative XEM card smaller than a business card lets you embed directly into your own custom solution.</p>
</div>
<div class="span4">
<img class="bs-icon" src="assets/img/glyphicons/glyphicons_084_heat.png">
<h2>Plenty of I/O</h2>
<p>Pre-configured matrix of inputs and outputs processing capabilities. 52 Usable Digital I/O pins, plus reserved i2c autoconfiguration pins. I/O can be independently configured to any voltage between 1.6V and 5.5V by setting the reference level.</p>
</div>
</div><!--/row-->
<div class="row">
<div class="span3">
<img class="small-bs-icon" src="assets/img/icon-html5.png">
<h3>HTML5</h3>
<p>Built to support HTML5 user interface</p>
</div>
<div class="span3">
<img class="small-bs-icon" src="assets/img/grove.jpg">
<h3>Grove-compatible</h3>
<p>Our Grove-compatible shield support <a href="http://www.seeedstudio.com/depot/index.php?main_page=advanced_search_result&search_in_description=1&keyword=grovefamily">Grove electronics</a> from Seeedstudios.</p>
</div>
<div class="span3">
<img class="small-bs-icon" src="assets/img/icon-github.png">
<h3>Open-source</h3>
<p>Built for and maintained by the community via <a href="https://github.com">GitHub</a>.</p>
</div>
<div class="span3">
<img class="small-bs-icon" src="assets/img/meteroi.png">
<h3>Made at Meteroi</h3>
<p>Brought to you by an experienced <a href="http://www.linkedin.com/in/shyul">hardware design engineer</a> and <a href="http://www.linkedin.com/in/rngadam">software engineer</a> at <a href="http://meteroi.com">Meteroi</a>.</p>
</div>
</div><!--/row-->
<hr class="soften">
</div><!-- /.marketing -->
<!-- Footer
================================================== -->
<footer class="footer">
<p class="pull-right"><a href="#">Back to top</a></p>
<p>Grove is a trademark of Seeedstudios</p>
<p>CSS and Javascript from Bootstrap (Twitter). Boostrap code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
<p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
<p><a href="https://plus.google.com/109541580870591013836" rel="publisher">Find us on Google+</a></p>
</footer>
</div><!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!--<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="assets/js/google-code-prettify/prettify.js"></script>
<script src="assets/js/bootstrap-transition.js"></script>
<script src="assets/js/bootstrap-alert.js"></script>
<script src="assets/js/bootstrap-modal.js"></script>
<script src="assets/js/bootstrap-dropdown.js"></script>
<script src="assets/js/bootstrap-scrollspy.js"></script>
<script src="assets/js/bootstrap-tab.js"></script>
<script src="assets/js/bootstrap-tooltip.js"></script>
<script src="assets/js/bootstrap-popover.js"></script>
<script src="assets/js/bootstrap-button.js"></script>
<script src="assets/js/bootstrap-collapse.js"></script>
<script src="assets/js/bootstrap-carousel.js"></script>
<script src="assets/js/bootstrap-typeahead.js"></script>
<script src="assets/js/application.js"></script>
</body>
</html>