Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
@k2levin
k2levin committed Jan 21, 2024
1 parent 01d34f8 commit c142139
Show file tree
Hide file tree
Showing 4 changed files with 46 additions and 25 deletions.
Binary file added image/laravel_cert.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
31 changes: 18 additions & 13 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,13 +9,13 @@
integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<link rel="stylesheet" href="styles.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<title>KEVIN KHEW FAN KWANG</title>
<title>Kevin Khew Fan Kwang</title>
</head>

<body>
<div id="app">
<div class="top-panel">
<img v-bind:src="profile.img_url" v-bind:alt="profile.img_alt">
<img :src="profile.img_url" :alt="profile.img_alt">
<h1>{{ profile.name }}</h1>
<p>
<i class="fas fa-laptop-code"></i>&nbsp;{{ profile.position }}&nbsp;&nbsp;|&nbsp;&nbsp;
Expand All @@ -38,9 +38,9 @@ <h3><i class="fas fa-tools"></i>&nbsp;SKILLS</h3>
<div class="inside-right-panel">
<div class="right-profile">
<h3><i class="fas fa-user"></i>&nbsp;PROFILE</h3>
<p><i class="fab fa-linkedin"></i>&nbsp;<a v-bind:href="profile.linkedin" target="_blank">{{ profile.linkedin }}</a></p>
<p><i class="fab fa-stack-overflow"></i>&nbsp;<a v-bind:href="profile.stackoverflow" target="_blank">{{ profile.stackoverflow }}</a></p>
<p><i class="fab fa-github"></i>&nbsp;<a v-bind:href="profile.github" target="_blank">{{ profile.github }}</a></p>
<p><i class="fab fa-linkedin"></i>&nbsp;<a :href="profile.linkedin" target="_blank">{{ profile.linkedin }}</a></p>
<p><i class="fab fa-stack-overflow"></i>&nbsp;<a :href="profile.stackoverflow" target="_blank">{{ profile.stackoverflow }}</a></p>
<p><i class="fab fa-github"></i>&nbsp;<a :href="profile.github" target="_blank">{{ profile.github }}</a></p>
</div>

<hr>
Expand All @@ -49,7 +49,7 @@ <h3><i class="fas fa-user"></i>&nbsp;PROFILE</h3>
<h3><i class="fas fa-briefcase"></i>&nbsp;EMPLOYMENT HISTORY</h3>
<div v-for="(employment, index) in employments">
<h4 v-html="employment.title"></h4>
<img v-bind:src="employment.img_url" v-bind:alt="employment.img_alt">
<img :src="employment.img_url" :alt="employment.img_alt">
<p class="date" v-html="employment.date"></p>
<p v-html="employment.description"></p>
<br>
Expand All @@ -62,8 +62,10 @@ <h4 v-html="employment.title"></h4>
<div class="right-education">
<h3><i class="fas fa-graduation-cap"></i>&nbsp;EDUCATION</h3>
<div v-for="education in educations">
<h4 v-html="education.title"></h4>
<img v-bind:src="education.img_url" v-bind:alt="education.img_alt">
<a :href="education.link" target="_blank">
<h4>{{ education.title }}</h4>
<img :src="education.img_url" :alt="education.img_alt">
</a>
<p class="date" v-html="education.date"></p>
<p v-html="education.description"></p>
</div>
Expand All @@ -73,10 +75,13 @@ <h4 v-html="education.title"></h4>

