-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
168 lines (147 loc) · 7.59 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
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='UTF-8'>
<title>Cameron M Yee | Developer</title>
<meta name='description' content='Cameron Yee is a JavaScript Web Developer. Check out his current projects here!'>
<meta name='keywords' content='Cameron,Makakoa,Yee,JS,Node,JavaScript,'>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no, target-densitydpi=device-dpi">
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<link href='http://fonts.googleapis.com/css?family=Assistant:200,300,400' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
<script src="https://use.fontawesome.com/3dc715028b.js"></script>
<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','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-58308025-1', 'auto');
ga('send', 'pageview');
</script>
<script src='./script.js'></script>
<script src='./particle_script.js'></script>
</head>
<body>
<div class='header'>
<h2 id='name' class='link'>Cameron Yee</h2>
<h2 id='flybox' class='link collapsable'>flybox</h2>
<h2 id='braincryption' class='link collapsable'>braincryption</h2>
<h2 id='enviz' class='link collapsable'>enviz</h2>
<h2 id='ekko' class='link collapsable'>ekko</h2>
<h2 id='thecouncil' class='link collapsable'>the council</h2>
<h2 id='thelobby' class='link collapsable'>the lobby</h2>
<h2 class='link collapsable'><a style='color:inherit;text-decoration:none;' href='./resume'>resume</a></h2>
<div id='links'>
<a class='link collapsable' title='Checkout my Github!' href='http://github.com/makakoa'>
<i class='fa fa-github fa-2x'></i>
</a>
<a class='link collapsable' title='Checkout my LinkedIn!' href='http://linkedin.com/in/cameronmakakoayee'>
<i class='fa fa-linkedin fa-2x'></i>
</a>
<a class='link collapsable' title='Send me an email!' href='mailto:[email protected]'>
<i class='fa fa-envelope fa-2x'></i>
</a>
<a class='link collapsable' href='https://soundcloud.com/makyeezy'>
<i class='fa fa-soundcloud fa-2x'></i>
</a>
</div>
<p id='menu' class='mobile-only'>Menu</p>
</div>
<div class='main'>
<div id='page1'>
<div class='picture-section'>
<a href='http://www.linkedin.com/in/cameronmakakoayee/'>
<img class='link picture' src='./lib/about.jpg'>
<i class='fa fa-external-link'></i>
</a>
</div>
<h3 class='title'>Developer. Neuro Enthusiast. Adventurer.</h3>
<div class='content-section'>
<p class='text'>Aloha! My name is Cameron and I have a passion for innovation and creating things. Beyond programming I have a background in Neurobiology and an interest in AI. My favorite art form is music, my favorite bar topic is philosophy, and I enjoy sports both on the field and on the couch. Please don't hesitate to contact me, I'd love to chat!</p>
</div>
</div>
<div id='page2'>
<div class='picture-section'>
<a href='https://alpha.flybox.online/about'>
<img class='link picture' src='./lib/flybox-inbox.png'>
<i class='fa fa-external-link'></i>
</a>
</div>
<h3 class='title'>flybox <subh>next-generation email</subh></h3>
<div class='content-section'>
<p class='text'>Email is outdated, but we still find ourselves fumbling through pages and pages of subject lines and switching windows, tabs and devices on a daily basis to accomplish our communication inefficiently. It is time we simplify our lives, with flybox! Flybox brings limitless capabilities to email without requiring you to change your email address.</p>
</div>
</div>
<div id='page3'>
<div class='picture-section'>
<a href='http://makakoa.github.io/braincryption/app/'>
<img class='link picture' src='./lib/braincryption.gif'>
<i class='fa fa-external-link'></i>
</a>
</div>
<h3 class='title'>braincryption <subh>visual encryption</subh></h3>
<div class='page'>
<!-- <iframe src='https://braincryption.herokuapp.com' frameborder='0'></iframe> -->
<div class='content-section'>
<p class='text'>A visual encryption experiment that utilizes neural adaptation to visually encode information. By progressively disfiguring a font while a user reads it, braincryption aims to subconsciously teach a user to recognize a new subset of characters. Through this we can link new characters to existing pattern recognizers, rather than teaching someone an entirely new encoded language or subset. With succesful braincryption, a user could theoretically read these characters as if they were standard english characters while the actual characters are unrecognizable to anyone else.</p>
</div>
</div>
</div>
<div id='page5'>
<div class='picture-section'>
<a href='http://lbby.us/enviz'>
<img class='link picture' src='./lib/enviz-rating.gif'>
<i class='fa fa-external-link'></i>
</a>
</div>
<h3 class='title'>enviz <subh>intelligent image feed</subh></h3>
<div class='content-section'>
<p class='text'>Enviz uses machine learning to predict what images you will like. As you rate images you see, enviz trains a neural network to develop a predictive model of the images you like. Enviz will then use those predictions to increase the quality of your stream.</p>
</div>
<div class='picture-section'>
<a href='http://lbby.us/enviz'>
<br>
<img class='link picture' src='./lib/enviz-training.gif'>
<i class='fa fa-external-link'></i>
</a>
</div>
</div>
<div id='page6'>
<div class='picture-section'>
<a href='http://lbby.us/ekko-chamber'>
<img class='link picture' src='./lib/ekko-watch.gif'>
<i class='fa fa-external-link'></i>
</a>
</div>
<h3 class='title'>Ekko <subh>synesthesia simulator</subh></h3>
<div class='content-section'>
<p class='text'>An immersive visualizer for SoundCloud music.</p>
</div>
</div>
<div id='page4'>
<div class='picture-section'>
<a href='http://lbby.us/thecouncil'>
<img class='link picture' src='./lib/thecouncil.png'>
<i class='fa fa-external-link'></i>
</a>
</div>
<h3 class='title'>the council <subh>crowd-sourced coin flipping</subh></h3>
<div class='content-section'>
<p class='text'>The Council is a fun, real-time web app that allows anyone to get answers to life choices with anonymous responders. The Council is essentially a crowd-sourced "magic-8" ball with multiple choice answer options. Just remember, the next time you can't make up your mind, The Council can!</p>
</div>
</div>
<div id='page7'>
<div class='picture-section'>
<a href='http://lbby.us'>
<img class='link picture' src='./lib/lobby.png'>
<i class='fa fa-external-link'></i>
</a>
</div>
<h3 class='title'>the lobby <subh>heroku dyno waiting room</subh></h3>
<div class='content-section'>
<p class='text'>The Lobby is a free and easy to use loading page / url shortener for hobby heroku dynos which go to sleep.</p>
</div>
</div>
</div>
</body>
</html>