-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathhardware.html
More file actions
193 lines (189 loc) · 10.2 KB
/
hardware.html
File metadata and controls
193 lines (189 loc) · 10.2 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
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
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Amita Shukla</title>
<meta name="description" content="A responsive, magazine-like website layout with a grid item animation effect when opening the content" />
<meta name="keywords" content="grid, layout, effect, animated, responsive, magazine, template, web design" />
<meta name="author" content="Codrops" />
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.3.0/css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="css/style1.css" />
<script src="js/modernizr.custom.js"></script>
</head>
<body>
<div class="container">
<button id="menu-toggle" class="menu-toggle"><span>Menu</span></button>
<div id="theSidebar" class="sidebar">
<button class="close-button fa fa-fw fa-close"></button>
<div class="codrops-links">
<a class="codrops-icon codrops-icon--prev" href="http://amitashukla.co" title="Previous Demo"><span>splashpage</span></a>
<a class="codrops-icon codrops-icon--drop" href="https://www.instagram.com/amitashuk1a/" title="Back to the article"><span>Back to the Codrops article</span></a>
</div>
<h1><span>Amita Shukla</span></h1>
<nav class="codrops-demos">
<a class="current-demo" href="index1.html">Home</a>
<!-- <a href="index2.html">Demo 2</a> -->
</nav>
<div class="related">
<a href="https://www.linkedin.com/in/amita-shukla/">LinkedIn</a>
<a href="/img/amitaresume.pdf">Resume (PDF)</a>
<!--<a href="http://tympanus.net/Tutorials/ThumbnailGridExpandingPreview/">Thumbnail Grid</a>-->
<h3>Project Categories</h3>
<a class="current-demo" href="software.html">Software</a>
<a class="current-demo" href="hardware.html">Hardware</a>
<a class="current-demo" href="data.html">Data</a>
<a class="current-demo" href="design.html">Design</a>
<!--
<a href="http://tympanus.net/Development/BookPreview/">Book Preview</a>
<a href="http://tympanus.net/Tutorials/ThumbnailGridExpandingPreview/">Thumbnail Grid</a>
<a href="http://tympanus.net/Development/3DGridEffect/">3D Grid Effect</a>
-->
</div>
</div>
<div id="theGrid" class="main">
<section class="grid">
<header class="top-bar">
<h2 class="top-bar__headline">Latest articles</h2>
<div class="filter">
<span>Filter by:</span>
<span class="dropdown">Popular</span>
</div>
</header>
<a class="grid__item" href="#" style="background-image:url(img/huffdec.png)">
<h2 class="title title--preview">Huffman Decoder</h2>
<div class="loader"></div>
<span class="category">Logisim</span>
<div class="meta meta--preview">
<span class="meta__date"><i class="fa fa-calendar-o"></i>Nov 2017</span>
<!--<span class="meta__reading-time"><i class="fa fa-clock-o"></i> 3 min read</span>-->
</div>
</a>
<a class="grid__item" href="#" style="background-image:url(img/sensorcube.jpg)">
<h2 class="title title--preview">Sensor Cube</h2>
<div class="loader"></div>
<span class="category">Arduino</span>
<div class="meta meta--preview">
<span class="meta__date"><i class="fa fa-calendar-o"></i> May 2017</span>
</div>
</a>
<a class="grid__item" href="#" style="background-image:url(img/sensorcube.jpg)">
<h2 class="title title--preview">Carbon Tape Gloves</h2>
<div class="loader"></div>
<span class="category">MatLAB</span>
<div class="meta meta--preview">
<span class="meta__date"><i class="fa fa-calendar-o"></i> Feb 2017</span>
</div>
</a>
<a class="grid__item" href="#">
<h2 class="title title--preview">Arduino DJ</h2>
<div class="loader"></div>
<span class="category">Arduino</span>
<div class="meta meta--preview">
<span class="meta__date"><i class="fa fa-calendar-o"></i>Dec 2016</span>
</div>
</a>
<a class="grid__item" href="#" style="background-image:url(img/prosthetichand.jpg)">
<h2 class="title title--preview">Prosthetic Hand</h2>
<div class="loader"></div>
<span class="category">MakerBot</span>
<div class="meta meta--preview">
<span class="meta__date"><i class="fa fa-calendar-o"></i> June 2016</span>
</div>
</a>
<a class="grid__item" href="#" style="background-image:url(img/leakdetector.png)">
<h2 class="title title--preview">Paper-Based Sensors</h2>
<div class="loader"></div>
<span class="category">Arduino</span>
<div class="meta meta--preview">
<span class="meta__date"><i class="fa fa-calendar-o"></i> July 2015</span>
</div>
</a>
<footer class="page-meta">
<span>Load more...</span>
</footer>
</section>
<section class="content">
<div class="scroll-wrap">
<article class="content__item">
<span class="category category--full">Logisim</span>
<h2 class="title title--full">Huffman Decoder</h2>
<div class="meta meta--full">
<span class="meta__date"><i class="fa fa-calendar-o"></i> Nov 2017</span>
<!--<span class="meta__reading-time"><i class="fa fa-clock-o"></i> 3 min read</span> -->
</div>
<p>This decoder works on a Huffman-encoded phrase stored in a ROM as a binary tree. </p>
<p>Created in Logisim, it sets 1s as right traversals and 0s of right traversals of the tree. </p>
</article>
<article class="content__item">
<span class="category category--full">Arduino</span>
<h2 class="title title--full">Sensor Cube</h2>
<div class="meta meta--full">
<span class="meta__date"><i class="fa fa-calendar-o"></i>May 2017</span>
</div>
<p>This was a capstone project for the Intro to Electrical Engineering class at Columbia. It locates the position of a hand in a box. </p>
<p>A cardboard box of dimensions 1' x 1' x 1' is covered in aluminum
foil and sensor probes are attached at various places in and on it. Those probes feed into an Arduino's I/O pins, and, by triangulating changing capacitances,
the Arduino is able to give a readout of the position of a hand in the box to the precision of an inch.</p>
</article>
<article class="content__item">
<span class="category category--full">Hardware</span>
<h2 class="title title--full">Carbon-Tape Gloves</h2>
<div class="meta meta--full">
<span class="meta__date"><i class="fa fa-calendar-o"></i>Feb 2017</span>
</div>
<p>This carbon-tape-reinforced glove heats your hand at the most critical places of bloodflow, keeping you as warm as possible while minimizing loss of mobility in your hands.</p>
<p> This was created in Professor Elizabeth Hillman's biomedical engineering lab. Carbon tape gloves using battery power can live for several days of being on and provide constant,
comforting heat to ensure you keep maximum use of your hands in the cold without bulky gloves.</p>
<p>The carbon tape is wrapped around the bases of the fingers, and conductive material is added at the fingertips to allow smartphone use</p>
</article>
<article class="content__item">
<span class="category category--full">Arduino</span>
<h2 class="title title--full">Ardui-J</h2>
<div class="meta meta--full">
<span class="meta__date"><i class="fa fa-calendar-o"></i>Dec 2016</span>
</div>
<p> This was a capstone project for the freshman engineering introductory course The Art of Engineering. It is a DJ-in-a-box system.</p>
<p>I designed and laser-cut a casing for the Arduino, which
uses photosensors to detect when hands are moving over it. In response, it triggers or modifies what sounds it plays.</p>
</article>
<article class="content__item">
<span class="category category--full">MakerBot</span>
<h2 class="title title--full">Prosthetic Hand</h2>
<div class="meta meta--full">
<span class="meta__date"><i class="fa fa-calendar-o"></i>June 2016</span>
</div>
<p>This was the first project created at the Highland Park Makerspace, which I wrote grants to create. </p>
<p>It was a partnership with the foundation eNABLE, which
pairs people designing and making prosthetics with children who need prosthetics.
In this way, these children can always have a prosthetic that fits, even as they grow quickly.
</p>
</article>
<article class="content__item">
<span class="category category--full">Arduino</span>
<h2 class="title title--full">Paper-Based Sensors</h2>
<div class="meta meta--full">
<span class="meta__date"><i class="fa fa-calendar-o"></i>July 2015</span>
</div>
<p> This 2-cent sensor could detect leakages in pharmaceutical warehouses, where leak prevention is a multi-billion-dollar industry.
</p>
<p> This was my capstone project at the New Jersey Governor's School of Engineering and Technology, under the direction of Prof. Aaron Mazzeo in the Department of Mechanical Engineering. It uses an Arduino interfacing with comb-shaped interlocking capacitive sensors.
The system can detect touches or water droplets to the square millimeter. It can detect fractions of a milliliter of water at any location on the sensor. Each sensor costs under 2 cents, not including the Arduino, and is good for dozens of uses.
</p>
<p>We designed and laser-cut the sensors, and attached them to the Arduino. My job within the team included writing the Arduino code and building the circuit. The whole team participated
in designing the sensors.<p>
<p>Team members included Alyssa Cai, Helen Sagges, Claire Hu, Prateek Jain, and myself Amita Shukla.</p>
<img src = ""/>
</article>
</div>
<button class="close-button"><i class="fa fa-close"></i><span>Close</span></button>
</section>
</div>
</div><!-- /container -->
<script src="js/classie.js"></script>
<script src="js/main.js"></script>
</body>
</html>