Resume: add ref section

.gitignore

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

assets/sass/main.scss

@@ -2,10 +2,14 @@
 
 //  base colors {{{ // 
 
+$base00: #2d2d2d;
+$base01: #393939;
 $base02: #515151;
 $base03: #747369;
 $base04: #a09f93;
 $base05: #d3d0c8; 
+$base06: #e8e6df;
+$base07: #f2f0ec;
 $base-red: #f2777a;
 $base-orange: #f99157;
 $base-yellow: #ffcc66;
@@ -14,15 +18,7 @@ $base-sky-blue: #66cccc;
 $base-blue: #6699cc;
 $base-violet: #cc99cc;
 $base-dark-orange: #d27b53;
-$link-color: #4287cd;
 
-/* .base00 { color: #2d2d2d; }
-.base01 { color: #393939; }
-.base02 { color: #515151; }
-.base03 { color: #747369; }
-.base04 { color: #a09f93; }
-.base06 { color: #e8e6df; }
-.base07 { color: #f2f0ec; } */
 .base08 { color: $base-red; }
 .base09 { color: $base-orange; }
 .base0a { color: $base-yellow; }
@@ -39,6 +35,7 @@ $link-color: #4287cd;
 // $max-page-width: 52em;
 $max-page-width: 45em;
 $phone-width: 800px;
+$vert-phone-width: 500px;
 
 @mixin side-padding-rem($n) {// {{{
   padding-left: $n * 1rem;
@@ -91,14 +88,23 @@ $phone-width: 800px;
   }
 }// }}}
 
+@mixin a-no-underline() {// {{{
+  a {
+    text-decoration: none;
+    &:hover {
+      text-decoration: none;
+    }
+  }
+}// }}}
+
 //  }}} mixins // 
 
 //  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 +112,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;
@@ -214,6 +214,7 @@ footer {
         position: relative;
         padding-right: $side-padding;
         // padding-right: .9em;
+        @include a-no-underline();
 
         img {
           height: 1.5em;
@@ -255,22 +256,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,40 +486,31 @@ header {// {{{
 
 #print-icon {// {{{
   float: right;
-  display: none;
 
   img {
-    height: 1.75em;
+    height: 2em !important;
-    position: relative;
+    position: absolute;
     top: 1em;
   }
 }// }}}
 
 #contact-info {// {{{
   @include side-margin-em(0);
+  @include side-padding-rem(0);
   // @include vert-padding-rem(0.5);
   @include a-color($base-sky-blue);
-  // min-width: $max-page-width;
+  width: 100%;
-  @media (min-width: 1200px) {
+  // @media (min-width: 1200px) {
-      .container{
+      // .container{
-        min-width: $max-page-width;
+        // 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 +531,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 +602,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 +636,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,16 +653,13 @@ 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;
@@ -724,19 +668,21 @@ header {// {{{
     h2 {
       color: $base-red;
       margin-top: 0em;
-      margin-bottom: .4em;
     }
 
     p {
-      margin-bottom: 1em;
+      margin-bottom: 1.5em;
     }
     
     .no-line-spacing {
       line-height: .5em;
-      margin-bottom: 1.75em;
+      margin-bottom: 2.15em;
       p {
         margin-bottom: 1em;
       }
+      strong {
+        line-height: 1.25em;
+      }
     }
   }
 }// }}}
@@ -791,44 +737,200 @@ header {// {{{
   }
 }// }}}
 
+#card {// {{{
+  @include vert-margin-rem(2);
+  align-items: center;
+  justify-content: center;
+  font-family: 'Oxygen Mono', monospace;
+
+  .container {// {{{
+    padding-left: 0;
+    padding-right: 0;
+
+    .row {
+      padding-top: 6rem;
+      padding-bottom: 8rem;
+      
+      @media (max-width: $phone-width) {
+        padding-top: 5rem;
+        padding-bottom: 6rem;
+      }
+    }
+  }// }}}
+
+  // $card-bg: #e8e6df;
+  $card-bg: $base07;
+  #presentational-container {// {{{
+    margin-top: 3em;
+    margin-bottom: 1em;
+    max-width: $max-page-width;
+    box-shadow: 2px 2px 10px 5px black;
+    // card bg
+    // background-color: #fff;
+    // background-color: #e5e5e5;
+    background-color: $card-bg;
+  }// }}}
+
+  #email-full {// {{{
+    font-size: 50px;
+    @media (max-width: $phone-width) {
+      font-size: 40px;
+    }
+    @media (max-width: $vert-phone-width) {
+      font-size: 33px;
+    }
+
+    @include vert-margin-rem(2);
+    height: 7em;
+
+    img {
+      height: .5em;
+      position: absolute;
+      left: -.8em;
+      bottom: -.15em;
+    }
+
+    p { // {{{
+      position: relative;
+      // color: grey;
+      color: #151515;
+      // color: #133337;
+
+      div {
+        display: inline;
+      }
+
+      .social {// {{{
+        // display: none;
+        display: inline;
+        white-space: nowrap;
+        position: absolute;
+        // left: 5.5rem;
+        left: 0rem;
+
+        .safari {
+          display: none;
+        }
+
+        @supports (-webkit-backdrop-filter: blur(1px)) {
+          left: .65rem;
+          .safari {
+            display: inline;
+          }
+        }
+
+        .link-text {
+          position: relative;
+          width: 100%;
+        }
+
+        $border-thickness: 8px;
+        @media (max-width: $vert-phone-width) {
+          $border-thickness: 5px;
+        }
+        .link {
+          position: absolute;
+          border-color: black;
+          border-style: solid;
+          border-width: 0 $border-thickness $border-thickness $border-thickness;
+          height: .45em;
+          width: 100%;
+          left: 0;
+          img {
+            position: absolute;
+            left: -1em;
+          }
+
+          &.link-top {
+            border-width: $border-thickness $border-thickness 0 $border-thickness;
+
+            img {
+              position: absolute;
+              top: -.2em;
+            }
+          }
+
+          &:hover {
+            opacity: .6;
+          }
+        }
+
+        $line-spacing: .65em;
+        #mastodon {
+          top: -$line-spacing * 1.1;
+          border-color: #3088d4;
+        }
+        .linkedin {
+          bottom: -$line-spacing * 1.1;
+          border-color: #0077b7;
+
+          &.linkedin-middle {
+            border-style: dotted;
+            border-width: 0 0 3.5px 0;
+          }
+        }
+        #github {
+          bottom: -$line-spacing * 2.7;
+        }
+        #site {
+          bottom: -$line-spacing * 4.25;
+          border-color: #ff7058;
+        }
+        #email {
+          top: -$line-spacing * 2.65;
+          border-color: #d1d0bf;
+        }
+      }// }}}
+
+      .spacing {
+        opacity: 0;
+      }
+    }// }}}
+  }// }}}
+}// }}}
+
+#letter-home {// {{{
+
+  #letter-instr {
+    text-align: center;
+    margin-top: 1.5em;
+    // margin-top: 25vh;
+    font-size: 1.4em;
+  }
+}// }}}
+
 // TODO: converted up to here
 
 //  hero {{{ // 
 
 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 {

content/resume/_index.md

@@ -12,13 +12,15 @@ title="Cloud/Software Engineer Intern" date="May 2020 — Aug 2021" %}}
   using only command-line. 
 - Implemented ability for Kubernetes operator to fetch data 
   from a deployed service and update config with data.
