-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·192 lines (160 loc) · 10.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<!-- iconj.com animated favicon code -->
<link rel="shortcut icon" href="https://github.com/codycodes/codycodes.github.io/raw/master/assets/favicon.ico" type="image/x-icon" />
<link rel="icon" href="https://github.com/codycodes/codycodes.github.io/raw/master/assets/favicon.gif" type="image/gif" />
<!-- end of iconj.com animated favicon code -->
<title>Cody's Portfolio</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- MDI Icons -->
<link href="https://cdn.materialdesignicons.com/5.4.55/css/materialdesignicons.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/1-col-portfolio.css" rel="stylesheet">
<link href="css/mdi.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="https://github.com/codycodes/codycodes.github.io/raw/master/assets/cody_antonio_gagnon_resume.pdf">
<i class="mdi mdi-file-account" aria-hidden="true"></i>
Resume
</a>
<a class="navbar-brand" href="https://github.com/codycodes">
<i class="mdi mdi-github" aria-hidden="true"></i>
codycodes
</a>
<a class="navbar-brand" href="https://linkedin.com/in/codyantoniogagnon">
<i class="mdi mdi-linkedin" aria-hidden="true"></i>
/in/codyantoniogagnon
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<!-- Page Content -->
<div class="container">
<!-- Page Heading -->
<div class="row">
<div class="col-lg-12">
<h1 class="page-header">Cody's Portfolio</h1>
</div>
</div>
<!-- /.row -->
<div class="row">
<div class="col-md-7">
<a href="https://global-innovation-exchange.github.io/FaceSpace/main.html">
<img class="img-responsive" src="https://github.com/codycodes/codycodes.github.io/raw/master/assets/facespace/facespace.jpg" alt="facespace web app">
</a>
</div>
<div class="col-md-5">
<h3>facespace</h3>
<h4>Automatic face touch detection web app!</h4>
<p>Using new Google ML models, including a 3D facemesh and handpose, we created a web app that detects when your hand is touching your face and notifies you! But don't take my word for it! You can test the app out <a href="https://global-innovation-exchange.github.io/FaceSpace/main.html" target="_blank" rel="noopener noreferrer">here</a>.</p>
</div>
</div>
<hr>
<div class="row">
<div class="col-md-7">
<a href="https://github.com/codycodes/codycodes.github.io/raw/master/assets/connected_bed/512.pdf">
<img class="img-responsive" src="https://github.com/codycodes/codycodes.github.io/raw/master/assets/connected_bed/diagram.jpg" alt="Connected Bed Sensor Diagram">
</a>
</div>
<div class="col-md-5">
<h3>Bed Presence Detection & Recognition</h3>
<h4>Using off-the shelf sensors to create home automations & signal processing to determine who's in bed!</h4>
<p>As part of my winter quarter at University of Washington's GIX program, I created a workflow to help automate waking up and getting out of bed in the morning! By analyzing the data from the sensors, I learned that I could determine whether my partner or I was sleeping depending on the pattern of movements each of us make at night. You can read the papers I wrote for TECHIN 513: Signal Processing <a href="https://github.com/codycodes/codycodes.github.io/raw/master/assets/connected_bed/513.pdf" target="_blank" rel="noopener noreferrer">here</a> and TECHIN 512: Intro to Sensors & Circuits <a href="https://github.com/codycodes/codycodes.github.io/raw/master/assets/connected_bed/512.pdf" target="_blank" rel="noopener noreferrer">here</a>.</p>
</div>
</div>
<hr>
<div class="row">
<div class="col-md-7">
<a href="http://bit.ly/lasercutter-usb-switch">
<img class="img-responsive" src="https://github.com/codycodes/codycodes.github.io/raw/master/assets/macs/lasercutter.jpg" alt="CoMotion MakerSpace big lasercutter!">
</a>
</div>
<div class="col-md-5">
<h3>CoMotion MACS</h3>
<h4>Makerspace Access Control System</h4>
<p>Working with University of Washington CoMotion's IT, I helped implement an access control system which helps users stay safe using equipment in the MakerSpace. Via their Husky IDs or RFID cards, users are able to tap to access equipment such as a lasercutter. Since the lasercutter pictured is a higher wattage than supported by the Fabman Bridge, we created a custom interface for turning access to the lasercutter on via an Arduino Uno and a hacked USB switch, which saves thousands of dollars in electrical installation costs and reduces the possibility of future burnt laser lenses. You can see this control system by <a href="http://bit.ly/lasercutter-usb-switch">clicking this link!</a></p>
</div>
</div>
<hr>
<div class="row">
<div class="col-md-7">
<a href="http://bit.ly/test-makerspace-safety-quiz">
<img class="img-responsive" src="https://github.com/codycodes/codycodes.github.io/raw/master/assets/safety_quiz/safety_quiz.PNG" alt="Take the quiz (you know you wanna!)">
</a>
</div>
<div class="col-md-5">
<h3>MakerSpace Safety Quiz Automated Pass/Fail Mailer</h3>
<p>This is an automated pass/fail mailer I wrote which is taken by all users of the CoMotion MakerSpace prior to their ability to use the space. It has been taken thousands of times in the past year. I recreated a test version which you can take and receive an email for at <a href="http://bit.ly/test-makerspace-safety-quiz"> this link!</a> The code which processes these quizzes can be found <a href="http://bit.ly/makerspace-safety-quiz-code">here</a>.</p>
</div>
</div>
<hr>
<div class="row">
<div class="col-md-7">
<a href="http://bit.ly/marimba-explanation">
<img class="img-responsive" src="https://github.com/codycodes/codycodes.github.io/raw/master/assets/marimba/marimba.jpg" alt="VR Marimba!">
</a>
</div>
<div class="col-md-5">
<h3>VR Marimba</h3>
<h4>Creating and hacking a virtual instrument into a valid MIDI input device during a hackathon.</h4>
<p>Working with friends and new faces, our team setup a Marimba created in Unity as an actual MIDI input, allowing users to make the virtual marimba sound like any instrument and tweak its sound inside the respective program. For an explanation of how this works see <a href="http://bit.ly/marimba-explanation">this link</a>. You can find the code my teammates wrote <a href="http://bit.ly/marimba-code">here</a>.</p>
</div>
</div>
<hr>
<div class="row">
<div class="col-md-7">
<a href="http://bit.ly/shiny-hackintosh-rgb">
<img class="img-responsive" src="https://github.com/codycodes/codycodes.github.io/raw/master/assets/pc_build/parts.JPG" alt="All the parts before the build!">
</a>
</div>
<div class="col-md-5">
<h3>PC Build</h3>
<h4>For design work, macOS, and gaming!</h4>
<p>I have always wanted to build a computer, and I finally got the chance to do so! I am very pleased with the result, and am writing this text from the same standing/sitting desk which this computer sits on! I also wanted to run macOS on this computer, which means I needed to learn how to install the operating system on "unsupported" hardware. Well, this hardware has pretty blinking lights! See <a href="http://bit.ly/shiny-hackintosh-rgb">this link</a> for a short video of the action!</p>
</div>
</div>
<hr>
<!-- Footer -->
<footer>
<div class="row">
<div class="col-lg-12">
<p>Copyright © Cody Antonio Gagnon 2020</p>
</div>
</div>
<!-- /.row -->
</footer>
</div>
<!-- /.container -->
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>