-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
341 lines (310 loc) · 18.8 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
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kenneth Estanislao - Solutions Architect & Project Manager</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.0.0/css/all.min.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Montserrat:wght@400;500;600;700&display=swap');
body {
font-family: 'Roboto', sans-serif;
color: #2d3748;
line-height: 1.6;
background-color: #f7fafc;
}
h1, h2, h3, h4 {
font-family: 'Montserrat', sans-serif;
}
.page-container {
max-width: 210mm;
margin: 0 auto;
background: white;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
padding: 2rem;
}
.section {
margin-bottom: 1.5rem;
page-break-inside: avoid;
}
.timeline-item {
border-left: 2px solid #3182ce;
padding-left: 1.5rem;
position: relative;
margin-bottom: 1.5rem;
}
.timeline-item::before {
content: '';
position: absolute;
width: 12px;
height: 12px;
border-radius: 50%;
background: #3182ce;
left: -7px;
top: 6px;
}
.skill-tag {
display: inline-block;
background: #ebf4ff;
color: #2c5282;
border-radius: 4px;
padding: 0.25rem 0.75rem;
margin: 0.25rem;
font-size: 0.875rem;
}
.achievement {
position: relative;
padding-left: 1.5rem;
margin-bottom: 0.5rem;
}
.achievement::before {
content: '•';
position: absolute;
left: 0.5rem;
color: #3182ce;
font-weight: bold;
}
.header-line {
height: 4px;
background: linear-gradient(90deg, #3182ce 0%, #63b3ed 100%);
margin: 0.5rem 0 1.5rem 0;
}
@media print {
body {
background: white;
margin: 0;
padding: 0;
font-size: 10pt; /* Adjust font size for print */
}
.page-container {
box-shadow: none;
padding: 1cm; /* Add some padding for printing */
margin: 0;
max-width: none;
width: 100%;
}
.print-hidden {
display: none;
}
h1 { font-size: 28pt; }
h2 { font-size: 16pt; }
h3 { font-size: 12pt; }
/* Ensure long URLs wrap */
a {
word-break: break-all;
}
}
</style>
</head>
<body class="py-8">
<div class="page-container">
<!-- Header Section -->
<header class="section">
<div class="flex flex-col md:flex-row justify-between items-start md:items-center">
<div>
<h1 class="text-4xl font-bold text-blue-700">Kenneth Estanislao</h1>
<h2 class="text-xl text-gray-600 mt-1">Solutions Architect / Project Manager</h2>
</div>
<div class="mt-3 md:mt-0 text-gray-600 text-right">
<p><i class="fas fa-phone mr-2"></i>(+63) 9088905585</p>
<p><i class="fas fa-envelope mr-2"></i>kenneth.estanislao@gmail.com</p>
<p><i class="fas fa-map-marker-alt mr-2"></i>Cainta, Rizal, Philippines</p>
</div>
</div>
<div class="header-line"></div>
<div class="flex flex-wrap justify-between items-center text-gray-700">
<div class="w-full md:w-auto mb-2 md:mb-0"><i class="fas fa-briefcase mr-2"></i><strong>Experience:</strong> 20+ years</div>
<div class="w-full md:w-auto mb-2 md:mb-0"><i class="fas fa-graduation-cap mr-2"></i><strong>Education:</strong> BS Computer Science</div>
<div class="w-full md:w-auto mb-2 md:mb-0"><i class="fas fa-globe mr-2"></i><strong>Language:</strong> English (Advanced)</div>
<!-- Print Button -->
<div class="w-full md:w-auto mt-2 md:mt-0 print-hidden">
<button onclick="window.print()" class="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700 transition duration-200">
<i class="fas fa-print mr-2"></i>Print / Save as PDF
</button>
</div>
</div>
</header>
<!-- Professional Summary -->
<section class="section">
<h2 class="text-2xl font-semibold text-blue-700 border-b border-gray-300 pb-1 mb-3">Professional Summary</h2>
<p class="mb-4">
Results-driven Solutions Architect and Project Manager with over 20 years of experience in designing, implementing, and optimizing enterprise-level solutions. Proven track record of increasing performance, reducing costs, and introducing innovative technologies like AI and machine learning, including spearheading highly visible open-source projects. Driven by a deep passion for technology and innovation, consistently embraces complex challenges as opportunities to push boundaries and demonstrate the transformative potential of technology. Skilled in managing technical teams and creating roadmaps for digital transformation.
</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-4">
<div>
<h3 class="text-lg font-medium text-blue-700 mb-2">Key Achievements</h3>
<ul class="pl-1">
<li class="achievement">Optimized client app performance by 300%</li>
<li class="achievement">Reduced file server infrastructure costs by 90%</li>
<li class="achievement">Introduced 10+ AI and machine learning products</li>
<li class="achievement">Increased site speed by 500% and profits by 150%</li>
<li class="achievement">Managed teams of up to 20+ developers across platforms</li>
<li class="achievement">Created and maintain <a href="https://github.com/hacksider/Deep-Live-Cam" target="_blank" rel="noopener noreferrer" class="text-blue-600 hover:underline font-medium">DeepLiveCam</a>, a pioneering real-time AI modification project; one of GitHub's largest AI repositories with 50k+ stars, achieving significant global visibility and trending status.
</ul>
</div>
<div>
<h3 class="text-lg font-medium text-blue-700 mb-2">Core Competencies</h3>
<ul class="pl-1">
<li class="achievement">Enterprise & Solutions Architecture</li>
<li class="achievement">Cloud Infrastructure (AWS, Azure, GCP)</li>
<li class="achievement">Software Development & Optimization</li>
<li class="achievement">AI / Machine Learning Implementation</li>
<li class="achievement">Data Modeling & Analysis</li>
<li class="achievement">Team Leadership & Project Management</li>
</ul>
</div>
</div>
</section>
<!-- Technical Skills -->
<section class="section">
<h2 class="text-2xl font-semibold text-blue-700 border-b border-gray-300 pb-1 mb-3">Technical Skills</h2>
<div class="flex flex-wrap">
<div class="skill-tag"><i class="fas fa-cloud mr-1"></i>AWS</div>
<div class="skill-tag"><i class="fas fa-cloud mr-1"></i>Azure</div>
<div class="skill-tag"><i class="fas fa-cloud mr-1"></i>Google Cloud</div>
<div class="skill-tag"><i class="fas fa-code mr-1"></i>Python</div>
<div class="skill-tag"><i class="fas fa-code mr-1"></i>NodeJS</div>
<div class="skill-tag"><i class="fas fa-code mr-1"></i>PHP</div>
<div class="skill-tag"><i class="fas fa-brain mr-1"></i>AI / Machine Learning</div>
<div class="skill-tag"><i class="fas fa-database mr-1"></i>PostgreSQL</div>
<div class="skill-tag"><i class="fas fa-database mr-1"></i>MySQL</div>
<div class="skill-tag"><i class="fas fa-database mr-1"></i>Oracle</div>
<div class="skill-tag"><i class="fas fa-database mr-1"></i>MSSQL</div>
<div class="skill-tag"><i class="fas fa-sitemap mr-1"></i>Solutions Architecture</div>
<div class="skill-tag"><i class="fas fa-sitemap mr-1"></i>Software Architecture</div>
<div class="skill-tag"><i class="fas fa-sitemap mr-1"></i>Enterprise Architecture</div>
<div class="skill-tag"><i class="fas fa-chart-bar mr-1"></i>Data Analysis</div>
<div class="skill-tag"><i class="fas fa-chart-line mr-1"></i>Data Modeling</div>
<div class="skill-tag"><i class="fas fa-tasks mr-1"></i>Project Management</div>
<div class="skill-tag"><i class="fas fa-sync-alt mr-1"></i>Agile</div>
<div class="skill-tag"><i class="fab fa-github mr-1"></i>Open Source Contribution</div>
</div>
</section>
<!-- Professional Experience -->
<section class="section">
<h2 class="text-2xl font-semibold text-blue-700 border-b border-gray-300 pb-1 mb-4">Professional Experience</h2>
<!-- Sunlife -->
<div class="timeline-item">
<div class="flex flex-col md:flex-row justify-between">
<h3 class="text-xl font-semibold">Solutions Architect</h3>
<p class="font-medium text-gray-600">Nov 2018 – Present</p>
</div>
<p class="text-blue-600 italic mb-2">Sunlife Financial | National Capital Region, Philippines</p>
<ul class="pl-1 mt-2">
<li class="achievement">Optimized client application loading speed by 300%</li>
<li class="achievement">Reduced file server infrastructure costs by 90%</li>
<li class="achievement">Introduced AI and machine learning applications across the organization</li>
<li class="achievement">Created multiple services that became part of the common API</li>
<li class="achievement">Developed and implemented 10+ innovative products including generative AI solutions</li>
</ul>
</div>
<!-- Outsourced.ph -->
<div class="timeline-item">
<div class="flex flex-col md:flex-row justify-between">
<h3 class="text-xl font-semibold">Solutions Architect / Project Manager</h3>
<p class="font-medium text-gray-600">Apr 2014 – Oct 2018</p>
</div>
<p class="text-blue-600 italic mb-2">Outsourced.ph | National Capital Region, Philippines</p>
<ul class="pl-1 mt-2">
<li class="achievement">Created the Noteabout Social Network platform from the ground up</li>
<li class="achievement">Implemented server applications and infrastructure optimization</li>
<li class="achievement">Designed software architecture for iOS, Web, and Android applications</li>
<li class="achievement">Managed distributed server infrastructure across multiple data centers</li>
<li class="achievement">Led a team of 20+ developers across iOS, Web, and Android platforms</li>
</ul>
</div>
<!-- 24/7 International - UNILAB -->
<div class="timeline-item">
<div class="flex flex-col md:flex-row justify-between">
<h3 class="text-xl font-semibold">Solutions Architect</h3>
<p class="font-medium text-gray-600">Jun 2012 – Apr 2014</p>
</div>
<p class="text-blue-600 italic mb-2">24/7 International - UNILAB</p>
<ul class="pl-1 mt-2">
<li class="achievement">Led team of 7 developers in eCommerce development initiatives</li>
<li class="achievement">Pioneered open source development at UNILAB</li>
<li class="achievement">Built enterprise-level eCommerce platforms for both internal and external use</li>
<li class="achievement">Managed LAMP stack server administration</li>
<li class="achievement">Developed all UNILAB websites</li>
</ul>
</div>
<!-- Moonline Corp -->
<div class="timeline-item">
<div class="flex flex-col md:flex-row justify-between">
<h3 class="text-xl font-semibold">Solutions Architect / Project Manager</h3>
<p class="font-medium text-gray-600">Sep 2011 – Jun 2012</p>
</div>
<p class="text-blue-600 italic mb-2">Moonline Corp - Cashcashpinoy</p>
<ul class="pl-1 mt-2">
<li class="achievement">Increased site speed by 500% through infrastructure optimization</li>
<li class="achievement">Boosted company profits by more than 150% through technical improvements</li>
<li class="achievement">Established foundational server and hardware infrastructure</li>
<li class="achievement">Managed cloud computing, security, and email server operations</li>
<li class="achievement">Executed data migration and optimization projects</li>
</ul>
</div>
<!-- C&E Publishing -->
<div class="timeline-item">
<div class="flex flex-col md:flex-row justify-between">
<h3 class="text-xl font-semibold">Solutions Architect</h3>
<p class="font-medium text-gray-600">Jan 2009 – Sep 2011</p>
</div>
<p class="text-blue-600 italic mb-2">C&E Publishing</p>
<ul class="pl-1 mt-2">
<li class="achievement">Developed corporate portal and managed external web servers</li>
<li class="achievement">Created automated form builder system</li>
<li class="achievement">Built multiple eCommerce sites: CEBookshop.com, Dolcelatte.ph</li>
<li class="achievement">Developed educational platforms: CELearning.ph, MedResource.com.ph</li>
</ul>
</div>
<!-- Previous Experience Summary -->
<div class="timeline-item">
<div class="flex flex-col md:flex-row justify-between">
<h3 class="text-xl font-semibold">Earlier Career Progression</h3>
<p class="font-medium text-gray-600">1999 – 2009</p>
</div>
<p class="text-blue-600 italic mb-2">Various Organizations</p>
<ul class="pl-1 mt-2">
<li class="achievement"><strong>PHoutsource (2008-2009):</strong> Senior Web Developer/Project Manager - Developed 50+ websites, increased company productivity by 300%</li>
<li class="achievement"><strong>Net2globe (2006-2008):</strong> Senior Web Developer - Created e-commerce and e-learning platforms</li>
<li class="achievement"><strong>Netobjects (2002-2004):</strong> Template Designer - Created web templates using CSS/HTML/Flash</li>
<li class="achievement"><strong>Freelance (1999-2004):</strong> Web Designer - Developed websites using ASP/HTML/CSS and Flash animation</li>
</ul>
</div>
</section>
<!-- Highlighted Project -->
<section class="section">
<h2 class="text-2xl font-semibold text-blue-700 border-b border-gray-300 pb-1 mb-3">Highlighted Open Source Project</h2>
<div class="mb-4">
<h3 class="text-xl font-semibold text-blue-600">DeepLiveCam - Real-time AI Video Modification</h3>
<p class="mt-1 text-gray-700">
Creator and maintainer of DeepLiveCam, a highly acclaimed open-source project enabling real-time AI modification of video streams. This project showcases advanced skills in AI/ML implementation, Python development, and managing large-scale, community-driven software initiatives.
</p>
<ul class="pl-1 mt-2">
<li class="achievement">Gained massive popularity, becoming one of GitHub's largest AI repositories with over 50,000 stars.</li>
<li class="achievement">Achieved significant global visibility, trending on GitHub and featured in various tech communities.</li>
<li class="achievement">Demonstrates practical application of cutting-edge AI techniques in a real-world, high-performance scenario.</li>
<li class="achievement">
<strong>Project Repository:</strong>
<a href="https://github.com/hacksider/Deep-Live-Cam" target="_blank" rel="noopener noreferrer" class="text-blue-600 hover:underline font-medium">github.com/hacksider/Deep-Live-Cam</a>
</li>
<!-- If there's a dedicated website besides GitHub, add it here -->
<!--
<li class="achievement">
<strong>Project Website:</strong>
<a href="[Your DeepLiveCam Website URL]" target="_blank" rel="noopener noreferrer" class="text-blue-600 hover:underline font-medium">[Your DeepLiveCam Website URL]</a>
</li>
-->
</ul>
</div>
</section>
<!-- Footer Section -->
<footer class="mt-8 pt-4 border-t border-gray-300 text-center text-gray-600 text-sm">
<p>This resume was professionally designed to highlight Kenneth Estanislao's 20+ years of experience in Solutions Architecture, Project Management, and AI innovation.</p>
</footer>
</div>
<!-- Simple script for Print functionality -->
<!-- The window.print() function is now called directly from the button's onclick attribute -->
</body>
</html>