diff --git a/assets/sass/main.scss b/assets/sass/main.scss index a828b09..915349a 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -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 { diff --git a/content/resume/_index.md b/content/resume/_index.md index 82acdef..65f7e70 100644 --- a/content/resume/_index.md +++ b/content/resume/_index.md @@ -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" %}} - - -{{% 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 %}} - - - - {{% /resume/section %}} {{% resume/section "Work Experience" %}} diff --git a/content/resume/archived.txt b/content/resume/archived.txt index 1e4a764..2b488aa 100644 --- a/content/resume/archived.txt +++ b/content/resume/archived.txt @@ -1,17 +1,19 @@ + {{% 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 %}} diff --git a/content/resume/printable.txt b/content/resume/printable.txt index fc6b784..991b5ec 100644 --- a/content/resume/printable.txt +++ b/content/resume/printable.txt @@ -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 diff --git a/layouts/partials/base/header.html b/layouts/partials/base/header.html index 8f2b02c..fd94f0c 100644 --- a/layouts/partials/base/header.html +++ b/layouts/partials/base/header.html @@ -18,7 +18,7 @@ - + {{ $main_sass := resources.Get "sass/main.scss" }} diff --git a/layouts/partials/resume/contact-info.html b/layouts/partials/resume/contact-info.html index da25999..c2cce55 100644 --- a/layouts/partials/resume/contact-info.html +++ b/layouts/partials/resume/contact-info.html @@ -9,7 +9,7 @@ -
+
Kev-Mok @@ -27,7 +27,7 @@
-
+
kevin-mok.com diff --git a/layouts/shortcodes/resume/project.html b/layouts/shortcodes/resume/project.html index b266bd8..909fce8 100644 --- a/layouts/shortcodes/resume/project.html +++ b/layouts/shortcodes/resume/project.html @@ -1,23 +1,20 @@
+ + + - link-icon - - +
{{ .Get "date" }}
-
- +
{{ .Inner }}
diff --git a/static/kevin-mok-resume.pdf b/static/kevin-mok-resume.pdf index 1e63e55..288040b 100644 Binary files a/static/kevin-mok-resume.pdf and b/static/kevin-mok-resume.pdf differ