-
Notifications
You must be signed in to change notification settings - Fork 0
/
index_full.html
225 lines (204 loc) · 11.7 KB
/
index_full.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
<!doctype html>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-110783249-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-110783249-1');
</script>
<meta name="google-site-verification" content="m4tmIevZP2wEG7NXEKS_x89Kw-7TkT755XAN8hs7HFw" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<title>Winson Luk</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,600" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Merriweather:300,700' rel='stylesheet' type='text/css'>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
<link href="https://winsonluk.com/style.css" rel="stylesheet">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-110783249-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-110783249-1');
</script>
</head>
<body>
<header>
<div class="container">
<h1 class="logo"><a href="#" data-scrollto="splash">Winson Luk</a></h1>
<nav>
<div class="float_center">
<ul class="child">
<li><a href="#about" data-scrollto="feature">About</a></li>
<li><a href="#projects" data-scrollto="overview">Projects</a></li>
<li><a href="#contact" data-scrollto="cta">Contact</a></li>
<li><a href="https://winsonluk.com/blog" style="color:#fff;">Blog</a></li>
</ul>
</div>
</nav>
</div>
</header>
<section class="splash">
<div class="container">
<h1 class="show">Hi, I'm Winson!</h1>
<h3>Majoring in computer engineering at UC San Diego</h3>
<h2>Avid programmer, passionate designer, and curious student</h2>
</div>
</section>
<section class="splash2">
<div class="container2">
<h1>Winson Luk</h1>
<h3>Majoring in computer engineering at UC San Diego</h3>
<h2>Avid programmer, passionate designer, and curious student</h2>
</div>
</section>
<section class="splash" style="background-image: url(images/plaid3.png)">
<a href="#about" data-scrollto="feature"><div style="background-image: url(images/arrow.png)" class="container">
<h1>Winson Luk</h1>
<h3>Majoring in computer engineering at UC San Diego</h3>
<h2>Avid programmer, passionate designer, and curious student</h2>
</div></a>
</section>
<section class="splash" style="background-image: url(images/plaid2.png)">
<div style="background-image: none" class="container">
<h1>Winson Luk</h1>
<h3>Majoring in computer engineering at UC San Diego</h3>
<h2>Avid programmer, passionate designer, and curious student</h2>
</div>
</section>
<section class="feature greybg">
<div class="container">
<img src="images/goldengate.png">
<div>
<h1>About Me</h1>
<p>Born and raised in the heart of Silicon Valley, I'm fascinated by anything with 0s and 1s. I'm driven by curiosity to try different things, and enjoy providing the world with something new.
<ul>
<li>
<i class="fa fa-laptop"></i>
<h3>Programming</h3>
<p>I'm a computer engineering student with over two years of coursework in Java. I've developed award-winning projects in Python and Android, and am always looking for innovative technologies to learn.</p>
</li>
<li>
<i class="fa fa-paint-brush"></i>
<h3>Design</h3>
<p>I believe that beauty lies in simplicity, but utility exists in choice. I've developed websites, crafted logos, and designed mathematics workbooks.</p>
</li>
<li>
<i class="fa fa-building-o"></i>
<h3>Experience</h3>
<p>I founded and coordinated a competitive high school technology organization for over three years, and I brought these technical skills to a S&P 500 company last summer to architect an automated ticketing system for the IT department's global operations.</p>
</li>
</ul>
</div>
</div>
</section>
<section id="projects" class="overview">
<div class="container">
<div>
<a href="http://github.com/winsonluk/Alizon" target="_blank"><img src="images/alizon.png"></a>
<h2><a href="http://github.com/winsonluk/Alizon" target="_blank">Alizon</a></h2>
<p>Chrome Extension that identifies Amazon products with lower prices on AliExpress, utilizing jQuery with AJAX on a Python Flask module.</p>
</div>
<div>
<a href="http://github.com/winsonluk/reffit" target="_blank"><img src="images/reffit.gif"></a>
<h2><a href="http://github.com/winsonluk/reffit" target="_blank">Reffit</a></h2>
<p>Automated natural language product marketer that intelligently targets social media users, built with Python (using NumPy and Pandas), SQLite, and Travis CI.</p>
</div>
<div>
<a href="http://github.com/winsonluk/robot" target="_blank"><img src="images/twitch.png"></a>
<h2><a href="http://github.com/winsonluk/robot" target="_blank">R.o.b.o.t</a></h2>
<p>Artificially intelligent Twitch chatbot powered by real-time Reddit conversations. Won two 1st place awards at SD Hacks 2016.</p>
</div>
</div>
</section>
<section class="overview">
<div class="container">
<div>
<a href="https://play.google.com/store/apps/details?id=com.codiqa.collegeloanestimator72cf5887" target="_blank"><img src="images/estimator.png"\></a>
<h2><a href="https://play.google.com/store/apps/details?id=com.codiqa.collegeloanestimator72cf5887" target="_blank">Smart Loan</a></h2>
<p>Android loan estimator for college students, implementing large datasets from US Census and Georgetown University. Winner of the 2014 Congressional STEM App Competition.</p>
</div>
<div>
<a href="http://github.com/winsonluk/Connect-Four" target="_blank"><img src="images/connectfour.gif"></a>
<h2><a href="http://github.com/winsonluk/Connect-Four" target="_blank">Connect Four</a></h2>
<p>Connect Four virtual board game with photorealistic rendering, built with Java and Swing.</p>
</div>
<div>
<a href="http://github.com/winsonluk/AutoApply" target="_blank"><img src="images/autoapply.png"></a>
<h2><a href="http://github.com/winsonluk/AutoApply" target="_blank">AutoApply</a></h2>
<p>Automatically generate a customized cover letter and email for a job application.</p>
</div>
</div>
</section>
<section id="projects" class="overview">
<div class="container">
<div>
<a href="https://github.com/winsonluk/dotino" target="_blank"><img src="images/framedge.png"></a>
<h2><a href="https://github.com/winsonluk/dotino" target="_blank">Dotino.com</a></h2>
<p>Web application that identifies local businesses which are highly recommended on social media.</p>
</div>
<div>
<a href="http://github.com/winsonluk/smilealways" target="_blank"><img src="images/smile.png"></a>
<h2><a href="http://github.com/winsonluk/smilealways" target="_blank">Smile Wide</a></h2>
<p>Chrome Extension to convert Amazon links into Amazon Smile links. 500+ weekly users and <a href=https://chromeunboxed.com/chrome-extension-spotlight-help-your-favorite-charity-with-smile-wide/ target="_blank">featured on Chrome Unboxed</a>.</p>
</div>
<div>
<a href="http://github.com/winsonluk/winsonluk.com" target="_blank"><img src="images/wluk.png"></a>
<h2><a href="http://github.com/winsonluk/winsonluk.com" target="_blank">winsonluk.com</a></h2>
<p>Now on Github. A minimalistic Bootstrap-style website developed with HTML, CSS, and jQuery. </p>
</div>
</div>
</section>
<section id="contact" class="cta">
<div class="container">
<h1>Contact me!</h2>
<h2>Interested in my work?</h2>
<a class="btn" href="https://winsonluk.com/resume.pdf" target="_blank" rel="nofollow">View Résumé<i class="fa fa-download"></i></a>
</div>
</section>
<section class="overview">
<div class="container">
<div>
<a href="http://github.com/winsonluk" target="_blank"><i class="fa fa-github"></i></a>
<h2><a href="http://github.com/winsonluk" target="_blank">Github</a></h2>
</div>
<div>
<a href="mailto:wluk@ucsd.edu"><i class="fa fa-envelope"></i></a>
<h2><a href="mailto:wluk@ucsd.edu">wluk@ucsd.edu</a></h2>
</div>
<div>
<a href="https://www.google.com/maps/place/Redwood+City,+CA" target="_blank"><i class="fa fa-map-marker"></i></a>
<h2><a href="https://www.google.com/maps/place/Redwood+City,+CA" target="_blank">Redwood City, CA</a></h2>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="copyright">
<p>Created by <a href="http://github.com/winsonluk/winsonluk.com" target="_blank">Winson Luk</a> © 2018</p>
</div>
<div class="social">
<a href="https://winsonluk.com/privacy" target="_blank">Privacy</a>  |  <a href="https://winsonluk.com/terms" target="_blank">Terms</a>  |  <a href="https://winsonluk.com/contact">Contact</a>
</div>
</div>
</footer>
<script src="https://www.gstatic.com/firebasejs/3.7.3/firebase.js"></script>
<script>
// Initialize Firebase
var config = {
apiKey: "AIzaSyCmV__h-l1yIcrr-dCIDmSG4TOZjBZ4H9c",
authDomain: "winsonluk-75a4f.firebaseapp.com",
databaseURL: "https://winsonluk-75a4f.firebaseio.com",
storageBucket: "winsonluk-75a4f.appspot.com",
messagingSenderId: "492443170791"
};
firebase.initializeApp(config);
</script>
<script src="jquery-1.11.3.min.js"></script>
<script src="script.js"></script>
</body>
</html>