-- Added startup probes to handle starting legacy application containers that require additional startup time.
 - Refactored probes to have default values assigned based on 
   deployed YAML while also fixing reconciliation issues.
 - Automated the promotion and release process 
   as part of the **Jenkins** release pipeline.
 - Wrote documentation on how to get started with the project to onboard new 
   developers and mentored the incoming intern.
+- 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.
 
 {{% /resume/section %}}<!--- }}} -->
 
@@ -81,7 +83,7 @@ url="https://kevin-mok.com/server/" date="Aug. 2019 — present" show="true" %}}
 
 {{% resume/section skills %}}<!--- {{{ -->
 
-Kubernetes, **JavaScript**, **React**, **Python**, Go, Bash, Solidity, C, **Django**, Node.js, Jenkins, PostgreSQL, **Linux**, **Git**, **Command Line**
+- **JavaScript**, **React**,**Python**, Go, Bash, Solidity, C, **Django**, Node.js, PostgreSQL, **Linux**, **Git**, **Command Line**
 
 {{% /resume/section %}}<!--- }}} -->
 
@@ -94,7 +96,7 @@ title="Computer Science Specialist — 3.84 GPA (CS)" date="2018 — 2023" %}}
 
 {{% resume/section "References" %}}<!--- {{{ -->
 
-{{% resume/references %}}
+{{% resume/references title="See my LinkedIn (Kev-Mok) for references from my Red Hat managers/mentee and a startup client." %}}
 
 {{% /resume/section %}}<!--- }}} -->
 

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/partials/base/header.html

@@ -18,10 +18,8 @@
 <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,10 +1,22 @@
 <div id="about">
 <h2>Welcome to my site!</h2>
 <p>
-  I'm Kevin Mok - a Computer Science
+  I'm Kevin Mok. Here are a few things about myself!
-  student at the University of Toronto, and I'm greatly interested in all things Linux and 
+  <ul>
-  <a href="https://www.gnu.org/philosophy/floss-and-foss.en.html"
+    <li>I'm an Ex-Cloud Engineer Intern at 
-    target="_blank">FOSS/FLOSS</a>.
+      <a href="https://www.redhat.com/" target="_blank">Red Hat</a>.
+    </li>
+    <li>
+      I'm a Computer Science student at the University of
+      Toronto, graduating at the end of 2023 (currently
+      looking for a full-time position!).
+    </li>
+    <li>
+      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>.
+    </li>
+  </ul>
 </p>
 
 {{ partial "home/me-equation.html" . }}

layouts/partials/home/me-equation.html

@@ -1,14 +1,8 @@
 <div class="me-equation">
   <div class="equation-part">
