/
index.html
131 lines (128 loc) · 7.35 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
<!--
Title: BrianCh.uk Home Screen v1
Author: Brian Chuk (brianch.uk)
Copyright: 2015, Brian Chuk - All rights reserved (you have permission to use it, just tell me :D)
-->
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#0D47A1">
<link rel="shortcut icon" href="http://devchuk.github.io/devchukV1/res/img/v2favicons/home.ico">
<title>Brian Chuk</title>
<link rel="stylesheet" href="./res/css/index.css">
<link href='http://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r71/three.js"></script>
<script>
window['_fs_debug'] = false;
window['_fs_host'] = 'fullstory.com';
window['_fs_org'] = '98AYS';
window['_fs_namespace'] = 'FS';
(function(m,n,e,t,l,o,g,y){
if (e in m) {if(m.console && m.console.log) { m.console.log('FullStory namespace conflict. Please set window["_fs_namespace"].');} return;}
g=m[e]=function(a,b){g.q?g.q.push([a,b]):g._api(a,b);};g.q=[];
o=n.createElement(t);o.async=1;o.src='https://'+_fs_host+'/s/fs.js';
y=n.getElementsByTagName(t)[0];y.parentNode.insertBefore(o,y);
g.identify=function(i,v){g(l,{uid:i});if(v)g(l,v)};g.setUserVars=function(v){g(l,v)};
g.identifyAccount=function(i,v){o='account';v=v||{};v.acctId=i;g(o,v)};
g.clearUserCookie=function(c,d,i){if(!c || document.cookie.match('fs_uid=[`;`]*`[`;`]*`[`;`]*`')){
d=n.domain;while(1){n.cookie='fs_uid=;domain='+d+
';path=/;expires='+new Date(0).toUTCString();i=d.indexOf('.');if(i<0)break;d=d.slice(i+1)}}};
})(window,document,window['_fs_namespace'],'script','user');
</script>
</head>
<body>
<div id="canvas"></div>
<div id="intro">
<div id="spacer"></div>
<div id="intro-small">LET'S CREATE THE</div><br>
<div id="intro-large">EXTRAORDINARY</div>
</div>
<div id="info-wrapper-wrapper">
<div id="info-wrapper">
<div id="text">
<div class="main-text">I am Brian Chuk</div>
<div id="sub-text">
Hey. I'm a junior at <span id="detail1">New York University</span>.
<br><br>
I've had the privelege of working as a developer evangelist for <span id="detail2">Syncano</span> and previously a <span id="detail3">hackNY Fellow</span> & Software Engineering intern for <span id="detail4">Betterpath</span>. Last summer, I was an intern for augmented reality power tool startup <a href="http://www.shapertools.com/">Shaper Tools</a>. I've also built robots for work & research and have done some freelance jobs. Outside of work, you can find me building projects I find meaningful.
<br><br>
This website is my playground.<br>It's a sandbox for the work I create, and a home for my writing. It's a journal for my past, and a forecast for my future.
<br><br>
<div> Welcome. </div>
</div>
</div>
<section class="profile" id="profile">
<div class="profile-spacer"></div>
<img class="picture" src="./res/img/index/profile.jpg"><br><br>
<div class="caption">
Born in 1996. I'm a native New Yorker who makes things. I'm still learning.
</div>
</section>
<section class="profile" id="profile1" style="display:none;">
<img class="picture" src="./res/img/index/nyu.jpg">
<br><br>
<div class="caption">
I'm currently a Computer Science Major in the NYU Polytechnic School of Engineering. A couple courses that I have taken are Object Oriented Programming and Data Structures & Algorithms.<br><br>
As of now, most of what I've learned in programming has come from self-teaching. I'm a strong believer in learning by doing and taking education into your own hands.
</div>
</section>
<section class="profile" id="profile2" style="display:none;">
<img class="picture" src="./res/img/index/syncano.png">
<br><br>
<div class="caption">
Syncano is a scalable Data as a Service that allows developers to build mobile and web apps with only front-end code. With Syncano, devs can easily build complex data models and sync them across any device in real-time.
<br><br>
Syncano helps developers focus on their more strategic initiatives so that they don't have to worry about the scaling, syncing and other heavy lifting required in building and deploying modern apps.
</div>
</section>
<section class="profile" id="profile3" style="display:none;">
<img class="picture" src="./res/img/index/hackny.png">
<br><br>
<div class="caption">
The hackNY Fellows program pairs quantitative and computational students with startups which can demonstrate a strong mentoring environment: a problem for a student to work on, a person to mentor them, and a place for them to work.<br><br>
Students enjoy free housing together over the course of 10 weeks and a pedagogical lecture series to introduce them to the ins and outs of joining and founding a startup.
</div>
</section>
<section class="profile" id="profile4" style="display:none;">
<img class="picture" src="./res/img/index/betterpath.png">
<br><br>
<div class="caption">
Betterpath combines what's happened in your medical history with what's happening in your life. For people with IBD and other chronic diseases, Betterpath combines medical data with self-reported experience to build a better health story. Betterpath helps people with Crohn's disease, ulcerative colitis and other chronic conditions get better, sooner - through a combination of access, ownership and participation.<br><br>
As people with chronic disease use Betterpath, their anonymized health information aggregates and potentially contributes to insights that drive better treatment outcomes.
</div>
</section>
<!-- <section class="profile" id="profile5" style="display:none;">
<img class="picture" src="./res/img/index/kite.gif">
<br><br>
<div class="caption">
Kite and Rocket Research is a product-development firm that creates accessibility products, toys, and medical devices.<br><br>Some of its notable products include the Nerf Vortex line and the Nerf Elite N-Strike blasters.
</div>
</section> -->
</div>
</div>
<div id="pages-wrapper">
<a href="./about" id="about">ABOUT</a>
<a href="./blog" id="blog">BLOG</a>
<a href="./projects" id="projects">PROJECTS</a>
<a href="./contact" id="contact">CONTACT</a>
</div>
<script src="./res/js/index.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-66105846-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>
<!-- https://color.adobe.com/Flat-UI-color-theme-2469224/
Create threeJS animation