From 5dc495e825d111853c855f6f8da10501ef9a5bdc Mon Sep 17 00:00:00 2001 From: Kevin Mok Date: Tue, 30 Jul 2019 00:00:43 -0400 Subject: [PATCH] Initial resume, organize partials --- assets/sass/main.scss | 85 +++++++++++++------ config.yaml | 13 +-- content/posts/outage-night.md | 26 ++++++ content/posts/wallpaper-playlist.md | 40 ++++++++- content/resume/_index.md | 77 ++++++++++++++++- ideas.md | 18 ++++ layouts/404.html | 4 +- layouts/_default/list.html | 12 +-- layouts/_default/single.html | 12 +-- layouts/index.html | 12 +-- layouts/partials/{ => base}/article.html | 2 +- layouts/partials/{ => base}/base16-logo.html | 0 layouts/partials/{ => base}/footer.html | 0 layouts/partials/{ => base}/header.html | 1 + layouts/partials/{ => base}/nav-bar.html | 0 layouts/partials/{ => base}/site-title.html | 0 layouts/partials/{ => home}/about.html | 2 +- .../{ => home}/article-list-item.html | 0 layouts/partials/{ => home}/hero.html | 0 layouts/partials/{ => home}/homepage.html | 0 layouts/partials/{ => home}/me-equation.html | 0 layouts/partials/{ => home}/tagline.html | 0 layouts/resume/section.html | 13 ++- layouts/shortcodes/md.html | 2 + .../shortcodes/resume/project-details.html | 4 + layouts/shortcodes/resume/project-header.html | 2 + layouts/shortcodes/resume/section.html | 4 + ...s_f300667da4f5b5f84e1a9e0702b2fdde.content | 47 ++++++---- 28 files changed, 298 insertions(+), 78 deletions(-) create mode 100644 content/posts/outage-night.md rename layouts/partials/{ => base}/article.html (82%) rename layouts/partials/{ => base}/base16-logo.html (100%) rename layouts/partials/{ => base}/footer.html (100%) rename layouts/partials/{ => base}/header.html (97%) rename layouts/partials/{ => base}/nav-bar.html (100%) rename layouts/partials/{ => base}/site-title.html (100%) rename layouts/partials/{ => home}/about.html (88%) rename layouts/partials/{ => home}/article-list-item.html (100%) rename layouts/partials/{ => home}/hero.html (100%) rename layouts/partials/{ => home}/homepage.html (100%) rename layouts/partials/{ => home}/me-equation.html (100%) rename layouts/partials/{ => home}/tagline.html (100%) create mode 100644 layouts/shortcodes/md.html create mode 100644 layouts/shortcodes/resume/project-details.html create mode 100644 layouts/shortcodes/resume/project-header.html create mode 100644 layouts/shortcodes/resume/section.html 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
2017-2021
+ +{{% /resume/section %}} diff --git a/ideas.md b/ideas.md index c9c40e9..6128d07 100644 --- a/ideas.md +++ b/ideas.md @@ -1,12 +1,28 @@ # Large - resume + - make old proj's displayable + - spv + - screenshots + - setup instructions + - see if SoundCloud API still bad (TrapBot) + - ADA vid/pics + - lc setup + - image tagger? + - executable + - date on same line as project + - collapsible sections + - link to each section beside it - fix title + - collapsible sections + - more - printable version - JS to change CSS - list of things done with diff. langs. - add CSS grid layout - add tooltip saying responsive - articles (ideas) +- screenshots gallery + - infinite scroll - loop through URL sections - ask about most efficient way for custom layout for each section @@ -38,6 +54,8 @@ - SEO - add/redirect aliases - be more specific with robots.txt when have content +- create different size images for SVG + - https://www.sitepoint.com/svg-good-for-website-performance/ Break> {{{ > }}} diff --git a/layouts/404.html b/layouts/404.html index 2340809..9a94527 100644 --- a/layouts/404.html +++ b/layouts/404.html @@ -1,4 +1,4 @@ -{{ partial "header.html" . }} +{{ partial "base/header.html" . }}
@@ -13,4 +13,4 @@
-{{ partial "footer.html" . }} +{{ partial "base/footer.html" . }} diff --git a/layouts/_default/list.html b/layouts/_default/list.html index 844830f..db06e6a 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -1,17 +1,17 @@ -{{ partial "header.html" . }} +{{ partial "base/header.html" . }} -{{ partial "site-title.html" . }} +{{ partial "base/site-title.html" . }} -{{ partial "nav-bar.html" . }} +{{ partial "base/nav-bar.html" . }} -{{ partial "base16-logo.html" . }} +{{ partial "base/base16-logo.html" . }}

