Add skills, improve project descriptions

- add LinkedIn to resume
- fix Unicode expand icon not showing on mobile
- change footer background to line above

.gitignore

@@ -3,8 +3,5 @@ public/
 resources/_gen/
 themes/base16*
 
-*.pdf
-
 commit-msg.txt
-.hugo_build.lock
 static/server-apps.json

.gitmodules

@@ -1,7 +0,0 @@
-[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

assets/sass/main.scss

@@ -14,7 +14,6 @@ $base-sky-blue: #66cccc;
 $base-blue: #6699cc;
 $base-violet: #cc99cc;
 $base-dark-orange: #d27b53;
-$link-color: #4287cd;
 
 /* .base00 { color: #2d2d2d; }
 .base01 { color: #393939; }
@@ -95,10 +94,10 @@ $phone-width: 800px;
 
 //  general elements {{{ // 
 
-// $background-color: #2d2d2d;
+$background-color: #2d2d2d;
-// $color: #f2f0ec;
+$color: #f2f0ec;
-$background-color: white;
+// $background-color: white;
-$color: black;
+// $color: black;
 
 body {
   margin: 0;
@@ -106,15 +105,9 @@ body {
   color: $color;
   line-height: 1.5;
   // font-size: 100%;
-  // font-size: 15px;
+  font-size: 15px;
-  font-size: 17px;
-  // font-size: 20px;
   /* font-family: 'Source Code Pro', monospace; */
-  // font-family: 'Hack', monospace;
+  font-family: 'Hack', monospace;
-  // body {
-  // font-family: 'Times New Roman', serif;
-  font-family: "Computer Modern Serif";
-  // }
   display: flex;
   flex-direction: column;
   min-height: 100vh;
@@ -220,10 +213,6 @@ footer {
           @include vert-margin-rem(.2);
           padding-left: .5em;
           opacity: .6;
-
-          &:hover {
-            opacity: 1;
-          }
         }
       }
     }
@@ -255,22 +244,22 @@ p {
   margin-bottom: 1rem;
 }
 
