Gobcog/spotify-vis

.gitignore

@@ -4,7 +4,6 @@ resources/_gen/
 themes/base16*
 
 *.pdf
-*p*.md
 
 commit-msg.txt
 .hugo_build.lock

assets/sass/main.scss

@@ -104,7 +104,7 @@ body {
   background-color: $background-color;
   color: $color;
   // line-height: 1.5;
-  line-height: 1.59;
+  line-height: 1.57;
   // font-size: 100%;
   // font-size: 15px;
   font-size: 17px;
@@ -578,7 +578,7 @@ header {// {{{
     // }
   }// }}}
   h2 {// {{{
-    //color: $base-orange;
+    color: $base-orange;
     margin-top: .5rem;
     font-size: 1em;
 
@@ -639,25 +639,15 @@ header {// {{{
       }
 
       .project-header {
-        display: flex;
-        align-items: baseline;
-        justify-content: space-between;
+        // margin-bottom: .6em;
+        // margin-bottom: .1em;
         margin-bottom: 5px;
       }
 
-      .project-date {
-        margin-left: 1em;
-      }
-
       .project-title {
+        // color: $base-blue;
+        color: black;
         display: inline;
-        margin-right: 0.5em;
-      }
-
-      .project-title span {
-        display: inline;
-        margin-left: 0.5em;
-        font-weight: normal;
       }
 
       .project-link {
@@ -719,10 +709,8 @@ header {// {{{
   }
 
   .languages {
-    font-weight: normal;
-    font-style: normal;
-    margin-left: 0.5em;
-    color: $base03;
+    // font-style: italic;
+    // font-size: .9em;
   }
 
   .institution {
@@ -752,8 +740,6 @@ header {// {{{
 
   &.letter {
     margin-top: 2em;
-    margin-left: 2em;
-    margin-right: 2em;
     line-height: 1.5em;
 
     img {
@@ -768,8 +754,6 @@ header {// {{{
 
     p {
       margin-bottom: 1em;
-      font-size: 25px;
-      line-height: 1.5em;
     }
     
     .no-line-spacing {
@@ -1196,8 +1180,3 @@ pre { background: #2d2d2d; color: #f2f0ec }
 
 //  }}} Pygments  // 
 
-@media print {
-  .resume, body { font-size: 13pt; line-height: 1.5; }
-  .resume li { margin-bottom: 2pt !important; }
-  .resume h2, .resume .section__title { margin: 6pt 0 2pt !important; }
-}

content/resume/_index.md

@@ -3,59 +3,112 @@ title: "Resume"
 date: 2019-02-11T07:50:51-05:00
 draft: false
 ---
+{{% resume/section "Work Experience" %}}<!--- {{{ -->
 
-{{% resume/section "Summary" %}}
-Customer-focused call centre professional with Tier 1/2 support experience, de-escalation, and clear communication. Improves first-response, reduces escalations, and shortens resolution times across high-volume phone/chat/email queues. Strong documentation habits and plain-language explanations for non-technical users.
-{{% /resume/section %}}
+{{% resume/work-experience name="Red Hat" 
+title="Cloud/Software Engineer Intern" languages="Kubernetes, GoLang, Jenkins" date="May 2020 — Aug 2021" %}}
 
-{{% resume/section "Work Experience" %}}
+- **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.
 
-{{% resume/work-experience
-    name="Digital Goods Marketplace"
-    title="Owner–Operator (Customer Support & Sales)"
-    languages="Live Chat Support, Dispute Resolution, Sales Negotiation"
-    date="July 2025 — Present"
-%}}
+{{% /resume/section %}}<!--- }}} -->
 
-- Built and managed a **peer-to-peer e-commerce operation** reselling digital items; exceeded **$50,000+ gross merchandise 
-  value**.
-- Closed transactions and **middlemanned for high-value trades exceeding $5,000+ deals)** with **250+ verified vouches**, maintaining **5-star satisfaction** and **zero unresolved disputes**.
-- Handled **end-to-end operations and escrow**: sourcing, pricing, inventory, listings, secure payments and fulfillment.
-- Implemented **fair-value pricing** and **bundle offers** to accelerate turnover and improve margins while reducing low-value inquiries.
-- Standardized **ownership verification and middleman workflows** to mitigate **fraud/chargeback** risk on large trades.
-- Tracked **P&L and cash flow**; reconciled payments and maintained records for auditability.
+{{% resume/section projects %}}<!--- {{{ -->
 
-{{% resume/work-experience
-    name="Red Hat"
-    title="Technical Support Engineer Intern (Tier 1/2)"
-    languages="Ticketing/Triage, De-escalation, Knowledge Base Writing"
-    date="Aug 2022 — Aug 2024"
-%}}
+<!--- Rarity Surf {{{ -->
 
-- Delivered **Tier 1/2 frontline support** for CI/CD and Kubernetes issues via a ticket queue, improving **first-response time by 40%** through better triage and routing.
-- Performed **incident troubleshooting and root-cause analysis**; automated data capture/validation that resolved **80% of config errors** and **reduced downtime by 40%**.
-- Wrote **clear, step-by-step knowledge-base articles** and troubleshooting flows that enabled Tier 1 to solve common probe issues, **cutting escalations by 30%**.
-- Built a deployment **runbook** that standardized fixes and **reduced repeat contacts/tickets by 66%**; **shortened resolution time from 45 → 15 minutes**.
-- Kept users informed with **concise status updates**, set expectations, and **de-escalated frustrated stakeholders** by focusing on next steps and time to resolution.
-- Partnered with QA/DevOps to capture **root causes** of startup failures; implemented dynamic probes that **cut production launch issues by 50%**.
+{{% resume/project name="Rarity Surf" 
+languages="Python, Django, JavaScript, React"  
+date="Oct 2021" show="true" %}}
 
-{{% /resume/section %}}
+- **Developed a full-stack web application** to generate rarity 
+  rankings for NFT's integrated with leading NFT 
+  marketplace's (OpenSea) API, 
+  enabling users to **quickly identify rare NFT's** and check 
+  their listing status, **improving market research efficiency by 80%**.
+- **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**.
 
-{{% resume/section "Web Dev Projects" %}}
-{{% resume/project name="Rarity Surf" languages="User Support, Bug Reproduction" date="March 2024 — Dec 2024" show="true" %}}
-- Reproduced user-reported issues; wrote **concise repro steps** and a **known-issues + workarounds** note to reduce repeat questions.  
-- Partnered with devs to **prioritize fixes** from impact-driven triage and shipped **onboarding/troubleshooting snippets** that cut new-user setup pings, improved first-contact resolution, and kept user-facing notes up to date.  
 {{% /resume/project %}}
-{{% /resume/section %}}
 
-{{% resume/section "Skills" %}}
-- **Customer Support & Call Centre:** Active listening, empathy, de-escalation, clear written/verbal comms, ticket triage/prioritization, SLA awareness, call/chat/email etiquette, documentation & KB writing
-- **Technical:** Microsoft 365, VPN/log basics, Linux basics
-- **Languages:** English; **Cantonese (fluent)**
-{{% /resume/section %}}
+<!--- Rarity Surf }}} -->
+
+<!--- {{{ Gobcog -->
+
+{{% resume/project name="Discord Adventure Game" 
+url="https://github.com/Kevin-Mok/astronofty" languages="Python" date="Jan 2020" 
+show="true" %}}
+
+- [**Redesigned item generation system**](https://github.com/Kevin-Mok/gobcog/pull/5) for open source Discord game 
+  built with **Python**, replacing 83k-line static JSON files with dynamic item generation, achieving a **99% reduction** in file size and reducing memory usage by **85%**.
+- **Implemented modular item components** to enable over **152,000 unique combinations**, improving gameplay diversity and item quality.
+
+{{% /resume/project %}}
+
+<!--- }}} Gobcog -->
+
+<!--- Spotify Visualized {{{ -->
+
+{{% resume/project name="Spotify Visualized" 
+url="https://github.com/Kevin-Mok/astronofty" languages="Python, Django" date="June 2019" 
+show="true" %}}
+
+- **Built a [high-performance backend](https://github.com/Kevin-Mok/spotify-lib-vis)** in Python with Django, 
+  utilizing Django ORM to model and manage user data 
+  efficiently, processing over **10,000 tracks per library** via 
+  the Spotify API.
+- **Engineered and optimized database models** achieving a **50% reduction in query latency** on PostgreSQL 
+  for core workflows through effective schema normalization.
+
+{{% /resume/project %}}
+
+<!--- Astronofty }}} -->
+
+
+{{% /resume/section %}}<!--- }}} -->
+
+{{% resume/section skills %}}<!--- {{{ -->
+
+**Python**, **Django**, **JavaScript**, **React**, 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/section "Education" %}}
 {{% resume/education name="University of Toronto (St. George)"
-title="Computer Science Specialist — 3.84 GPA. Graduated with High Distinction."
-date="2020 — 2025" %}}
-{{% /resume/section %}}
+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/notes.md

@@ -1,39 +0,0 @@
-# ME Sniper
-write me a resume section similar to this (just a bit longer) for a web dev resume based on the points after with made up statistics
-
-## Old
-- **Developed a full-stack web application** to generate rarity 
-  rankings for NFT's integrated with leading NFT 
-  marketplace's (OpenSea) API, 
-  enabling users to **quickly identify rare NFT's** and check 
-  their listing status, **improving market research efficiency by 80%**.
-- **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 (Javascript) 
-  [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%**.
-
-## New
-- Developed a full-stack web application to generate rarity rankings for NFT’s integrated with leading NFT marketplace’s (Magic 
-  Eden) API, enabling users to quickly identify rare NFT’s and check their listing status, improving market research efficiency by 80%.
-- fetch metadata from either IPFS or website in parallel processes to create rarity 
-  rankings as soon as metadata revealed
-- reverse engineered algorithm for rarity rankings for NFT's based on article from 
-  marketplace about their in-house statistical rarity 
-  ranking
-- created Prisma schema for PostgreSQL for database to store NFT data
-- Node.js backend with API endpoints to return NFT's based 
-  on max rank/price along with rarest traits
-  - lowest prices for rarity percentile to see if good deal
-- fetch all listings from leading marketplace (Magic Eden) to be 
-  able to identify which rare NFT's are on sale and be able 
-  to filter based on max price/filter
-- store previous sales data to check whether a buy at rarity 
-  percentile is a good deal
-- React FE to dynamically load NFT's based on rarity 
-  rank/price filter with ability to hide seen ones
-- Discord bot to notify you when customizable profitable resale 
-  opportunity comes up based on rarity level/price

content/resume/old.txt

@@ -52,41 +52,6 @@ date="Oct 2021" show="true" %}}
 
 <!--- Rarity Surf }}} -->
 
-<!--- Rarity Surf {{{ -->
-
-{{% resume/project name="Rarity Surf (2)" 
-languages="Typescript, Node.js, React"  
-date="" show="true" %}}
-
-- **Developed a full-stack web application** 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** 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, ensuring low-latency access to NFT data.
-- **Developed a dynamic React frontend** to load and display 
-  NFT's in real-time based on user-defined filters to
-  streamline browsing. Styled the interface using **Tailwind 
-  CSS** for a responsive and modern design, **reducing 
-  frontend load times by 50%**.  
-- **Developed a Discord bot** 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.  
-- Designed and implemented a **PostgreSQL schema** for to 
-  efficiently store NFT data, including metadata, rarity 
-  scores, and historical sales data.  
-
-{{% /resume/project %}}
-
-<!--- Rarity Surf }}} -->
-
 <!--- Astronofty {{{ -->
 
 {{% resume/project name="Astronofty" 
@@ -177,6 +142,7 @@ url="https://kevin-mok.com/server/" languages="AWS, Kubernetes, Docker, Terrafor
 
 <!--- AWS 3 }}} -->
 
+
 <!--- Astronofty (extended) {{{ -->
 
 {{% resume/project name="Astronofty" 

layouts/shortcodes/resume/project.html

@@ -2,8 +2,9 @@
   <div class="row project-header">
     <div class="col-8 text-left">
         <h2 class="project-title">
-          {{ .Get "name" }} <span class="languages">&lt;{{ .Get "languages" }}&gt;</span>
+          {{ .Get "name" }}
         </h2>
+        <span><{{ .Get "languages" }}></span>
     </div>
     <div class="col-4 text-right date">{{ .Get "date" }}</div>
   </div>

layouts/shortcodes/resume/work-experience.html

@@ -5,16 +5,13 @@
         {{ .Get "name" }}
       </p>
     </div>
-    <div class="col text-right date">
-      {{ .Get "date" }}
-    </div>
+    <div class="col text-right date">{{ .Get "date" }}</div>
   </div>
+  <!-- <span class="title"> -->
   <span class="position">
     {{ .Get "title" }}
   </span>
-  {{ with .Get "languages" }}
   <span class="languages">
-    {{ . }}
+    <{{ .Get "languages" }}>
   </span>
-  {{ end }}
 </div>