Update resume

- rm card

README.md

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

assets/sass/main.scss

@@ -104,7 +104,7 @@ body {
   background-color: $background-color;
   color: $color;
   // line-height: 1.5;
-  line-height: 1.55;
+  line-height: 1.57;
   // font-size: 100%;
   font-size: 15px;
   // font-size: 20px;
@@ -172,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;
@@ -212,7 +213,8 @@ footer {
         // padding-right: .9em;
 
         img {
-          height: 1.5em;
+          // height: 1.5em;
+          height: 3em;
           @include vert-margin-rem(.2);
           padding-left: .5em;
           opacity: .6;
@@ -370,7 +372,7 @@ header {// {{{
           display: inline;
 
           &#gnu {
-            background-color: $base04;
+            // background-color: $base04;
             // background-color: $base05;
           }
         }
@@ -530,6 +532,7 @@ header {// {{{
   }
 
   .url-info {
+    font-size: 1em;
     margin-left: 5px;
     // position: relative;
     // left: -8px;
@@ -545,6 +548,9 @@ header {// {{{
 #resume {// {{{
   a {// {{{
     // text-decoration: none;
+    // color: $base-blue;
+    color: #4287cd;
+    // color: blue;
     text-decoration: underline;
     &:hover {
       text-decoration: underline;
@@ -555,7 +561,8 @@ header {// {{{
     color: $base-orange;
     // margin-top: 1.3rem;
     margin-top: 1rem;
-    font-size: 1.2em;
+    // font-size: 1.2em;
+    font-size: 1.3em;
 
     // @media (max-width: $phone-width) {
       // margin-top: .75rem;
@@ -591,10 +598,19 @@ header {// {{{
     // }
   }// }}}
 
+  .section-header {
+    margin-top: 1em;
+    margin-bottom: 0.4em;
+  }
+
   ul {
     margin-bottom: 5px;
   }
 
+  .work-experience {
+    margin-bottom: 5px;
+  }
+
   #projects {// {{{
     // // h1 {
       // // margin-bottom: 3px;
@@ -606,6 +622,7 @@ header {// {{{
       h2 {
         color: $base-sky-blue;
         display: inline;
+        font-size: 1.1em;
       }
 
       img {
@@ -614,7 +631,12 @@ header {// {{{
 
       .project-header {
         // margin-bottom: .6em;
-        margin-bottom: .1em;
+        // margin-bottom: .1em;
+        margin-bottom: 5px;
+      }
+
+      .project-title {
+        color: $base-blue;
       }
 
       .project-link {
@@ -654,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;

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,96 +5,93 @@ 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**. 
-- Added startup probes to handle starting legacy application containers that require additional startup time.
+  (**Kubernetes/GoLang** used for this and three below). 
-- Refactored probes to have default values assigned based on 
+- **Eliminated 80% of manual configuration errors** by enabling 
-  deployed YAML while also fixing reconciliation issues.
+  the Kubernetes operator to automatically fetch data from 
-- Automated the promotion and release process 
+  deployed services and update configurations, **deprecating 
-  as part of the **Jenkins** release pipeline.
+  legacy startup scripts and reducing overall startup time 
-- Wrote documentation on how to get started with the project to onboard new 
+  by 40%**.
-  developers and mentored the incoming intern.
+- **Improved application stability** by introducing startup 
+  probes for legacy applications with longer boot times, 
+  **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 %}}<!--- {{{ -->
 
-<!--- AWS {{{ -->
-
-{{% resume/project name="AWS Server/Kubernetes"
-url="https://kevin-mok.com/server/" date="May 2024" show="true" %}}
-
-- Deployed [various web apps](https://kevin-mok.com/server/) using **Docker** (Compose) and on an 
-  **AWS EC2** Debian/**Linux** server.
-- Created **Kubernetes** [manifest files](https://github.com/Kevin-Mok) to quickly recreate my server setup 
-  (with persistent storage/restarts and open ports).
-- Used Amazon Route 53's DNS and **NGINX** to route 
-  subdomains to each web application.
-- Used AWS security groups to allow inbound HTTPS traffic.
-- Used Amazon EBS snapshots to regularly back up server.
-- Wrote a [**JavaScript** script][server script] and [systemd service][systemd service]/[timer]
-  to 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 %}}
-
-<!--- AWS }}} -->
-
 <!--- 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 (Python)** 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 }}} -->
 
-<!--- 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**](https://devpost.com/software/astronofty).
-- 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 }}} -->
-
 {{% /resume/section %}}<!--- }}} -->
 
 {{% resume/section skills %}}<!--- {{{ -->
 
-AWS, Kubernetes, Docker (Compose), **JavaScript**, **React**, **Python**, Go, Bash, Solidity, C, **Django**, Node.js, Jenkins, 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). Graduated with High Distinction." date="2018 — 2023" %}}
+title="Computer Science Specialist — 3.84 GPA (CS). Graduated with High Distinction." date="2019 — 2024" %}}
 
 {{% /resume/section %}}<!--- }}} -->
 

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/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/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,9 +1,10 @@
 <div class="references">
   <span>
-    See my 
+    See my LinkedIn for 
-    <a href="https://www.linkedin.com/in/Kev-Mok"
+    <a href="https://www.linkedin.com/in/kev-mok/details/recommendations/?detailScreenTabIndex=0"
       target="_blank">
-      LinkedIn</a> for references from my Red Hat managers/mentee,
+    references</a> from my
-    a startup client and a graduate student mentor.
+    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>