-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
229 lines (219 loc) · 12 KB
/
about.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
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>Dekus Lam's GitHub Page / About Me</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Dekus Lam's Github, Portfolio, online tester tools">
<meta name="author" content="Dekus Lam">
<meta name="title" content="Dekus Lam's GitHub Page">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script id="twitter-wjs" src="http://platform.twitter.com/widgets.js"></script>
<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
<link rel="stylesheet" href="stylesheets/screen.css">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="/">Dekus's GitHub & Portfolio</a>
<div class="nav-collapse">
<ul class="nav pills">
<li><a href="index.html"><i class="icon-home icon-white"></i> Home</a></li>
<li class="active"><a href="#"><i class="icon-user icon-white"></i> About Me</a></li>
<li><a href="projects.html"><i class="icon-folder-open icon-white"></i> Projects & Codes</a></li>
<li><a href="experience.html"><i class="icon-file icon-white"></i> Experience</a></li>
<li><a href="#contact"><i class="icon-envelope icon-white"></i> Contact Me</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="content container-fluid well">
<header>
<h1 class="shadows-into-light">About Me
<span class="pull-right">
<a title="My Facebook" style="width: 32px; height: 32px; display: inline-block;" class="hint sprite-facebook_ico" href="https://www.facebook.com/DekusDenial"></a>
<a title="My Twitter" style="width: 32px; height: 32px; display: inline-block;" class="hint sprite-twitter_ico" href="https://twitter.com/#!/DekusDenial"></a>
<a title="My LinkedIn" style="width: 32px; height: 32px; display: inline-block;" class="hint sprite-linkedin_ico" href="http://www.linkedin.com/pub/dekus-lam/47/3b3/88b"></a>
<a title="My Gmail" style="width: 32px; height: 32px; display: inline-block;" class="hint sprite-gplus_ico" href="mailto:dekusdenial@gmail.com"></a>
</span>
</h1>
</header>
<hr>
<section class="sect">
<article>
<div class="row-fluid">
<div class="span12">
<div class="fig"><figure><figcaption></figcaption></figure></div>
<p class="justify">My name is Dekus. This is my second portfolio site which I have built recently. This time it is based on the very famous <a href="http://twitter.github.com/bootstrap" target="blank"><strong style="color: skyblue;">Twitter Bootstrap</strong></a>. Since I am going to build a small-scale web application which will be pushed to GitHub, and GitHub offers users their GitHub pages. Why not use it as a freebie ??</p>
<p class="justify">Alright! Enough with the irrelevant stuff which does not say much "About Me". Really nothing to say about myself... Why don't you see for yourself from below ?!</p>
</div>
</div>
</article>
</section>
<section class="sect">
<div class="row-fluid">
<div class="span12">
<div class="tabble">
<ul class="nav nav-tabs">
<li class="active">
<a href="#education" data-toggle="tab">» Education «</a>
</li>
<li>
<a href="#hobbies" data-toggle="tab">» Hobbies «</a>
</li>
<li>
<a href="#sports" data-toggle="tab">» Sports «</a>
</li>
<li>
<a href="#quotes" data-toggle="tab">» Favorite Quotes «</a>
</li>
<li>
<a href="#strength" data-toggle="tab">» Skill Stats «</a>
</li>
<li>
<a href="#devinterests" data-toggle="tab">» Dev Interests «</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="education">
<ul>
<li>
<label>2011 - Present</label>
<p>I am working on my Master at <strong><i>the City College of New York</i>, again. </strong>But as soon as I get myself a full-time developer job, I will quit school. Who likes going to school at this age ? Come on, Man !! Not worth the money !!</p>
</li>
<li>
<label>2011</label>
<p>I got my Bachelor Degree in Computer Engineering from <strong><i>the City College of New York</i></strong> in 2011.</p>
</li>
<li>
<label>2010</label>
<p>Entered the very first CUNY Math Challenge Final Round --- First time as a finalist, didn't win but worth the effort ...</p>
</li>
</ul>
</div>
<div class="tab-pane" id="hobbies">
<ul>
<li>
<p class="alert alert-info">Reading articles on Nettuts+ and other Tuts+ channels</p>
</li>
<li>
<p class="alert alert-info">Updating new tech news from sites, such as Redmondpie, Gizmag, Gizmodo, etc.</p>
</li>
<li>
<p class="alert alert-info">Follow some famous developers' dev blogs and sometimes spend quite amount of time on StackOverflow reading how great and nice people troubleshooting problems</p>
</li>
<li>
<p class="alert alert-info">Cooking from my own pop-out-of-my-head-all-of-a-sudden recipes, which worth the creativity</p>
</li>
</ul>
</div>
<div class="tab-pane" id="sports">
<ul>
<li>
<p class="alert alert-error">Basketball, my favorite sport. Haven't played long time though ~</p>
</li>
<li>
<p class="alert alert-error">Badminton, like Basketball, sports that train my reflexes</p>
</li>
<li>
<p class="alert alert-error">Billards & Pool, would have been a Pro if my eyes weren't short-sighted !!</p>
</li>
<li>
<p class="alert alert-error">Jogging, or long distance running to the extend, kinda aerobic !!</p>
</li>
</ul>
</div>
<div class="tab-pane" id="quotes">
<blockquote>
<p>How often have I said to you that when you have eliminated the impossible, whatever remains, however improbable, must be the truth?</p>
<small class="pull-right">Sherlock Holmes</small>
</blockquote>
<blockquote>
<p>Stay Hungry. Stay Foolish.</p>
<small class="pull-right">Steve Jobs</small>
</blockquote>
<blockquote>
<p>Everything has a beginning has an end.</p>
<small class="pull-right">The Oracle, from the Matrix</small>
</blockquote>
<blockquote>
<p>With great power comes great responsibility.</p>
<small class="pull-right">Uncle Ben, from Spiderman</small>
</blockquote>
</div>
<div class="tab-pane" id="strength">
<ul>
<li><p>Photoshop<span class="progress progress-striped active pull-right progress-danger"><label class="bar" style="width: 65%;">65%</label></span></p></li>
<li><p>HTML.upto(HTML5)<span class="progress progress-striped active pull-right"><label class="bar" style="width: 90%;">90%</label></span></p></li>
<li><p>CSS.upto(CSS3)<span class="progress progress-striped active pull-right progress-warning"><label class="bar" style="width: 90%;">90%</label></span></p></li>
<li><p>JavaScript <=> jQuery<span class="progress progress-striped active pull-right progress-success"><label class="bar" style="width: 81%;">81%</label></span></p></li>
<li><p>PHP<span class="progress progress-striped active pull-right progress-info"><label class="bar" style="width: 85%;">85%</label></span></p></li>
<li><p>DBMS(Relational and NoSQL)<span class="progress progress-striped active pull-right progress"><label class="bar" style="width: 89%;">89%</label></span></p></li>
<li><p>Ruby & Ruby on Rails<span class="progress progress-striped active pull-right progress-danger"><label class="bar" style="width: 83%;">83%</label></span></p></li>
<li><p>Mobile Development(iOS)<span class="progress progress-striped active pull-right progress-success"><label class="bar" style="width: 80%;">80%</label></span></p></li>
</ul>
</div>
<div class="tab-pane" id="devinterests">
<ul>
<li>
<p class="alert alert-warning">Human Computer Interface (HCI) --- the mouse and touch devices and how you interact with them.</p>
</li>
<li>
<p class="alert alert-warning">Mobile Technology & Application Development --- my favorite is iOS application development and also mobile technologies which enhance people living, including jailbreaking by the way. I am a big fan of Chronic Dev Team.</p>
</li>
<li>
<p class="alert alert-warning">Dynamic Web Development --- Both Front-End and Back-End, and even the stack of architecture behind web server.</p>
</li>
<li>
<p class="alert alert-warning">Game Design & Development --- I used Unreal Engine and its development kit before, extremely COOL ~~</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<hr>
<footer>
<p>Copyright © DekusDenial 2012</p>
</footer>
</div><!--/.fluid-container-->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-30168862-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script src="js/google-code-prettify/prettify.js"></script>
<script src="js/bootstrap-transition.js"></script>
<script src="js/bootstrap-alert.js"></script>
<script src="js/bootstrap-modal.js"></script>
<script src="js/bootstrap-dropdown.js"></script>
<script src="js/bootstrap-scrollspy.js"></script>
<script src="js/bootstrap-tab.js"></script>
<script src="js/bootstrap-tooltip.js"></script>
<script src="js/bootstrap-popover.js"></script>
<script src="js/bootstrap-button.js"></script>
<script src="js/bootstrap-collapse.js"></script>
<script src="js/bootstrap-carousel.js"></script>
<script src="js/bootstrap-typeahead.js"></script>
<script src="js/application.js"></script>
</body>
</html>