-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
110 lines (106 loc) · 5.34 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="description" content="Matopy is a London-based startup using innovative technology to transform the experience of the web from reading and writing to listening and speaking" />
<meta name="author" content="Matopy" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Matopy: a new browser that brings you the web in audio</title>
<!-- HTML5 shim, for the sake of IE6-8-->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
<link rel="stylesheet" href="css/style2.css?4Feb2013" />
<link rel="stylesheet" href="css/flex-video.css" />
<!-- Get JQuery straight from Google Code -->
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/scripts.js"></script>
<script src="http://downloads.mailchimp.com/js/jquery.form-n-validate.js"></script>
</head>
<body>
<div class="container all-content">
<div class="row">
<div class="span12">
<div class="hero-unit">
<div class="logo-and-tag">
<img src="img/matopy_logo_trans.png" class="img-polaroid" alt="Matopy"/>
<h1>The web, now in audio</h1>
<div class="flex-video widescreen">
<iframe src="http://www.youtube.com/embed/d_wnk4GexWQ?rel=0&modestbranding=0&controls=2&showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<p>Matopy lets you listen to the web, browse around and speak searches without having to look at a screen or touch your keyboard or mouse.</p>
</div>
</div>
</div>
<div class="row">
<div class="span6">
<div class="signup-suggest">
<h2>Sign up here for the latest news and early access</h2>
</div>
<form action="http://matopy.us4.list-manage1.com/subscribe/post?u=74952b242f5f13785aa444193&id=29a7377178" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<div id="mc_embed_signup">
<div class="row">
<div class="span4">
<label for="mce-EMAIL" style="display: none;">Email address</label>
<input type="email" placeholder="Your email address..." name="EMAIL" class="required email span4 btn-large" id="mce-EMAIL">
</div>
<div class="span2">
<input type="submit" value="Sign up" name="subscribe" class="btn btn-primary btn-large span2">
</div>
</div>
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<script type="text/javascript">
setTimeout('mce_preload_check();', 250);
</script>
</form>
</div>
<div class="span6">
</div>
</div>
<div class="row fact-row">
<div class="span6">
<h2>Audio Design</h2>
<p>How text is presented on the web tells us how important it is, whether it links to another page and what other bits of the page relate to it. When Matopy converts a webpage to audio, we keep hold of the graphics design and use it to create audio design.
By using multiple voices, sound effects, audio cues and ambient sound, we give you a sense of context in the audio version of a webpage.</p>
</div>
<div class="span3">
<h2>Natural Surfing</h2>
<p>We're born listening (in fact, we start listening while we're still in the womb) but we only learn to read and write well when we're 7 or 8. Listening is a much more natural way to surf the web than reading and writing.</p>
</div>
<div class="span3">
<h2>No Hands!</h2>
<p>Matopy is revolutionizing how we get online. What if you could control the web by voice instead of clicking links and typing in boxes? Matopy is making that happen.</p>
</div>
</div>
<div class="row fact-row">
<div class="span6">
<h2>The Matopy Team</h2>
<div class="row">
<div class="span3">
<strong>Sam</strong> (<a href="mailto:[email protected]">[email protected]</a>) is our chief (the CEO). He's got an MA and MEng from Cambridge and MIT, and an MA and MSc in Innovation Design Engineering from the Royal College of Art. Sam came up with the concept of Matopy in 2010 as a way to improve access to the web for blind people.
</div>
<div class="span3">
<strong>Hywel</strong> (<a href="mailto:[email protected]">[email protected]</a>) is our software engineer (CTO). He's also got an MA and MEng from Cambridge (not a coincidence - Hywel and Sam met as engineering students at King's College, Cambridge). He's been writing software since he was 9.
</div>
</div>
</div>
<div class="span3">
<h2>Awards</h2>
<p>We've won awards from the Helen Hamlyn Centre for Design, the Matthews Wrightson Business Awards and the James Dyson Foundation. We were finalists in the Deutsche Bank Awards 2011 and the James Dyson Award</p>
</div>
<div class="span3">
<h2>Press Coverage</h2>
<p>Matopy has already been covered by BBC News, bbc.co.uk, the German TV channel n-tv, Metropolis magazine and the Telegraph website.</p>
</div>
</div>
</div>
</body>
</html>