{{ .Title }}

{{ range .Data.Pages }} - {{ partial "article-list-item.html" . }} + {{ partial "home/article-list-item.html" . }} {{ end }}
-{{ partial "footer.html" . }} +{{ partial "base/footer.html" . }} diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 3bca744..bbca299 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -1,13 +1,13 @@ -{{ partial "header.html" . }} +{{ partial "base/header.html" . }} -{{ partial "site-title.html" . }} +{{ partial "base/site-title.html" . }} -{{ partial "nav-bar.html" . }} +{{ partial "base/nav-bar.html" . }} -{{ partial "base16-logo.html" . }} +{{ partial "base/base16-logo.html" . }}
- {{ partial "article.html" . }} + {{ partial "base/article.html" . }}
-{{ partial "footer.html" . }} +{{ partial "base/footer.html" . }} diff --git a/layouts/index.html b/layouts/index.html index 025829d..8f27eb5 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,13 +1,13 @@ -{{ partial "header.html" . }} +{{ partial "base/header.html" . }} -{{ partial "site-title.html" . }} +{{ partial "base/site-title.html" . }} -{{ partial "nav-bar.html" . }} +{{ partial "base/nav-bar.html" . }} -{{ partial "base16-logo.html" . }} +{{ partial "base/base16-logo.html" . }}
- {{ partial "about.html" . }} + {{ partial "home/about.html" . }}
-{{ partial "footer.html" . }} +{{ partial "base/footer.html" . }} diff --git a/layouts/partials/article.html b/layouts/partials/base/article.html similarity index 82% rename from layouts/partials/article.html rename to layouts/partials/base/article.html index aadd1a1..81eee4c 100644 --- a/layouts/partials/article.html +++ b/layouts/partials/base/article.html @@ -5,7 +5,7 @@ {{ if not .Page.Date.IsZero }} - + {{ end }} {{ with .Params.categories }} diff --git a/layouts/partials/base16-logo.html b/layouts/partials/base/base16-logo.html similarity index 100% rename from layouts/partials/base16-logo.html rename to layouts/partials/base/base16-logo.html diff --git a/layouts/partials/footer.html b/layouts/partials/base/footer.html similarity index 100% rename from layouts/partials/footer.html rename to layouts/partials/base/footer.html diff --git a/layouts/partials/header.html b/layouts/partials/base/header.html similarity index 97% rename from layouts/partials/header.html rename to layouts/partials/base/header.html index c829b31..41374b4 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/base/header.html @@ -12,6 +12,7 @@ {{ .Hugo.Generator }} + diff --git a/layouts/partials/nav-bar.html b/layouts/partials/base/nav-bar.html similarity index 100% rename from layouts/partials/nav-bar.html rename to layouts/partials/base/nav-bar.html diff --git a/layouts/partials/site-title.html b/layouts/partials/base/site-title.html similarity index 100% rename from layouts/partials/site-title.html rename to layouts/partials/base/site-title.html diff --git a/layouts/partials/about.html b/layouts/partials/home/about.html similarity index 88% rename from layouts/partials/about.html rename to layouts/partials/home/about.html index 46a0055..870c10b 100644 --- a/layouts/partials/about.html +++ b/layouts/partials/home/about.html @@ -7,5 +7,5 @@ target="_blank">FOSS/FLOSS.

