-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
284 lines (228 loc) · 14 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kasey Chang, multi-phasic computer expert</title>
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="sass/style.css">
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/98adf16936.js" crossorigin="anonymous"></script>
</head>
<body>
<main class="main">
<section class="section" id="section1">
<div class="close-section">×</div>
<div class="demo-box">
Hi, I am Kasey Chang
</div>
<div class="demo-box2" style="display:none">
<P>I am a multi-phasic computer expert residing in San Francisco, California. And I like helping people with my knowledge.
</P>
<P>I have many technical and soft skills, including but not limited to:</P>
<UL>
<LI>JavaScript, HTML, CSS, jQuery 3+, Node.js, Express.js...</LI>
<LI>Bootstrap 4, Sequelize, RESTful API, React.js, MongoDB, MySQL...</LI>
</UL>
<UL>
<LI>Windows and Unix sysadmin, Desktop and mobile technical support</LI>
<LI>Wired and wireless Networking Admin, Database administration and Design</LI>
</UL>
<UL>
<LI>Python, Pandas, Numpy, Scikit, Jupyter Notebook, Regression Analysis
<LI>Applied AI, Chatbot, Data science, Big Data, and SQL</LI>
</UL>
<UL>
<LI>And a ton of knowledge in various areas, such as technology, Star Trek, PC gaming and more
<LI>Plus critical thinking and scambusting
</UL>
</div>
</div>
</section>
<section class="section" id="section2">
<div class="close-section">×</div>
<div class="demo-box">Fullstack Developer</div>
<div class="demo-box2" style="display:none">
<P>I have coded websites since 1990's. Unfortunately none has survived. I graduated from fullstack coding bootcamp at University of California Berkeley Extension in 2020. Here are some of my recent projects. You can find the rest at my <a href="https://github.com/kschang77">GitHub repo</a></P>
<div>
<h3>Star Trek Doctor's Game</h3>
<img src="https://github.com/kschang77/doctorsgame/raw/master/doctorsgame.gif" align=right>
<P>A memory game using React.js, Bootstrap, and SweetAlert. Can you find all 12 doctors without duplicating?</P>
<P>Code Repo: <a href="https://github.com/kschang77/doctorsgame">https://github.com/kschang77/doctorsgame</a></P>
<P>Demo Link: <a href="https://kschang77.github.io/doctorsgame/">https://kschang77.github.io/doctorsgame/</a></P>
</div>
<BR>
<div>
<h3>Klingon Learner</h3>
<img src="https://github.com/kschang77/klingon-learner/raw/master/demo.gif" align=right>
<P>A Klingon language vocabulary builder full-stack application using MySQL, Node.js, Express.js, Handlebars, Bootstrap, and jQuery.</P>
<P>Code Repo: <a href="https://github.com/kschang77/klingon-learner">https://github.com/kschang77/klingon-learner</a></P>
<P>Demo Link: <a href="https://kc-klingon-learner.herokuapp.com/">https://kc-klingon-learner.herokuapp.com/</a></P>
</div>
<BR>
<div>
<h3>Geo-Hunt</h3>
<img src="https://github.com/kschang77/geo-hunt/raw/master/images/GeoHunt.png" width=600 height=400 align=right>
<P>A virtual scavenger hunt game built on top of Google StreetView JS API, using React.js, Node.js, and FourSquare API. Editor to create your own hunt is included. </P>
<P>Code Repo: <a href="https://github.com/kschang77/geo-hunt">https://github.com/kschang77/geo-hunt</a>
</P>
<P>Demo Link: <a href="https://geo-hunt-game.herokuapp.com/">https://geo-hunt-game.herokuapp.com/</a></P>
</div>
<div>
<P>You can see other verisons of this portfolio</P>:
<UL>
<LI><a href=https://kschang77.github.io/>Version 1</a></LI>
<LI><BVersion 2</B></LI>
<LI><a href=https://kschang77.github.io/portfoliov3>Version 3</a></LI>
<LI><a href=https://kschang77.github.io/portfoliov4>Version 4</a></LI>
</UL>
</div>
</section>
<section class="section" id="section3">
<div class="close-section">×</div>
<div class="demo-box">IT Support Generalist</div>
<div class="demo-box2" style="display:none">
<P>I have worked as IT support for well over a decade.</P>
<P>I worked for almost ten years at DisCopyLabs, which is now called DCL Logistics. Started right out of college as IT Technician (back then
it's called MIS, management of information systems). Started with regular computer wiring and maintanence, graduated to database admin,
software development, system integration, and more. </P>
<P>I've also worked for Ace Xpress Charter as office manager i.e. the person who does everything, including IT. I am the only technical person
on staff as the rest can barely use their iPhones.</P>
<h3>My technical support related education</h3>
<p>
Google <a href="https://www.coursera.org/account/accomplishments/professional-cert/9LZTXXTZSDJV">IT
Support Professional Certificate</a>
<BR> Topics include: system administration, cybersecurity, networking, troubleshooting and debugging
</p>
<P>IBM <a href="https://www.coursera.org/account/accomplishments/verify/U8M8E5Y7YQQB">Customer Engagement Specialist Professional Certificate</a>
<BR> Topics include: communication skills, handling different personalities, problem solving, and process control
</P>
<p>
Google <a href="https://www.coursera.org/account/accomplishments/professional-cert/NWFAAQPTAHCJ">IT Automation with
Python Professional Certificate</a>
<BR> Topics include: Advanced troubleshooting and debugging, code repositories, Python scripting and automation
</p>
<p>IBM <a href="https://www.coursera.org/account/accomplishments/specialization/V6TXWG7PCTKA">IT Fundamentals for
Cybersecurity specialization certificate</a>
<br> Topics include: classifying cyber attacks and cyber defence, compliance frameworks, system administration
</p>
<P>My first PC was a Commodore VIC-20, then Apple //e. I have worked in IT for a very long time. </P>
</div>
</section>
<section class="section" id="section4">
<div class="close-section">×</div>
<div class="demo-box">Data/base Engineer</div>
<div class="demo-box2" style="display:none">
<h3>My Data Science related qualifications</h3>
<p>
IBM <a href="https://www.coursera.org/account/accomplishments/professional-cert/V53AL32UTWAZ">Data Science Specialization
Certificate</a>
<br> Topics include: fundamentals, regression analysis, machine learning, using Jupyter Notebook and Python
</p>
<p>
IBM <a href="https://www.coursera.org/account/accomplishments/professional-cert/TLBXMUHSBR79"> Applied AI Specialization
Certificate</a>
<br> Artificial intelligence fundamentals, chatbot development, computer vision project, Watson project
</p>
<p>
Cloudera <a href="https://www.coursera.org/account/accomplishments/specialization/3ML9NP54B24N">Modern Big Data Analysis with SQL Specialization Certificate</a><br> Topics include: Big Data, SQL, Managing Cloud Storage and Clusters,
Query Tools and Caveats
</p>
</div>
</section>
<section class="section" id="section5">
<div class="close-section">×</div>
<div class="demo-box">Other Stuff</div>
<div class="demo-box2" style="display:none">
<P>I am a semi-professional short-article writer and blog article ghostwriter over with 100 articles on Hubpages.com and dozens of articles written for other sources</P>
<P>I have written and edited <a href="https://gamefaqs.gamespot.com/community/kschang77/contributions/faqs">over 60
game FAQs</a> that were read by millions of gamers in all genres, all backed by hours of playthroughs. <a href="https://gamefaqs.gamespot.com/community/kschang77">My GameFAQs user level is 37 "Sage"</a> -- highest non-staff level possible
</P>
<P>I helped bring down several online scams with my Google-fu and online blog. Two of those were US scams that involved about one BILLION dollars each. Another was a 175 million scam in California.</P>
<P>I am fluent in English, Mandarin Chinese, Cantonese, and pretty decent in Spanish</P>
<P>I help people online every day with translation, programming, webdev, writing, and other topics on reddit as /u/kschang
</P>
<P>I was a contributor (as Kasey K.S. Chang) to the official <a href="https://books.google.com/books?id=cbYf2l7gczUC&pg=PT5&lpg=PT5&dq=star+trek+encyclopedia+Kasey+K+S+Chang&source=bl&ots=lGtOB9m0Ut&sig=ACfU3U3xW_QFCsZHvlbFyxHrlCTIU3FTug&hl=en&sa=X&ved=2ahUKEwieyITCmdHoAhUCNKwKHTZpBhQQ6AEwAHoECAwQKQ#v=onepage&q=star%20trek%20encyclopedia%20Kasey%20K%20S%20Chang&f=false">Star
Trek Encyclopedia</a>. </P>
<P>I have completed my Agile / SCRUM training and is self-studying to get certified. </P>
<P>I am looking forward to get some technical certifications.</P>
</div>
</section>
<section class="section" id="section6">
<div class="close-section">×</div>
<div class="demo-box">Contact me</div>
<div class="demo-box2" style="display:none">
<ul class="big">
<li>
<a href="#"><i class="fas fa-phone-square-alt"></i><span class="text"> 1-415-413-8249</span></a>
</li>
<li>
<a href="#"><i class="fas fa-envelope-square"></i><span class="text">
[email protected]</span></a>
</li>
<li>
<a href="https://www.linkedin.com/in/kasey-chang">
<i class="fab fa-linkedin"></i>
<span class="text"> www.linkedin.com/in/kasey-chang</span></a>
</li>
<li>
<a href="https://github.com/kschang77"> <i class="fab fa-github-square"></i> github.com/kschang77
</span>
</a>
</li>
<li>
<a href="Resume-Kasey-Chang.pdf"> <i class="fas fa-file-pdf"></i> My resume (PDF)</span>
</a>
</li>
</ul>
</div>
</section>
</main>
<script>
var Boxlayout = (function() {
var wrapper = document.body,
sections = Array.from(document.querySelectorAll(".section")),
closeButtons = Array.from(document.querySelectorAll(".close-section")),
expandedClass = "is-expanded",
hasExpandedClass = "has-expanded-item";
return {
init: init
};
function init() {
_initEvents();
}
function _initEvents() {
sections.forEach(function(element) {
element.onclick = function() {
_openSection(this);
};
});
closeButtons.forEach(function(element) {
element.onclick = function(element) {
element.stopPropagation();
_closeSection(this.parentElement);
};
});
}
function _openSection(element) {
if (!element.classList.contains(expandedClass)) {
element.classList.add(expandedClass);
// var x = element
$(element).find(".demo-box").toggle();
$(element).find(".demo-box2").toggle();
wrapper.classList.add(hasExpandedClass);
}
}
function _closeSection(element) {
if (element.classList.contains(expandedClass)) {
element.classList.remove(expandedClass);
$(element).find(".demo-box").toggle();
$(element).find(".demo-box2").toggle();
wrapper.classList.remove(hasExpandedClass);
}
}
})();
Boxlayout.init();
</script>
</body>
</html>