-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
122 lines (116 loc) · 4.89 KB
/
Copy pathindex.html
File metadata and controls
122 lines (116 loc) · 4.89 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
<!DOCTYPE HTML>
<!--
Overflow by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>STRIDE by Srijay Kasturi</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.scrolly.min.js"></script>
<script src="js/jquery.poptrox.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel.css" />
<link rel="stylesheet" href="css/style.css" />
</noscript>
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
</head>
<body>
<!-- Header -->
<section id="header">
<header>
<h1>STRIDE by Srijay Kasturi</h1>
<p>Mobility Aid for the Visually Impaired</p>
</header>
<footer>
<a href="#banner" class="button style2 scrolly scrolly-centered">Read more!</a>
</footer>
</section>
<!-- Banner -->
<section id="banner">
<header>
<h2>This is STRIDE</h2>
</header>
<p>STRIDE is a mobility aid wearable for the visually impaired that aims to help<br/>
them navigate areas with many obstacles at foot level. STRIDE aims to detect<br/>
objects at foot level and alert the user of their existance.</p>
<footer>
<a href="#first" class="button style2 scrolly">How does it work?</a>
</footer>
</section>
<!-- Feature 1 -->
<article class="container box style1 right">
<a href="#" class="image fit"><img src="images/accelerometer.png" alt="" /></a>
<div class="inner">
<header>
<h2>Accelerometer</h2>
</header>
<p>When the user is walking with STRIDE on, the accelerometer built in detects if a step is being taken, and starts searching.</p>
</div>
</article>
<!-- Feature 2 -->
<article class="container box style1 left">
<a href="#" class="image fit"><img src="images/proximity.png" alt="" /></a>
<div class="inner">
<header>
<h2>Proximity sensor</h2>
</header>
<p>After detecting that step has been taken, STRIDE uses a proximity sensor to locate the nearest object.</p>
</div>
</article>
<!-- Feature 1 -->
<article class="container box style1 right">
<a href="#" class="image fit"><img src="images/digispark.png" alt="" /></a>
<div class="inner">
<header>
<h2>Digispark</h2>
</header>
<p>The information from the proximity sensor is relayed to the Digispark where analysis of the data is done.</p>
</div>
</article>
<!-- Feature 2 -->
<article class="container box style1 left">
<a href="#" class="image fit"><img src="images/vibrator.png" alt="" /></a>
<div class="inner">
<header>
<h2>Vibrator</h2>
</header>
<p>Once the nearest object is analyzed, STRIDE relays the information to the user via a vibrator on a ankle strap.</p>
</div>
</article>
<!-- Portfolio -->
<article class="container box style2">
<header>
<h2>Photos of STRIDE</h2>
</header>
<div class="inner gallery">
<div class="row 0%">
<div class="3u"><a href="images/fulls/01.jpg" class="image fit"><img src="images/thumbs/01.jpg" alt="" title="Ad infinitum" /></a></div>
<div class="3u"><a href="images/fulls/02.jpg" class="image fit"><img src="images/thumbs/02.jpg" alt="" title="Dressed in Clarity" /></a></div>
<div class="3u"><a href="images/fulls/03.jpg" class="image fit"><img src="images/thumbs/03.jpg" alt="" title="Raven" /></a></div>
<div class="3u"><a href="images/fulls/04.jpg" class="image fit"><img src="images/thumbs/04.jpg" alt="" title="I'll have a cup of Disneyland, please" /></a></div>
</div>
<div class="row 0%">
<div class="3u"><a href="images/fulls/05.jpg" class="image fit"><img src="images/thumbs/05.jpg" alt="" title="Cherish" /></a></div>
<div class="3u"><a href="images/fulls/06.jpg" class="image fit"><img src="images/thumbs/06.jpg" alt="" title="Different." /></a></div>
<div class="3u"><a href="images/fulls/07.jpg" class="image fit"><img src="images/thumbs/07.jpg" alt="" title="History was made here" /></a></div>
<div class="3u"><a href="images/fulls/08.jpg" class="image fit"><img src="images/thumbs/08.jpg" alt="" title="People come and go and walk away" /></a></div>
</div>
</div>
</article>
<section id="footer">
<div class="copyright">
<ul class="menu">
<li>© STRIDE by Srijay Kasturi. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</section>
</body>
</html>