Update resume for web dev

assets/sass/main.scss

@@ -106,11 +106,16 @@ body {
   // line-height: 1.5;
   line-height: 1.57;
   // font-size: 100%;
-  font-size: 15px;
+  // font-size: 15px;
+  font-size: 17px;
   // font-size: 20px;
   // font-size: 22px;
   /* 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;
@@ -172,7 +177,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 +218,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 +377,7 @@ header {// {{{
           display: inline;
 
           &#gnu {
-            background-color: $base04;
+            // background-color: $base04;
             // background-color: $base05;
           }
         }
@@ -493,7 +500,7 @@ header {// {{{
 #contact-info {// {{{
   @include side-margin-em(0);
   // @include vert-padding-rem(0.5);
-  @include a-color($base-sky-blue);
+  // @include a-color($base-sky-blue);
   // min-width: $max-page-width;
   @media (min-width: 1200px) {
       .container{
@@ -501,6 +508,7 @@ header {// {{{
       }
   }
   a {// {{{
+    color: #4287cd;
     text-decoration: none;
     &:hover {
       text-decoration: none;
@@ -512,7 +520,8 @@ header {// {{{
 
   .row {
     // flex-grow: 1;
-    color: $base05;
+    // color: $base05;
+    color: #4287cd;
 
     img {
       height: 1em;
@@ -530,7 +539,9 @@ header {// {{{
   }
 
   .url-info {
+    font-size: 1em;
     margin-left: 5px;
+    // text-decoration: underline;
     // position: relative;
     // left: -8px;
     // @media (max-width: $phone-width) {
@@ -545,6 +556,9 @@ header {// {{{
 #resume {// {{{
   a {// {{{
     // text-decoration: none;
+    // color: $base-blue;
+    color: #4287cd;
+    // color: blue;
     text-decoration: underline;
     &:hover {
       text-decoration: underline;
@@ -552,7 +566,8 @@ header {// {{{
   }// }}}
 
   h1 {// {{{
-    color: $base-orange;
+    // color: $base-orange;
+    color: black;
     // margin-top: 1.3rem;
     margin-top: 1rem;
     // font-size: 1.2em;
@@ -563,7 +578,7 @@ header {// {{{
     // }
   }// }}}
   h2 {// {{{
-    color: $base-orange;
+    //color: $base-orange;
     margin-top: .5rem;
     font-size: 1em;
 
@@ -593,7 +608,7 @@ header {// {{{
   }// }}}
 
   .section-header {
-    margin-top: 1em;
+    margin-top: .7em;
     margin-bottom: 0.4em;
   }
 
@@ -629,6 +644,12 @@ header {// {{{
         margin-bottom: 5px;
       }
 
+      .project-title {
+        // color: $base-blue;
+        color: black;
+        display: inline;
+      }
+
       .project-link {
         &:link {
           text-decoration: none;
@@ -667,7 +688,8 @@ header {// {{{
   }// }}}
 
   .company {
-    color: #fe4646;
+    // color: #fe4646;
+    color: black;
     font-weight: bold;
     font-size: 1.2em;
     margin-bottom: 5px;
@@ -675,16 +697,27 @@ header {// {{{
 
   .position {
     // color: black;
-    color: $base-sky-blue;
+    // color: $base-sky-blue;
+    // color: $base-blue;
+    color: black;
     font-weight: bold;
     // font-style: italic;
-    font-size: 1.1em;
+    // font-size: 1.1em;
+    font-size: 1em;
     // margin-bottom: 5px;
     margin-bottom: 15px;
   }
 
+  .languages {
+    // font-style: italic;
+    // font-size: .9em;
+  }
+
   .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;
@@ -790,16 +823,21 @@ header {// {{{
 h1.site-title {// {{{
   text-align: center;
   // font-size: 4.2em;
-  font-size: 3.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 {
-    text-decoration: none;
+    color: black;
+    // text-decoration: none;
+    text-decoration: underline;
+    text-decoration-thickness: 2px;
+    text-underline-offset: 5px;
   }
 
   // @media (max-width: $phone-width) {
@@ -965,7 +1003,8 @@ article.single section.body h5 { color: #515151; }
 article.single section.body h6 { color: #747369; }
 
 // article.single section.body a,a:visited { color: #a06700; }
-article.single section.body a,a:visited { color: $base-sky-blue; }
+// article.single section.body a,a:visited { color: $base-sky-blue; }
+// article.single section.body a,a:visited { color: $base-sky-blue; }
 
 /* Article Elements */
 

content/resume/_index.md

@@ -3,64 +3,34 @@ title: "Resume"
 date: 2019-02-11T07:50:51-05:00
 draft: false
 ---
-{{% resume/section "Work Experience" %}}<!--- {{{ -->
+{{% resume/section "Web Dev Projects" %}}<!--- {{{ -->
-
-{{% resume/work-experience name="Red Hat" 
-title="Cloud/Software Engineer Intern" date="May 2020 — Aug 2021" %}}
-- Reduced deployment time by **66%** by [implementing ability](https://github.com/apache/incubator-kie-kogito-operator/commit/175a6356c5474f2360ccb8ae835e0b9b2d653cf1) to 
-  deploy locally-compiled binaries onto **Kubernetes**/**OpenShift**
-  using only command-line (Golang used for this and below). 
-- 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](https://github.com/apache/incubator-kie-kogito-operator/commit/af4977af228ec8648be28779259d4552246b656f) assigned based on 
-  deployed YAML while also fixing reconciliation issues.
-- Automated the promotion and release process 
-  as part of the **Jenkins** [release pipeline](https://github.com/apache/incubator-kie-kogito-pipelines/commit/4c83f1aecdea2c1ba2796b79839a90d4083dce88).
-- Wrote [documentation](https://github.com/apache/incubator-kie-kogito-operator/blob/1534c03d1d26bec08a16608a775782bf8b305de9/docs/GUIDE_FOR_KOGITO_DEVS.md) on how to get started with the project to onboard new 
-  developers and mentored the incoming intern.
-
-{{% /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) on an 
-  **AWS EC2** Debian/**Linux** server.
-- Created **Kubernetes** [manifest files](https://github.com/Kevin-Mok/aws-minicube) 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" 
-date="Oct 2021" show="true" %}}
+languages="TypeScript, JavaScript, Node.js, React"  
+date="March 2025" 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 
-- Reverse engineered the ranking algorithm to match the 
+  (TypeScript/JavaScript)** to generate 
-  leading rarity ranking site's rankings (scraped using 
+  rarity rankings for NFT's, integrating with **leading 
-  Selenium) with a **discrepancy of <0.25%**. 
+  marketplace’s API** to enable users to quickly identify 
-- Used app to frontrun purchases of **top 5%** rarity NFT's 
+  rare NFT's and check their listing status, **improving 
-  against competing buyers.
+  market research efficiency by 80%**.
-- Wrote **Django (Python)** backend to fetch metadata from IPFS, store rarity rankings in PostgreSQL and serve rarity data using GraphQL.
+- **Built a scalable [Node.js backend](https://github.com/Rarity-Surf/ME-sniper-backend)** with REST API 
-- Wrote **React** frontend with hooks to dynamically load rarity data. Styled with Tailwind.
+  endpoints to return NFTs based on customizable filters 
+  such as max rank, price, and rarest traits. **Optimized 
+  performance** to handle **3,000+ concurrent requests** by 
+  implementing efficient data fetching and caching 
+  mechanisms using **PostgreSQL** , ensuring low-latency 
+  access to NFT data.
+- **Built a dynamic [React frontend](https://github.com/Rarity-Surf/ME-sniper-frontend) (TypeScript/JavaScript)** to load and display NFTs in real-time with user-defined filters. Styled 
+  using a mobile-responsive library, **reducing load times by 50%**.
+- **Developed a [Discord bot](https://github.com/Rarity-Surf/ME-sniper-discord-bot) (TypeScript/JavaScript/Node.js)** to notify users of profitable 
+  resale opportunities by leveraging historical sales data 
+  to assess deal quality. This feature **increased user 
+  engagement by 80%** and provided a seamless way for users 
+  to stay updated on market opportunities.  
 
 {{% /resume/project %}}
 
@@ -69,40 +39,73 @@ date="Oct 2021" show="true" %}}
 <!--- Astronofty {{{ -->
 
 {{% resume/project name="Astronofty" 
-url="https://github.com/Kevin-Mok/astronofty" date="Jan 2023" 
+url="https://github.com/Kevin-Mok/astronofty" 
+languages="JavaScript, React, Solidity" date="Jan 2023" 
 show="true" %}}
 
-- Created for a 36 hour hackathon (UofTHacks X) where it [**came 2nd overall**](https://devpost.com/software/astronofty).
+- **Secured [2nd place](https://devpost.com/software/astronofty) overall out of 150+ teams** at UofTHacks 
-- Created and deployed a smart contract with **Solidity** on 
+  X, a 36-hour hackathon, for developing a blockchain-based 
-  the Ethereum blockchain to create/buy/sell NFT's 
+  NFT marketplace app.
-  using MetaMask.
+- **Built and optimized React (JavaScript) [components](https://github.com/Kevin-Mok/astronofty/tree/main/src/components)** to synchronously 
-- Wrote a **React** hook to fetch and show listed NFT's, NFT details and owned NFT's.
+  upload images and metadata to IPFS, **enhancing user engagement by 80%** during the demo.
-- Used API to synchronously upload images and metadata to IPFS.
 
 {{% /resume/project %}}
 
 <!--- Astronofty }}} -->
 
+{{% resume/section "Work Experience" %}}<!--- {{{ -->
+
+{{% resume/work-experience name="Red Hat" title="Cloud/Software Engineer Intern" languages="Kubernetes, GoLang, Jenkins" date="May 2022 — Aug 2023" %}}
+
+- **Reduced deployment time by 66%** by implementing a 
+  [solution](https://github.com/apache/incubator-kie-kogito-operator/commit/175a6356c5474f2360ccb8ae835e0b9b2d653cf1) for deploying locally-compiled binaries onto 
+  Kubernetes/OpenShift via command-line, **cutting average 
+  deployment times from 45 minutes to 15 minutes**. 
+  (**Kubernetes/GoLang** used for this and three below). 
+- **Eliminated 80% of manual configuration errors** by enabling 
+  the Kubernetes operator to automatically fetch data from 
+  deployed services and update configurations, **deprecating 
+  legacy startup scripts and reducing overall startup time 
+  by 40%**.
+- **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%**.
+- **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 skills %}}<!--- {{{ -->
 
-AWS, Kubernetes, Docker (Compose), **JavaScript**, **React**, **Python**, Go, Bash, Solidity, C, **Django**, Node.js, Jenkins, PostgreSQL, 
+**TypeScript**, **JavaScript**, **React**, **Node.js**, **Python**, 
-MongoDB, **Linux**, **Git**, **Command Line**
+**Django**, 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"
+{{% resume/education name="University of Toronto (St. George)"
-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 %}}<!--- }}} -->
-
-{{% resume/section "References" %}}<!--- {{{ -->
-
-{{% resume/references %}}
 
 {{% /resume/section %}}<!--- }}} -->
 
 <!-- vim: fdm=marker -->
+

content/resume/old.txt

@@ -1,19 +1,3 @@
-<!--- 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" 

layouts/partials/home/about.html

@@ -7,9 +7,8 @@
       <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 with a 3.84 GPA studying Computer Science at the
-      Toronto, graduating at the end of 2023 (currently
+      University of Toronto in 2024 (currently looking for a full-time position!).
-      looking for a full-time position!).
     </li>
     <li>
       I'm greatly interested in all things Linux and 

layouts/shortcodes/resume/project.html

@@ -4,6 +4,7 @@
         <h2 class="project-title">
           {{ .Get "name" }}
         </h2>
+        <span><{{ .Get "languages" }}></span>
     </div>
     <div class="col-4 text-right date">{{ .Get "date" }}</div>
   </div>
@@ -13,3 +14,4 @@
 </div>
   </div>
 </div>
+

layouts/shortcodes/resume/references.html

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

layouts/shortcodes/resume/work-experience.html

@@ -11,4 +11,8 @@
   <span class="position">
     {{ .Get "title" }}
   </span>
+  <span class="languages">
+    <{{ .Get "languages" }}>
+  </span>
 </div>
+