Improve Rarity Surf

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;
@@ -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 */
 

content/resume/old.txt

@@ -1,35 +1,97 @@
-<!--- CSC369 {{{ -->
+<!--- {{{ Red Hat -->
 
-{{% resume/project name="Custom Kernel Module"
-url="https://kevin-mok.com/server/" date="Jan. 2022" show="true" %}}
+- 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 (**Kubernetes/GoLang** used for this and three below). 
+- Implemented ability for Kubernetes operator to fetch data 
+  from a deployed service and update config with data to 
+  deprecate reliance on startup script.
+- 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.
+- Rewrote the **Jenkins (Groovy)** [nightly pipeline](https://github.com/apache/incubator-kie-kogito-pipelines/commit/4c83f1aecdea2c1ba2796b79839a90d4083dce88) to run in a GitHub 
+  PR using a trigger keyword to test all the team's submitted PR's 
+  before merging to the main branch.
+- Took on tasks and contributed ideas in **Agile sprint** planning meetings in a team of 12 people.  
+- Took initiative to write [file](https://github.com/apache/incubator-kie-kogito-pipelines/commit/4c83f1aecdea2c1ba2796b79839a90d4083dce88#diff-7d2c018dafbccec859077d19bf1ade53ec9c7649f235528ce89f5632b109f7e6) 
+  to define the GitHub parameters for the above pipeline so that it 
+  can be recreated easily.
+- Took initiative to write [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.
 
-- 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.
+<!--- }}} Red Hat -->
+
+<!--- 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 and check which are listed on the OpenSea marketplace using their API.
+- Reverse engineered the ranking algorithm to match the 
+  leading rarity ranking site's rankings ([scraped](https://github.com/Kevin-Mok/rarity-surf/blob/django/rarity_check/project/scrape.py) using 
+  Selenium) with a **discrepancy of <0.25%**. 
+- Used app to frontrun purchases of **top 0.5%** rarity NFT's 
+  against competing buyers.
+- Wrote **Django (Python)** [backend](https://github.com/Kevin-Mok/rarity-surf) to fetch metadata from IPFS, store rarity rankings in PostgreSQL and serve rarity data using GraphQL.
+- Wrote **React** [frontend](https://github.com/Kevin-Mok/rarity-surf-frontend) with hooks to dynamically load rarity data. Styled with Tailwind.
 
 {{% /resume/project %}}
 
-<!--- CSC369 }}} -->
+<!--- Rarity Surf }}} -->
 
-<!--- Spotify Graphs {{{ -->
+<!--- Astronofty {{{ -->
 
-{{% resume/project name="Spotify Graphs" 
-url="https://github.com/Kevin-Mok/spotify-lib-vis" date="June 2018 — July 2018" 
+{{% resume/project name="Astronofty" 
+url="https://github.com/Kevin-Mok/astronofty" languages="JavaScript, React, Solidity" date="Jan 2023" 
 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 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.
+- Wrote **React** [components](https://github.com/Kevin-Mok/astronofty/tree/main/src/components) to synchronously upload images and metadata to IPFS and fetch and show NFT's.
+
+{{% /resume/project %}}
+
+<!--- Astronofty }}} -->
+
+<!--- AWS {{{ -->
+
+{{% resume/project name="AWS Server"
+url="https://kevin-mok.com/server/" languages="AWS, Kubernetes, Docker, Terraform" 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.
+- Created **Terraform** [files](https://github.com/Kevin-Mok/terraform-deploys/tree/main) 
+  to deploy an AWS EC2 instance and Docker containers.
+- Used Amazon Route 53's DNS and **NGINX** to route 
+  subdomains to each web application.
+- Wrote a **JavaScript** [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 }}} -->
+<!--- {{{ Spotify Graphs -->
+
+{{% resume/project name="Spotify Graphs" 
+url="https://github.com/Kevin-Mok/spotify-lib-vis" date="June 2020 " 
+languages="Python, Django, PostgreSQL"  
+show="true" %}}
+
+- Web app to visualize user's library and listening 
+  history from Spotify.
+- [Fetched and organized](https://github.com/Kevin-Mok/spotify-lib-vis/blob/master/api/utils.py) user data from Spotify API into PostgreSQL database with **Django (Python)** 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
+- Generated various charts to visualize the artists and genres 
+  of tracks in library.
 
 {{% /resume/project %}}
 
@@ -56,24 +118,21 @@ show="true" %}}
 
 <!--- Grocery Finder }}} -->
 
-<!--- DigitalOcean {{{ -->
+<!--- CSC369 {{{ -->
 
-{{% resume/project name="Personal Server"
-url="https://kevin-mok.com/server/" date="Aug. 2019 — present" %}}
+{{% resume/project name="Custom Kernel Module"
+url="https://kevin-mok.com/server/" date="Jan. 2022" show="true" %}}
 
-- 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
+- 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 %}}
 
-<!--- DigitalOcean Droplet }}} -->
+<!--- CSC369 }}} -->
 
 <!--- ParsaFood {{{ -->
 
@@ -96,3 +155,23 @@ https://www.eventbrite.com/e/platterz-hackathon-tickets-42682237722
 {{% /resume/project %}}
 
 <!--- ParsaFood }}} -->
+
+<!--- 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 }}} -->
+

content/resume/points-plain-text.md

@@ -0,0 +1,16 @@
+# Red Hat
+1. Reduced deployment time by 66% by implementing ability to deploy locally-compiled binaries onto Kubernetes/OpenShift using only command-line (Kubernetes/GoLang used for this and three below).
+2. Implemented ability for Kubernetes operator to fetch data from a deployed service and update config with data to deprecate reliance on startup script.
+3. Added startup probes to handle starting legacy application containers that require additional startup time.
+4. Refactored probes to have default values assigned based on deployed YAML while also fixing reconciliation issues.
+5. Rewrote the Jenkins (Groovy) nightly pipeline to run in a GitHub PR using a trigger keyword to test all the team’s submitted PR’s before merging to the main branch.
+6. Took on tasks and contributed ideas in Agile sprint planning meetings in a team of 12 people.
+7. Took initiative to write file to define the GitHub parameters for the above pipeline so that it can be recreated easily.
+8. Took initiative to write documentation on how to get started with the project to onboard new developers and mentored the incoming intern.
+
+# Rarity Surf
+1. Web app to give rarity rankings to NFT’s and check which are listed on the OpenSea marketplace using their API.
+2. Reverse engineered the ranking algorithm to match the leading rarity ranking site’s rankings (scraped using Selenium) with a discrepancy of <0.25%.
+3. Used app to frontrun purchases of top 0.5% rarity NFT’s against competing buyers.
+4. Wrote Django (Python) backend to fetch metadata from IPFS, store rarity rankings in PostgreSQL and serve rarity data using GraphQL.
+5. Wrote React frontend with hooks to dynamically load rarity data. Styled with Tailwind.

content/resume/skills.md

@@ -0,0 +1,8 @@
+# DevOps
+AWS, Kubernetes, Terraform, Docker (Compose), Jenkins, Groovy, Go(Lang), Bash, **Linux**, **JavaScript**, **React**, **Python**, **Django**, Node.js, PostgreSQL, MongoDB, Solidity, C, **Git**, **Command Line**
+
+# Web Dev
+**JavaScript**, **React**, **Python**, **Django**, Node.js, PostgreSQL, MongoDB, Bash, **Git**, **Linux**, **Command Line**, Go(Lang), AWS, Kubernetes, Terraform, Docker (Compose), Jenkins, Groovy, Solidity, C  
+
+# Python
+**Python**, **Django**, **Linux**, **Git**, AWS, Kubernetes, Docker (Compose), Ansible, Jenkins, Selenium, Terraform, Go(Lang), PostgreSQL, **Command Line**, Groovy, Bash,  **JavaScript**, **React**, Node.js, MongoDB, Solidity, C

content/server/_index.md

@@ -7,14 +7,12 @@ js: ["server-table"]
 ---
 Here is a list of apps that I am running on my [AWS EC2][AWS EC2 info] 
 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 
+droplet][do-droplet]. 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/header.html

@@ -20,6 +20,9 @@
 <!-- <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="https://meyerweb.com/eric/tools/css/reset/reset.css" type="text/css" media="all" /> -->
+    <!-- href="https://cdn.rawgit.com/dreampulse/computer-modern-web-font/master/fonts.css"> -->
+<link rel="stylesheet" type="text/css"
+    href="https://cdn.jsdelivr.net/gh/dreampulse/computer-modern-web-font@master/fonts.css">
 <link rel="stylesheet" href="{{ "css/style.css" | relURL }}" type="text/css">
 {{ $main_sass := resources.Get "sass/main.scss" }}
 {{ $main_style := $main_sass | resources.ToCSS }}

layouts/partials/base/site-title.html

@@ -1,7 +1,4 @@
 <h1 class="site-title">
-  <span class="surrounding">[</span><a href="{{ .Site.BaseURL }}"><span class="base08">K</span><span
-    class="base0f">e</span><span class="base09">v</span><span
-    class="base0a">i</span><span class="base0b">n </span><span
-    class="base0c">M</span><span class="base0d">o</span><span
-    class="base0e">k</span></a><span class="surrounding">] # _</span>
+  <span class="surrounding"></span><a href="{{ .Site.BaseURL }}">
+    <span>Kevin Mok</span>
 </h1>

layouts/partials/resume/contact-info.html

@@ -12,7 +12,7 @@
     <div id="linkedin" class="col text-right">
       <a href="https://www.linkedin.com/in/Kev-Mok" target="_blank">
         <span class="url-info">
-          Kev-Mok
+          linkedin.com/in/Kev-Mok
         </span>
         <img src="{{ "img/social/linkedin.svg" | relURL }}" alt="linkedin-icon">
       </a>
@@ -28,11 +28,11 @@
       </a>
     </div>
     <div id="website" class="col text-right">
-      <a href="https://kevin-mok.com/" target="_blank">
+      <a href="https://github.com/Kevin-Mok" target="_blank">
         <span class="url-info">
-          kevin-mok.com
+          github.com/Kevin-Mok
         </span>
-        <img src="{{ "img/resume/link.svg" | relURL }}" alt="link-icon">
+        <img src="{{ "img/social/github.svg" | relURL }}" alt="link-icon">
       </a>
     </div>
   </div>

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>

layouts/shortcodes/resume/work-experience.html

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