Kevin-Mok/my-site
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Resume: PDF, update printable

Browse Source
This commit is contained in:
Kevin Mok
2019-10-05 05:45:36 -04:00
parent 2bedc77f1b
commit e9ce8bd5d1
8 changed files with 97 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

127
assets/sass/main.scss
View File

@@ -94,10 +94,10 @@ $phone-width: 800px;
// general elements {{{ // // general elements {{{ //
$background-color: #2d2d2d; // $background-color: #2d2d2d;
$color: #f2f0ec; // $color: #f2f0ec;
// $background-color: white; $background-color: white;
// $color: black; $color: black;
body { body {
margin: 0; margin: 0;
@@ -105,7 +105,8 @@ body {
color: $color; color: $color;
line-height: 1.5; line-height: 1.5;
// font-size: 100%; // font-size: 100%;
font-size: 15px; // font-size: 15px;
font-size: 20px;
/* font-family: 'Source Code Pro', monospace; */ /* font-family: 'Source Code Pro', monospace; */
font-family: 'Hack', monospace; font-family: 'Hack', monospace;
display: flex; display: flex;
@@ -244,22 +245,22 @@ p {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
h1 { // h1 {
font-size: 2rem; // font-size: 2rem;
@media (max-width: $phone-width) { // @media (max-width: $phone-width) {
font-size: 1.75rem; // font-size: 1.75rem;
} // }
} // }
h2 { // h2 {
font-size: 1.5rem; // font-size: 1.5rem;
@media (max-width: $phone-width) { // @media (max-width: $phone-width) {
font-size: 1.4rem; // font-size: 1.4rem;
} // }
} // }
h3 { font-size: 1.25rem } h3 { font-size: 1.25rem }
h4 { font-size: 1rem } // h4 { font-size: 1rem }
h5 { font-size: .875rem } h5 { font-size: .875rem }
h6 { font-size: .75rem } h6 { font-size: .75rem }
@@ -474,6 +475,7 @@ header {// {{{
#print-icon {// {{{ #print-icon {// {{{
float: right; float: right;
display: none;
img { img {
height: 1.75em; height: 1.75em;
@@ -492,6 +494,12 @@ header {// {{{
min-width: $max-page-width; min-width: $max-page-width;
} }
} }
a {// {{{
text-decoration: none;
&:hover {
text-decoration: none;
}
}// }}}
font-size: .9em; font-size: .9em;
@@ -518,11 +526,11 @@ header {// {{{
margin-left: 5px; margin-left: 5px;
// position: relative; // position: relative;
// left: -8px; // left: -8px;
@media (max-width: $phone-width) { // @media (max-width: $phone-width) {
// display: none; // // display: none;
// font-size: 10px; // // font-size: 10px;
font-size: .8em; // font-size: .8em;
} // }
} }
}// }}} }// }}}
@@ -537,45 +545,44 @@ header {// {{{
h1 {// {{{ h1 {// {{{
color: $base-orange; color: $base-orange;
margin-top: 1rem; margin-top: 1.3rem;
@media (max-width: $phone-width) { // @media (max-width: $phone-width) {
margin-top: .75rem; // margin-top: .75rem;
} // }
}// }}} }// }}}
h2 {// {{{ h2 {// {{{
color: $base-orange; color: $base-orange;
margin-top: .5rem; margin-top: .5rem;
@media (max-width: $phone-width) { // @media (max-width: $phone-width) {
font-size: 1.2em; // font-size: 1.2em;
margin-top: .75rem; // margin-top: .75rem;
} // }
}// }}} }// }}}
h4 {// {{{ h4 {// {{{
color: $base-yellow; color: $base-yellow;
margin-top: .5rem; margin-top: .5rem;
@media (max-width: $phone-width) { // @media (max-width: $phone-width) {
font-size: 1.2em; // font-size: 1.2em;
margin-top: .75rem; // margin-top: .75rem;
} // }
}// }}} }// }}}
.date {// {{{ .date {// {{{
padding-top: .8em;
float: right; float: right;
color: $base03; color: $base03;
@media (max-width: $phone-width) { // @media (max-width: $phone-width) {
padding-top: 0em; // padding-top: 0em;
} // }
}// }}} }// }}}
#projects {// {{{ #projects {// {{{
h1 { // // h1 {
margin-bottom: 3px; // // margin-bottom: 3px;
} // // }
.project {// {{{ .project {// {{{
@include vert-padding-rem(.2); @include vert-padding-rem(.2);
@@ -589,6 +596,10 @@ header {// {{{
height: 1.2em; height: 1.2em;
} }
.project-header {
margin-bottom: .6em;
}
.project-link { .project-link {
&:hover { &:hover {
text-decoration: none; text-decoration: none;
@@ -640,10 +651,10 @@ header {// {{{
} }
}// }}} }// }}}
@media (max-width: $phone-width) { // @media (max-width: $phone-width) {
font-size: 14px; // font-size: 14px;
// font-size: 1em; // // font-size: 1em;
} // }
}// }}} }// }}}
@@ -715,20 +726,20 @@ h1.site-title {// {{{
text-decoration: none; text-decoration: none;
} }
@media (max-width: $max-page-width) { // @media (max-width: $phone-width) {
font-size: 3em; // font-size: 3em;
} // }
@media (max-width: $phone-width) { // @media (max-width: $phone-width) {
font-size: 3.5em; // font-size: 3.5em;
@include vert-margin-rem(.3); // @include vert-margin-rem(.3);
// font-size: 2.5em; // // font-size: 2.5em;
// font-size: 2em; // // font-size: 2em;
.surrounding { // .surrounding {
display: none; // display: none;
} // }
} // }
}// }}} }// }}}
.hero-logo img { .hero-logo img {

25
content/resume/_index.md
View File

@@ -39,8 +39,8 @@ full-stack web dev, DevOps or system administration.
url="https://github.com/Kevin-Mok/spotify-lib-vis" date="June 2018 — July 2018" url="https://github.com/Kevin-Mok/spotify-lib-vis" date="June 2018 — July 2018"
show="true" %}} show="true" %}}
- Scan tracks from user's library using Spotify API and organize data into - Scan tracks from user's library using Spotify API and organize data
database. into database.
- Created and tested various __PostgreSQL__ schemas to increase efficiency for - Created and tested various __PostgreSQL__ schemas to increase efficiency for
use cases. use cases.
- Produce bubble chart and (stacked) bar chart in [**d3** graphs][d3 graph examples] - Produce bubble chart and (stacked) bar chart in [**d3** graphs][d3 graph examples]
@@ -133,27 +133,6 @@ url="https://kevin-mok.com/server/" date="Aug. 2019—present" %}}
<!--- DigitalOcean Droplet }}} --> <!--- DigitalOcean Droplet }}} -->
<!--- Super ADA Bros. {{{ -->
{{% resume/project name="Super ADA Bros"
url="https://github.com/Kevin-Mok/SuperADABros" date="May 2019" %}}
- Designed clone of Super Mario Bros 1-1, but Mario is mobility-impaired and
uses ramps to get through the level.
- Uses **OpenCV** to track player's head movement which is then translated to
in-game movement. [Video Demo]
- Implemented in [**Godot**][Godot site], an open-source game engine.
- Made during a 24-hour [accessibility-themed hackathon][PC Hacks event].
[PC Hacks event]: https://pchacks19.devpost.com/
[Godot site]: https://godotengine.org
[Video Demo]: https://youtu.be/vRdENLGrBqM
{{% /resume/project %}}
<!--- Grocery Finder }}} -->
{{% /resume/section %}}<!--- }}} --> {{% /resume/section %}}<!--- }}} -->
{{% resume/section "Work Experience" %}}<!--- {{{ --> {{% resume/section "Work Experience" %}}<!--- {{{ -->

8
content/resume/archived.txt
View File

@@ -1,17 +1,19 @@
<!--- Super ADA Bros. {{{ --> <!--- Super ADA Bros. {{{ -->
{{% resume/project name="Super ADA Bros" {{% resume/project name="Super ADA Bros"
url="https://github.com/Kevin-Mok/SuperADABros" date="May 2019" %}} url="https://github.com/Kevin-Mok/SuperADABros" date="May 2019" %}}
- Clone of Super Mario Bros 1-1, but Mario is mobility-impaired and - Designed clone of Super Mario Bros 1-1, but Mario is mobility-impaired and
uses ramps to get through the level. uses ramps to get through the level.
- Able to played using only head movement by getting input from a - Uses **OpenCV** to track player's head movement which is then translated to
face-tracking script (**OpenCV**). in-game movement. [Video Demo]
- Implemented in [**Godot**][Godot site], an open-source game engine. - Implemented in [**Godot**][Godot site], an open-source game engine.
- Made during a 24-hour [accessibility-themed hackathon][PC Hacks event]. - Made during a 24-hour [accessibility-themed hackathon][PC Hacks event].
[PC Hacks event]: https://pchacks19.devpost.com/ [PC Hacks event]: https://pchacks19.devpost.com/
[Godot site]: https://godotengine.org [Godot site]: https://godotengine.org
[Video Demo]: https://youtu.be/vRdENLGrBqM
{{% /resume/project %}} {{% /resume/project %}}

15
content/resume/printable.txt
View File

@@ -1,4 +1,13 @@
# Base
- bg colors - bg colors
- site title max width - increase font size
- switch project shortcode - all phone width blocks
- rm details top margin - reset header sizes
- comment out font CSS stylesheet
- hide print icon
- right margin for social icons
# Project
- remove expand icon and link
- rm ADA Bros.
- show all sections by default

2
layouts/partials/base/header.html
View File

@@ -18,7 +18,7 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700" type="text/css"> --> <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700" type="text/css"> -->
<link rel='stylesheet' href='//cdn.jsdelivr.net/npm/hack-font@3.3.0/build/web/hack-subset.css'> <!-- <link rel='stylesheet' href='//cdn.jsdelivr.net/npm/hack-font@3.3.0/build/web/hack-subset.css'> -->
<!-- <link rel="stylesheet" href="https://meyerweb.com/eric/tools/css/reset/reset.css" type="text/css" media="all" /> --> <!-- <link rel="stylesheet" href="https://meyerweb.com/eric/tools/css/reset/reset.css" type="text/css" media="all" /> -->
<link rel="stylesheet" href="{{ "css/style.css" | relURL }}" type="text/css"> <link rel="stylesheet" href="{{ "css/style.css" | relURL }}" type="text/css">
{{ $main_sass := resources.Get "sass/main.scss" }} {{ $main_sass := resources.Get "sass/main.scss" }}

4
layouts/partials/resume/contact-info.html
View File

@@ -9,7 +9,7 @@
</span> </span>
</a> </a>
</div> </div>
<div id="linkedin" class="col text-right"> <div id="linkedin" class="col text-right mr-3">
<a href="https://www.linkedin.com/in/Kev-Mok"> <a href="https://www.linkedin.com/in/Kev-Mok">
<span class="url-info"> <span class="url-info">
Kev-Mok Kev-Mok
@@ -27,7 +27,7 @@
</span> </span>
</a> </a>
</div> </div>
<div id="website" class="col text-right"> <div id="website" class="col text-right mr-3">
<a href="https://kevin-mok.com/"> <a href="https://kevin-mok.com/">
<span class="url-info"> <span class="url-info">
kevin-mok.com kevin-mok.com

15
layouts/shortcodes/resume/project.html
View File

@@ -1,23 +1,20 @@
<div class="project"> <div class="project">
<div class="row project-header"> <div class="row project-header">
<div class="col-8 text-left"> <div class="col-8 text-left">
<!-- <a class="project-link" href="{{ .Get "url" }}" target="_blank"> -->
<!-- <img src="{{ "img/resume/link.svg" | relURL }}" alt="link-icon"> -->
<!-- </a> -->
<a class="project-link" href="{{ .Get "url" }}" target="_blank"> <a class="project-link" href="{{ .Get "url" }}" target="_blank">
<img src="{{ "img/resume/link.svg" | relURL }}" alt="link-icon">
</a>
<button class="btn" type="button" data-toggle="collapse"
data-target="#{{ .Get "name" | lower | urlize }}-details"
aria-expanded="false" aria-controls="{{ .Get "name" | lower | urlize }}-details">
<h2 class="project-title"> <h2 class="project-title">
{{ .Get "name" }} {{ .Get "name" }}
<!-- <img class="down-triangle" src="{{ "img/resume/down-triangle.svg" | relURL }}" alt="link-icon"> --> <!-- <img class="down-triangle" src="{{ "img/resume/down-triangle.svg" | relURL }}" alt="link-icon"> -->
<img class="down-triangle" src="{{ "img/resume/down-triangle.png" | relURL }}" alt="link-icon"> <!-- <img class="down-triangle" src="{{ "img/resume/down-triangle.png" | relURL }}" alt="link-icon"> -->
</h2> </h2>
</button> </a>
</div> </div>
<div class="col-4 text-right date">{{ .Get "date" }}</div> <div class="col-4 text-right date">{{ .Get "date" }}</div>
</div> </div>
<div class="collapse{{ with .Get "show" }} show{{ end }}" id="{{ .Get "name" | lower | urlize }}-details"> <div class="show" id="{{ .Get "name" | lower | urlize }}-details">
<!-- <div class="show" id="{{ .Get "name" | lower | urlize }}-details"> -->
<div> <div>
{{ .Inner }} {{ .Inner }}
</div> </div>

BIN
static/kevin-mok-resume.pdf
View File

Binary file not shown.