diff --git a/assets/sass/main.scss b/assets/sass/main.scss index 2e47b13..b5b9609 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -82,12 +82,15 @@ $phone-width: 800px; // general elements {{{ // -$background-color: #2d2d2d; +// $background-color: #2d2d2d; +// $color: #f2f0ec; +$background-color: white; +$color: black; body { margin: 0; background-color: $background-color; - color: #f2f0ec; + color: $color; line-height: 1.5; font-size: 100%; /* font-family: 'Source Code Pro', monospace; */ @@ -410,6 +413,29 @@ footer {// {{{ margin-right: 2em; } */// }}} +#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; @@ -463,15 +489,15 @@ h1.site-title {// {{{ text-decoration: none; } - @media (max-width: $max-page-width) { - font-size: 3em; - } - - @media (max-width: $phone-width) { + // @media (max-width: $max-page-width) { // font-size: 3em; - // font-size: 2.5em; - font-size: 2em; - } + // } + + // @media (max-width: $phone-width) { + // // font-size: 3em; + // // font-size: 2.5em; + // font-size: 2em; + // } }// }}} .hero-logo img { diff --git a/config.yaml b/config.yaml index 089748c..42ff125 100644 --- a/config.yaml +++ b/config.yaml @@ -17,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 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 e7d8f08..10487ee 100644 --- a/content/resume/_index.md +++ b/content/resume/_index.md @@ -1,7 +1,7 @@ --- title: "Resume" date: 2019-02-11T07:50:51-05:00 -draft: true +draft: false --- {{% resume/section overview %}} @@ -55,16 +55,33 @@ and experience and jumpstart my career with a solid foundation. {{% resume/project name="Grocery Finder" url="https://github.com/Kevin-Mok/grocery-finder" date="April 2019" %}} -- 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. +- 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. [Grocery Finder Heroku]: http://www.grocery-finder.ml {{% /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 %}} 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/ideas.md b/ideas.md index 10a6573..0d5e383 100644 --- a/ideas.md +++ b/ideas.md @@ -2,8 +2,8 @@ - resume - expand some projects by default - repo link (GitHub icon) beside each section - - picture/video links? - make links open in new tab + - picture/video links? - printable white version - upload PDF - JS to change CSS? @@ -29,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) diff --git a/layouts/partials/resume/contact-info.html b/layouts/partials/resume/contact-info.html new file mode 100644 index 0000000..d77f5c1 --- /dev/null +++ b/layouts/partials/resume/contact-info.html @@ -0,0 +1,16 @@ + +
+
+ smartphone-icon: + 647-685-2500 +
+
+ envelope-icon: + me@kevin-mok.com +
+
+ link-icon: + kevin-mok.com +
+
diff --git a/layouts/resume/section.html b/layouts/resume/section.html index a87c339..deaba81 100644 --- a/layouts/resume/section.html +++ b/layouts/resume/section.html @@ -2,6 +2,8 @@ {{ partial "base/site-title.html" . }} +{{ partial "resume/contact-info.html" . }} + {{ partial "base/base16-logo.html" . }}
diff --git a/layouts/shortcodes/resume/project.html b/layouts/shortcodes/resume/project.html index 20183ef..25f78b6 100644 --- a/layouts/shortcodes/resume/project.html +++ b/layouts/shortcodes/resume/project.html @@ -1,12 +1,17 @@
+ + --> +
{{ .Get "date" }}
-
+
{{ .Inner }}
diff --git a/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index df41a94..7cac5ce 100644 --- a/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -32,8 +32,8 @@ body { margin: 0; - background-color: #2d2d2d; - color: #f2f0ec; + background-color: white; + color: black; line-height: 1.5; font-size: 100%; /* font-family: 'Source Code Pro', monospace; */ @@ -296,6 +296,21 @@ footer a { .homepage .tag { margin-right: 2em; } */ +#contact-info { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + display: flex; + align-content: center; } + #contact-info div { + flex-grow: 1; + color: #d3d0c8; } + #contact-info div img { + height: 1em; } + #contact-info #email { + text-align: center; } + #contact-info #website { + text-align: right; } + #resume a { text-decoration: none; } #resume a:hover { @@ -335,12 +350,6 @@ h1.site-title { color: #66cccc; } h1.site-title a { text-decoration: none; } - @media (max-width: 52em) { - h1.site-title { - font-size: 3em; } } - @media (max-width: 800px) { - h1.site-title { - font-size: 2em; } } .hero-logo img { margin-top: 0.5rem; diff --git a/static/img/envelope.svg b/static/img/envelope.svg new file mode 100644 index 0000000..960f630 --- /dev/null +++ b/static/img/envelope.svg @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/img/link.svg b/static/img/link.svg new file mode 100644 index 0000000..a3d2ddb --- /dev/null +++ b/static/img/link.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/img/smartphone.svg b/static/img/smartphone.svg new file mode 100644 index 0000000..a5c0b4a --- /dev/null +++ b/static/img/smartphone.svg @@ -0,0 +1 @@ + \ No newline at end of file