diff --git a/assets/sass/main.scss b/assets/sass/main.scss index 4447d7d..a39fcc7 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -407,6 +407,31 @@ footer {// {{{ margin-right: 2em; } */// }}} +#resume { + a { + text-decoration: none; + &:hover { + text-decoration: underline; + } + } + + h1 { + color: $base-orange; + } + + h2 { + color: $base-yellow; + display: inline; + } + + p { + &.project-date { + float: right; + } + } + +} + // TODO: converted up to here // hero {{{ // @@ -517,23 +542,43 @@ h1.site-title {// {{{ // article.single {{{ // -article.single .meta { - font-size: 0.9em; - text-align: right; -} +article.single { + .meta { + font-size: 0.9em; + text-align: right; + margin-top: .5rem; + margin-bottom: .5rem; -article.single .meta .key { - color: #747369; -} + .key { + color: #747369; + } -article.single .meta .val, article.single .meta .val a { - color: #cc99cc; -} + .val { + color: #cc99cc; + + a { + color: #cc99cc; + } + } + + } + + .body { + padding-top: 1rem; + padding-bottom: 3rem; + } + + @media (max-width: $max-page-width) { + .meta { + padding-left: 2rem; + padding-right: 2rem; + } + + .body { + padding-top: .5rem; + padding-bottom: 1rem; + } -@media (max-width: $max-page-width) { - article.single .meta { - padding-left: 2rem; - padding-right: 2rem; } } @@ -550,18 +595,6 @@ article.single h1.headline { } } -article.single section.body { - padding-top: 4rem; - padding-bottom: 3rem; -} - -@media (max-width: $max-page-width) { - article.single section.body { - padding-top: 2rem; - padding-bottom: 1rem; - } -} - /* Highlight Colors */ article.single section.body h1 { color: #6699cc; } diff --git a/config.yaml b/config.yaml index 56e059d..39d7450 100644 --- a/config.yaml +++ b/config.yaml @@ -1,8 +1,9 @@ -baseURL: http://localhost:1313/ -# baseURL: https://kevin-mok.com/ +# baseURL: http://localhost:1313/ +baseURL: https://kevin-mok.com/ # baseURL: /home/kevin/coding/mf-site/public languageCode: en-us -title: Kevin Mok's Website +# title: Kevin Mok's Website +title: Kevin Mok # theme: base16 enableRobotsTXT: true pygmentsUseClassic: true @@ -16,9 +17,9 @@ menu: - name: resume url: /resume weight: 5 - - name: posts/ - url: /posts - weight: 6 + # - name: posts/ + # url: /posts + # weight: 6 # - name: credits # url: /credits # weight: 10 diff --git a/content/posts/outage-night.md b/content/posts/outage-night.md new file mode 100644 index 0000000..e8f097f --- /dev/null +++ b/content/posts/outage-night.md @@ -0,0 +1,26 @@ +--- +--- +- procrastinating on assignment + - want to play Pokemon randomizer + - upgrade compiler packages + - randomizer doesn't work + - boot to Windows +- Arch broke + - backup HD not working + - laptop wifi stopped working + - copy to USB + - extract and works + - pacman upgrade + - conflicting files + - finally work +- power outage + - go to bed + - lamp turns back on +- PC doesn't start + - try unplugging/battery 3-4 times + - about to go to bed + - try unplugging one last time + - turns back on +- kernel issues + - accidentally overwrite backup on USB + - don't want to wait for copy on laptop diff --git a/content/posts/wallpaper-playlist.md b/content/posts/wallpaper-playlist.md index f8bec3d..41ae34a 100644 --- a/content/posts/wallpaper-playlist.md +++ b/content/posts/wallpaper-playlist.md @@ -3,7 +3,33 @@ title: Wallpaper Playlist for pywal date: 2019-02-16T11:42:33-05:00 draft: false --- +Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod +tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At +vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, +no sea takimata sanctus est Lorem ipsum dolor sit amet. + +Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod +tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At +vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, +no sea takimata sanctus est Lorem ipsum dolor sit amet. + +Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod +tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At +vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, +no sea takimata sanctus est Lorem ipsum dolor sit amet. + +Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod +tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At +vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, +no sea takimata sanctus est Lorem ipsum dolor sit amet. + +Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod +tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At +vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, +no sea takimata sanctus est Lorem ipsum dolor sit amet. + {{< highlight sh >}} + #!/bin/bash shuffle_cache="shuffle.txt" @@ -18,6 +44,7 @@ function usage_msg() { EOF } +# parse for regen_flag{{{ while getopts ":r" opt; do case $opt in r) @@ -31,6 +58,9 @@ while getopts ":r" opt; do ;; esac done +#}}} + +# set dir {{{ # shift $((OPTIND-1)) # if no dir, use pwd @@ -43,12 +73,16 @@ else dir="$1" fi +# }}} set dir # + # rebuild shuffle cache if regen_flag, doesn't exist or file empty if [[ "$regen_flag" -eq 1 ]] || [[ ! -f "$dir"/"$shuffle_cache" ]] || \ - [[ $(wc -l "$dir"/"$shuffle_cache" | awk '{print $1}') -eq 0 ]]; then - find "$dir"/* ! -name "$shuffle_cache" -type f | shuf > \ - "$dir"/"$shuffle_cache" + [[ "$(head -n 1 "$dir"/"$shuffle_cache")" = "" ]]; then + find "$dir"/* ! -name "$shuffle_cache" -type f | shuf > "$dir"/"$shuffle_cache" fi head -n 1 "$dir"/"$shuffle_cache" printf '%s\n\n' "$(sed '1d' "$dir"/"$shuffle_cache")" > "$dir"/"$shuffle_cache" + +# vim: set tabstop=2 shiftwidth=2 expandtab: + {{< /highlight >}} diff --git a/content/resume/_index.md b/content/resume/_index.md index 582201a..2b02064 100644 --- a/content/resume/_index.md +++ b/content/resume/_index.md @@ -1,6 +1,79 @@ --- title: "Resume" date: 2019-02-11T07:50:51-05:00 -draft: true +draft: false --- -Test +{{% resume/section goal %}} + +To find an internship to fully dedicate myself that will test my limits, +provide the opportunity to gain valuable knowledge and experience and +jumpstart my career with a solid foundation. + + + +{{% resume/section projects %}} + + + +{{< resume/project-header name="Spotify Visualizer" url="https://github.com/Kevin-Mok/spotify-lib-vis" date="July 2018" >}} + +{{% resume/project-details %}} + +- Web app that scans your Spotify library using their API to produce [d3 + graphs][d3 graph examples] to visualize the artists, genres and features + of tracks in your library. +- Can also keep track of your listening history. Currently runs as a `cron` + job on my local machine to keep track of my own. +- Uses Django and PostgreSQL for back-end. + +[d3 graph examples]: https://github.com/d3/d3/wiki/Gallery + +{{% /resume/project-details %}} + + + + + +{{< resume/project-header name="ParsaFood" url="https://github.com/Kevin-Mok/ParsaFood" date="Feb. 2018" >}} + +{{% resume/project-details %}} +- Android app that reads ingredients labels and detects any dietary + restrictions/allergies. Came up with the idea based on + [personal experience][Parsafood motivation]. +- Made during the 24-hour [Platterz Hackathon][Platterz Hackathon event] in + a group with two other members. Came in 2nd place and won an + [Oculus Rift][Oculus Rift Amazon]. + +[Parsafood repo]: https://github.com/Kevin-Mok/ParsaFood +[Parsafood motivation]: https://github.com/Kevin-Mok/ParsaFood#motivation +[Platterz Hackathon event]: https://www.eventbrite.com/e/platterz-hackathon-tickets-42682237722 +[Oculus Rift Amazon]: https://www.amazon.ca/Oculus-Rift-Windows-VR-Headset/dp/B00VF0IXEY/ref=sr_1_1_sspa?ie=UTF8&qid=1520422949&sr=8-1-spons&keywords=oculus+rift&psc=1 +{{% /resume/project-details %}} + + + + + +{{< resume/project-header name="Grocery Finder" url="https://github.com/Kevin-Mok/grocery-finder" date="April 2019" >}} + +{{% resume/project-details %}} +- Proof of concept for a web app that finds the best supermarket for your needs. +- Took on role as project leader to prioritize and delegate tasks while + also implementing a majority of the core features. +- Responsive front-end using Bootstrap. Uses Node.js and MongoDB for back-end. +- Currently deployed on [Heroku][Grocery Finder Heroku]. + +[Grocery Finder Heroku]: http://www.grocery-finder.ml + +{{% /resume/project-details %}} + + + + +{{% /resume/section %}} + +{{% resume/section education %}} + +- **University of Toronto**: Computer Science Specialist