-{{ partial "me-equation.html" . }} +{{ partial "home/me-equation.html" . }} diff --git a/layouts/partials/article-list-item.html b/layouts/partials/home/article-list-item.html similarity index 100% rename from layouts/partials/article-list-item.html rename to layouts/partials/home/article-list-item.html diff --git a/layouts/partials/hero.html b/layouts/partials/home/hero.html similarity index 100% rename from layouts/partials/hero.html rename to layouts/partials/home/hero.html diff --git a/layouts/partials/homepage.html b/layouts/partials/home/homepage.html similarity index 100% rename from layouts/partials/homepage.html rename to layouts/partials/home/homepage.html diff --git a/layouts/partials/me-equation.html b/layouts/partials/home/me-equation.html similarity index 100% rename from layouts/partials/me-equation.html rename to layouts/partials/home/me-equation.html diff --git a/layouts/partials/tagline.html b/layouts/partials/home/tagline.html similarity index 100% rename from layouts/partials/tagline.html rename to layouts/partials/home/tagline.html diff --git a/layouts/resume/section.html b/layouts/resume/section.html index b991c55..a87c339 100644 --- a/layouts/resume/section.html +++ b/layouts/resume/section.html @@ -1,8 +1,15 @@ -{{ partial "header.html" . }} +{{ partial "base/header.html" . }} -{{ partial "site-title.html" . }} +{{ partial "base/site-title.html" . }} -{{ partial "base16-logo.html" . }} +{{ partial "base/base16-logo.html" . }} +
+ {{ .Content }} +
+ + + + diff --git a/layouts/shortcodes/md.html b/layouts/shortcodes/md.html new file mode 100644 index 0000000..236077f --- /dev/null +++ b/layouts/shortcodes/md.html @@ -0,0 +1,2 @@ +{{ $_hugo_config := `{ "version": 1 }` }} +{{ .Inner }} diff --git a/layouts/shortcodes/resume/project-details.html b/layouts/shortcodes/resume/project-details.html new file mode 100644 index 0000000..f8cb378 --- /dev/null +++ b/layouts/shortcodes/resume/project-details.html @@ -0,0 +1,4 @@ +{{ $_hugo_config := `{ "version": 1 }` }} +
+ {{ .Inner | markdownify }} +
diff --git a/layouts/shortcodes/resume/project-header.html b/layouts/shortcodes/resume/project-header.html new file mode 100644 index 0000000..93bb41b --- /dev/null +++ b/layouts/shortcodes/resume/project-header.html @@ -0,0 +1,2 @@ +

{{ .Get "name" }}

+

{{ .Get "date" }}

diff --git a/layouts/shortcodes/resume/section.html b/layouts/shortcodes/resume/section.html new file mode 100644 index 0000000..77b3daf --- /dev/null +++ b/layouts/shortcodes/resume/section.html @@ -0,0 +1,4 @@ +
+

{{ .Get 0 | title }}

+ {{ .Inner }} +
diff --git a/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index dcbe91a..231cb2d 100644 --- a/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -296,6 +296,21 @@ footer a { .homepage .tag { margin-right: 2em; } */ +#resume a { + text-decoration: none; } + #resume a:hover { + text-decoration: underline; } + +#resume h1 { + color: #f99157; } + +#resume h2 { + color: #ffcc66; + display: inline; } + +#resume p.project-date { + float: right; } + h1.site-title { text-align: center; /* font-size: 3.5em; */ @@ -373,18 +388,27 @@ h1.site-title { article.single .meta { font-size: 0.9em; - text-align: right; } - -article.single .meta .key { - color: #747369; } + text-align: right; + margin-top: .5rem; + margin-bottom: .5rem; } + article.single .meta .key { + color: #747369; } + article.single .meta .val { + color: #cc99cc; } + article.single .meta .val a { + color: #cc99cc; } -article.single .meta .val, article.single .meta .val a { - color: #cc99cc; } +article.single .body { + padding-top: 1rem; + padding-bottom: 3rem; } @media (max-width: 52em) { article.single .meta { padding-left: 2rem; - padding-right: 2rem; } } + padding-right: 2rem; } + article.single .body { + padding-top: .5rem; + padding-bottom: 1rem; } } article.single h1.headline { margin-top: 0; @@ -396,15 +420,6 @@ article.single h1.headline { padding-left: 2rem; padding-right: 2rem; } } -article.single section.body { - padding-top: 4rem; - padding-bottom: 3rem; } - -@media (max-width: 52em) { - article.single section.body { - padding-top: 2rem; - padding-bottom: 1rem; } } - /* Highlight Colors */ article.single section.body h1 { color: #6699cc; }