-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex_regular.html
331 lines (265 loc) · 17.6 KB
/
index_regular.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
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:fb="http://ogp.me/ns/fb#">
<head>
<!-- Meta tag -->
<meta name="description" content="Personal website">
<meta name="keywords" content="Lawrence Lin Murata, Lawrence, Murata, Lin, Lawrence Murata, blog, Stanford, University, college, education, entrepreneur, technology, idea">
<meta name="author" content="Lawrence Lin Murata">
<meta charset="UTF-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta property="og:image" content="images/law.jpg"/>
<meta property="og:image" content="images/law2.jpg"/>
<!-- Konami Code Easter Egg -->
<script src="js/konami.js" type="text/javascript"></script>
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<title>Lawrence Lin Murata</title>
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
</noscript>
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.poptrox.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/init.js"></script>
<script src="annyang/annyang.js"></script>
<script src="http://responsivevoice.org/responsivevoice/responsivevoice.js"></script>
<!--<script src="//cdnjs.cloudflare.com/ajax/libs/annyang/annyang.min.js"></script>-->
<script>
function sleep(miliseconds) {
var currentTime = new Date().getTime();
while (currentTime + miliseconds >= new Date().getTime()) {
}
}
if (annyang) {
// Let's define our first command. First the text we expect, and then the function it should call
var commands = {
'What is (Nano-engineered) Chips (for Wearables)':function() {
responsiveVoice.speak("Developed flexible chips using polyamide substrates (for flexible boards) with metal circuits (E-Beam Evaporation) in the Stanford Nanotechnology Laboratory, experimenting and researching different designs, methods and materials to study and develop flexible chips for wearable computers. In addition to optimizing results for the chips, this independent project also resulted in low-cost products for wearables.",'UK English Male');
},
'(Larry) (Bot) tell me a joke': function() {
responsiveVoice.speak("Whats the object-oriented way to become wealthy?",'UK English Male');
responsiveVoice.speak("Inheritance",'UK English Male');
},
'Larry Bot': function() {
responsiveVoice.speak("Whats the object-oriented way to become wealthy?",'UK English Male');
responsiveVoice.speak("Inheritance",'UK English Male');
},
'(Larry Bot) What is OneTune': function() {
responsiveVoice.speak("OneTune is the world's free, open music platform. It lets you listen to and collect millions of organized songs for free, no matter where you live or what language you speak. Go to OneTune.fm to have access to over 5 million songs, with zero ads, 100% free.",'UK English Male');
},
'(Larry Bot) What is SmartBox': function() {
responsiveVoice.speak("SmartBox is, like me, a web-based personal assistant. It recognizes what the you need and connects you to the right service. It can process language, recognize voice and measure your brain activity (through our hardware BrainBox, which measures your body’s resistance) to understand your needs. Hungry? Ask SmartBox to bring you food. Stressed? When BrainBox measures high levels of stress, it plays calm songs. (arduino, javascript, node.js, several APIs)",'UK English Male');
},
'Hello (Lawrence)': function() {
console.log('show tps report')
responsiveVoice.speak('Hello. Welcome to Lawrence\'s website. I am Larry Bot, Lawrence\'s smart personal assistant. I am still under construction, so I am afraid I won\'t be very helpful for now. Once I am ready for the outside world, I will be a smart robot that will help you find information and do any tasks you need.','UK English Male');
},
'(Larry Bot) Hello (Larry Bot)': function() {
console.log('show tps report')
responsiveVoice.speak('Hello. Welcome to Lawrence\'s website. I am Larry Bot, Lawrence\'s smart personal assistant. I am still under construction, so I am afraid I won\'t be very helpful for now. Once I am ready for the outside world, I will be a smart robot that will help you find information and do any tasks you need.','UK English Male');
},
'(Larry Bot) Hi (Larry Bot)': function() {
console.log('show tps report')
responsiveVoice.speak('Hello. Welcome to Lawrence\'s website. I am Larry Bot, Lawrence\'s smart personal assistant. I am still under construction, so I am afraid I won\'t be very helpful for now. Once I am ready for the outside world, I will be a smart robot that will help you find information and do any tasks you need.','UK English Male');
},
'Hello (Larry)': function() {
console.log('show tps report')
responsiveVoice.speak('Hello. Welcome to Lawrence\'s website. I am Larry Bot, Lawrence\'s smart personal assistant. I am still under construction, so I am afraid I won\'t be very helpful for now. Once I am ready for the outside world, I will be a smart robot that will help you find information and do any tasks you need.','UK English Male');
},
'Hi (Larry)': function() {
console.log('show tps report')
responsiveVoice.speak('Hello. Welcome to Lawrence\'s website. I am Larry Bot, Lawrence\'s smart personal assistant. I am still under construction, so I am afraid I won\'t be very helpful for now. Once I am ready for the outside world, I will be a smart robot that will help you find information and do any tasks you need.','UK English Male');
},
'Hi (Lawrence)': function() {
console.log('show tps report')
responsiveVoice.speak('Hello. Welcome to Lawrence\'s website. I am Larry Bot, Lawrence\'s smart personal assistant. I am still under construction, so I am afraid I won\'t be very helpful for now. Once I am ready for the outside world, I will be a smart robot that will help you find information and do any tasks you need.','UK English Male');
}
};
// Add our commands to annyang
annyang.addCommands(commands);
// Start listening. You can call this here, or attach this call to an event, button, etc.
annyang.start();
}
</script>
<!--<script src="app.js"></script>-->
<!-- <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore-min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="styles.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script type="text/javascript" src="http://www.parsecdn.com/js/parse-1.3.0.min.js"></script>
<script src="annyang/annyang.js"></script>
<link type="text/css" rel="stylesheet" href="https://www.gstatic.com/freebase/suggest/4_2/suggest.min.css">
<script type="text/javascript" src="https://www.gstatic.com/freebase/suggest/4_2/suggest.min.js"></script>-->
</head>
<body>
<script src="js/ebayAPIHandler.js"></script>
<script src="js/flickrAPIHandler.js"></script>
<script src="js/spotifyAPIHandler.js"></script>
<script type="text/javascript" src="js/voicehandler.js"></script>
<!-- KONAMI EATER EGG YAY -->
<script type="text/javascript">
var easter_egg = new Konami(function() { window.open("https://www.google.com/search?q=atari+breakout&espv=210&es_sm=91&source=lnms&tbm=isch&sa=X&ei=SvUsU4WKK47ooASm7oHACw&sqi=2&ved=0CAcQ_AUoAQ&biw=1161&bih=537#imgdii=_")});
</script>
<section id="cta" class="main style1">
<div class="animated-bg">
<div class="content">
<div id="large">
<canvas id="draw"></canvas>
<div class="container">
<!-- <div class="row">
<div class="col-xs-12 col-sm-6">
<h3>Hi</h3>
</div>
</div>-->
<header>
<h3>Lawrence Lin Murata</h3>
</header>
<p>I’m interested in developing technologies and ideas that can improve people’s lives</p>
<footer>
<a href="#one" class="button style2 down">More</a>
</footer>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<!-- Intro -->
<!-- <section id="intro" class="main style1 dark fullscreen">
<div class="content container small">
<header>
<h2>Lawrence Lin Murata</h2>
</header>
<p>I’m interested in developing technologies and ideas that can improve people’s lives</p>
<footer>
<a href="#one" class="button style2 down">More</a>
</footer>
</div>
</section>-->
<!-- Two: Who I am -->
<section id="one" class="main style2 right dark fullscreen">
<div class="content box style2">
<header>
<h2>Who I Am</h2>
</header>
<p>Stanford ’17 | Co-founder of OneTune.fm and CS+Social Good | Software Engineering Intern at Apple Inc. | Computer Science student with focus on Artificial Intelligence and minor in Electrical Engineering | Pacifist | Amateur artist | Dreamer</p>
</div>
<a href="#two" class="button style2 down anchored">Next</a>
</section>
<!-- One: What I do -->
<section id="two" class="main style2 left dark fullscreen">
<div class="content box style2">
<header>
<h2>What I Do</h2>
</header>
<p>I love learning, so I am constantly learning and trying new ideas. Many of my projects involve using technology to improve education. I also want to change how people discover and listen to music. Random "things" I like: basketball, trips, languages, hot chocolate, Steve Jobs and The Beatles</p>
</div>
<a href="#press" class="button style2 down anchored">Next</a>
</section>
<!-- Three: Press-->
<section id="press" class="main style2 right dark fullscreen">
<div class="content box style2">
<header>
<h2>Press</h2>
</header>
<p>An awesome way to share my passions and adventures with others. Featured on major news sources, including Yahoo News, <a href="http://lawrencemurata.com/press/IN347_Lawrence.pdf" target="_blank">INFO Magazine</a> (the biggest tech magazine in Brazil), US Embassy’s Official Page, Época Business, Exame Business Magazine, UOL News, IG Economy</p>
</div>
<a href="#work" class="button style2 down anchored">Next</a>
</section>
<!-- Work -->
<section id="work" class="main style3 primary">
<div class="content container">
<header>
<h2>Some of my projects</h2>
<p>Check them out.</p>
</header>
<!--
Lightbox Gallery
Powered by poptrox. Full docs here: https://github.com/n33/jquery.poptrox
-->
<div class="container small gallery">
<div class="row flush images">
<div class="row flush images">
<div class="6u"><a href="images/fulls/smartbox.png" class="image full l"><img src="images/thumbs/smartbox_thumb3.png" title="Assistant that processes language, recognizes voice and measures brain activity to understand your needs and provide the appropriate service" alt="" /></a></div>
<div class="6u"><a href="images/fulls/civil.png" class="image full r"><img src="images/thumbs/civil_thumb.png" title="Civil: Directly voice your opinion to your city, state, or any community officials, and vote on ideas" alt="" /></a></div>
</div>
<div class="6u"><a href="images/fulls/onetune.jpg" class="image full l"><img src="images/thumbs/onetune_thumb.png" title="Founder of OneTune.fm, the world's free, open, community-powered music platform" alt="" /></a></div>
<div class="6u"><a href="images/fulls/chips.jpeg" class="image full r"><img src="images/thumbs/chips2_thumb.jpeg" title="Nano-engineered chips for wearables" alt="" /></a></div>
</div>
<div class="row flush images">
<div class="6u"><a href="images/fulls/imous.JPG" class="image full l"><img src="images/thumbs/imous_thumb.JPG" title="iMous lets people use their mouse and computers just by moving their eyes" alt="" /></a></div>
<div class="6u"><a href="images/fulls/orange.png" class="image full r"><img src="images/thumbs/orange3_thumb.png" title="Hackathon project: redesigning the e-commerce experience with Orange E-commerce" alt="" /></a></div>
</div>
<div class="row flush images">
<div class="6u"><a href="images/fulls/mymood.jpg" class="image full l"><img src="images/thumbs/mymood2_thumb.jpg" title="Uses NLP to create analytics that indicate the user's mental state" alt="" /></a></div>
<div class="6u"><a href="images/fulls/compress2.png" class="image full r"><img src="images/thumbs/compress3_thumb.png" title="Smart encoding software that constantly learns and becomes more efficient" alt="" /></a></div>
</div>
<div class="row flush images">
<div class="6u"><a href="images/fulls/01.jpg" class="image full l"><img src="images/thumbs/painting_thumb.jpg" title="Art collaboration with friends" alt="" /></a></div>
<div class="6u"><a href="images/fulls/CartaMauroBand2.jpg" class="image full r"><img src="images/thumbs/CartaMauroBand2_thumb.jpg" title="From the director of the Business Council of Latin America" alt="" /></a></div>
</div>
<div class="row flush images">
<div class="6u"><a href="images/fulls/allocator.jpg" class="image full l"><img src="images/thumbs/allocators2_thumb.gif" title="Developed an optimal C Heap Allocator from scratch with my own design for efficient memory management" alt="" /></a></div>
<div class="6u"><a href="images/fulls/crowdfunding2.png" class="image full r"><img src="images/thumbs/crowdfunding_thumb.png" title="Project that helps talented Brazilian students find sponsors for educational opportunities" alt="" /></a></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact -->
<section id="contact" class="main style3 secondary">
<div class="content container">
<header>
<font>
<h2>Hi.</h2>
<p>You can reach me at <a href="mailto:[email protected]?Subject=Hi!">[email protected]</a>.
You can connect with my social media profiles below. If you need my resume, please feel free to email me. <a>Try the "Konami code" for fun easter egg - ception.</a><br></br>Say "hi" to Larry Bot, my personal assistant who helps me with daily tasks and also controls this website. Larry Bot can help you find anything you need. (Ask him to tell you a joke!) </p> <p></p>
</header>
</section>
<!--Hey there, if you're looking into the source code, you might as well be interested in checking out my resume at www.resume.lawrencemurata.com-->
<!-- Footer -->
<footer id="footer">
<!--
Social Icons
From here: http://fortawesome.github.io/Font-Awesome/cheatsheet/
-->
<ul class="actions">
<li><a href="https://twitter.com/lawlm" class="fa solo fa-twitter" target="_blank"><span>Twitter</span></a></li>
<li><a href="https://www.facebook.com/lawrence.murata" class="fa solo fa-facebook" target="_blank"><span>Facebook</span></a></li>
<li><a href="https://www.linkedin.com/in/lawrencelm" class="fa solo fa-linkedin" target="_blank"><span>Linkedin</span></a></li>
<li><a href="http://instagram.com/lawrence_lm" class="fa solo fa-instagram" target="_blank"><span>Instagram</span></a></li>
<li><a href="https://medium.com/@lawlm" class="fa solo fa-pencil" target="_blank"><span>Blog</span></a></li>
<li><a href="http://onetune.fm/u/lawrence.murata/p/lawrences-playlist" class="fa solo fa-music" target="_blank"><span>OneTune.fm</span></a></li>
</ul>
<!-- Menu -->
<ul class="menu">
<li>© <script type="text/javascript">
document.write(new Date().getFullYear());
</script> | Lawrence Lin Murata</li>
<li><a href="mailto:[email protected]?Subject=Hi!"> [email protected]</li>
<li></a></li>
</ul>
</footer>
<script src="js/TweenLite.min.js"></script>
<script src="js/rAF.js"></script>
<script src="js/EasePack.min.js"></script>
<script src="js/animated-background.js"></script>
</body>
<!-- Google Analytics-->
<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-49247758-1', 'lawrencemurata.com');
ga('send', 'pageview');
</script>
</html>