-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
98 lines (97 loc) · 5.87 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
---
---
<!DOCTYPE html>
<html lang="en">
<head>
{% include head.html
page_title="Home | Brian Chuk"
page_description="I'm Brian Chuk, a software engineer born, raised, and residing in New York City."
image_preview="/res/img/brian-chuk-preview.png"
url=page.url
theme_color="#fff"
%}
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r83/three.min.js"></script>
<link rel="stylesheet" href="/res/css/index.css"/>
</head>
<body>
<canvas display="None" id="twoDimCanvas" width="1920" height="1080"></canvas>
{% include header.html %}
<div class="fade-content">
<section class="transparent-bg">
<div class="wide-content-wrapper">
<div id="full-name-title">Brian Chuk.</div>
<div id="short-bio">
<p>I'm a software engineer born, raised, and residing in New York City. I make stuff at <a href="http://squarespace.com" title="As a Frontend Software Engineer">Squarespace</a>.</p>
<p>Prior to that, I took 1.5 years to become a remote freelance developer while travelling around the world.</p>
<p>I've worked at <a title="Developed a Flask & AngularJS CRUD web app to view database schemas and metadata of the schema" href="http://flatiron.com/">Flatiron Health</a>, <a href="http://b12.io" title="Helped develop a human-assisted AI that builds websites.">B12</a>, <a href="http://shapertools.com" title="Contributed towards the world's first handheld CNC machine.">Shaper</a>, <a href="http://www.betterpath.com" title="Built a platform to help patients better understand their medical record data.">Betterpath</a>, <a href="http://kiteandrocket.com" title="Engineered a flying camera drone that flew out for 50 miles from NYC to Jones Beach to the Atlantic Ocean.">Kite and Rocket Research</a>, & <a href="http://syncano.io" title="Improved a BaaS that enabled devs to focus less on serverside code.">Syncano</a>.
</p>
<p>
Computer Science Dec 2018 graduate from NYU. StuyCS alumnus. <a href="http://hackny.org">hackNY Fellow</a>.
</p>
<p>→ <a href="http://linkedin.com/in/bchuk/">LinkedIn</a><br>
→ <a href="http://github.com/devChuk/">GitHub</a><br>
→ <a href="http://dribbble.com/woodchuk">Dribbble</a><br>
→ <a id="mail">moc.liam<span style="display:none">null</span>g@1kuhcved</a>
<!-- TEMP -->
<!-- <p>
I try to write every Sunday.<br>
<a href="/newsletter"><span>Join my private mailing list</span></a>
</p> -->
</div>
<div class="action"><a href="/about">LEARN MORE ABOUT ME</a></div>
</div>
</section>
<section class="light-gray-bg">
<div class="thin-content-wrapper">
<div class="section-title">WRITING</div>
<div id="blog-posts">
<div class="featured-post">
<a href="{{ site.posts.first.url }}"><img src="{{ site.posts.first.thumbnail }}"></a>
</div>
<div class="side-posts">
{% for post in site.posts %}
{% if forloop.first == true %}
{% continue %}
{% elsif forloop.index0 < 4 %}
<article>
<a href="{{ post.url }}"><img src="{{ post.thumbnail }}">
<span>{{ post.title }}</span></a>
</article>
{% else %}
{% break %}
{% endif %}
{% endfor %}
</div>
<span id="blog-title" class="featured-post"><a href="{{ site.posts.first.url }}">{{ site.posts.first.title }}</a></span>
<span class="action side-posts"><a href="/blog">READ MORE ESSAYS</a></span>
</div>
</div>
</section>
<section class="dark-gray-bg">
<div id="projects" class="thin-content-wrapper">
<div class="section-title">SELECTED PROJECTS</div>
{% for post in site.projects reversed %}
{% if post.featured %}
<figure class="{{ post.thumbnail_size }}"
style="background-image:url({{ post.thumbnail }})">
{% if post.thumbnail_size == 'half-img' %}
<img src="/res/img/Flight.png"></img>
{% elsif post.thumbnail_size == 'full-img' %}
<img src="{{ post.thumbnail }}"></img>
{% endif %}
<figcaption>
<h2>{{ post.title }}</h2>
<a href="{{ post.url }}"></a>
</figcaption>
</figure>
{% endif %}
{% endfor %}
<div class="action"><a href="/projects">SEE FULL PORTFOLIO</a></div>
</div>
</section>
</div>
<script src="./res/js/earcut.min.js"></script>
<script src="./res/js/load_stargazer.min.js" defer></script>
{% include body.html %}
</body>
</html>