diff --git a/.gitignore b/.gitignore index 59c74ce..f156bb0 100644 --- a/.gitignore +++ b/.gitignore @@ -1,5 +1,6 @@ -public/* -/* resources/_gen/* */ +public/ +/* _gen files required by Netlify */ +/* resources/_gen/ */ themes/base16* commit-msg.txt diff --git a/assets/sass/main.scss b/assets/sass/main.scss index a39fcc7..2e47b13 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -2,6 +2,7 @@ // base colors {{{ // +$base03: #747369; $base04: #a09f93; $base05: #d3d0c8; $base-red: #f2777a; @@ -81,9 +82,11 @@ $phone-width: 800px; // general elements {{{ // +$background-color: #2d2d2d; + body { margin: 0; - background-color: #2d2d2d; + background-color: $background-color; color: #f2f0ec; line-height: 1.5; font-size: 100%; @@ -407,7 +410,7 @@ footer {// {{{ margin-right: 2em; } */// }}} -#resume { +#resume {// {{{ a { text-decoration: none; &:hover { @@ -420,17 +423,27 @@ footer {// {{{ } h2 { - color: $base-yellow; + color: $base-sky-blue; display: inline; } - p { - &.project-date { - float: right; + .btn { + display: inline; + background-color: transparent; + margin-bottom: 5px; + + &:focus, &:active { + outline: none !important; + box-shadow: none; } } -} + .date { + float: right; + color: $base03; + } + +}// }}} // TODO: converted up to here diff --git a/content/resume/_index.md b/content/resume/_index.md index ff2edac..e7d8f08 100644 --- a/content/resume/_index.md +++ b/content/resume/_index.md @@ -3,69 +3,87 @@ title: "Resume" date: 2019-02-11T07:50:51-05:00 draft: true --- -{{% resume/section goal %}} +{{% resume/section overview %}} -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. +I am a 3rd year CS student and enthusiast of all things Linux +and FOSS. I am looking for an internship to fully dedicate myself to that +will test my abilities, provide the opportunity to gain valuable knowledge +and experience and jumpstart my career with a solid foundation. - +{{% /resume/section %}} {{% resume/section projects %}} -{{< resume/project-header name="Spotify Visualizer" url="https://github.com/Kevin-Mok/spotify-lib-vis" date="July 2018" >}} - -{{% resume/project-details %}} +{{% resume/project name="Spotify Visualizer" url="https://github.com/Kevin-Mok/spotify-lib-vis" date="July 2018" %}} -- 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. +- 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. +- Uses __Django__ and __PostgreSQL__ for back-end. [d3 graph examples]: https://github.com/d3/d3/wiki/Gallery -{{% /resume/project-details %}} +{{% /resume/project %}} -{{< resume/project-header name="ParsaFood" url="https://github.com/Kevin-Mok/ParsaFood" date="Feb. 2018" >}} +{{% resume/project 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]. +- **Android** app that reads ingredient labels and detects any dietary + restrictions/allergies. +- Made during a 24-hour [food-themed hackathon][Platterz Hackathon event] + in a group with two other members. Came in 2nd place and won + an [Oculus Rift][Oculus Rift Amazon]. +- Came up with the idea based on [personal experience][Parsafood motivation]. [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 %}} -{{< resume/project-header name="Grocery Finder" url="https://github.com/Kevin-Mok/grocery-finder" date="April 2019" >}} +{{% resume/project 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]. +- 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/project %}} + + + + + + +{{% 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 + uses ramps to get through the level. +- Able to played using only head movement by getting input from a + face-tracking script (**OpenCV**). +- 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 + +{{% /resume/project %}} @@ -74,6 +92,6 @@ jumpstart my career with a solid foundation. {{% resume/section education %}} -- **University of Toronto**: Computer Science Specialist
2017-2021
+- **University of Toronto**: Computer Science Specialist
2017-2021
{{% /resume/section %}} diff --git a/ideas.md b/ideas.md index 6128d07..10a6573 100644 --- a/ideas.md +++ b/ideas.md @@ -1,31 +1,25 @@ # Large - resume + - expand some projects by default + - repo link (GitHub icon) beside each section + - picture/video links? + - make links open in new tab + - printable white version + - upload PDF + - JS to change CSS? - make old proj's displayable - spv - screenshots - setup instructions - - see if SoundCloud API still bad (TrapBot) + - open SoundCloud issue about API - ADA vid/pics - - lc setup - - image tagger? + - 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 - JS snippets? - rewrite CSS in Sass - push to base16 repo @@ -57,9 +51,6 @@ - create different size images for SVG - https://www.sitepoint.com/svg-good-for-website-performance/ -Break> {{{ -> }}} - ## Archived - about/homepage - typing animation diff --git a/layouts/partials/base/header.html b/layouts/partials/base/header.html index 41374b4..8f2b02c 100644 --- a/layouts/partials/base/header.html +++ b/layouts/partials/base/header.html @@ -13,10 +13,14 @@ + + + + - + {{ $main_sass := resources.Get "sass/main.scss" }} {{ $main_style := $main_sass | resources.ToCSS }} diff --git a/layouts/partials/home/about.html b/layouts/partials/home/about.html index 870c10b..f27a3cd 100644 --- a/layouts/partials/home/about.html +++ b/layouts/partials/home/about.html @@ -1,8 +1,8 @@

Welcome to my site!

- I'm Kevin Mok - a 2nd year Computer Science - student at the University of Toronto, and I'm greatly interested in all things Linux and + I'm Kevin Mok - a 3rd year Computer Science student at the + University of Toronto, and I'm greatly interested in all things Linux and FOSS/FLOSS.

diff --git a/layouts/shortcodes/resume/project-details.html b/layouts/shortcodes/resume/project-details.html index f8cb378..b9dfd54 100644 --- a/layouts/shortcodes/resume/project-details.html +++ b/layouts/shortcodes/resume/project-details.html @@ -1,4 +1,4 @@ {{ $_hugo_config := `{ "version": 1 }` }}
- {{ .Inner | markdownify }} + {{ .Inner }}
diff --git a/layouts/shortcodes/resume/project-header.html b/layouts/shortcodes/resume/project-header.html deleted file mode 100644 index 93bb41b..0000000 --- a/layouts/shortcodes/resume/project-header.html +++ /dev/null @@ -1,2 +0,0 @@ -

{{ .Get "name" }}

-

{{ .Get "date" }}

diff --git a/layouts/shortcodes/resume/project.html b/layouts/shortcodes/resume/project.html new file mode 100644 index 0000000..20183ef --- /dev/null +++ b/layouts/shortcodes/resume/project.html @@ -0,0 +1,14 @@ +
+ +
{{ .Get "date" }}
+
+
+ {{ .Inner }} +
+
+
diff --git a/layouts/shortcodes/resume/section.html b/layouts/shortcodes/resume/section.html index 77b3daf..406310a 100644 --- a/layouts/shortcodes/resume/section.html +++ b/layouts/shortcodes/resume/section.html @@ -1,4 +1,4 @@

{{ .Get 0 | title }}

- {{ .Inner }} + {{ .Inner | markdownify }}
diff --git a/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 231cb2d..df41a94 100644 --- a/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -305,11 +305,20 @@ footer a { color: #f99157; } #resume h2 { - color: #ffcc66; + color: #66cccc; display: inline; } -#resume p.project-date { - float: right; } +#resume .btn { + display: inline; + background-color: transparent; + margin-bottom: 5px; } + #resume .btn:focus, #resume .btn:active { + outline: none !important; + box-shadow: none; } + +#resume .date { + float: right; + color: #747369; } h1.site-title { text-align: center;