-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
264 lines (240 loc) · 15.8 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="shortcut icon" href="imgs/favicon.ico" type="image/x-icon">
<link rel="icon" href="imgs/favicon.ico" type="image/x-icon">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Pallette: Open Source Tongue-Computer Interface</title>
<meta name="description" content="A wireless universal remote control for the tongue, Pallette aims to provide greater independence for the mobility impaired. Pallatte fits in your mouth like a mouth guard and allows your tongue to operate as a Bluetooth mouse. Telekinesis with your tongue :p">
<!-- Facebook metadata -->
<meta property="og:title" content="Pallette, the First Open Source Tongue-Computer Interface"/>
<meta property="og:type" content="website"/>
<meta property="og:image" content="http://pallette.io/imgs/MakingTilePics/FutureTile.png"/>
<meta property="og:url" content="http://pallette.io"/>
<meta property="og:description" content="A wireless universal remote control for the tongue, Pallette aims to provide greater independence for the mobility impaired. Pallatte fits in your mouth like a mouth guard and allows your tongue to operate as a Bluetooth mouse. Telekinesis with your tongue :p"/>
<!-- Twitter metadata -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@PalletteIO">
<meta name="twitter:title" content="Pallette, the First Open Source Tongue-Computer Interface">
<meta name="twitter:description" content="A wireless universal remote control for the tongue, Pallette aims to provide greater independence for the mobility impaired. Pallatte fits in your mouth like a mouth guard and allows your tongue to operate as a Bluetooth mouse. Telekinesis with your tongue :p">
<meta name="twitter:image" content="http://pallette.io/imgs/MakingTilePics/FutureTile.png">
<!-- CSS _____________________________________________-->
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans:400,300,200,700" />
<link rel="stylesheet" type="text/css" href="css/icomoon.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/magnificpopup.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/columns.min.css" media="screen" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<!-- Fixing Internet Explorer ______________________________________-->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<link rel="stylesheet" href="css/ie.css" />
<![endif]-->
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-86038965-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body class="post has-featured-image">
<!-- Loader _______________________________-->
<div class="loadreveal"></div>
<div id="loadscreen"><div id="loader"><span></span></div></div>
<!-- HEADER _____________________________________________-->
<header role="banner" id="header">
<div class="wrapper">
<!-- Logo __-->
<a href="index.html" rel="home">
<img class="image-fit" src="imgs/logo-pallette.png" alt="logo">
<img class="image-fit padding-left" src="imgs/[email protected]" alt="logo">
</a>
<!-- Main menu __-->
<nav id="mainmenu" role="navigation">
<div id="menu-burger"><i class="icon-menu"></i></div>
<div id="menu">
<ul>
<li class="current-menu-item"><a href="about.html">What is it?</a></li>
<li><a href="instructions.html">Make it!</a></li>
<li><a href="use.html">Use it!</a></li>
<!-- <li><a href="backstory.html">Backstory</a></li> -->
<li><a href="contact.html">Get in Touch</a></li>
</ul>
</div>
</nav>
</div> <!-- END .wrapper -->
</header>
<!-- MAIN CONTENT SECTION _____________________________________________-->
<section id="content" role="main">
<!-- <div class="featured-image-header">
<div id="">
<img src="imgs/photography/About/PalletteRenderPersp.JPG"alt="" />
</div>
</div> -->
<div class="wrapper" id="about">
<!-- WYSIWYG starts here __-->
<div class="video-wrapper">
<iframe src="https://www.youtube.com/embed/vVWq2vbStLU" frameborder="0" allowfullscreen></iframe>
</div>
<div style="width:70%;margin:auto;">
<h1>Pallette, the first open-source tongue-computer interface. </h1>
<p>It is fully open source in hardware and software, with a guide for creating and using it.</p>
<p>Hidden from view, Pallette enables the mobility impaired to control technology using the tongue. Pallette uses infrared sensors to track tongue motion and a microphone to detect tongue taps. </p>
<p>It currently enables individuals to control computers, Android tablets, and Android phones as a Bluetooth mouse. </p><p>We also created an Android app which enables control of Sphero, using the phone as a hub. </p><p>With community support, we hope Pallette will enable private interaction with the world as a means for empowering the mobility impaired. </p>
<p>And for the adventurous, </p><h1>telekinesis with the tongue.</h1>
</div>
<hr />
<div class="column-grid column-grid-2">
<div class="column column-span-1 column-push-0 column-first">
<h1>Control, right from<br>the tip of your tongue.</h1>
<p>Nestled behind your front teeth are three infrared sensors that triangulate your tongue’s position. </p>
<!-- <h1>What is Pallette? </h1>
<p>Pallette is the world's first open source tongue-computer interface. A wireless, universal remote control for the tongue, worn like a mouthguard.</p> -->
</div>
<div class="column column-span-1 column-push-0 column-last">
<!--strong> An Open Source Tongue-Computer Interface. </strong--><!--strong>Pallette provides greater independence to the mobility impaired.</strong-->
<img class="centerimage" src="imgs/about/tongue-image.png" alt="" />
</div>
</div>
<hr/>
<div class="column-grid column-grid-2">
<div class="column column-span-1 column-push-0 column-last justifyright">
<h1>Tap with your tongue,<br>fingers are overrated. </h1>
<p class="alignright">An internal microphone detects the sound and allows you to click on things.</p>
</div>
<div class="column column-span-1 column-push-0 column-first">
<img class="centerimage" src="imgs/about/teeth-image.png" alt="" />
<!-- <h4><strong>How it works.</strong></h4>
<p>
Pallette uses infared proximity sensors to track the tip of the tongue, and a microphone to listen for teeth "clicks". Moving your tongue controls things and clicking your teeth together makes decisions. The device can connect to a tablet or computer directly as a bluetooth mouse, or can be connected to a custom Android or iPhone app, enabling a world's worth of unique tongue-technology interactions.
</p> -->
</div>
</div>
<hr/>
<div class="column-grid column-grid-2">
<div class="column column-span-1 column-push-0 column-first">
<h1>Telekinesis,<br>now possible.</h1>
<p>Connect via Bluetooth to your phone, tablet, computer, or other devices and interact in complete privacy, hands-free.</p>
<!-- <h4><strong>The Dream</strong></h4>
<p>We've designed and opensourced Pallette the goals of providing greater independence to the mobility impaired, and making tongue-based interfaces publically accepted and a prominant method of assistive, creative interaction. </p>
<p>Tongue-based control is private (no voice commands), discrete (hidden from view), and affordable (inexpensive hardware). It is our hope that Pallette will create avenues of creative exploration and meaningful assistance. </p> -->
</div>
<div class="column column-span-1 column-push-0 column-last">
<img class="centerimage" src="imgs/about/gadgets.png" alt="" />
<!--h5><strong>We are making individual control private, discreet, and affordable.</strong></h5>
<p>With the surge of internet of things the landscape of devices that would be Pallette compatible are endless.
The rate of decrease in the size and cost of hardware has enabled us to build the device under $100!
Our team of Computer Scientists, Electrical and Mechanical engineers have been building Pallette.
Our goal is to help provide greater independence to the mobility impaired.
By putting the world at the tip of your tongue.
</p-->
<!--h5><strong>We are open sourcing Pallette</strong></h5>
<p>blahblahblah </p-->
</div>
</div>
<hr class="divider" />
<!-- <div class="column-grid column-grid-3">
<div class="column column-span-1 column-push-0 column-first">
<h4><strong>Pallette Pictures</strong></h4>
<p class="small">Liberating the world, one tongue at a time. </p>
<p class="small"><a href="gallery-masonry.html">See Pallette in action</a></p>
</div>
<div class="column column-span-2 column-push-0 column-last">
<div class="gallery masonry-gallery no-margin">
<figure class="gallery-item">
<header class='gallery-icon'>
<a href="imgs/photography/landscape13-600x400.jpg" class="popup"><img data-src="imgs/photography/landscape13-600x400.jpg" alt="" /></a>
</header>
<figcaption class='gallery-caption'>
<div class="entry-summary">
<h3>Caption of This Beauty</h3>
<p>Description of an image</p>
</div>
</figcaption>
</figure>
<figure class="gallery-item">
<header class='gallery-icon popup'>
<a href="imgs/photography/landscape14-600x400.jpg" class="popup"><img data-src="imgs/photography/landscape14-600x400.jpg" alt="" /></a>
</header>
<figcaption class='gallery-caption'>
<div class="entry-summary">
<h3>Caption of This Beauty</h3>
<p>Description of an image</p>
</div>
</figcaption>
</figure>
<figure class="gallery-item">
<header class='gallery-icon popup'>
<a href="imgs/photography/landscape15-600x400.jpg" class="popup"><img data-src="imgs/photography/landscape15-600x400.jpg" alt="" /></a>
</header>
<figcaption class='gallery-caption'>
<div class="entry-summary">
<h3>Caption of This Beauty</h3>
<p>Description of an image</p>
</div>
</figcaption>
</figure>
</div>
<div class="gallery masonry-gallery">
<figure class="gallery-item col-5">
<header class='gallery-icon'>
<a href="imgs/photography/architecture02-600x400.jpg" class="popup"><img data-src="imgs/photography/architecture02-600x400.jpg" alt="" /></a>
</header>
</figure>
<figure class="gallery-item col-5">
<header class='gallery-icon'>
<a href="imgs/photography/architecture03-600x400.jpg" class="popup"><img data-src="imgs/photography/architecture03-600x400.jpg" alt="" /></a>
</header>
</figure>
<figure class="gallery-item col-5">
<header class='gallery-icon'>
<a href="imgs/photography/architecture04-600x400.jpg" class="popup"><img data-src="imgs/photography/architecture04-600x400.jpg" alt="" /></a>
</header>
</figure>
<figure class="gallery-item col-5">
<header class='gallery-icon'>
<a href="imgs/photography/architecture05-600x400.jpg" class="popup"><img data-src="imgs/photography/architecture05-600x400.jpg" alt="" /></a>
</header>
</figure>
<figure class="gallery-item col-5">
<header class='gallery-icon'>
<a href="imgs/photography/architecture07-600x400.jpg" class="popup"><img data-src="imgs/photography/architecture07-600x400.jpg" alt="" /></a>
</header>
</figure>
</div>
</div>
</div>
-->
<!-- WYSIWYG ends here __-->
</div>
<!-- END .wrapper -->
</section>
<footer id="footer" role="contentinfo">
<p class="back-to-top"><a href="#header">Back to top ↑</a></p>
<p class="copyright">Pallette © 2016</p>
<ul class="social-icons">
<li><a href="mailto:[email protected]" target="_blank" title="Email"><i class="icon-email"></i></a></li>
<li><a href="https://twitter.com/PalletteIO" target="_blank" title="Twitter"><i class="icon-twitter"></i></a></li>
<li><a href="https://www.youtube.com/channel/UCL6c0D4ZrR4Z8MAq5emPx4Q" target="_blank" title="Youtube"><i class="icon-youtube"></i></a></li>
<li><a href="https://github.com/joanaz/Pallette-Website" target="_blank" title="Github"><i class="icon-github"></i></a></li>
</ul>
</footer>
<!-- Javascripts ______________________________________-->
<script src="js/jquery.min.js"></script>
<script src="js/retina.min.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/jquery.lazyloadxt.min.js"></script>
<script>$.lazyLoadXT.updateEvent += ' layoutComplete';</script>
<!-- include Masonry -->
<script src="js/isotope.pkgd.min.js"></script>
<!-- include image popups -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- include svg line drawing plugin -->
<script src="js/jquery.lazylinepainter.min.js"></script>
<!-- include custom script -->
<script src="js/scripts.js"></script>
</body>
</html>