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 {{{ //
$background-color: #2d2d2d;
$color: #f2f0ec;
// $background-color: white;
// $color: black;
// $background-color: #2d2d2d;
// $color: #f2f0ec;
$background-color: white;
$color: black;
body {
margin: 0;
@@ -105,7 +105,8 @@ body {
color: $color;
line-height: 1.5;
// font-size: 100%;
font-size: 15px;
// font-size: 15px;
font-size: 20px;
/* font-family: 'Source Code Pro', monospace; */
font-family: 'Hack', monospace;
display: flex;
@@ -244,22 +245,22 @@ p {
margin-bottom: 1rem;
}
h1 {
font-size: 2rem;
// h1 {
// font-size: 2rem;
@media (max-width: $phone-width) {
font-size: 1.75rem;
}
}
h2 {
font-size: 1.5rem;
// @media (max-width: $phone-width) {
// font-size: 1.75rem;
// }
// }
// h2 {
// font-size: 1.5rem;
@media (max-width: $phone-width) {
font-size: 1.4rem;
}
}
// @media (max-width: $phone-width) {
// font-size: 1.4rem;
// }
// }
h3 { font-size: 1.25rem }
h4 { font-size: 1rem }
// h4 { font-size: 1rem }
h5 { font-size: .875rem }
h6 { font-size: .75rem }
@@ -474,6 +475,7 @@ header {// {{{
#print-icon {// {{{
float: right;
display: none;
img {
height: 1.75em;
@@ -492,6 +494,12 @@ header {// {{{
min-width: $max-page-width;
}
}
a {// {{{
text-decoration: none;
&:hover {
text-decoration: none;
}
}// }}}
font-size: .9em;
@@ -518,11 +526,11 @@ header {// {{{
margin-left: 5px;
// position: relative;
// left: -8px;
@media (max-width: $phone-width) {
// display: none;
// font-size: 10px;
font-size: .8em;
}
// @media (max-width: $phone-width) {
// // display: none;
// // font-size: 10px;
// font-size: .8em;
// }
}
}// }}}
@@ -537,45 +545,44 @@ header {// {{{
h1 {// {{{
color: $base-orange;
margin-top: 1rem;
margin-top: 1.3rem;
@media (max-width: $phone-width) {
margin-top: .75rem;
}
// @media (max-width: $phone-width) {
// margin-top: .75rem;
// }
}// }}}
h2 {// {{{
color: $base-orange;
margin-top: .5rem;
@media (max-width: $phone-width) {
font-size: 1.2em;
margin-top: .75rem;
}
// @media (max-width: $phone-width) {
// font-size: 1.2em;
// margin-top: .75rem;
// }
}// }}}
h4 {// {{{
color: $base-yellow;
margin-top: .5rem;
@media (max-width: $phone-width) {
font-size: 1.2em;
margin-top: .75rem;
}
// @media (max-width: $phone-width) {
// font-size: 1.2em;
// margin-top: .75rem;
// }
}// }}}
.date {// {{{
padding-top: .8em;
float: right;
color: $base03;
@media (max-width: $phone-width) {
padding-top: 0em;
}
// @media (max-width: $phone-width) {
// padding-top: 0em;
// }
}// }}}
#projects {// {{{
h1 {
margin-bottom: 3px;
}
// // h1 {
// // margin-bottom: 3px;
// // }
.project {// {{{
@include vert-padding-rem(.2);
@@ -589,6 +596,10 @@ header {// {{{
height: 1.2em;
}
.project-header {
margin-bottom: .6em;
}
.project-link {
&:hover {
text-decoration: none;
@@ -640,10 +651,10 @@ header {// {{{
}
}// }}}
@media (max-width: $phone-width) {
font-size: 14px;
// font-size: 1em;
}
// @media (max-width: $phone-width) {
// font-size: 14px;
// // font-size: 1em;
// }
}// }}}
@@ -715,20 +726,20 @@ h1.site-title {// {{{
text-decoration: none;
}
@media (max-width: $max-page-width) {
font-size: 3em;
}
// @media (max-width: $phone-width) {
// font-size: 3em;
// }
@media (max-width: $phone-width) {
font-size: 3.5em;
@include vert-margin-rem(.3);
// font-size: 2.5em;
// font-size: 2em;
// @media (max-width: $phone-width) {
// font-size: 3.5em;
// @include vert-margin-rem(.3);
// // font-size: 2.5em;
// // font-size: 2em;
.surrounding {
display: none;
}
}
// .surrounding {
// display: none;
// }
// }
}// }}}
.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"
show="true" %}}
- Scan tracks from user's library using Spotify API and organize data into
database.
- Scan tracks from user's library using Spotify API and organize data
into database.
- Created and tested various __PostgreSQL__ schemas to increase efficiency for
use cases.
- 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 }}} -->
<!--- 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 "Work Experience" %}}<!--- {{{ -->

8
content/resume/archived.txt
View File

@@ -1,17 +1,19 @@
<!--- Super ADA Bros. {{{ -->
{{% resume/project name="Super ADA Bros"
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.
- Able to played using only head movement by getting input from a
face-tracking script (**OpenCV**).
- 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 %}}

15
content/resume/printable.txt
View File

@@ -1,4 +1,13 @@
# Base
- bg colors
- site title max width
- switch project shortcode
- rm details top margin
- increase font size
- all phone width blocks
- 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://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='//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="{{ "css/style.css" | relURL }}" type="text/css">
{{ $main_sass := resources.Get "sass/main.scss" }}

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

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

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

@@ -1,23 +1,20 @@
<div class="project">
<div class="row project-header">
<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">
<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">
{{ .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.png" | relURL }}" alt="link-icon">
<!-- <img class="down-triangle" src="{{ "img/resume/down-triangle.png" | relURL }}" alt="link-icon"> -->
</h2>
</button>
</a>
</div>
<div class="col-4 text-right date">{{ .Get "date" }}</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>
{{ .Inner }}
</div>

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

Binary file not shown.