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 }}
+
+
+
+