-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
196 lines (180 loc) · 11.2 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
---
---
<!DOCTYPE html>
<html>
<head>
<title>Christina Mak</title>
<meta charset="utf-8"/>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Architects+Daughter" rel="stylesheet">
<script src="https://use.fontawesome.com/e019ff47dd.js"></script>
<link rel="stylesheet" type="text/css" href="main.css">
<link rel="icon" href="/images/favicon.ico" />
<!-- Segment -->
<script>
!function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on"];analytics.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);analytics.push(e);return analytics}};for(var t=0;t<analytics.methods.length;t++){var e=analytics.methods[t];analytics[e]=analytics.factory(e)}analytics.load=function(t){var e=document.createElement("script");e.type="text/javascript";e.async=!0;e.src=("https:"===document.location.protocol?"https://":"http://")+"cdn.segment.com/analytics.js/v1/"+t+"/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)};analytics.SNIPPET_VERSION="4.0.0";
analytics.load("qpSi8rVHWKiVLzg7kuQpUEn0NC20fHvi");
analytics.page();
}}();
</script>
</head>
<body>
<header>
</header>
<section class="jumbotron">
<div class="container">
<h1>Christina Mak</h1>
</div>
</section>
<section class="container col-lg-10 col-md-12">
<div class="col-12 text-center">
<p>I am currently a software engineer at IBM in Austin, Texas.
<br>I graduated from the University of California San Diego in June 2018 with a bachelor's degree in computer science and minor in design.</p>
<a href="Mak_Christina_Resume.pdf" class="btn btn-secondary">View Resume</a>
</div>
<h2>Work Experience</h2>
<div class="card blogBox moreBox">
<div class="card-block" id="work-ibm">
<h4 class="card-title">Software Engineer at IBM</h4>
<h6 class="card-subtitle mb-2 text-muted">Austin, Texas</h6>
<h6 class="card-subtitle mb-2 text-muted">November 2018 – Present</h6>
<ul class="card-list">
<li>Developed user interfaces in React for cloud services</li>
<li>Facilated adoption of IBM Cloud <a href="https://www.ibm.com/cloud/security-and-compliance-center" class="text-link" target="_blank">Security and Compliance Center</a></li>
<li>Worked in IBM Cloud <a href="https://www.ibm.com/cloud/app-id" class="text-link" target="_blank">App ID</a> and <a href="https://www.ibm.com/cloud/data-shield" class="text-link" target="_blank">Data Shield</a> teams</li>
<li>Developed features for Node.js and Java microservices</li>
<li>Automated build processes with Tekton, Jenkins, and IBM Cloud Functions</li>
<li>Utilized Kubernetes, Docker, and IBM Cloud services</li>
</ul>
</div>
</div>
<div class="card blogBox moreBox" style="display: none;">
<div class="card-block blogBox moreBox" id="work-td">
<h4 class="card-title">Software Engineer Intern at Teradata</h4>
<h6 class="card-subtitle mb-2 text-muted">San Diego, California</h6>
<h6 class="card-subtitle mb-2 text-muted">June 2018 – September 2018</h6>
<ul class="card-list">
<li>Worked in <a href="https://www.teradata.com/Products/Ecosystem-Management/IntelliSphere/Data-Stream-Architecture" class="text-link" target="_blank">Data Stream Architecture</a> Client Development team</li>
<li>Designed and implemented Java client service program to automatically configure network information</li>
<li>Implemented REST API functionality with Java</li>
<li>Wrote Java unit tests with TestNG</li>
</ul>
</div>
</div>
<div class="card blogBox moreBox" style="display: none;">
<div class="card-block" id="work-tutor">
<h4 class="card-title">UC San Diego CSE 112 Tutor</h4>
<h6 class="card-subtitle mb-2 text-muted">La Jolla, California</h6>
<h6 class="card-subtitle mb-2 text-muted">April 2018 – June 2018</h6>
<ul class="card-list">
<li>Worked as tutor for <a href="https://cse.ucsd.edu/undergraduate/courses/course-descriptions/cse-112-advanced-software-engineering" class="text-link" target="_blank">Advanced Software Engineering</a> in the CSE Department</li>
<li>Held weekly discussion section and office hours</li>
<li>Organized logistics for 140 students and provide feedback on student progress</li>
</ul>
</div>
</div>
<div class="card blogBox moreBox" style="display: none;">
<div class="card-block" id="work">
<h4 class="card-title">Software Engineer Intern at Visa</h4>
<h6 class="card-subtitle mb-2 text-muted">Foster City, California</h6>
<h6 class="card-subtitle mb-2 text-muted">June 2017 – September 2017</h6>
<ul class="card-list">
<li>Worked in Network Processing: Clearing and Settlement</li>
<li>Created ASP.NET web application to keep track of settlement currency holidays to calculate the value date of funds transfers</li>
<li>Redesigned user interface with Bootstrap, HTML, CSS</li>
<li>Built RESTful web services with Windows Communication Foundation</li>
<li>Wrote SQL queries to retrieve, create, and delete holiday data</li>
<li>Automated holiday data retrieval using a vendor subscription file</li>
</ul>
</div>
</div>
<!-- <div id="loadMore"> -->
<div class="col-12 text-center">
<div class="btn btn-secondary" id="loadMore">
<a href="#">View More</a>
</div>
</div>
<br>
<h2>Projects</h2>
{% raw %}
<script id="entry-template" type="text/x-handlebars-template">
<div class="col-xl-4 col-lg-6 col-md-12 d-lg-flex align-items-stretch">
<div class="project" id="project{{index}}">
<div class="card">
<div class="card-block">
<img class="card-img-top" src="{{projectImg}}" alt="project image">
<h4 class="card-title">{{title}}</h4>
<h6 class="card-subtitle mb-2 text-muted">{{subtitle}}</h6>
<p class="card-text">{{description}}</p>
</div>
<div class="card-footer" id="cards{{index}}"></div>
</div>
</div>
</div>
</script>
{% endraw %}
<div class="card-deck row justify-content-center" id="templatedProjects">
</div>
<h2>Blog</h2>
<div class="card-deck row justify-content-center">
{% for post in site.posts %}
<div class="col-lg-6 col-md-12 d-lg-flex align-items-stretch">
<div class="project">
<div class="card">
<div class="card-block">
<img class="card-img-top" src="{{post.image}}" alt="post image">
<h4 class="card-title">{{post.title}}</h4>
<h6 class="card-subtitle mb-2 text-muted">{{post.subtitle}}</h6>
<p class="card-text">{{post.lead}}</p>
<div class="card-footer"><a href="{{ post.url }}" class="btn btn-primary" role="button">Read more</a></div>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Email</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<a href="mailto:[email protected]">[email protected]</a>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</section>
<footer class="container col-lg-10 col-md-12">
<div class="row">
<p class="col-sm-4">© 2022 Christina Mak</p>
<ul class="col-sm-8">
<li class="col-lg-1 col-md-2 col-sm-2 col-xs-2">
<a href="https://github.com/ChristinaMak"><i class="fa fa-github fa-4x"></i></a>
</li>
<li class="col-lg-1 col-md-2 col-sm-2 col-xs-2">
<a href="https://www.linkedin.com/in/christina-y-mak"><i class="fa fa-linkedin fa-4x"></i></a>
</li>
<li class="col-lg-1 col-md-2 col-sm-2 col-xs-2" data-toggle="modal" data-target="#exampleModal">
<i class="fa fa-envelope fa-4x"></i>
</li>
</ul>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.7.7/handlebars.min.js" integrity="sha512-RNLkV3d+aLtfcpEyFG8jRbnWHxUqVZozacROI4J2F1sTaDqo1dPQYs01OMi1t1w9Y2FdbSCDSQ2ZVdAC8bzgAg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js" integrity="sha512-aVKKRRi/Q/YV+4mjoKBsE4x3H+BkegoM/em46NNlCqNTmUYADjBbeNefNxYV7giUp0VxICtqdrbqU7iVaeZNXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.11.6/umd/popper.min.js" integrity="sha512-6UofPqm0QupIL0kzS/UIzekR73/luZdC6i/kXDbWnLOJoqwklBK6519iUnShaYceJ0y4FaiPtX/hRnV/X/xlUQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-IDwe1+LCz02ROU9k972gdyvl+AESN10+x7tBKgc9I5HFtuNz0wWnPclzo6p9vxnk" crossorigin="anonymous"></script>
<script src="js/loadmore.js"></script>
<script src="js/projects.js"></script>
</body>
</html>