Update resume

- rm card

.gitignore

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

README.md

@@ -0,0 +1 @@
+https://kevin-mok.com/

assets/sass/main.scss

@@ -2,14 +2,10 @@
 
 //  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;
@@ -19,6 +15,13 @@ $base-blue: #6699cc;
 $base-violet: #cc99cc;
 $base-dark-orange: #d27b53;
 
+/* .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; }
@@ -35,7 +38,6 @@ $base-dark-orange: #d27b53;
 // $max-page-width: 52em;
 $max-page-width: 45em;
 $phone-width: 800px;
-$vert-phone-width: 500px;
 
 @mixin side-padding-rem($n) {// {{{
   padding-left: $n * 1rem;
@@ -88,31 +90,25 @@ $vert-phone-width: 500px;
   }
 }// }}}
 
-@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;
   background-color: $background-color;
   color: $color;
-  line-height: 1.5;
+  // line-height: 1.5;
+  line-height: 1.57;
   // font-size: 100%;
   font-size: 15px;
+  // font-size: 20px;
+  // font-size: 22px;
   /* font-family: 'Source Code Pro', monospace; */
   font-family: 'Hack', monospace;
   display: flex;
@@ -176,7 +172,8 @@ footer {
   margin-top: 2rem;
   $vertical-margin: .2em;
   text-align: center;
-  font-size: 0.8em;
+  // font-size: 0.8em;
+  font-size: .85em;
   color: #747369;
   // bottom: 0;
   // position: absolute;
@@ -214,10 +211,10 @@ footer {
         position: relative;
         padding-right: $side-padding;
         // padding-right: .9em;
-        @include a-no-underline();
 
         img {
-          height: 1.5em;
+          // height: 1.5em;
+          height: 3em;
           @include vert-margin-rem(.2);
           padding-left: .5em;
           opacity: .6;
@@ -256,22 +253,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 }
 
@@ -375,7 +372,7 @@ header {// {{{
           display: inline;
 
           &#gnu {
-            background-color: $base04;
+            // background-color: $base04;
             // background-color: $base05;
           }
         }
@@ -486,27 +483,34 @@ header {// {{{
 
 #print-icon {// {{{
   float: right;
+  display: none;
 
   img {
-    height: 2em !important;
+    height: 1.75em;
-    position: absolute;
+    position: relative;
     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);
-  width: 100%;
-  // @media (min-width: 1200px) {
-      // .container{
   // min-width: $max-page-width;
-      // }
+  @media (min-width: 1200px) {
-  // }
+      .container{
+        min-width: $max-page-width;
+      }
+  }
+  a {// {{{
+    text-decoration: none;
+    &:hover {
+      text-decoration: none;
+    }
+  }// }}}
 
-  font-size: .9em;
+  // font-size: .9em;
+  font-size: .8em;
 
   .row {
     // flex-grow: 1;
@@ -528,21 +532,26 @@ header {// {{{
   }
 
   .url-info {
+    font-size: 1em;
     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: $base-blue;
+    color: #4287cd;
+    // color: blue;
+    text-decoration: underline;
     &:hover {
       text-decoration: underline;
     }
@@ -550,59 +559,90 @@ header {// {{{
 
   h1 {// {{{
     color: $base-orange;
+    // margin-top: 1.3rem;
     margin-top: 1rem;
+    // font-size: 1.2em;
+    font-size: 1.3em;
 
-    @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;
-
-    @media (max-width: $phone-width) {
     font-size: 1.2em;
-      margin-top: .75rem;
+
-    }
+    // @media (max-width: $phone-width) {
+      // font-size: 1.2em;
+      // 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;
-    }
+    // }
   }// }}}
 
-  #projects {// {{{
+  .section-header {
-    h1 {
+    margin-top: 1em;
-      margin-bottom: 3px;
+    margin-bottom: 0.4em;
   }
 
+  ul {
+    margin-bottom: 5px;
+  }
+
+  .work-experience {
+    margin-bottom: 5px;
+  }
+
+  #projects {// {{{
+    // // h1 {
+      // // margin-bottom: 3px;
+    // // }
+
     .project {// {{{
       @include vert-padding-rem(.2);
 
       h2 {
         color: $base-sky-blue;
         display: inline;
+        font-size: 1.1em;
       }
 
       img {
         height: 1.2em;
       }
 
+      .project-header {
+        // margin-bottom: .6em;
+        // margin-bottom: .1em;
+        margin-bottom: 5px;
+      }
+
+      .project-title {
+        color: $base-blue;
+      }
+
       .project-link {
+        &:link {
+          text-decoration: none;
+        }
         &:hover {
           text-decoration: none;
         }
@@ -636,8 +676,28 @@ header {// {{{
     }
   }// }}}
 
+  .company {
+    color: #fe4646;
+    font-weight: bold;
+    font-size: 1.2em;
+    margin-bottom: 5px;
+  }
+
+  .position {
+    // color: black;
+    // color: $base-sky-blue;
+    color: $base-blue;
+    font-weight: bold;
+    // font-style: italic;
+    font-size: 1.1em;
+    // margin-bottom: 5px;
+    margin-bottom: 15px;
+  }
+
   .institution {
-    color: $base-yellow;
+    // color: $base-yellow;
+    // color: $base-dark-orange;
+    color: $base-blue;
     font-weight: bold;
     font-size: 1.1em;
     margin-bottom: 5px;
@@ -653,13 +713,14 @@ header {// {{{
     }
   }// }}}
 
-  @media (max-width: $phone-width) {
+  // @media (max-width: $phone-width) {
-    font-size: 14px;
+    // font-size: 14px;
-    // font-size: 1em;
+    // // font-size: 1em;
-  }
+  // }
 
   &.letter {
     margin-top: 2em;
+    line-height: 1.5em;
 
     img {
       height: 4.5em;
@@ -668,21 +729,19 @@ header {// {{{
     h2 {
       color: $base-red;
       margin-top: 0em;
+      margin-bottom: .4em;
     }
 
     p {
-      margin-bottom: 1.5em;
+      margin-bottom: 1em;
     }
     
     .no-line-spacing {
       line-height: .5em;
-      margin-bottom: 2.15em;
+      margin-bottom: 1.75em;
       p {
         margin-bottom: 1em;
       }
-      strong {
-        line-height: 1.25em;
-      }
     }
   }
 }// }}}
@@ -737,175 +796,14 @@ 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;
   // color: #66cccc;
   color: $base05;
   // margin-top: 1rem;
@@ -917,20 +815,20 @@ h1.site-title {// {{{
     text-decoration: none;
   }
 
-  @media (max-width: $max-page-width) {
+  // @media (max-width: $phone-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

@@ -26,9 +26,9 @@ menu:
   - name: config
     url: /config
     weight: 10
-  - name: card
+  # - name: card
-    url: /card
+    # url: /card
-    weight: 15
+    # weight: 15
   # - name: letter
     # url: /letter
     # weight: 17

content/config/_index.md

@@ -6,7 +6,7 @@ layout: single
 ---
 <!---  Intro {{{ --> 
 
-![desktop-screenshot](https://img.khkm.tk/uploads/big/b2bd45e8f436d389ecb787b5c61c951a.png)
+![desktop-screenshot](/img/config/desktop-screenshot.png)
 *Screenshot from my dual-monitor setup.*
 
 This [repository][lc-repo] contains the dotfiles to increase my workflow 
@@ -18,17 +18,17 @@ efficiency. They are also for my Linux [rice][ricing_explanation].
 
 <!---  Main Programs {{{ --> 
 ## Main Programs
-* **OS**: [Arch Linux](https://www.archlinux.org/) ([packages](txt/nzxt-pkgs.txt))
+* **OS**: [Arch Linux](https://www.archlinux.org/) ([packages](https://git.kevin-mok.com/Kevin-Mok/linux-config/src/branch/master/txt/arch-2-pkgs.txt))
     ```
     $ systemd-analyze
     Startup finished in 2.341s (kernel) + 1.085s (userspace) = 3.426s 
     graphical.target reached after 1.085s in userspace
     ```
-* **Terminal**: [rxvt-unicode-pixbuf](https://www.wikiwand.com/en/Rxvt) 
+* **Terminal**: [kitty](https://sw.kovidgoyal.net/kitty/) 
-* **Shell**: [Zsh](http://zsh.sourceforge.net/) + [oh-my-zsh](https://github.com/robbyrussell/oh-my-zsh)
+* **Shell**: [fish](https://fishshell.com/)
-* **Window Manager**: [i3-gaps](https://github.com/Airblader/i3)
+* **Window Manager**: [i3-gaps](https://i3wm.org/)
-* **Editor**: [Neovim](https://github.com/neovim/neovim) ([plugins](dotfiles/.vimrc#L51))
+* **Editor**: [neovim](https://neovim.io/) ([plugins](https://git.kevin-mok.com/Kevin-Mok/linux-config/src/branch/master/dot_vimrc.tmpl#L147-L359))
-* **File Manager**: [ranger](https://ranger.github.io/)
+* **File Manager**: [ranger](https://github.com/ranger/ranger?tab=readme-ov-file#ranger-193)/[PCManFM](https://en.wikipedia.org/wiki/PCMan_File_Manager)
 <!---  }}} Basic Info --> 
 
 <!---  Setup {{{ --> 

content/resume/_index.md

@@ -5,98 +5,99 @@ draft: false
 ---
 {{% resume/section "Work Experience" %}}<!--- {{{ -->
 
-{{% resume/education name="Red Hat" 
+{{% resume/work-experience name="Red Hat" 
-title="Cloud/Software Engineer Intern" date="May 2020 — Aug 2021" %}}
+title="Cloud/Software Engineer Intern" languages="Kubernetes, GoLang, Jenkins" date="May 2020 — Aug 2021" %}}
-- Reduced deployment time by **66%** by implementing ability to 
+
-  deploy locally-compiled binaries onto **Kubernetes**/**OpenShift**
+- **Reduced deployment time by 66%** by implementing a 
-  using only command-line. 
+  [solution](https://github.com/apache/incubator-kie-kogito-operator/commit/175a6356c5474f2360ccb8ae835e0b9b2d653cf1) for deploying locally-compiled binaries onto 
-- Implemented ability for Kubernetes operator to fetch data 
+  Kubernetes/OpenShift via command-line, **cutting average 
-  from a deployed service and update config with data.
+  deployment times from 45 minutes to 15 minutes**. 
-- Refactored probes to have default values assigned based on 
+  (**Kubernetes/GoLang** used for this and three below). 
-  deployed YAML while also fixing reconciliation issues.
+- **Eliminated 80% of manual configuration errors** by enabling 
-- Automated the promotion and release process 
+  the Kubernetes operator to automatically fetch data from 
-  as part of the **Jenkins** release pipeline.
+  deployed services and update configurations, **deprecating 
-- Wrote documentation on how to get started with the project to onboard new 
+  legacy startup scripts and reducing overall startup time 
-  developers and mentored the incoming intern.
+  by 40%**.
-- Presented a talk based on my experience called "8 Things I 
+- **Improved application stability** by introducing startup 
-  Learned About Software Engineering" to an audience of 75+ 
+  probes for legacy applications with longer boot times, 
-  in a conference for internship seekers.
+  **resulting in a 50% reduction in startup-related failures 
+  and downtime during production launches**.
+- **Enhanced system reliability** by refactoring probes to 
+  [assign default values](https://github.com/apache/incubator-kie-kogito-operator/commit/af4977af228ec8648be28779259d4552246b656f) dynamically based on deployed YAML 
+  files and fixing reconciliation issues, **increasing probe 
+  accuracy by 30%** and preventing misconfigurations.
+- **Increased CI pipeline efficiency** by rewriting the 
+  **Jenkins (Groovy)** [nightly pipeline](https://github.com/apache/incubator-kie-kogito-pipelines/commit/4c83f1aecdea2c1ba2796b79839a90d4083dce88) to run in a GitHub PR 
+  environment, allowing for automated testing of all 
+  team-submitted PRs prior to merging, **reducing manual 
+  intervention by 60%**.
+- **Demonstrated leadership and collaboration** by actively 
+  contributing to **Agile** sprint planning in a 12-member team, 
+  driving improvement in sprint velocity through 
+  optimized task delegation and idea generation.
+- **Increased project reproducibility** by taking initiative to 
+  write a [reusable GitHub parameters file](https://github.com/apache/incubator-kie-kogito-pipelines/commit/4c83f1aecdea2c1ba2796b79839a90d4083dce88#diff-7d2c018dafbccec859077d19bf1ade53ec9c7649f235528ce89f5632b109f7e6) for the pipeline, 
+  **enabling 100% reusability** and ensuring consistent pipeline 
+  setups across different environments.
+- **Streamlined developer onboarding** by authoring 
+  comprehensive [project documentation](https://github.com/apache/incubator-kie-kogito-operator/blob/1534c03d1d26bec08a16608a775782bf8b305de9/docs/GUIDE_FOR_KOGITO_DEVS.md) and mentoring an 
+  incoming intern, **reducing onboarding time by 50%** and 
+  enhancing new team members' productivity within their 
+  first sprint.
 
 {{% /resume/section %}}<!--- }}} -->
 
 {{% resume/section projects %}}<!--- {{{ -->
 
-<!--- Astronofty {{{ -->
-
-{{% resume/project name="Astronofty" 
-url="https://github.com/Kevin-Mok/astronofty" date="Jan 2023" 
-show="true" %}}
-
-- Created for a 36 hour hackathon (UofTHacks X) where it **came 2nd overall**.
-- Created and deployed a smart contract with **Solidity** on 
-  the Ethereum blockchain to create/buy/sell NFT's 
-  using MetaMask.
-- Wrote a **React** hook to fetch and show listed NFT's, NFT details and owned NFT's.
-- Used API to synchronously upload images and metadata to IPFS.
-
-{{% /resume/project %}}
-
-<!--- Astronofty }}} -->
-
 <!--- Rarity Surf {{{ -->
 
 {{% resume/project name="Rarity Surf" 
+languages="Python, JavaScript, React, Django"  
 date="Oct 2021" 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.
+- **Developed a full-stack web application** to generate rarity 
-- Reverse engineered the ranking algorithm to match the 
+  rankings for NFT's integrated with OpenSea's API, 
-  leading rarity ranking site's rankings (scraped using 
+  enabling users to **quickly identify rare NFT's** and check 
-  Selenium) with a **discrepancy of <0.25%**. 
+  their listing status, **improving market research efficiency by 80%**.
-- Used app to frontrun purchases of **top 5%** rarity NFT's 
+- **Reverse engineered a proprietary ranking algorithm** to 
-  against competing buyers.
+  mirror the leading rarity ranking site’s results, 
-- Wrote **Django** backend to fetch metadata from IPFS, store rarity rankings in PostgreSQL and serve rarity data using GraphQL.
+  **achieving 99.75% accuracy** by 
-- Wrote **React** frontend with hooks to dynamically load rarity data. Styled with Tailwind.
+  utilizing data scraping techniques [with Selenium](https://github.com/Kevin-Mok/rarity-surf/blob/django/rarity_check/project/scrape.py), 
+  increasing the platform's trustworthiness among users.
+- **Optimized purchasing strategy** by leveraging the app to 
+  frontrun competitors in purchasing top 0.5% rarity NFTs, 
+  **boosting acquisition success rate by 90%** and allowing 
+  users to gain a competitive edge in the marketplace.
+- **Architected a robust Django (Python) [backend](https://github.com/Kevin-Mok/rarity-surf)** to fetch and process 
+  NFT metadata from IPFS, store rarity rankings in 
+  **PostgreSQL**, and serve the data via GraphQL API, **ensuring low-latency access and scaling to handle 2,000+ concurrent requests**.
+- **Developed a dynamic React [frontend](https://github.com/Kevin-Mok/rarity-surf-frontend)** using hooks to load 
+  rarity data in real-time, styled with Tailwind for 
+  mobile responsiveness, **improving user experience 
+  and reducing frontend load times by 70%**.
 
 {{% /resume/project %}}
 
 <!--- Rarity Surf }}} -->
 
-<!--- DigitalOcean {{{ -->
-
-{{% resume/project name="Personal Server"
-url="https://kevin-mok.com/server/" date="Aug. 2019 — present" show="true" %}}
-
-- Deployed various web apps with backends using NGINX on a Debian/**Linux** server.
-- Wrote a [**JavaScript** script][server script] and [systemd service][systemd service]/[timer]
-  to display the uptime of my pages every hour.
-- Monitored system resources and performed system maintenance using tmux.
-
-[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 }}} -->
-
 {{% /resume/section %}}<!--- }}} -->
 
 {{% resume/section skills %}}<!--- {{{ -->
 
-- **JavaScript**, **React**,**Python**, Go, Bash, Solidity, C, **Django**, Node.js, PostgreSQL, **Linux**, **Git**, **Command Line**
+**JavaScript**, **React**, **Python**, **Django**, Node.js, PostgreSQL, MongoDB, Bash, **Git**, **Linux**, **Command Line**, Go(Lang), AWS, Kubernetes, Terraform, Docker (Compose), Jenkins, Groovy, Solidity, C  
 
 {{% /resume/section %}}<!--- }}} -->
 
 {{% resume/section education %}}<!--- {{{ -->
 
 {{% resume/education name="University of Toronto"
-title="Computer Science Specialist — 3.84 GPA (CS)" date="2018 — 2023" %}}
+title="Computer Science Specialist — 3.84 GPA (CS). Graduated with High Distinction." date="2019 — 2024" %}}
 
 {{% /resume/section %}}<!--- }}} -->
 
 {{% resume/section "References" %}}<!--- {{{ -->
 
-{{% resume/references title="See my LinkedIn (Kev-Mok) for references from my Red Hat managers/mentee and a startup client." %}}
+{{% resume/references %}}
 
 {{% /resume/section %}}<!--- }}} -->
 

content/resume/old.txt

@@ -0,0 +1,98 @@
+<!--- CSC369 {{{ -->
+
+{{% resume/project name="Custom Kernel Module"
+url="https://kevin-mok.com/server/" date="Jan. 2022" show="true" %}}
+
+- Wrote and installed a [custom Linux kernel module](https://github.com/Kevin-Mok/interceptor-kernel/blob/master/a1/interceptor.c) in **C**.
+- Intercepted pre-existing system calls using 
+  custom kernel module by sending commands to 
+  userspace.
+- Monitored specific process ID's in my system 
+  call to intercept their system calls.
+
+{{% /resume/project %}}
+
+<!--- CSC369 }}} -->
+
+<!--- 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

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

content/resume/server-ideas.md

@@ -0,0 +1,18 @@
+# To-Do
+- check price of AWS server
+- run Docker apps on it
+- run domain
+- run/create Docker compose
+- Dockerize app
+
+# Done
+
+# Points
+- run/deploy K8s locally on minikube using kubectl
+  - features
+- Dockerize app
+- run Docker on server (AWS)
+
+# Replace
+- personal server
+- Astronofy

content/server/_index.md

@@ -1,16 +1,20 @@
 ---
 title: "Server Apps"
-date: 2019-09-22
+date: 2024-06-10
 draft: false
 layout: single
 js: ["server-table"]
 ---
-Here is a list of apps that I am running on my [DigitalOcean 
+Here is a list of apps that I am running on my [AWS EC2][AWS EC2 info] 
-droplet][do-droplet]. Their [statuses] are updated every hour using a 
+Debian instance/[DigitalOcean 
+droplet][do-droplet] using Docker (Compose) and my [Terraform 
+files](https://github.com/Kevin-Mok/terraform-deploys/tree/main). 
+I also have [Kubernetes manifest files](https://github.com/Kevin-Mok/aws-minicube) 
+that can recreate this server setup. Their statuses are updated every hour using a 
 [Node.js script][update-script] and a [systemd service]/[timer].
 
+[AWS EC2 info]: https://aws.amazon.com/pm/ec2/?gclid=CjwKCAjwyJqzBhBaEiwAWDRJVA8xkzlFBVRieWU_oiTxnHHfRgTnfN9WlnYON3UptS4aTtjaYRbVJRoCju8QAvD_BwE&trk=8c0f4d22-7932-45ae-9a50-7ec3d0775c47&sc_channel=ps&ef_id=CjwKCAjwyJqzBhBaEiwAWDRJVA8xkzlFBVRieWU_oiTxnHHfRgTnfN9WlnYON3UptS4aTtjaYRbVJRoCju8QAvD_BwE:G:s&s_kwcid=AL!4422!3!472464674288!e!!g!!aws%20ec2!11346198414!112250790958
 [do-droplet]: https://www.digitalocean.com/products/droplets/
-[statuses]: https://kevin-mok.com/server-apps.json
 [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
 [update-script]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-status.js

layouts/partials/base/footer.html

@@ -15,6 +15,13 @@
           <!-- <a href="{{ "credits" | relURL }}">Credits</a> ·  -->
         </span>
         <span id="social-icons" class="col-xs-4">
+          <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 href="https://github.com/Kevin-Mok" target="_blank">
             <img src="{{ "img/social/github.svg" | relURL }}"
             alt="github-logo">
@@ -36,12 +43,6 @@
             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">

layouts/partials/base/header.html

@@ -18,7 +18,7 @@
 <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" }}

layouts/partials/home/about.html

@@ -7,12 +7,23 @@
       <a href="https://www.redhat.com/" target="_blank">Red Hat</a>.
     </li>
     <li>
-      I'm a Computer Science student at the University of
+      I'm graduated University of Toronto as a Computer
-      Toronto, graduating at the end of 2023 (currently
+      Science Scecialist in 2023.
-      looking for a full-time position!).
     </li>
     <li>
-      I'm greatly interested in all things Linux and 
+      I am currently looking for full-time work! You can
+      view
+      <a href="http://localhost:1313/resume/" target="_blank">my resume</a>
+      on my site can
+      reach me on my 
+      <a href="https://www.linkedin.com/in/kev-mok" target="_blank">LinkedIn</a>
+      or email me at me at kevin-mok.com.
+    </li>
+    <li>
+      I'm greatly interested in Linux (been using
+      <a href="https://archlinux.org/" target="_blank">Arch Linux </a>
+      
+      since 2019) and a supporter of
       <a href="https://www.gnu.org/philosophy/floss-and-foss.en.html"
         target="_blank">FOSS/FLOSS</a>.
     </li>

layouts/partials/home/me-equation.html

@@ -6,15 +6,16 @@
     </a>
   <p>+</p>
   </div>
-  <div class="equation-part" id="uoft-part">
+  <div class="equation-part">
-    <a href="https://www.utoronto.ca/" target="_blank">
+    <a href="https://archlinux.org/" target="_blank">
-      <img src="{{ "img/home/uoft-logo.svg" | relURL }}" alt="uoft-logo">
+      <!-- <img src="{{ "img/home/gnu.svg" | relURL }}" id="gnu" alt="gnu-logo"> -->
+      <img src="{{ "img/home/arch.svg" | relURL }}" id="gnu" alt="gnu-logo">
     </a>
     <p>+</p>
   </div>
-  <div class="equation-part">
+  <div class="equation-part" id="uoft-part">
-    <a href="https://www.gnu.org/" target="_blank">
+    <a href="https://www.utoronto.ca/" target="_blank">
-      <img src="{{ "img/home/gnu.svg" | relURL }}" id="gnu" alt="gnu-logo">
+      <img src="{{ "img/home/uoft-logo.svg" | relURL }}" alt="uoft-logo">
     </a>
   </div>
   <p>=</p>

layouts/shortcodes/resume/education.html

@@ -7,7 +7,8 @@
     </div>
     <div class="col text-right date">{{ .Get "date" }}</div>
   </div>
-  <span class="title">
+  <!-- <span class="title"> -->
+  <span>
     {{ .Get "title" }}
   </span>
 </div>

layouts/shortcodes/resume/project.html

@@ -1,17 +1,9 @@
 <div class="project">
   <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>

layouts/shortcodes/resume/references.html

@@ -1,5 +1,10 @@
 <div class="references">
   <span>
-    {{ .Get "title" }}
+    See my LinkedIn for 
+    <a href="https://www.linkedin.com/in/kev-mok/details/recommendations/?detailScreenTabIndex=0"
+      target="_blank">
+    references</a> from my
+    Red Hat managers/mentee, a startup client and a graduate
+    student mentor.
   </span>
 </div>

layouts/shortcodes/resume/work-experience.html

@@ -0,0 +1,14 @@
+<div class="work-experience">
+  <div class="row">
+    <div class="col-8 text-left">
+      <p class="company">
+        {{ .Get "name" }}
+      </p>
+    </div>
+    <div class="col text-right date">{{ .Get "date" }}</div>
+  </div>
+  <!-- <span class="title"> -->
+  <span class="position">
+    {{ .Get "title" }}
+  </span>
+</div>