Update resume for web dev

README.md

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

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;
@@ -495,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{
@@ -503,6 +508,7 @@ header {// {{{
       }
   }
   a {// {{{
+    color: #4287cd;
     text-decoration: none;
     &:hover {
       text-decoration: none;
@@ -514,7 +520,8 @@ header {// {{{
 
   .row {
     // flex-grow: 1;
-    color: $base05;
+    // color: $base05;
+    color: #4287cd;
 
     img {
       height: 1em;
@@ -534,6 +541,7 @@ header {// {{{
   .url-info {
     font-size: 1em;
     margin-left: 5px;
+    // text-decoration: underline;
     // position: relative;
     // left: -8px;
     // @media (max-width: $phone-width) {
@@ -558,7 +566,8 @@ header {// {{{
   }// }}}
 
   h1 {// {{{
-    color: $base-orange;
+    // color: $base-orange;
+    color: black;
     // margin-top: 1.3rem;
     margin-top: 1rem;
     // font-size: 1.2em;
@@ -569,7 +578,7 @@ header {// {{{
     // }
   }// }}}
   h2 {// {{{
-    color: $base-orange;
+    //color: $base-orange;
     margin-top: .5rem;
     font-size: 1em;
 
@@ -599,7 +608,7 @@ header {// {{{
   }// }}}
 
   .section-header {
-    margin-top: 1em;
+    margin-top: .7em;
     margin-bottom: 0.4em;
   }
 
@@ -636,7 +645,9 @@ header {// {{{
       }
 
       .project-title {
-        color: $base-blue;
+        // color: $base-blue;
+        color: black;
+        display: inline;
       }
 
       .project-link {
@@ -677,7 +688,8 @@ header {// {{{
   }// }}}
 
   .company {
-    color: #fe4646;
+    // color: #fe4646;
+    color: black;
     font-weight: bold;
     font-size: 1.2em;
     margin-bottom: 5px;
@@ -686,18 +698,26 @@ header {// {{{
   .position {
     // color: black;
     // color: $base-sky-blue;
-    color: $base-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-dark-orange;
-    color: $base-blue;
+    // color: $base-blue;
+    color: black;
     font-weight: bold;
     font-size: 1.1em;
     margin-bottom: 5px;
@@ -803,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) {
@@ -978,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 */
 

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](/img/config/desktop-screenshot.png)
+![desktop-screenshot](https://img.khkm.tk/uploads/big/b2bd45e8f436d389ecb787b5c61c951a.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](https://git.kevin-mok.com/Kevin-Mok/linux-config/src/branch/master/txt/arch-2-pkgs.txt))
+* **OS**: [Arch Linux](https://www.archlinux.org/) ([packages](txt/nzxt-pkgs.txt))
     ```
     $ systemd-analyze
     Startup finished in 2.341s (kernel) + 1.085s (userspace) = 3.426s 
     graphical.target reached after 1.085s in userspace
     ```
-* **Terminal**: [kitty](https://sw.kovidgoyal.net/kitty/) 
+* **Terminal**: [rxvt-unicode-pixbuf](https://www.wikiwand.com/en/Rxvt) 
-* **Shell**: [fish](https://fishshell.com/)
+* **Shell**: [Zsh](http://zsh.sourceforge.net/) + [oh-my-zsh](https://github.com/robbyrussell/oh-my-zsh)
-* **Window Manager**: [i3-gaps](https://i3wm.org/)
+* **Window Manager**: [i3-gaps](https://github.com/Airblader/i3)
-* **Editor**: [neovim](https://neovim.io/) ([plugins](https://git.kevin-mok.com/Kevin-Mok/linux-config/src/branch/master/dot_vimrc.tmpl#L147-L359))
+* **Editor**: [Neovim](https://github.com/neovim/neovim) ([plugins](dotfiles/.vimrc#L51))
-* **File Manager**: [ranger](https://github.com/ranger/ranger?tab=readme-ov-file#ranger-193)/[PCManFM](https://en.wikipedia.org/wiki/PCMan_File_Manager)
+* **File Manager**: [ranger](https://ranger.github.io/)
 <!---  }}} Basic Info --> 
 
 <!---  Setup {{{ --> 

content/resume/_index.md

@@ -3,10 +3,59 @@ title: "Resume"
 date: 2019-02-11T07:50:51-05:00
 draft: false
 ---
+{{% resume/section "Web Dev Projects" %}}<!--- {{{ -->
+
+<!--- Rarity Surf {{{ -->
+
+{{% resume/project name="Rarity Surf" 
+languages="TypeScript, JavaScript, Node.js, React"  
+date="March 2025" show="true" %}}
+
+- **Developed a full-stack web application 
+  (TypeScript/JavaScript)** to generate 
+  rarity rankings for NFT's, integrating with **leading 
+  marketplace’s API** to enable users to quickly identify 
+  rare NFT's and check their listing status, **improving 
+  market research efficiency by 80%**.
+- **Built a scalable [Node.js backend](https://github.com/Rarity-Surf/ME-sniper-backend)** with REST API 
+  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 %}}
+
+<!--- Rarity Surf }}} -->
+
+<!--- Astronofty {{{ -->
+
+{{% resume/project name="Astronofty" 
+url="https://github.com/Kevin-Mok/astronofty" 
+languages="JavaScript, React, Solidity" date="Jan 2023" 
+show="true" %}}
+
+- **Secured [2nd place](https://devpost.com/software/astronofty) overall out of 150+ teams** at UofTHacks 
+  X, a 36-hour hackathon, for developing a blockchain-based 
+  NFT marketplace app.
+- **Built and optimized React (JavaScript) [components](https://github.com/Kevin-Mok/astronofty/tree/main/src/components)** to synchronously 
+  upload images and metadata to IPFS, **enhancing user engagement by 80%** during the demo.
+
+{{% /resume/project %}}
+
+<!--- Astronofty }}} -->
+
 {{% resume/section "Work Experience" %}}<!--- {{{ -->
 
-{{% resume/work-experience name="Red Hat" 
+{{% resume/work-experience name="Red Hat" title="Cloud/Software Engineer Intern" languages="Kubernetes, GoLang, Jenkins" date="May 2022 — Aug 2023" %}}
-title="Cloud/Software Engineer Intern" languages="Kubernetes, GoLang, Jenkins" date="May 2020 — Aug 2021" %}}
 
 - **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 
@@ -24,17 +73,12 @@ title="Cloud/Software Engineer Intern" languages="Kubernetes, GoLang, Jenkins" d
   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 
+  files and fixing reconciliation issues, **increasing probe accuracy by 30%** and preventing misconfigurations.
-  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 
@@ -47,58 +91,21 @@ title="Cloud/Software Engineer Intern" languages="Kubernetes, GoLang, Jenkins" d
 
 {{% /resume/section %}}<!--- }}} -->
 
-{{% resume/section projects %}}<!--- {{{ -->
-
-<!--- Rarity Surf {{{ -->
-
-{{% resume/project name="Rarity Surf" 
-languages="Python, JavaScript, React, Django"  
-date="Oct 2021" show="true" %}}
-
-- **Developed a full-stack web application** to generate rarity 
-  rankings for NFT's integrated with OpenSea's API, 
-  enabling users to **quickly identify rare NFT's** and check 
-  their listing status, **improving market research efficiency by 80%**.
-- **Reverse engineered a proprietary ranking algorithm** to 
-  mirror the leading rarity ranking site’s results, 
-  **achieving 99.75% accuracy** by 
-  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 }}} -->
-
-{{% /resume/section %}}<!--- }}} -->
-
 {{% resume/section skills %}}<!--- {{{ -->
 
-**JavaScript**, **React**, **Python**, **Django**, Node.js, PostgreSQL, MongoDB, Bash, **Git**, **Linux**, **Command Line**, Go(Lang), AWS, Kubernetes, Terraform, Docker (Compose), Jenkins, Groovy, Solidity, C  
+**TypeScript**, **JavaScript**, **React**, **Node.js**, **Python**, 
+**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="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" 

content/server/_index.md

@@ -1,20 +1,16 @@
 ---
 title: "Server Apps"
-date: 2024-06-10
+date: 2019-09-22
 draft: false
 layout: single
 js: ["server-table"]
 ---
-Here is a list of apps that I am running on my [AWS EC2][AWS EC2 info] 
+Here is a list of apps that I am running on my [DigitalOcean 
-Debian instance/[DigitalOcean 
+droplet][do-droplet]. Their [statuses] are updated every hour using a 
-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,13 +15,6 @@
           <!-- <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">
@@ -43,6 +36,12 @@
             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,23 +7,11 @@
       <a href="https://www.redhat.com/" target="_blank">Red Hat</a>.
     </li>
     <li>
-      I'm graduated University of Toronto as a Computer
+      I'm graduated with a 3.84 GPA studying Computer Science at the
-      Science Scecialist in 2023.
+      University of Toronto in 2024 (currently looking for a full-time position!).
     </li>
     <li>
-      I am currently looking for full-time work! You can
+      I'm greatly interested in all things Linux and 
-      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,17 +6,16 @@
     </a>
   <p>+</p>
   </div>
-  <div class="equation-part">
-    <a href="https://archlinux.org/" target="_blank">
-      <!-- <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" id="uoft-part">
     <a href="https://www.utoronto.ca/" target="_blank">
       <img src="{{ "img/home/uoft-logo.svg" | relURL }}" alt="uoft-logo">
     </a>
+    <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">

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>
+