<div class="right-certification">
<h3><i class="fas fa-scroll"></i>&nbsp;CERTIFICATIONS</h3>
<div v-for="certification in certifications">
<img v-bind:src="certification.img_url" v-bind:alt="certification.img_alt">
<h4 v-html="certification.title"></h4>
<p class="date" v-html="certification.date"></p>
<div v-for="cert in certifications">
<a :href="cert.link" target="_blank">
<img :src="cert.img_url" :alt="cert.img_alt" class="img-zoom-2"
:class="{ 'img-zoom-5': cert.title === 'Laravel Certified Developer' }">
<h4>{{ cert.title }}</h4>
</a>
<p class="date" v-html="cert.date"></p>
<br>
</div>
</div>
Expand All @@ -86,7 +91,7 @@ <h4 v-html="certification.title"></h4>
<div class="right-reference">
<h3><i class="fas fa-id-card"></i>&nbsp;REFERENCES</h3>
<div v-for="reference in references">
<p><strong>{{ reference.name }}</strong>&nbsp;-&nbsp;<a v-bind:href="reference.linkedin_url" target="_blank">{{ reference.linkedin_url }}</a></p>
<p><strong>{{ reference.name }}</strong>&nbsp;-&nbsp;<a :href="reference.link" target="_blank">{{ reference.link }}</a></p>
</div>
</div>
</div>
Expand Down
32 changes: 20 additions & 12 deletions kevin_khew.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,11 @@
"status": "success",
"data": {
"profile": {
"name": "KEVIN KHEW FAN KWANG",
"name": "Kevin Khew Fan Kwang",
"img_url": "./image/kevinkhew.png",
"img_alt": "kevinkhew",
"position": "DevSecFinBizOps",
"country": "MALAYSIA",
"country": "Malaysia",
"email": "[email protected]",
"linkedin": "https://linkedin.com/in/kevin-khew",
"stackoverflow": "https://stackoverflow.com/cv/k2levin",
Expand Down Expand Up @@ -92,48 +92,56 @@
],
"education": [
{
"title": "<a href=\"http://www.utar.edu.my\" target=\"_blank\">UNIVERSITY OF TUNKU ABDUL RAHMAN (UTAR)</a>, PETALING JAYA",
"title": "UNIVERSITY OF TUNKU ABDUL RAHMAN (UTAR)",
"description": "<strong>Degree: Bachelor's Degree of Engineering</strong><br />Course name: Computer Engineering",
"link": "https://www.utar.edu.my",
"img_url": "./image/utar.png",
"img_alt": "utar",
"date": "May 2006 &rarr; Dec 2009"
}
],
"certification": [
{
"title": "<a href=\"https://www.credly.com/badges/8ec13863-1d07-4c02-a7dc-3d98aef33b75\" target=\"_blank\">AWS Certified Cloud Practitioner</a>",
"title": "AWS Certified Cloud Practitioner",
"description": "",
"link": "https://www.credly.com/badges/8ec13863-1d07-4c02-a7dc-3d98aef33b75",
"img_url": "./image/aws_clf.png",
"img_alt": "aws_certified_cloud_practitioner",
"date": "Jul 2022 &rarr; Sep 2025"
},
{
"title": "<a href=\"https://www.credly.com/badges/f70076a8-5865-4f33-a47d-844246b03640\" target=\"_blank\">AWS Certified Solutions Architect - Associate</a>",
"title": "AWS Certified Solutions Architect - Associate",
"description": "",
"link": "https://www.credly.com/badges/f70076a8-5865-4f33-a47d-844246b03640",
"img_url": "./image/aws_saa.png",
"img_alt": "aws_certified_solutions_architect_associate",
"date": "Aug 2022 &rarr; Aug 2025"
},
{
"title": "<a href=\"https://www.credly.com/badges/35a35152-a287-407d-8547-fa6438aa800a\" target=\"_blank\">AWS Certified Developer - Associate</a>",
"title": "AWS Certified Developer - Associate",
"description": "",
"link": "https://www.credly.com/badges/35a35152-a287-407d-8547-fa6438aa800a",
"img_url": "./image/aws_dva.png",
"img_alt": "aws_certified_developer_associate",
"date": "Sep 2022 &rarr; Sep 2025"
},
{
"title": "Laravel Certified Developer",
"description": "",
"link": "https://exam.laravelcert.com/is/kevin-khew-fan-kwang/certified-since/2022-02-20",
"img_url": "./image/laravel_cert.png",
"img_alt": "laravel_certified_developer",
"date": "Feb 2022"
}
],
"reference": [
{
"name": "Francis Pang",
"linkedin_url": "https://www.linkedin.com/in/francis-pang-5569569b/"
},
{
"name": "Jeremy Hor",
"linkedin_url": "https://www.linkedin.com/in/jeremyhor/"
"link": "https://www.linkedin.com/in/jeremyhor/"
},
{
"name": "Ogbemudia Terry Osayawe",
"linkedin_url": "https://www.linkedin.com/in/terdia/"
"link": "https://www.linkedin.com/in/terdia/"
}
]
}
Expand Down
8 changes: 8 additions & 0 deletions styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -76,6 +76,14 @@ p.profile {
color : gray;
}

.img-zoom-2:hover {
transform: scale(2);
}

.img-zoom-5:hover {
transform: scale(5);
}

@media all {
.page-break {
display: none;
Expand Down

0 comments on commit c142139

Please sign in to comment.