-// h1 {
+h1 {
-  // font-size: 2rem;
+  font-size: 2rem;
 
-  // @media (max-width: $phone-width) {
+  @media (max-width: $phone-width) {
-    // font-size: 1.75rem;
+    font-size: 1.75rem;
-  // }
+  }
-// }
+}
-// h2 {
+h2 {
-  // font-size: 1.5rem;
+  font-size: 1.5rem;
 
-  // @media (max-width: $phone-width) {
+  @media (max-width: $phone-width) {
-    // font-size: 1.4rem;
+    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 }
 
@@ -485,7 +474,6 @@ header {// {{{
 
 #print-icon {// {{{
   float: right;
-  display: none;
 
   img {
     height: 1.75em;
@@ -504,21 +492,12 @@ header {// {{{
         min-width: $max-page-width;
       }
   }
-  a {// {{{
-    color: $link-color;
-    text-decoration: none;
-    &:hover {
-      text-decoration: none;
-    }
-  }// }}}
 
-  font-size: 1.4em;
+  font-size: .9em;
-  // font-size: .8em;
 
   .row {
     // flex-grow: 1;
-    // color: $base05;
+    color: $base05;
-    color: $link-color;
 
     img {
       height: 1em;
@@ -539,74 +518,64 @@ header {// {{{
     margin-left: 5px;
     // position: relative;
     // left: -8px;
-    // @media (max-width: $phone-width) {
+    @media (max-width: $phone-width) {
-      // // display: none;
+      // display: none;
-      // // font-size: 10px;
+      // font-size: 10px;
-      // font-size: .8em;
+      font-size: .8em;
-    // }
+    }
   }
 
 }// }}}
 
 #resume {// {{{
   a {// {{{
-    // text-decoration: none;
+    text-decoration: none;
-    color: $link-color;
-    text-decoration: underline;
     &:hover {
       text-decoration: underline;
     }
   }// }}}
 
   h1 {// {{{
-    // color: $base-orange;
+    color: $base-orange;
-    color: black;
-    // margin-top: 1.3rem;
     margin-top: 1rem;
-    font-size: 1.2em;
 
-    // @media (max-width: $phone-width) {
+    @media (max-width: $phone-width) {
-      // margin-top: .75rem;
+      margin-top: .75rem;
-    // }
+    }
   }// }}}
   h2 {// {{{
     color: $base-orange;
     margin-top: .5rem;
-    font-size: 1em;
 
-    // @media (max-width: $phone-width) {
+    @media (max-width: $phone-width) {
-      // font-size: 1.2em;
+      font-size: 1.2em;
-      // margin-top: .75rem;
+      margin-top: .75rem;
-    // }
+    }
   }// }}}
   h4 {// {{{
     color: $base-yellow;
     margin-top: .5rem;
-    font-size: 1.2em;
 
-    // @media (max-width: $phone-width) {
+    @media (max-width: $phone-width) {
-      // font-size: 1.2em;
+      font-size: 1.2em;
-      // margin-top: .75rem;
+      margin-top: .75rem;
-    // }
+    }
   }// }}}
 
   .date {// {{{
+    padding-top: .8em;
     float: right;
     color: $base03;
     
-    // @media (max-width: $phone-width) {
+    @media (max-width: $phone-width) {
-      // padding-top: 0em;
+      padding-top: 0em;
-    // }
+    }
   }// }}}
 
-  ul {
-    margin-bottom: 5px;
-  }
-
   #projects {// {{{
-    // // h1 {
+    h1 {
-      // // margin-bottom: 3px;
+      margin-bottom: 3px;
-    // // }
+    }
 
     .project {// {{{
       @include vert-padding-rem(.2);
@@ -620,17 +589,6 @@ header {// {{{
         height: 1.2em;
       }
 
-      .project-header {
-        // margin-bottom: .6em;
-        // margin-bottom: .1em;
-        margin-bottom: 5px;
-      }
-
-      .project-title {
-        // color: $base-blue;
-        color: black;
-      }
-
       .project-link {
         &:hover {
           text-decoration: none;
@@ -665,32 +623,8 @@ header {// {{{
     }
   }// }}}
 
-  .company {
-    // color: #fe4646;
-    color: black;
-    font-weight: bold;
-    font-size: 1.2em;
-    margin-bottom: 5px;
-  }
-
-  .position {
-    // color: black;
-    // color: $base-sky-blue;
-    // color: $base-blue;
-    color: black;
-    font-weight: bold;
-    // font-style: italic;
-    // font-size: 1.1em;
-    font-size: 1em;
-    // margin-bottom: 5px;
-    margin-bottom: 15px;
-  }
-
   .institution {
-    // color: $base-yellow;
+    color: $base-yellow;
-    // color: $base-dark-orange;
-    // color: $base-blue;
-    color: black;
     font-weight: bold;
     font-size: 1.1em;
     margin-bottom: 5px;
@@ -706,39 +640,11 @@ header {// {{{
     }
   }// }}}
 
-  // @media (max-width: $phone-width) {
+  @media (max-width: $phone-width) {
-    // font-size: 14px;
+    font-size: 14px;
-    // // font-size: 1em;
+    // font-size: 1em;
-  // }
-
-  &.letter {
-    font-size: 1.4em;
-    // font-size: 2em;
-    margin-top: 2em;
-    line-height: 1.5em;
-
-    img {
-      height: 4.5em;
   }
 
-    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;
-      }
-    }
-  }
 }// }}}
 
 #server {// {{{
@@ -797,38 +703,32 @@ header {// {{{
 
 h1.site-title {// {{{
   text-align: center;
-  // font-size: 4.2em;
+  font-size: 4.2em;
-  // font-size: 3.2em;
-  font-size: 2.5em;
   // color: #66cccc;
   color: $base05;
   // margin-top: 1rem;
   // margin-bottom: 0.75rem;
   @include vert-margin-rem(.75);
 
-  // @include a-color($base-sky-blue);
+  @include a-color($base-sky-blue);
   a {
-    color: black;
+    text-decoration: none;
-    // text-decoration: none;
-    text-decoration: underline;
-    text-decoration-thickness: 2px;
-    text-underline-offset: 5px;
   }
 
-  // @media (max-width: $phone-width) {
+  @media (max-width: $max-page-width) {
-    // font-size: 3em;
+    font-size: 3em;
-  // }
+  }
 
-  // @media (max-width: $phone-width) {
+  @media (max-width: $phone-width) {
-    // font-size: 3.5em;
+    font-size: 3.5em;
-    // @include vert-margin-rem(.3);
+    @include vert-margin-rem(.3);
-    // // font-size: 2.5em;
+    // font-size: 2.5em;
-    // // font-size: 2em;
+    // font-size: 2em;
 
-    // .surrounding {
+    .surrounding {
-      // display: none;
+      display: none;
-    // }
+    }
-  // }
+  }
 }// }}}
 
 .hero-logo img {

config.yaml

@@ -1,5 +1,5 @@
-baseURL: http://localhost:1313/
+# baseURL: http://localhost:1313/
-# baseURL: https://kevin-mok.com/
+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: 1
+    weight: 5
   # - name: posts/
     # url: /posts
     # weight: 6
@@ -26,23 +26,11 @@ 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:
+blackfriday:
-  # plainIDAnchors: true
+  plainIDAnchors: true
-  # hrefTargetBlank: true
+  hrefTargetBlank: true
 
-disableKinds: ["RSS"]
-
-markup:
-  goldmark:
-    renderer:
-      unsafe: true

content/card/_index.md

@@ -1,5 +0,0 @@
----
-title: "Digital Card"
-date: 2019-02-11T07:50:51-05:00
-draft: false
----

content/config/_index.md

@@ -39,4 +39,5 @@ a single branch.
 
 [chezmoi]: https://github.com/twpayne/chezmoi
 
+
 <!---  }}} Setup --> 

content/credits/_index.md

@@ -0,0 +1,5 @@
+---
+title: "Credits"
+date: 2019-02-11T03:10:25-05:00
+draft: true
+---

content/resume/_index.md

@@ -3,71 +3,127 @@ title: "Resume"
 date: 2019-02-11T07:50:51-05:00
 draft: false
 ---
-{{% resume/section "Work Experience" %}}<!--- {{{ -->
+{{% resume/section overview %}}<!--- {{{ -->
 
-{{% resume/education name="Red Hat" 
+3<sup>rd</sup> year CS student. Enthusiast of all things
-title="Cloud/Software Engineer Intern" date="May 2020 — Aug 2021" %}}
+Linux and FOSS. Seeking 16-month internship for my PEY
-- Reduced deployment time by **66%** by implementing ability to 
+co-op program. Looking to gain industry-relevant experience in 
-  deploy locally-compiled binaries onto **Kubernetes**/**OpenShift**
+full-stack web dev, DevOps or system administration.
-  using only command-line. 
+
-- Implemented ability for Kubernetes operator to fetch data 
+{{% /resume/section %}}<!--- }}} -->
-  from a deployed service and update config with data.
+
-- Added startup probes to handle starting legacy application containers that require additional startup time.
+{{% resume/section skills %}}<!--- {{{ -->
-- Refactored probes to have default values assigned based on 
+
-  deployed YAML while also fixing reconciliation issues.
+#### Languages
-- Automated the promotion and release process 
+- **Bash**, C, **CSS**, C++, **Fish**, Godot, **HTML5**, **Python**, 
-  as part of the **Jenkins** release pipeline.
+  Java, **Javascript (ES6)**, **Sass**
-- Wrote documentation on how to get started with the project to onboard new 
+
-  developers and mentored the incoming intern.
+#### 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**, **SFTP**, **SSH**, 
+  **Vim**
 
 {{% /resume/section %}}<!--- }}} -->
 
 {{% resume/section projects %}}<!--- {{{ -->
 
-<!--- Astronofty {{{ -->
+<!--- Spotify Graphs {{{ -->
 
-{{% resume/project name="Astronofty" 
+{{% resume/project name="Spotify Graphs" 
-url="https://github.com/Kevin-Mok/astronofty" date="Jan 2023" 
+url="https://github.com/Kevin-Mok/spotify-lib-vis" date="June 2018 — July 2018" 
 show="true" %}}
 
-- Created for a 36 hour hackathon (UofTHacks X) where it **came 2nd overall**.
+- Scan tracks from user's library using Spotify API and organize data into 
-- Created and deployed a smart contract with **Solidity** on 
+  database.
-  the Ethereum blockchain to create/buy/sell NFT's 
+- Created and tested various __PostgreSQL__ schemas to increase efficiency for 
-  using MetaMask.
+  use cases.
-- Wrote a **React** hook to fetch and show listed NFT's, NFT details and owned NFT's.
+- Produce bubble chart and (stacked) bar chart in [**d3** graphs][d3 graph examples]
-- Used API to synchronously upload images and metadata to IPFS.
+  to visualize the artists, genres and features of tracks in library.
+- Implement functionality to keep track of user's listening history. Set up 
+  `cron` job on my local machine to keep track of my own.
+- Uses __Django__ for backend.
+
+[d3 graph examples]: https://github.com/d3/d3/wiki/Gallery
 
 {{% /resume/project %}}
 
-<!--- Astronofty }}} -->
+<!--- Spotify Graphs }}} -->
 
-<!--- Rarity Surf {{{ -->
+<!--- Grocery Finder {{{ -->
 
-{{% resume/project name="Rarity Surf" 
+{{% resume/project name="Grocery Finder" 
-date="Oct 2021" show="true" %}}
+url="https://github.com/Kevin-Mok/grocery-finder" date="Feb. 2019 — Apr. 2019" 
+show="true" %}}
 
-- Web app to give rarity rankings to NFT's within minutes of their metadata being revealed and check which are listed (based on rarity and price filters) on the OpenSea marketplace using their API.
+- PoC for web app that finds the ideal supermarket based on your cart.
-- Reverse engineered the ranking algorithm to match the 
+- Designed responsive front-end layout using **Bootstrap**.
-  leading rarity ranking site's rankings (scraped using 
+- Implemented REST API functionality on backend using **Node.js** and 
-  Selenium) with a **discrepancy of <0.25%**. 
+  **MongoDB**.
-- Used app to frontrun purchases of **top 5%** rarity NFT's 
+- Setup deployment on [**Heroku**][Grocery Finder Heroku].
-  against competing buyers.
+- Led team of 4 as project leader to prioritize and delegate tasks while
-- Wrote **Django** backend to fetch metadata from IPFS, store rarity rankings in PostgreSQL and serve rarity data using GraphQL.
+  also implementing a majority of the core features.
-- Wrote **React** frontend with hooks to dynamically load rarity data. Styled with Tailwind.
+- Performed code review for team member's pull requests.
+
+[Grocery Finder Heroku]: http://www.grocery-finder.ml
 
 {{% /resume/project %}}
 
-<!--- Rarity Surf }}} -->
+<!--- Grocery Finder }}} -->
+
+<!--- ParsaFood {{{ -->
+
+{{% resume/project name="ParsaFood" 
+url="https://github.com/Kevin-Mok/ParsaFood" date="Feb. 2018" 
+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].
+
+[Parsafood repo]: https://github.com/Kevin-Mok/ParsaFood
+[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 }}} -->
+ 
+<!--- TrapBot {{{ -->
+
+{{% resume/project name="TrapBot"
+url="https://github.com/Kevin-Mok/TrapBot" date="March 2018" %}}
+
+- 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" show="true" %}}
+url="https://kevin-mok.com/server/" date="Aug. 2019—present" %}}
 
-- Deployed various web apps with backends using NGINX on a Debian/**Linux** server.
+- Deployed various web apps with backends such as Node, PHP and Python using 
-- Wrote a [**JavaScript** script][server script] and [systemd service][systemd service]/[timer]
+  **NGINX** on a **Debian** server.
-  to display the uptime of my pages every hour.
+- Monitor system resources and perform system maintenance using tmux.
-- Monitored system resources and performed 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
@@ -77,24 +133,42 @@ url="https://kevin-mok.com/server/" date="Aug. 2019 — present" show="true" %}}
 
 <!--- DigitalOcean Droplet }}} -->
 
+<!--- Super ADA Bros. {{{ -->
+
+{{% resume/project name="Super ADA Bros"
+url="https://github.com/Kevin-Mok/SuperADABros" date="May 2019" %}}
+
+- Designed clone of Super Mario Bros 1-1, but Mario is mobility-impaired and
+  uses ramps to get through the level.
+- 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 %}}
+
+
+<!--- Grocery Finder }}} -->
+
 {{% /resume/section %}}<!--- }}} -->
 
-{{% resume/section skills %}}<!--- {{{ -->
+{{% resume/section "Work Experience" %}}<!--- {{{ -->
 
-Kubernetes, **JavaScript**, **React**, **Python**, Go, Bash, Solidity, C, **Django**, Node.js, Jenkins, PostgreSQL, **Linux**, **Git**, **Command Line**
+{{% 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"
+{{% resume/education name="University of Toronto" title="Computer Science Specialist" date="2017-2021" %}}
-title="Computer Science Specialist — 3.84 GPA (CS)" date="2018 — 2023" %}}
-
-{{% /resume/section %}}<!--- }}} -->
-
-{{% resume/section "References" %}}<!--- {{{ -->
-
-{{% resume/references %}}
 
 {{% /resume/section %}}<!--- }}} -->
 

content/resume/archived.txt

@@ -0,0 +1,20 @@
+<!--- 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 }}} -->
+

content/resume/old.txt

@@ -1,82 +0,0 @@
-<!--- Spotify Graphs {{{ -->
-
-{{% resume/project name="Spotify Graphs" 
-url="https://github.com/Kevin-Mok/spotify-lib-vis" date="June 2018 — July 2018" 
-show="true" %}}
-
-- 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
-
-{{% /resume/project %}}
-
-<!--- 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 }}} -->
-
-<!--- 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 }}} -->
-
-<!--- ParsaFood {{{ -->
-
-{{% resume/project name="ParsaFood" 
-url="https://github.com/Kevin-Mok/ParsaFood" date="Feb. 2018" 
-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].
-
-[Parsafood repo]: https://github.com/Kevin-Mok/ParsaFood
-[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 }}} -->

content/resume/red-hat.txt

@@ -1,9 +0,0 @@
-• Working on the Kogito (cloud-native, open-source business automation technology) Cloud Engineering team.
-• Implemented ability for Kogito operator to fetch exposed protobuf files from a deployed service and update ConfigMap with data (*Kubernetes*, *Go*, KOGITO-3376).
-• Reduced deployment time by 66% by implementing ability to deploy locally-compiled Kogito binaries onto OpenShift using only Kogito CLI (*Go*, KOGITO-2113). 
-• Added startup probes to handle starting legacy application containers that require additional startup time 
-(*Go*, KOGITO-4322).
-• Refactored Kogito probes to have default values assigned based on deployed YAML/runtime while also fixing reconciliation issues (*Kubernetes*, *Go*, KOGITO-4898).
-• Automated the promotion and release process for Kogito runtimes as part of the release pipeline (*Jenkins*, KOGITO-1653). Wrote unit tests in the Spock framework. 
-• Wrote documentation to onboard new Kogito operator developers and reduce friction needed for them to start contributing (*Kubernetes/minikube/OpenShift*, KOGITO-5127). Was completed as part of mentoring incoming intern to expedite initial onboarding process.
-• Presented a talk based on my experience called "8 Things I Learned About Software Engineering" to an audience of 75+ in a conference for internship seekers.

layouts/card/section.html

@@ -1,69 +0,0 @@
-{{ 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" . }}

layouts/letter/section.html

@@ -1,22 +0,0 @@
-{{ 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>

layouts/letter/single.html

@@ -1,13 +0,0 @@
-{{ partial "base/header.html" . }}
-
-{{ partial "base/site-title.html" . }}
-
-{{ partial "resume/contact-info.html" . }}
-
-<div id="resume" class="letter">
-{{ .Content }}
-</div>
-
-</div>
-</body>
-</html>

layouts/partials/base/footer.html

@@ -19,30 +19,20 @@
             <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="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 class="col-xs-2">
         </span>

layouts/partials/base/header.html

@@ -9,19 +9,17 @@
 {{- 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="https://cdn.khkm.gq/live.js" charset="utf-8"></script> -->
+<script src="http://livejs.com/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" type="text/css"
-    href="https://cdn.rawgit.com/dreampulse/computer-modern-web-font/master/fonts.css">
 <link rel="stylesheet" href="{{ "css/style.css" | relURL }}" type="text/css">
 {{ $main_sass := resources.Get "sass/main.scss" }}
 {{ $main_style := $main_sass | resources.ToCSS }}

layouts/partials/base/site-title.html

@@ -1,4 +1,7 @@
 <h1 class="site-title">
-  <span class="surrounding"></span><a href="{{ .Site.BaseURL }}">
+  <span class="surrounding">[</span><a href="{{ .Site.BaseURL }}"><span class="base08">K</span><span
-    <span>Kevin Mok</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><span class="surrounding">] # _</span>
 </h1>

layouts/partials/home/about.html

@@ -1,7 +1,7 @@
 <div id="about">
 <h2>Welcome to my site!</h2>
 <p>
-  I'm Kevin Mok - a Computer Science
+  I'm Kevin Mok - a 3<sup>rd</sup> year 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>.

layouts/partials/resume/contact-info.html

@@ -1,5 +1,5 @@
 <div id="contact-info" class="container">
-  <div class="row row-top justify-content-center mx-auto">
+  <div class="row row-top justify-content-center">
     <div id="phone-number" class="col text-left">
       <a href="tel:647-685-2500" target="_blank">
         <img src="{{ "img/resume/smartphone.svg" | relURL }}"
@@ -10,17 +10,17 @@
       </a>
     </div>
     <div id="linkedin" class="col text-right">
-      <a href="https://www.linkedin.com/in/Kev-Mok" target="_blank">
+      <a href="https://www.linkedin.com/in/Kev-Mok">
         <span class="url-info">
-          linkedin.com/in/Kev-Mok
+          Kev-Mok
         </span>
         <img src="{{ "img/social/linkedin.svg" | relURL }}" alt="linkedin-icon">
       </a>
     </div>
   </div>
-  <div class="row mx-auto">
+  <div class="row justify-content-center">
     <div id="email" class="col col-left">
-      <a href="mailto:me@kevin-mok.com" target="_blank">
+      <a href="mailto:me@kevin-mok.com">
         <img src="{{ "img/resume/envelope.svg" | relURL }}" alt="envelope-icon">
         <span class="url-info">
           me@kevin-mok.com
@@ -28,11 +28,11 @@
       </a>
     </div>
     <div id="website" class="col text-right">
-      <a href="https://github.com/Kevin-Mok" target="_blank">
+      <a href="https://kevin-mok.com/">
         <span class="url-info">
-          github.com/Kevin-Mok
+          kevin-mok.com
         </span>
-        <img src="{{ "img/social/github.svg" | relURL }}" alt="link-icon">
+        <img src="{{ "img/resume/link.svg" | relURL }}" alt="link-icon">
       </a>
     </div>
   </div>

layouts/partials/resume/print-icon.html

@@ -1,5 +1,5 @@
 <div id="print-icon">
-  <a href="{{ "pdf/kevin-mok-resume.pdf" | relURL }}" target="_blank">
+  <a href="{{ "kevin-mok-resume.pdf" | relURL }}" target="_blank">
     <img src="{{ "img/resume/printer.svg" | relURL }}" alt="printer-icon">
   </a>
 </div>

layouts/shortcodes/resume/letter-print.html

@@ -1,8 +0,0 @@
-<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>

layouts/shortcodes/resume/no-spacing.html

@@ -1,4 +0,0 @@
-{{ $_hugo_config := `{ "version": 1 }` }}
-<div class="no-line-spacing">
-  {{ .Inner }}
-</div>

layouts/shortcodes/resume/project.html

@@ -9,6 +9,7 @@
         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.svg" | relURL }}" alt="link-icon"> -->
           <img class="down-triangle" src="{{ "img/resume/down-triangle.png" | relURL }}" alt="link-icon">
         </h2>
       </button>
@@ -16,8 +17,9 @@
     <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 class="show" id="{{ .Get "name" | lower | urlize }}-details"> -->
     <div>
       {{ .Inner }}
-</div>
+    </div>
   </div>
 </div>

layouts/shortcodes/resume/references.html

@@ -1,11 +0,0 @@
-<div class="references">
-  <span>
-    See my 
-    <a href="https://www.linkedin.com/in/Kev-Mok"
-      target="_blank">
-      LinkedIn
-    </a>
-    for references from my Red Hat managers/mentee and a
-    startup client.
-  </span>
-</div>

layouts/sitemap.xml

@@ -1,21 +0,0 @@
-<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>

static/img/social/reddit.svg

@@ -1 +0,0 @@
-<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>

static/img/social/twitter.svg

@@ -1 +0,0 @@
-<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>

static/server-table.js

@@ -38,9 +38,6 @@ 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]