diff --git a/.gitignore b/.gitignore
index 59c74ce..480bc72 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..dc5edf6 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,10 +82,15 @@ $phone-width: 800px;
// general elements {{{ //
+$background-color: #2d2d2d;
+$color: #f2f0ec;
+// $background-color: white;
+// $color: black;
+
body {
margin: 0;
- background-color: #2d2d2d;
- color: #f2f0ec;
+ background-color: $background-color;
+ color: $color;
line-height: 1.5;
font-size: 100%;
/* font-family: 'Source Code Pro', monospace; */
@@ -407,7 +413,40 @@ footer {// {{{
margin-right: 2em;
} */// }}}
-#resume {
+#print-icon {// {{{
+ float: right;
+
+ img {
+ height: 1.75em;
+ position: relative;
+ top: 1em;
+ }
+}// }}}
+
+#contact-info {// {{{
+ @include vert-padding-rem(0.5);
+ display: flex;
+ align-content: center;
+
+ div {
+ flex-grow: 1;
+ color: $base05;
+
+ img {
+ height: 1em;
+ }
+ }
+
+ #email {
+ text-align: center;
+ }
+
+ #website {
+ text-align: right;
+ }
+}// }}}
+
+#resume {// {{{
a {
text-decoration: none;
&:hover {
@@ -419,18 +458,47 @@ footer {// {{{
color: $base-orange;
}
- h2 {
- color: $base-yellow;
- display: inline;
+ .date {
+ float: right;
+ color: $base03;
}
- p {
- &.project-date {
- float: right;
+ .project {
+ @include vert-padding-rem(.2);
+
+ h2 {
+ color: $base-sky-blue;
+ display: inline;
}
+
+ img {
+ height: 1.2em;
+ }
+
+ .project-link {
+ &:hover {
+ text-decoration: none;
+ }
+ }
+
+ .btn {
+ display: inline;
+ background-color: transparent;
+ margin-bottom: 5px;
+ padding-left: 7px;
+
+ &:focus, &:active {
+ outline: none !important;
+ box-shadow: none;
+ }
+ }
+
+ // [id^="details-"] {
+ // margin-top: .5em;
+ // }
}
-}
+}// }}}
// TODO: converted up to here
diff --git a/content/posts/outage-night.md b/content/posts/outage-night.md
index e8f097f..f9ec917 100644
--- a/content/posts/outage-night.md
+++ b/content/posts/outage-night.md
@@ -1,4 +1,7 @@
---
+title: "Outage Night"
+date: 2019-02-11T07:50:51-05:00
+draft: true
---
- procrastinating on assignment
- want to play Pokemon randomizer
diff --git a/content/posts/server-apps.md b/content/posts/server-apps.md
new file mode 100644
index 0000000..a4bd1af
--- /dev/null
+++ b/content/posts/server-apps.md
@@ -0,0 +1,14 @@
+---
+title: "Server Apps"
+date: 2019-09-03T12:31:45-04:00
+draft: true
+---
+- Baikal
+- Gitea
+- Synapse
+- Taskserver
+- haste-server
+- liteshort
+- personal site
+- spv
+- twem
diff --git a/content/posts/wallpaper-playlist.md b/content/posts/wallpaper-playlist.md
index 41ae34a..2bcb56d 100644
--- a/content/posts/wallpaper-playlist.md
+++ b/content/posts/wallpaper-playlist.md
@@ -1,7 +1,7 @@
---
title: Wallpaper Playlist for pywal
date: 2019-02-16T11:42:33-05:00
-draft: false
+draft: true
---
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
diff --git a/content/resume/_index.md b/content/resume/_index.md
index 2b02064..d968bf1 100644
--- a/content/resume/_index.md
+++ b/content/resume/_index.md
@@ -3,69 +3,109 @@ title: "Resume"
date: 2019-02-11T07:50:51-05:00
draft: false
---
-{{% 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" show="true" %}}
-- 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"
+show="true" %}}
-{{% 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-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
+{{% resume/project name="Grocery Finder"
+url="https://github.com/Kevin-Mok/grocery-finder" date="April 2019"
+show="true" %}}
+
+- Proof of concept for a web app that finds the best supermarket for
+ your needs based on the total price of your cart items and distance
+ form you.
+- Responsive front-end using **Bootstrap**. Uses **Node.js** and
+ **MongoDB** for back-end.
+- Currently deployed on [**Heroku**][Grocery Finder Heroku].
+- 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/project %}}
+
+
+
+
+
+{{% resume/project name="TrapBot"
+url="https://github.com/Kevin-Mok/TrapBot" date="March 2018" %}}
+
+- reddit bot that looks for comments with song names and responds with
+ their respective SoundCloud links.
+- Received positive feedback from users who saw the bot's posts.
+- Uses __Python__ API wrappers for SoundCloud and reddit.
+
+{{% /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 +114,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/content/resume/archived.txt b/content/resume/archived.txt
new file mode 100644
index 0000000..1e4a764
--- /dev/null
+++ b/content/resume/archived.txt
@@ -0,0 +1,20 @@
+
+
+{{% 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 %}}
+
+
+
+
diff --git a/content/resume/printable.txt b/content/resume/printable.txt
new file mode 100644
index 0000000..fc6b784
--- /dev/null
+++ b/content/resume/printable.txt
@@ -0,0 +1,4 @@
+- bg colors
+- site title max width
+- switch project shortcode
+- rm details top margin
diff --git a/ideas.md b/ideas.md
index 6128d07..0d5e383 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
+ - make links open in new tab
+ - picture/video links?
+ - 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
@@ -35,6 +29,8 @@
# Medium
- socials in footer
- icons
+ - GitHub
+ - Fosstodon
- email
- tooltip pop-up with email and clipboard button/link
- [Pure CSS Tooltips](https://www.youtube.com/watch?v=hAeQ8CqrGDY)
@@ -57,9 +53,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/resume/contact-info.html b/layouts/partials/resume/contact-info.html
new file mode 100644
index 0000000..2719103
--- /dev/null
+++ b/layouts/partials/resume/contact-info.html
@@ -0,0 +1,15 @@
+