-    <a href="https://www.gnu.org/" target="_blank">
+    <a href="https://www.redhat.com/" target="_blank">
-      <img src="{{ "img/home/gnu.svg" | relURL }}" id="gnu" alt="gnu-logo">
+      <img src="{{ "img/home/red-hat.svg" | relURL }}"
-    </a>
+      alt="red-hat-logo">
-    <p>+</p>
-  </div>
-  <div class="equation-part">
-    <a href="https://www.wikiwand.com/en/Arch_Linux" target="_blank">
-      <img src="{{ "img/home/arch.svg" | relURL }}" alt="linux-logo">
-      <!-- <img src="{{ "img/home/larbs.png" | relURL }}" alt="linux-logo"> -->
     </a>
   <p>+</p>
   </div>
@@ -16,8 +10,14 @@
     <a href="https://www.utoronto.ca/" target="_blank">
       <img src="{{ "img/home/uoft-logo.svg" | relURL }}" alt="uoft-logo">
     </a>
-  <p>=</p>
+    <p>+</p>
   </div>
+  <div class="equation-part">
+    <a href="https://www.gnu.org/" target="_blank">
+      <img src="{{ "img/home/gnu.svg" | relURL }}" id="gnu" alt="gnu-logo">
+    </a>
+  </div>
+  <p>=</p>
   <div class="equation-part">
   <img src="{{ "img/home/hexatar.png" | relURL }}" id="hexatar" alt="my-avatar">
   </div>

layouts/partials/resume/contact-info.html

@@ -12,7 +12,7 @@
     <div id="linkedin" class="col text-right">
       <a href="https://www.linkedin.com/in/Kev-Mok" target="_blank">
         <span class="url-info">
-          linkedin.com/in/Kev-Mok
+          Kev-Mok
         </span>
         <img src="{{ "img/social/linkedin.svg" | relURL }}" alt="linkedin-icon">
       </a>
@@ -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/" target="_blank">
         <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/shortcodes/resume/references.html

@@ -1,11 +1,5 @@
 <div class="references">
   <span>
-    See my 
+    {{ .Get "title" }}
-    <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>

static/img/home/red-hat.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" id="b6bdd2b4-52ab-488a-9a30-1e6d1d7dd2d4" data-name="Layer 1" viewBox="0 0 192.30001 146" version="1.1" sodipodi:docname="logo.svg" width="192.3" height="146" inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
+  <metadata id="metadata15">
+    <rdf:RDF>
+      <cc:Work rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+        <dc:title/>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview pagecolor="#ffffff" bordercolor="#666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1920" inkscape:window-height="1007" id="namedview13" showgrid="false" fit-margin-top="1" fit-margin-right="1" fit-margin-bottom="1" fit-margin-left="1" inkscape:zoom="0.45930043" inkscape:cx="306.89999" inkscape:cy="73" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="b6bdd2b4-52ab-488a-9a30-1e6d1d7dd2d4"/>
+  <defs id="defs4">
+    <style id="style2">.a737459c-e8c7-4afa-8008-f6cfd15ccda2{fill:#e00;}</style>
+  </defs>
+  <path class="a737459c-e8c7-4afa-8008-f6cfd15ccda2" d="m 128,84 c 12.5,0 30.6,-2.6 30.6,-17.5 a 19.53,19.53 0 0 0 -0.3,-3.4 L 150.9,30.7 C 149.2,23.6 147.7,20.3 135.2,14.1 125.5,9.1 104.4,1 98.1,1 92.2,1 90.5,8.5 83.6,8.5 76.9,8.5 72,2.9 65.7,2.9 c -6,0 -9.9,4.1 -12.9,12.5 0,0 -8.4,23.7 -9.5,27.2 a 6.15,6.15 0 0 0 -0.2,1.9 C 43,53.7 79.3,83.9 128,84 m 32.5,-11.4 c 1.7,8.2 1.7,9.1 1.7,10.1 0,14 -15.7,21.8 -36.4,21.8 C 79,104.5 38.1,77.1 38.1,59 a 18.35,18.35 0 0 1 1.5,-7.3 C 22.8,52.5 1,55.5 1,74.7 1,106.2 75.6,145 134.6,145 c 45.3,0 56.7,-20.5 56.7,-36.7 0,-12.7 -11,-27.1 -30.8,-35.7" id="path8" inkscape:connector-curvature="0" style="fill:#ee0000"/>
+  <path d="m 160.5,72.6 c 1.7,8.2 1.7,9.1 1.7,10.1 0,14 -15.7,21.8 -36.4,21.8 C 79,104.5 38.1,77.1 38.1,59 a 18.35,18.35 0 0 1 1.5,-7.3 l 3.7,-9.1 a 6.15,6.15 0 0 0 -0.2,1.9 c 0,9.2 36.3,39.4 84.9,39.4 12.5,0 30.6,-2.6 30.6,-17.5 A 19.53,19.53 0 0 0 158.3,63 Z" id="path10" inkscape:connector-curvature="0"/>
+</svg>