Copy resume CSS

Fix for Hugo v0.101.0
Twitter/reddit social + reordering
2022-09-07 11:33:10 -04:00 · 2022-09-03 14:14:04 -04:00 · 2020-05-31 14:50:31 -04:00 · 2020-05-04 19:11:21 -04:00 · 2019-10-25 04:03:32 -04:00 · 2019-10-07 22:48:32 -04:00
33 changed files with 670 additions and 249 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -3,5 +3,8 @@ public/
 resources/_gen/
 themes/base16*

+*.pdf
+
 commit-msg.txt
+.hugo_build.lock
 static/server-apps.json
--- a/.gitmodules
+++ b/.gitmodules
@@ -0,0 +1,7 @@
+[submodule "content/letter"]
+	path = content/letter
+	url = ssh://git@git.kevin-mok.com:399/Kevin-Mok/cover-letters.git
+	branch = master
+[submodule "static/pdf"]
+	path = static/pdf
+	url = ssh://git@git.kevin-mok.com:399/Kevin-Mok/resume-pdf.git
--- a/assets/sass/main.scss
+++ b/assets/sass/main.scss
@@ -2,6 +2,7 @@

 //  base colors {{{ // 

+$base02: #515151;
 $base03: #747369;
 $base04: #a09f93;
 $base05: #d3d0c8; 
@@ -34,30 +35,36 @@ $base-dark-orange: #d27b53;

 //  mixins {{{ // 

-$max-page-width: 52em;
+// $max-page-width: 52em;
+$max-page-width: 45em;
 $phone-width: 800px;

-@mixin side-padding-rem($n) {
+@mixin side-padding-rem($n) {// {{{
  padding-left: $n * 1rem;
  padding-right: $n * 1rem;
-}
+}// }}}

-@mixin vert-padding-rem($n) {
+@mixin side-margin-em($n) {// {{{
+  margin-left: $n * 1em;
+  margin-right: $n * 1em;
+}// }}}
+
+@mixin vert-padding-rem($n) {// {{{
  padding-top: $n * 1rem;
  padding-bottom: $n * 1rem;
-}
+}// }}}

-@mixin vert-margin-em($n) {
-  margin-top: $n * 1em;
-  margin-bottom: $n * 1em;
-}
+@mixin vert-margin-rem($n) {// {{{
+  margin-top: $n * 1rem;
+  margin-bottom: $n * 1rem;
+}// }}}

-@mixin auto-center() {
+@mixin auto-center() {// {{{
  margin-left: auto;
  margin-right: auto;
-}
+}// }}}

-@mixin article-body() {
+@mixin article-body() {// {{{
  /* background-color: #e6e6fa; */
  background-color: #cbbeb5;
  color: #2d2d2d;
@@ -69,9 +76,9 @@ $phone-width: 800px;
  @media (max-width: $max-page-width) {
    @include side-padding-rem(2);
  }
-}
+}// }}}

-@mixin a-color($color) {
+@mixin a-color($color) {// {{{
  a {
    color: $color;
    &:visited {
@@ -81,23 +88,25 @@ $phone-width: 800px;
      color: $color;
    }
  }
-}
+}// }}}

 //  }}} mixins // 

 //  general elements {{{ // 

-$background-color: #2d2d2d;
-$color: #f2f0ec;
-// $background-color: white;
-// $color: black;
+// $background-color: #2d2d2d;
+// $color: #f2f0ec;
+$background-color: white;
+$color: black;

 body {
  margin: 0;
  background-color: $background-color;
  color: $color;
  line-height: 1.5;
-  font-size: 100%;
+  // font-size: 100%;
+  // font-size: 15px;
+  font-size: 20px;
  /* font-family: 'Source Code Pro', monospace; */
  font-family: 'Hack', monospace;
  display: flex;
@@ -153,41 +162,66 @@ header {
 }

 footer {
+  //  base {{{ // 
+  
+  @include a-color(#747369);
+  // background-color: #393939;
+  // max-width: $max-page-width;
  margin-top: 2rem;
-  margin-bottom: 1rem;
+  $vertical-margin: .2em;
  text-align: center;
-  font-size: 0.9em;
+  font-size: 0.8em;
  color: #747369;
  // bottom: 0;
  // position: absolute;
  // width: 100%;
  
-  .container {
-    background-color: #393939;
-    max-width: 62em;
+  //  }}} base // 
+
+  .container {// {{{
+    // max-width: $max-page-width;
+    // min-width: $max-page-width;
    @include auto-center();
-    @include vert-padding-rem(.1);
-  }
+    // @include vert-padding-rem(.1);
+    @include side-padding-rem(0);

-  $vertical-margin: .2em;
-
-  #copyright {
-    position: relative;
-    top: 2px;
-    @include a-color(#747369);
-  }
-
-  #social-icons {
-    position: relative;
-    padding-left: 3px;
-
-    img {
-      height: 1.5em;
-      @include vert-margin-em(.2);
-      padding-left: .5em;
-      opacity: .6;
+    #footer-row {
+      // background-color: #393939;
    }
-  }
+
+    #footer-content {
+      $side-padding: 2.5em;
+      @include vert-padding-rem(.35);
+      border-style: solid;
+      border-width: 1px 0 0 0;
+      border-color: rgba(81, 81, 81, .75);
+
+      #copyright {
+        // padding-left: .85em;
+        padding-left: $side-padding;
+        position: relative;
+        top: 2px;
+        @include a-color(#747369);
+      }
+
+      #social-icons {
+        position: relative;
+        padding-right: $side-padding;
+        // padding-right: .9em;
+
+        img {
+          height: 1.5em;
+          @include vert-margin-rem(.2);
+          padding-left: .5em;
+          opacity: .6;
+
+          &:hover {
+            opacity: 1;
+          }
+        }
+      }
+    }
+  }// }}}

  @media (max-width: $max-page-width) {
    margin-top: 0;
@@ -215,10 +249,22 @@ p {
  margin-bottom: 1rem;
 }

-h1 { font-size: 2rem }
-h2 { font-size: 1.5rem }
+// h1 {
+  // font-size: 2rem;
+
+  // @media (max-width: $phone-width) {
+    // font-size: 1.75rem;
+  // }
+// }
+// h2 {
+  // font-size: 1.5rem;
+
+  // @media (max-width: $phone-width) {
+    // font-size: 1.4rem;
+  // }
+// }
 h3 { font-size: 1.25rem }
-h4 { font-size: 1rem }
+// h4 { font-size: 1rem }
 h5 { font-size: .875rem }
 h6 { font-size: .75rem }

@@ -243,10 +289,6 @@ header {// {{{
  }
 }// }}}

-footer {// {{{
-  @include a-color(#747369);
-}// }}}
-
 .page-not-found {// {{{
  h1 {
    text-align: center;
@@ -273,11 +315,12 @@ footer {// {{{

 #homepage {// {{{
  #about {
-    font-size: 1.25rem;
+    font-size: 1.1rem;

    h2 {
        margin-top: 1.25rem;
-        font-size: 2rem;
+        // font-size: 2rem;
+        font-size: 1.9rem;
        color: $base-yellow;
        text-align: center;

@@ -436,6 +479,7 @@ footer {// {{{

 #print-icon {// {{{
  float: right;
+  display: none;

  img {
    height: 1.75em;
@@ -445,80 +489,203 @@ footer {// {{{
 }// }}}

 #contact-info {// {{{
-  @include vert-padding-rem(0.5);
-  display: flex;
-  align-content: center;
+  @include side-margin-em(0);
+  // @include vert-padding-rem(0.5);
+  @include a-color($base-sky-blue);
+  // min-width: $max-page-width;
+  @media (min-width: 1200px) {
+      .container{
+        min-width: $max-page-width;
+      }
+  }
+  a {// {{{
+    text-decoration: none;
+    &:hover {
+      text-decoration: none;
+    }
+  }// }}}

-  div {
-    flex-grow: 1;
+  font-size: .9em;
+
+  .row {
+    // flex-grow: 1;
    color: $base05;

    img {
      height: 1em;
+      // @media (max-width: $phone-width) {
+        // height: 1.5em;
+      // }
    }
+
+    div[class^="col"] {
+      @include side-padding-rem(0);
+      // text-align: center;
+
+    }
+
  }

-  #email {
-    text-align: center;
+  .url-info {
+    margin-left: 5px;
+    // position: relative;
+    // left: -8px;
+    // @media (max-width: $phone-width) {
+      // // display: none;
+      // // font-size: 10px;
+      // font-size: .8em;
+    // }
  }

-  #website {
-    text-align: right;
-  }
 }// }}}

 #resume {// {{{
-  a {
+  a {// {{{
    text-decoration: none;
    &:hover {
      text-decoration: underline;
    }
-  }
+  }// }}}

-  h1 {
+  h1 {// {{{
    color: $base-orange;
-  }
+    margin-top: 1.3rem;

-  .date {
+    // @media (max-width: $phone-width) {
+      // margin-top: .75rem;
+    // }
+  }// }}}
+  h2 {// {{{
+    color: $base-orange;
+    margin-top: .5rem;
+
+    // @media (max-width: $phone-width) {
+      // font-size: 1.2em;
+      // margin-top: .75rem;
+    // }
+  }// }}}
+  h4 {// {{{
+    color: $base-yellow;
+    margin-top: .5rem;
+
+    // @media (max-width: $phone-width) {
+      // font-size: 1.2em;
+      // margin-top: .75rem;
+    // }
+  }// }}}
+
+  .date {// {{{
    float: right;
    color: $base03;
+    
+    // @media (max-width: $phone-width) {
+      // padding-top: 0em;
+    // }
+  }// }}}
+
+  #projects {// {{{
+    // // h1 {
+      // // margin-bottom: 3px;
+    // // }
+
+    .project {// {{{
+      @include vert-padding-rem(.2);
+
+      h2 {
+        color: $base-sky-blue;
+        display: inline;
+      }
+
+      img {
+        height: 1.2em;
+      }
+
+      .project-header {
+        margin-bottom: .6em;
+      }
+
+      .project-link {
+        &:hover {
+          text-decoration: none;
+        }
+      }
+
+      .down-triangle {
+        // fill: blue;
+        height: 1.2em;
+        position: relative;
+        top: -3px;
+        left: -3px;
+      }
+
+      .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;
+      // }
+    }
+  }// }}}
+
+  .institution {
+    color: $base-yellow;
+    font-weight: bold;
+    font-size: 1.1em;
+    margin-bottom: 5px;
  }

-  .project {
-    @include vert-padding-rem(.2);
+  .title {
+    font-style: italic;
+  }

-    h2 {
-      color: $base-sky-blue;
-      display: inline;
+  #education {// {{{
+    .date {
+      padding-top: 0;
    }
+  }// }}}
+
+  // @media (max-width: $phone-width) {
+    // font-size: 14px;
+    // // font-size: 1em;
+  // }
+
+  &.letter {
+    margin-top: 2em;
+    line-height: 1.5em;

    img {
-      height: 1.2em;
+      height: 4.5em;
    }

-    .project-link {
-      &:hover {
-        text-decoration: none;
+    h2 {
+      color: $base-red;
+      margin-top: 0em;
+      margin-bottom: .4em;
+    }
+
+    p {
+      margin-bottom: 1em;
+    }
+    
+    .no-line-spacing {
+      line-height: .5em;
+      margin-bottom: 1.75em;
+      p {
+        margin-bottom: 1em;
      }
    }
-
-    .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;
-    // }
  }
-
 }// }}}

 #server {// {{{
@@ -577,32 +744,39 @@ footer {// {{{

 h1.site-title {// {{{
  text-align: center;
-  /* font-size: 3.5em; */
-  font-size: 4.8em;
+  font-size: 4.2em;
  // color: #66cccc;
  color: $base05;
-  margin-top: 1rem;
-  margin-bottom: 0.5rem;
+  // margin-top: 1rem;
+  // margin-bottom: 0.75rem;
+  @include vert-margin-rem(.75);

  @include a-color($base-sky-blue);
  a {
    text-decoration: none;
  }

-  @media (max-width: $max-page-width) {
-    font-size: 3em;
-  }
-
-  @media (max-width: $phone-width) {
+  // @media (max-width: $phone-width) {
    // font-size: 3em;
-    // font-size: 2.5em;
-    font-size: 2em;
-  }
+  // }
+
+  // @media (max-width: $phone-width) {
+    // font-size: 3.5em;
+    // @include vert-margin-rem(.3);
+    // // font-size: 2.5em;
+    // // font-size: 2em;
+
+    // .surrounding {
+      // display: none;
+    // }
+  // }
 }// }}}

 .hero-logo img {
  margin-top: 0.5rem;
  width: 100%;
+  // display: none;
+  // width: $max-page-width;
 }

 .nav-bar {// {{{
--- a/config.yaml
+++ b/config.yaml
@@ -1,5 +1,5 @@
-# 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
@@ -16,7 +16,7 @@ menu:
  main:
  - name: resume
    url: /resume
-    weight: 5
+    weight: 1
  # - name: posts/
    # url: /posts
    # weight: 6
@@ -26,11 +26,23 @@ menu:
  - name: config
    url: /config
    weight: 10
+  - name: card
+    url: /card
+    weight: 15
+  # - name: letter
+    # url: /letter
+    # weight: 17
  # - name: credits
    # url: /credits
    # weight: 20
    
-blackfriday:
-  plainIDAnchors: true
-  hrefTargetBlank: true
+# blackfriday:
+  # plainIDAnchors: true
+  # hrefTargetBlank: true

+disableKinds: ["RSS"]
+
+markup:
+  goldmark:
+    renderer:
+      unsafe: true
--- a/content/card/_index.md
+++ b/content/card/_index.md
@@ -0,0 +1,5 @@
+---
+title: "Digital Card"
+date: 2019-02-11T07:50:51-05:00
+draft: false
+---
--- a/content/config/_index.md
+++ b/content/config/_index.md
@@ -6,7 +6,7 @@ layout: single
 ---
 <!---  Intro {{{ --> 

-![desktop-screenshot](https://i.imgur.com/Fpsr8Fc.png)
+![desktop-screenshot](https://img.khkm.tk/uploads/big/b2bd45e8f436d389ecb787b5c61c951a.png)
 *Screenshot from my dual-monitor setup.*

 This [repository][lc-repo] contains the dotfiles to increase my workflow 
@@ -34,8 +34,9 @@ efficiency. They are also for my Linux [rice][ricing_explanation].
 <!---  Setup {{{ --> 

 ## Setup
-I use
-[Stow](http://brandon.invergo.net/news/2012-05-26-using-gnu-stow-to-manage-your-dotfiles.html)
-to symbolically link the configs/dotfiles.
+I use [chezmoi] to manage varying configs for different machines with 
+a single branch.                                                         
+
+[chezmoi]: https://github.com/twpayne/chezmoi

 <!---  }}} Setup --> 
--- a/content/credits/_index.md
+++ b/content/credits/_index.md
@@ -1,5 +0,0 @@
---
-title: "Credits"
-date: 2019-02-11T03:10:25-05:00
-draft: true
---
--- a/content/letter
+++ b/content/letter
--- a/content/resume/_index.md
+++ b/content/resume/_index.md
@@ -3,12 +3,22 @@ title: "Resume"
 date: 2019-02-11T07:50:51-05:00
 draft: false
 ---
-{{% resume/section overview %}}<!--- {{{ -->
+{{% resume/section skills %}}<!--- {{{ -->

-3<sup>rd</sup> year CS student. Enthusiast of all things
-Linux and FOSS. Seeking 16-month internship for my PEY
-co-op program. Looking to gain industry-relevant experience in 
-full-stack web dev, DevOps or system administration.
+#### Languages
+- **Bash**, **C**, **CSS**, C++, **Fish** (shell), Godot, **HTML5**, 
+  **Python**, Java, **Javascript** (ES6), **Sass**
+
+#### Frameworks
+- **Bootstrap**, **Django**, **Node.js**, **PostgreSQL**
+
+#### Services
+- **DigitalOcean**, **Linux**, Heroku, **REST/Web API's**
+
+#### Tools
+- **Arch Linux**, Android Studio, **Debian**, **Command Line**, 
+  **Git**, IntelliJ IDEA, **Pycharm**, **NGINX**, npm/yarn, **SFTP**, 
+  **SSH**, **Vim**

 {{% /resume/section %}}<!--- }}} -->

@@ -16,15 +26,18 @@ full-stack web dev, DevOps or system administration.

 <!--- Spotify Graphs {{{ -->

-{{% resume/project name="Spotify Visualizer" 
-url="https://github.com/Kevin-Mok/spotify-lib-vis" date="July 2018" show="true" %}}
+{{% resume/project name="Spotify Graphs" 
+url="https://github.com/Kevin-Mok/spotify-lib-vis" date="June 2018 — 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.
- 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.
+- Implemented base functionality of scanning tracks and listening 
+  history from user's library using Spotify API and organized data 
+  into **PostgreSQL** database with **Django** backend.
+- Created and tested various relational database schemas to maximize 
+  efficiency for use cases.
+- Produced bubble chart and (stacked) bar chart using [**d3**]
+[d3 graph examples] to visualize the artists, genres and features of 
+tracks in library.

 [d3 graph examples]: https://github.com/d3/d3/wiki/Gallery

@@ -32,6 +45,27 @@ url="https://github.com/Kevin-Mok/spotify-lib-vis" date="July 2018" show="true"

 <!--- Spotify Graphs }}} -->

+<!--- Grocery Finder {{{ -->
+
+{{% resume/project name="Grocery Finder" 
+url="https://github.com/Kevin-Mok/grocery-finder" date="Feb. 2019 — Apr. 2019" 
+show="true" %}}
+
+- Proof of concept for web app that finds the ideal supermarket based on your cart.
+- Designed responsive front-end layout using **Bootstrap**.
+- Implemented REST API functionality on backend using **Node.js** and 
+  **MongoDB**.
+- Setup deployment on [**Heroku**][Grocery Finder Heroku].
+- Led team of 4 as project leader to prioritize and delegate tasks while
+  also implementing a majority of the core features.
+- Performed code review for team members' pull requests.
+
+[Grocery Finder Heroku]: http://www.grocery-finder.ml
+
+{{% /resume/project %}}
+
+<!--- Grocery Finder }}} -->
+
 <!--- ParsaFood {{{ -->

 {{% resume/project name="ParsaFood" 
@@ -40,70 +74,70 @@ show="true" %}}

 - **Android** app that reads ingredient labels and detects any dietary 
  restrictions/allergies. 
+- Designed user interface and linked various functionality together.
 - Made during a 24-hour [food-themed hackathon][Platterz Hackathon event]
  in a group with two other members. Came in 2<sup>nd</sup> 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
+[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 %}}

 <!--- ParsaFood }}} -->
 
-<!--- Grocery Finder {{{ -->
-
-{{% 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 
-  from 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 %}}
-
-<!--- Grocery Finder }}} -->
-
 <!--- TrapBot {{{ -->

 {{% 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.
+- Use reddit API wrapper in **Python** to scan music subreddits for user 
+  comments containing common track listing formats.
+- Match detected track name and artists to track on SoundCloud using another 
+  Python API wrapper.
+- Respond to original poster's comment with formatted list of tracks found.
+- Received positive comment from users who replied to the bot's posts.

 {{% /resume/project %}}

 <!--- Grocery Finder }}} -->

+<!--- DigitalOcean {{{ -->
+
+{{% resume/project name="Personal Server"
+url="https://kevin-mok.com/server/" date="Aug. 2019 — present" %}}
+
+- Deployed various web apps with backends such as Node, PHP and Python using 
+  **NGINX** on a **Debian** server.
+- Monitor system resources and perform system maintenance using tmux.
+- Wrote [**Node.js** script][server script] and [**systemd** service][systemd service]/[timer]
+  to check and display the uptime of my pages every hour.
+
+[server script]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-status.js
+[systemd service]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-pages.service
+[timer]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-pages.timer
+
+{{% /resume/project %}}
+
+<!--- DigitalOcean Droplet }}} -->
+
 <!--- Super ADA Bros. {{{ -->

 {{% 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
+- Designed clone of Super Mario Bros 1-1, but Mario is mobility-impaired and
  uses ramps to get through the level.
- Able to be played using only head movement by getting input from a
-  face-tracking script (**OpenCV**).
+- Uses **OpenCV** to track player's head movement which is then translated to 
+  in-game movement. [Video Demo]
 - 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
+[Video Demo]: https://youtu.be/vRdENLGrBqM

 {{% /resume/project %}}

@@ -112,8 +146,22 @@ url="https://github.com/Kevin-Mok/SuperADABros" date="May 2019" %}}

 {{% /resume/section %}}<!--- }}} -->

-{{% resume/section education %}}<!--- {{{ -->
+{{% resume/section "Work Experience" %}}<!--- {{{ -->

- **University of Toronto**: Computer Science Specialist <div class="date">2017-2021</div>
+{{% resume/education name="Philpott Children's Tennis" 
+title="Head Instructor" date="2013 — 2015" %}}
+- Ran 8-week summer camp for inner-city youth with assistant coach.
+- Prepared daily lesson plans for 4 different age groups of children 
+  with varying skill levels and needs.
+- Supervised and ensured the safety and enjoyment of up to 20 children at once.

 {{% /resume/section %}}<!--- }}} -->
+
+{{% resume/section education %}}<!--- {{{ -->
+
+{{% resume/education name="University of Toronto"
+title="Computer Science Specialist" date="2017 — 2021" %}}
+
+{{% /resume/section %}}<!--- }}} -->
+
+<!-- vim: fdm=marker -->
--- a/content/resume/archived.txt
+++ b/content/resume/archived.txt
@@ -1,20 +0,0 @@
-<!--- Super ADA Bros. {{{ -->
-
-{{% 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 %}}
-
-
-<!--- Grocery Finder }}} -->
-
--- a/layouts/card/section.html
+++ b/layouts/card/section.html
@@ -0,0 +1,69 @@
+{{ partial "base/header.html" . }}
+
+{{ partial "base/site-title.html" . }}
+
+{{ partial "base/nav-bar.html" . }}
+
+{{ partial "base/base16-logo.html" . }}
+
+<main role="main" id="card">
+  <div id="presentational-container" class="container">
+      <div class="row text-center h-100 my-auto">
+        <div id="email-full" class="h-100 mx-auto">
+          <p class="text-center">
+            <nobr>
+              me@kevin-mok.com
+              <span class="social"><span class="spacing">
+                  me</span><span class="link-text">@kevi<span
+                    class="safari">n</span>
+                  <a href="https://fosstodon.org/@Kevin"
+                    target="_blank" id="mastodon" class="link link-top">
+                    <img src="https://kevin-mok.com/img/social/mastodon.svg" alt=""/>
+                  </a></span>
+              </span>
+              <span class="social"><span class="spacing">
+                  me@</span><span class="link-text">ke<span
+                    class="safari">v</span>
+                  <a href="https://www.linkedin.com/in/Kev-Mok" target="_blank" 
+                    target="_blank" class="link linkedin linkedin-left">
+                    <img src="https://kevin-mok.com/img/social/linkedin.svg" alt=""/>
+                  </a></span>
+              </span>
+              <span class="social"><span class="spacing">
+                  me@kevin</span><span class="link-text">-mo<span
+                    class="safari">k</span>
+                  <a href="https://www.linkedin.com/in/Kev-Mok" target="_blank" class="link linkedin linkedin-left"></a></span>
+              </span>
+              <span class="social"><span class="spacing">
+                  me@kev</span><span class="link-text">i<span
+                    class="safari">n</span>
+                  <a href="https://www.linkedin.com/in/Kev-Mok" target="_blank" 
+                    class="link linkedin linkedin-middle"></a></span>
+              </span>
+              <span class="social"><span class="spacing">
+                  me@</span><span class="link-text">kevin-mo<span
+                    class="safari">k</span>
+                  <a href="https://github.com/Kevin-Mok" target="_blank" id="github" class="link">
+                    <img src="https://kevin-mok.com/img/social/github.svg" alt=""/>
+                  </a></span>
+              </span>
+              <span class="social"><span class="spacing">
+                  me@</span><span class="link-text">kevin-mok.co<span
+                    class="safari">m</span>
+                  <a href="https://kevin-mok.com/" target="_blank" id="site" class="link">
+                    <img src="https://kevin-mok.com/img/resume/link.svg" alt=""/>
+                  </a></span>
+              </span>
+              <span class="social"><span class="link-text">me@kevin-mok.co<span class="safari">&nbsp;</span>
+                  <a href="mailto:me@kevin-mok.com" target="_blank" id="email" class="link link-top">
+                    <img src="https://kevin-mok.com/img/resume/envelope.svg" alt=""/>
+                  </a></span>
+              </span>
+            </nobr>
+          </p>
+        </div>
+      </div>
+  </div>
+</main>
+
+{{ partial "base/footer.html" . }}
--- a/layouts/letter/section.html
+++ b/layouts/letter/section.html
@@ -0,0 +1,22 @@
+{{ partial "base/header.html" . }}
+
+{{ partial "base/site-title.html" . }}
+
+{{ partial "base/nav-bar.html" . }}
+
+{{ partial "base/base16-logo.html" . }}
+
+<main role="main" id="letter-home">
+  <!-- <h1 class="list-title">{{ .Title }}</h1> -->
+  <h4 id="letter-instr">Please enter the full URL that I provided
+    for your personalized cover letter. :)</h4>
+
+  <div id="resume" class="letter">
+  {{ .Content }}
+  </div>
+</main>
+
+{{ partial "base/footer.html" . }}
+</div>
+</body>
+</html>
--- a/layouts/letter/single.html
+++ b/layouts/letter/single.html
@@ -0,0 +1,13 @@
+{{ partial "base/header.html" . }}
+
+{{ partial "base/site-title.html" . }}
+
+{{ partial "resume/contact-info.html" . }}
+
+<div id="resume" class="letter">
+{{ .Content }}
+</div>
+
+</div>
+</body>
+</html>
--- a/layouts/partials/base/footer.html
+++ b/layouts/partials/base/footer.html
@@ -7,39 +7,49 @@
 <footer>
  <div class="container">
    <!-- <span class="copyright">&copy; {{ .Site.LastChange.Year }} {{ .Site.Title }} - <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a></span> -->
-    <div class="row justify-content-center">
-      <span id="copyright" class="col-xs-6">
-        &copy; {{ now.Year }} {{ .Site.Title }} · 
-        <!-- <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a> ·  -->
-        <!-- <a href="{{ "credits" | relURL }}">Credits</a> ·  -->
-      </span>
-      <span id="social-icons" class="col-xs-4">
-        <a href="https://github.com/Kevin-Mok" target="_blank">
-          <img src="{{ "img/social/github.svg" | relURL }}"
-          alt="github-logo">
-        </a>
-        <a href="https://www.linkedin.com/in/kevin-kh-mok" target="_blank">
-          <img src="{{ "img/social/linkedin.svg" | relURL }}" alt="linkedin-logo">
-        </a>
-        <a href="https://git.kevin-mok.com/" target="_blank">
-          <img src="{{ "img/social/gitea.svg" | relURL }}" alt="gitea-logo">
-        </a>
-        <a href="mailto:me@kevin-mok.com" target="_blank">
-          <img src="{{ "img/social/email.svg" | relURL }}"
-          alt="envelope">
-        </a>
-        <a href="https://fosstodon.org/web/accounts/93113" target="_blank">
-          <img src="{{ "img/social/mastodon.svg" | relURL }}"
-          alt="mastodon-logo">
-        </a>
-      </span>
-      <span id="social-icons" class="col-xs-2">
+    <div id="footer-row" class="row justify-content-center">
+      <span id="footer-content" class="name">
+        <span id="copyright" class="col-xs-6">
+          &copy; {{ now.Year }} {{ .Site.Title }} · 
+          <!-- <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a> ·  -->
+          <!-- <a href="{{ "credits" | relURL }}">Credits</a> ·  -->
+        </span>
+        <span id="social-icons" class="col-xs-4">
+          <a href="https://github.com/Kevin-Mok" target="_blank">
+            <img src="{{ "img/social/github.svg" | relURL }}"
+            alt="github-logo">
+          </a>
+          <a href="https://git.kevin-mok.com/" target="_blank">
+            <img src="{{ "img/social/gitea.svg" | relURL }}" alt="gitea-logo">
+          </a>
+          · 
+          <a href="https://twitter.com/Kev_Mok" target="_blank">
+            <img src="{{ "img/social/twitter.svg" | relURL }}"
+            alt="twitter-logo">
+          </a>
+          <a rel="me" href="https://fosstodon.org/@Kevin" target="_blank">
+            <img src="{{ "img/social/mastodon.svg" | relURL }}"
+            alt="mastodon-logo">
+          </a>
+          <a href="https://www.reddit.com/u/Kevin-Mok" target="_blank">
+            <img src="{{ "img/social/reddit.svg" | relURL }}"
+            alt="reddit-logo">
+          </a>
+          . 
+          <a href="https://www.linkedin.com/in/Kev-Mok" target="_blank">
+            <img src="{{ "img/social/linkedin.svg" | relURL }}" alt="linkedin-logo">
+          </a>
+          <a href="mailto:me@kevin-mok.com" target="_blank">
+            <img src="{{ "img/social/email.svg" | relURL }}"
+            alt="envelope">
+          </a>
+        </span>
+        <span class="col-xs-2">
+        </span>
      </span>
    </div>
  </div>
-
 </footer>

-
 </body>
 </html>
--- a/layouts/partials/base/header.html
+++ b/layouts/partials/base/header.html
@@ -9,16 +9,16 @@
 {{- with $.Param "author" }}
 <meta name="author" content="{{ . }}">
 {{- end }}
-{{ .Hugo.Generator }}
+{{ hugo.Generator }}
 <meta name="google-site-verification" content="3aZhrY5bFgQY0HY2DNNUhbkuIfVEcwkrQHnbJd8jCCQ" />
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<script src="http://livejs.com/live.js" charset="utf-8"></script>
+<!-- <script src="https://cdn.khkm.gq/live.js" charset="utf-8"></script> -->
 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
 <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700" type="text/css"> -->
-<link rel='stylesheet' href='//cdn.jsdelivr.net/npm/hack-font@3.3.0/build/web/hack-subset.css'>
+<!-- <link rel='stylesheet' href='//cdn.jsdelivr.net/npm/hack-font@3.3.0/build/web/hack-subset.css'> -->
 <!-- <link rel="stylesheet" href="https://meyerweb.com/eric/tools/css/reset/reset.css" type="text/css" media="all" /> -->
 <link rel="stylesheet" href="{{ "css/style.css" | relURL }}" type="text/css">
 {{ $main_sass := resources.Get "sass/main.scss" }}
--- a/layouts/partials/base/site-title.html
+++ b/layouts/partials/base/site-title.html
@@ -1,7 +1,7 @@
 <h1 class="site-title">
-  [<a href="{{ .Site.BaseURL }}"><span class="base08">K</span><span
+  <span class="surrounding">[</span><a href="{{ .Site.BaseURL }}"><span class="base08">K</span><span
    class="base0f">e</span><span class="base09">v</span><span
    class="base0a">i</span><span class="base0b">n </span><span
    class="base0c">M</span><span class="base0d">o</span><span
-    class="base0e">k</span></a>] # _
+    class="base0e">k</span></a><span class="surrounding">] # _</span>
 </h1>
--- a/layouts/partials/home/about.html
+++ b/layouts/partials/home/about.html
@@ -1,7 +1,7 @@
 <div id="about">
 <h2>Welcome to my site!</h2>
 <p>
-  I'm Kevin Mok - a 2<sup>nd</sup> year Computer Science
+  I'm Kevin Mok - a Computer Science
  student at the University of Toronto, and I'm greatly interested in all things Linux and 
  <a href="https://www.gnu.org/philosophy/floss-and-foss.en.html"
    target="_blank">FOSS/FLOSS</a>.
--- a/layouts/partials/resume/contact-info.html
+++ b/layouts/partials/resume/contact-info.html
@@ -1,15 +1,39 @@
-<div id="contact-info">
-  <div id="phone-number">
-    <img src="{{ "img/resume/smartphone.svg" | relURL }}"
-    alt="smartphone-icon">:
-    <a href="tel:647-685-2500" target="_blank">647-685-2500</a>
+<div id="contact-info" class="container">
+  <div class="row row-top justify-content-center mx-auto">
+    <div id="phone-number" class="col text-left">
+      <a href="tel:647-685-2500" target="_blank">
+        <img src="{{ "img/resume/smartphone.svg" | relURL }}"
+          alt="smartphone-icon">
+        <span class="url-info">
+          647-685-2500
+        </span>
+      </a>
+    </div>
+    <div id="linkedin" class="col text-right">
+      <a href="https://www.linkedin.com/in/Kev-Mok" target="_blank">
+        <span class="url-info">
+          Kev-Mok
+        </span>
+        <img src="{{ "img/social/linkedin.svg" | relURL }}" alt="linkedin-icon">
+      </a>
+    </div>
  </div>
-  <div id="email">
-    <img src="{{ "img/resume/envelope.svg" | relURL }}" alt="envelope-icon">:
-    <a href="mailto:me@kevin-mok.com">me@kevin-mok.com</a>
-  </div>
-  <div id="website">
-    <img src="{{ "img/resume/link.svg" | relURL }}" alt="link-icon">:
-    <a href="https://kevin-mok.com/">kevin-mok.com</a>
+  <div class="row mx-auto">
+    <div id="email" class="col col-left">
+      <a href="mailto:me@kevin-mok.com" target="_blank">
+        <img src="{{ "img/resume/envelope.svg" | relURL }}" alt="envelope-icon">
+        <span class="url-info">
+          me@kevin-mok.com
+        </span>
+      </a>
+    </div>
+    <div id="website" class="col text-right">
+      <a href="https://kevin-mok.com/" target="_blank">
+        <span class="url-info">
+          kevin-mok.com
+        </span>
+        <img src="{{ "img/resume/link.svg" | relURL }}" alt="link-icon">
+      </a>
+    </div>
  </div>
 </div>
--- a/layouts/partials/resume/print-icon.html
+++ b/layouts/partials/resume/print-icon.html
@@ -1,5 +1,5 @@
 <div id="print-icon">
-  <a href="{{ "kevin-mok-resume.pdf" | relURL }}" target="_blank">
+  <a href="{{ "pdf/kevin-mok-resume.pdf" | relURL }}" target="_blank">
    <img src="{{ "img/resume/printer.svg" | relURL }}" alt="printer-icon">
  </a>
 </div>
--- a/layouts/resume/section.html
+++ b/layouts/resume/section.html
@@ -6,8 +6,6 @@

 {{ partial "resume/contact-info.html" . }}

-{{ partial "base/base16-logo.html" . }}
-
 <div id="resume">
  
 {{ .Content }}
--- a/layouts/shortcodes/resume/education.html
+++ b/layouts/shortcodes/resume/education.html
@@ -0,0 +1,13 @@
+<div class="education">
+  <div class="row">
+    <div class="col-8 text-left">
+      <p class="institution">
+        {{ .Get "name" }}
+      </p>
+    </div>
+    <div class="col text-right date">{{ .Get "date" }}</div>
+  </div>
+  <span class="title">
+    {{ .Get "title" }}
+  </span>
+</div>
--- a/layouts/shortcodes/resume/letter-print.html
+++ b/layouts/shortcodes/resume/letter-print.html
@@ -0,0 +1,8 @@
+<div id="print-icon">
+  {{ $type := .Get "type"  }}
+  {{ $code := .Get "code"  }}
+  {{ $pdfName := print "pdf/kevin-mok-" $type "-" $code ".pdf"  }}
+  <a href="{{ $pdfName | relURL }}" target="_blank">
+    <img src="{{ "img/resume/printer.svg" | relURL }}" alt="printer-icon">
+  </a>
+</div>
--- a/layouts/shortcodes/resume/no-spacing.html
+++ b/layouts/shortcodes/resume/no-spacing.html
@@ -0,0 +1,4 @@
+{{ $_hugo_config := `{ "version": 1 }` }}
+<div class="no-line-spacing">
+  {{ .Inner }}
+</div>
--- a/layouts/shortcodes/resume/project.html
+++ b/layouts/shortcodes/resume/project.html
@@ -1,16 +1,23 @@
 <div class="project">
-  <a class="project-link" href="{{ .Get "url" }}" target="_blank">
-    <img src="{{ "img/resume/link.svg" | relURL }}" alt="link-icon">
-  </a>
-  <button class="btn" type="button" data-toggle="collapse"
-    data-target="#{{ .Get "name" | lower | urlize }}-details"
-    aria-expanded="false" aria-controls="{{ .Get "name" | lower | urlize }}-details">
-    <h2 class="project-title">{{ .Get "name" }} ⏷</h2>
-  </button>
-  <div class="date">{{ .Get "date" }}</div>
+  <div class="row project-header">
+    <div class="col-8 text-left">
+      <a class="project-link" href="{{ .Get "url" }}" target="_blank">
+        <img src="{{ "img/resume/link.svg" | relURL }}" alt="link-icon">
+      </a>
+      <button class="btn" type="button" data-toggle="collapse"
+        data-target="#{{ .Get "name" | lower | urlize }}-details"
+        aria-expanded="false" aria-controls="{{ .Get "name" | lower | urlize }}-details">
+        <h2 class="project-title">
+          {{ .Get "name" }}
+          <img class="down-triangle" src="{{ "img/resume/down-triangle.png" | relURL }}" alt="link-icon">
+        </h2>
+      </button>
+    </div>
+    <div class="col-4 text-right date">{{ .Get "date" }}</div>
+  </div>
  <div class="collapse{{ with .Get "show" }} show{{ end }}" id="{{ .Get "name" | lower | urlize }}-details">
    <div>
      {{ .Inner }}
-    </div>
+</div>
  </div>
 </div>
--- a/layouts/sitemap.xml
+++ b/layouts/sitemap.xml
@@ -0,0 +1,21 @@
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+  xmlns:xhtml="http://www.w3.org/1999/xhtml">
+  {{ range .Data.Pages }}{{ if ne .Params.sitemap_exclude true }}
+  <url>
+    <loc>{{ .Permalink }}</loc>{{ if not .Lastmod.IsZero }}
+    <lastmod>{{ safeHTML ( .Lastmod.Format "2006-01-02T15:04:05-07:00" ) }}</lastmod>{{ end }}{{ with .Sitemap.ChangeFreq }}
+    <changefreq>{{ . }}</changefreq>{{ end }}{{ if ge .Sitemap.Priority 0.0 }}
+    <priority>{{ .Sitemap.Priority }}</priority>{{ end }}{{ if .IsTranslated }}{{ range .Translations }}
+    <xhtml:link
+                rel="alternate"
+                hreflang="{{ .Lang }}"
+                href="{{ .Permalink }}"
+                />{{ end }}
+    <xhtml:link
+                rel="alternate"
+                hreflang="{{ .Lang }}"
+                href="{{ .Permalink }}"
+                />{{ end }}
+  </url>
+  {{ end }}{{ end }}
+</urlset>
--- a/static/img/resume/down-triangle.png
+++ b/static/img/resume/down-triangle.png
--- a/static/img/resume/signature-white.png
+++ b/static/img/resume/signature-white.png
--- a/static/img/resume/signature.png
+++ b/static/img/resume/signature.png
--- a/static/img/social/reddit.svg
+++ b/static/img/social/reddit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill="#FFF" d="M12.193 19.555c-1.94-1.741-4.79-1.727-6.365.029-1.576 1.756-1.301 5.023.926 6.632L12.193 19.555zM35.807 19.555c1.939-1.741 4.789-1.727 6.365.029 1.575 1.756 1.302 5.023-.927 6.632L35.807 19.555zM38.32 6.975A3.5 3.5 0 1 0 38.32 13.975 3.5 3.5 0 1 0 38.32 6.975z"/><path fill="#FFF" d="M24.085 15.665000000000001A18.085 12.946 0 1 0 24.085 41.557A18.085 12.946 0 1 0 24.085 15.665000000000001Z"/><g><path fill="#D84315" d="M30.365 23.506A2.884 2.884 0 1 0 30.365 29.274 2.884 2.884 0 1 0 30.365 23.506zM17.635 23.506A2.884 2.884 0 1 0 17.635 29.274 2.884 2.884 0 1 0 17.635 23.506z"/></g><g><path fill="#37474F" d="M24.002 34.902c-3.252 0-6.14-.745-8.002-1.902 1.024 2.044 4.196 4 8.002 4 3.802 0 6.976-1.956 7.998-4C30.143 34.157 27.254 34.902 24.002 34.902zM41.83 27.026l-1.17-1.621c.831-.6 1.373-1.556 1.488-2.623.105-.98-.157-1.903-.721-2.531-.571-.637-1.391-.99-2.307-.994-.927.013-1.894.365-2.646 1.041l-1.336-1.488c1.123-1.008 2.545-1.523 3.991-1.553 1.488.007 2.833.596 3.786 1.658.942 1.05 1.387 2.537 1.221 4.081C43.961 24.626 43.121 26.096 41.83 27.026zM6.169 27.026c-1.29-.932-2.131-2.401-2.306-4.031-.166-1.543.279-3.03 1.221-4.079.953-1.062 2.297-1.651 3.785-1.658.009 0 .018 0 .027 0 1.441 0 2.849.551 3.965 1.553l-1.336 1.488c-.753-.676-1.689-1.005-2.646-1.041-.916.004-1.735.357-2.306.994-.563.628-.826 1.55-.721 2.53.115 1.067.657 2.023 1.488 2.624L6.169 27.026zM25 16.84h-2c0-2.885 0-10.548 4.979-10.548 2.154 0 3.193 1.211 3.952 2.096.629.734.961 1.086 1.616 1.086h1.37v2h-1.37c-1.604 0-2.453-.99-3.135-1.785-.67-.781-1.198-1.398-2.434-1.398C25.975 8.292 25 11.088 25 16.84z"/><path fill="#37474F" d="M24.085 16.95c9.421 0 17.085 5.231 17.085 11.661 0 6.431-7.664 11.662-17.085 11.662S7 35.042 7 28.611C7 22.181 14.664 16.95 24.085 16.95M24.085 14.95C13.544 14.95 5 21.066 5 28.611c0 7.546 8.545 13.662 19.085 13.662 10.54 0 19.085-6.116 19.085-13.662C43.17 21.066 34.625 14.95 24.085 14.95L24.085 14.95zM38.32 7.975c1.379 0 2.5 1.122 2.5 2.5s-1.121 2.5-2.5 2.5-2.5-1.122-2.5-2.5S36.941 7.975 38.32 7.975M38.32 5.975c-2.484 0-4.5 2.015-4.5 4.5s2.016 4.5 4.5 4.5c2.486 0 4.5-2.015 4.5-4.5S40.807 5.975 38.32 5.975L38.32 5.975z"/></g></svg>
--- a/static/img/social/twitter.svg
+++ b/static/img/social/twitter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="240px" height="240px"><linearGradient id="_osn9zIN2f6RhTsY8WhY4a" x1="10.341" x2="40.798" y1="8.312" y2="38.769" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2aa4f4"/><stop offset="1" stop-color="#007ad9"/></linearGradient><path fill="url(#_osn9zIN2f6RhTsY8WhY4a)" d="M46.105,11.02c-1.551,0.687-3.219,1.145-4.979,1.362c1.789-1.062,3.166-2.756,3.812-4.758	c-1.674,0.981-3.529,1.702-5.502,2.082C37.86,8.036,35.612,7,33.122,7c-4.783,0-8.661,3.843-8.661,8.582	c0,0.671,0.079,1.324,0.226,1.958c-7.196-0.361-13.579-3.782-17.849-8.974c-0.75,1.269-1.172,2.754-1.172,4.322	c0,2.979,1.525,5.602,3.851,7.147c-1.42-0.043-2.756-0.438-3.926-1.072c0,0.026,0,0.064,0,0.101c0,4.163,2.986,7.63,6.944,8.419	c-0.723,0.198-1.488,0.308-2.276,0.308c-0.559,0-1.104-0.063-1.632-0.158c1.102,3.402,4.299,5.889,8.087,5.963	c-2.964,2.298-6.697,3.674-10.756,3.674c-0.701,0-1.387-0.04-2.065-0.122C7.73,39.577,12.283,41,17.171,41	c15.927,0,24.641-13.079,24.641-24.426c0-0.372-0.012-0.742-0.029-1.108C43.483,14.265,44.948,12.751,46.105,11.02"/></svg>
--- a/static/kevin-mok-resume.pdf
+++ b/static/kevin-mok-resume.pdf
--- a/static/pdf
+++ b/static/pdf
--- a/static/server-table.js
+++ b/static/server-table.js
@@ -38,6 +38,9 @@ const generateTable = (table, data) => {
          aElem.textContent = elem['shortUrl']
          cell.appendChild(aElem)
          break
+        case 'description':
+          cell.innerHTML = elem[key]
+          break
        case 'repo':
          aElem.href = elem['repoUrl']
          aElem.textContent = elem[key]
Author	SHA1	Message	Date
Kevin Mok	f22e48816c	Copy resume CSS	2022-09-07 11:33:10 -04:00
Kevin Mok	04a0631b41	Fix for Hugo v0.101.0	2022-09-03 14:14:04 -04:00
Kevin Mok	1e696121d9	Twitter/reddit social + reordering	2020-05-31 14:50:31 -04:00
Kevin Mok	8677d08969	Resume: fix div showing up https://github.com/gohugoio/hugo/issues/6759#issuecomment-592015342	2020-05-04 19:11:21 -04:00
Kevin Mok	5e7fe99969	Footer: social icons opaque on hover	2019-10-25 04:03:32 -04:00
Kevin Mok	2305b246c1	Sample cover letter, letter submodule Custom sitemap layout to hide letters.	2019-10-07 22:48:32 -04:00
Kevin Mok	497ad86122	Card: fix stacking on Safari, reduce vert. font	2019-10-07 02:19:51 -04:00
Kevin Mok	d1d191e413	Card: initial commit	2019-10-06 06:22:59 -04:00
Kevin Mok	b546a2a529	Resume: minor fixes	2019-10-05 21:11:22 -04:00
Kevin Mok	8b794bfa8e	Resume: add skills, improve project descriptions	2019-10-05 05:51:18 -04:00
Kevin Mok	d14bcf3c8f	Reduce font size across site - change footer background to line above Resume: - add LinkedIn - fix Unicode expand icon not showing on mobile	2019-10-05 05:50:17 -04:00
				`@@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill="#FFF" d="M12.193 19.555c-1.94-1.741-4.79-1.727-6.365.029-1.576 1.756-1.301 5.023.926 6.632L12.193 19.555zM35.807 19.555c1.939-1.741 4.789-1.727 6.365.029 1.575 1.756 1.302 5.023-.927 6.632L35.807 19.555zM38.32 6.975A3.5 3.5 0 1 0 38.32 13.975 3.5 3.5 0 1 0 38.32 6.975z"/><path fill="#FFF" d="M24.085 15.665000000000001A18.085 12.946 0 1 0 24.085 41.557A18.085 12.946 0 1 0 24.085 15.665000000000001Z"/><g><path fill="#D84315" d="M30.365 23.506A2.884 2.884 0 1 0 30.365 29.274 2.884 2.884 0 1 0 30.365 23.506zM17.635 23.506A2.884 2.884 0 1 0 17.635 29.274 2.884 2.884 0 1 0 17.635 23.506z"/></g><g><path fill="#37474F" d="M24.002 34.902c-3.252 0-6.14-.745-8.002-1.902 1.024 2.044 4.196 4 8.002 4 3.802 0 6.976-1.956 7.998-4C30.143 34.157 27.254 34.902 24.002 34.902zM41.83 27.026l-1.17-1.621c.831-.6 1.373-1.556 1.488-2.623.105-.98-.157-1.903-.721-2.531-.571-.637-1.391-.99-2.307-.994-.927.013-1.894.365-2.646 1.041l-1.336-1.488c1.123-1.008 2.545-1.523 3.991-1.553 1.488.007 2.833.596 3.786 1.658.942 1.05 1.387 2.537 1.221 4.081C43.961 24.626 43.121 26.096 41.83 27.026zM6.169 27.026c-1.29-.932-2.131-2.401-2.306-4.031-.166-1.543.279-3.03 1.221-4.079.953-1.062 2.297-1.651 3.785-1.658.009 0 .018 0 .027 0 1.441 0 2.849.551 3.965 1.553l-1.336 1.488c-.753-.676-1.689-1.005-2.646-1.041-.916.004-1.735.357-2.306.994-.563.628-.826 1.55-.721 2.53.115 1.067.657 2.023 1.488 2.624L6.169 27.026zM25 16.84h-2c0-2.885 0-10.548 4.979-10.548 2.154 0 3.193 1.211 3.952 2.096.629.734.961 1.086 1.616 1.086h1.37v2h-1.37c-1.604 0-2.453-.99-3.135-1.785-.67-.781-1.198-1.398-2.434-1.398C25.975 8.292 25 11.088 25 16.84z"/><path fill="#37474F" d="M24.085 16.95c9.421 0 17.085 5.231 17.085 11.661 0 6.431-7.664 11.662-17.085 11.662S7 35.042 7 28.611C7 22.181 14.664 16.95 24.085 16.95M24.085 14.95C13.544 14.95 5 21.066 5 28.611c0 7.546 8.545 13.662 19.085 13.662 10.54 0 19.085-6.116 19.085-13.662C43.17 21.066 34.625 14.95 24.085 14.95L24.085 14.95zM38.32 7.975c1.379 0 2.5 1.122 2.5 2.5s-1.121 2.5-2.5 2.5-2.5-1.122-2.5-2.5S36.941 7.975 38.32 7.975M38.32 5.975c-2.484 0-4.5 2.015-4.5 4.5s2.016 4.5 4.5 4.5c2.486 0 4.5-2.015 4.5-4.5S40.807 5.975 38.32 5.975L38.32 5.975z"/></g></svg>