Minor changes

assets/sass/main.scss

@@ -103,10 +103,12 @@ body {
   margin: 0;
   background-color: $background-color;
   color: $color;
-  line-height: 1.5;
+  // line-height: 1.5;
+  line-height: 1.57;
   // font-size: 100%;
   font-size: 15px;
   // font-size: 20px;
+  // font-size: 22px;
   /* font-family: 'Source Code Pro', monospace; */
   font-family: 'Hack', monospace;
   display: flex;
@@ -542,7 +544,8 @@ header {// {{{
 
 #resume {// {{{
   a {// {{{
-    text-decoration: none;
+    // text-decoration: none;
+    text-decoration: underline;
     &:hover {
       text-decoration: underline;
     }
@@ -552,7 +555,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;
@@ -588,10 +592,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;
@@ -603,6 +616,7 @@ header {// {{{
       h2 {
         color: $base-sky-blue;
         display: inline;
+        font-size: 1.1em;
       }
 
       img {
@@ -611,10 +625,14 @@ header {// {{{
 
       .project-header {
         // margin-bottom: .6em;
-        margin-bottom: .1em;
+        // margin-bottom: .1em;
+        margin-bottom: 5px;
       }
 
       .project-link {
+        &:link {
+          text-decoration: none;
+        }
         &:hover {
           text-decoration: none;
         }
@@ -648,6 +666,23 @@ header {// {{{
     }
   }// }}}
 
+  .company {
+    color: #fe4646;
+    font-weight: bold;
+    font-size: 1.2em;
+    margin-bottom: 5px;
+  }
+
+  .position {
+    // color: black;
+    color: $base-sky-blue;
+    font-weight: bold;
+    // font-style: italic;
+    font-size: 1.1em;
+    // margin-bottom: 5px;
+    margin-bottom: 15px;
+  }
+
   .institution {
     color: $base-yellow;
     font-weight: bold;

config.yaml

@@ -1,5 +1,5 @@
-baseURL: http://localhost:1313/
+# baseURL: http://localhost:1313/
-# baseURL: https://kevin-mok.com/
+baseURL: https://kevin-mok.com/
 # baseURL: /home/kevin/coding/mf-site/public
 languageCode: en-us
 # title: Kevin Mok's Website

content/resume/_index.md

@@ -5,41 +5,48 @@ 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" %}}
-- Reduced deployment time by **66%** by implementing ability to 
+- 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. 
+  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 assigned based on 
+- 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.
+  as part of the **Jenkins** [release pipeline](https://github.com/apache/incubator-kie-kogito-pipelines/commit/4c83f1aecdea2c1ba2796b79839a90d4083dce88).
-- Wrote documentation on how to get started with the project to onboard new 
+- 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 %}}<!--- {{{ -->
 
-<!--- Astronofty {{{ -->
+<!--- AWS {{{ -->
 
-{{% resume/project name="Astronofty" 
+{{% resume/project name="AWS Server/Kubernetes"
-url="https://github.com/Kevin-Mok/astronofty" date="Jan 2023" 
+url="https://kevin-mok.com/server/" date="May 2024" show="true" %}}
-show="true" %}}
 
-- Created for a 36 hour hackathon (UofTHacks X) where it **came 2nd overall**.
+- Deployed [various web apps](https://kevin-mok.com/server/) using **Docker** (Compose) on an 
-- Created and deployed a smart contract with **Solidity** on 
+  **AWS EC2** Debian/**Linux** server.
-  the Ethereum blockchain to create/buy/sell NFT's 
+- Created **Kubernetes** [manifest files](https://github.com/Kevin-Mok/aws-minicube) to quickly recreate my server setup 
-  using MetaMask.
+  with persistent storage/restarts and open ports.
-- Wrote a **React** hook to fetch and show listed NFT's, NFT details and owned NFT's.
+- Used Amazon Route 53's DNS and **NGINX** to route 
-- Used API to synchronously upload images and metadata to IPFS.
+  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 %}}
 
-<!--- Astronofty }}} -->
+<!--- AWS }}} -->
 
 <!--- Rarity Surf {{{ -->
 
@@ -52,43 +59,43 @@ date="Oct 2021" show="true" %}}
   Selenium) with a **discrepancy of <0.25%**. 
 - Used app to frontrun purchases of **top 5%** rarity NFT's 
   against competing buyers.
-- Wrote **Django** backend to fetch metadata from IPFS, store rarity rankings in PostgreSQL and serve rarity data using GraphQL.
+- Wrote **Django (Python)** backend to fetch metadata from IPFS, store rarity rankings in PostgreSQL and serve rarity data using GraphQL.
 - Wrote **React** frontend with hooks to dynamically load rarity data. Styled with Tailwind.
 
 {{% /resume/project %}}
 
 <!--- Rarity Surf }}} -->
 
-<!--- DigitalOcean {{{ -->
+<!--- Astronofty {{{ -->
 
-{{% resume/project name="Personal Server"
+{{% resume/project name="Astronofty" 
-url="https://kevin-mok.com/server/" date="Aug. 2019 — present" show="true" %}}
+url="https://github.com/Kevin-Mok/astronofty" date="Jan 2023" 
+show="true" %}}
 
-- Deployed various web apps with backends using NGINX on a Debian/**Linux** server.
+- Created for a 36 hour hackathon (UofTHacks X) where it [**came 2nd overall**](https://devpost.com/software/astronofty).
-- Wrote a [**JavaScript** script][server script] and [systemd service][systemd service]/[timer]
+- Created and deployed a smart contract with **Solidity** on 
-  to display the uptime of my pages every hour.
+  the Ethereum blockchain to create/buy/sell NFT's 
-- Monitored system resources and performed system maintenance using tmux.
+  using MetaMask.
-
+- Wrote a **React** hook to fetch and show listed NFT's, NFT details and owned NFT's.
-[server script]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-status.js
+- Used API to synchronously upload images and metadata to IPFS.
-[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 }}} -->
+<!--- Astronofty }}} -->
 
 {{% /resume/section %}}<!--- }}} -->
 
 {{% resume/section skills %}}<!--- {{{ -->
 
-Kubernetes, **JavaScript**, **React**, **Python**, Go, Bash, Solidity, C, **Django**, Node.js, Jenkins, PostgreSQL, **Linux**, **Git**, **Command Line**
+AWS, Kubernetes, Docker (Compose), **JavaScript**, **React**, **Python**, Go, Bash, Solidity, C, **Django**, Node.js, Jenkins, PostgreSQL, 
+MongoDB, **Linux**, **Git**, **Command Line**
 
 {{% /resume/section %}}<!--- }}} -->
 
 {{% resume/section education %}}<!--- {{{ -->
 
 {{% resume/education name="University of Toronto"
-title="Computer Science Specialist — 3.84 GPA (CS)" date="2018 — 2023" %}}
+title="Computer Science Specialist — 3.84 GPA (CS). Graduated with High Distinction." date="2018 — 2023" %}}
 
 {{% /resume/section %}}<!--- }}} -->
 

content/resume/old.txt

@@ -1,3 +1,19 @@
+<!--- 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/resume/server-ideas.md

@@ -0,0 +1,18 @@
+# To-Do
+- check price of AWS server
+- run Docker apps on it
+- run domain
+- run/create Docker compose
+- Dockerize app
+
+# Done
+
+# Points
+- run/deploy K8s locally on minikube using kubectl
+  - features
+- Dockerize app
+- run Docker on server (AWS)
+
+# Replace
+- personal server
+- Astronofy

layouts/partials/base/footer.html

@@ -19,7 +19,7 @@
             <img src="{{ "img/social/github.svg" | relURL }}"
             alt="github-logo">
           </a>
-          <a href="https://git.kevin-mok.com/" target="_blank">
+          <a href="https://git.kevin-mok.com/Kevin-Mok?tab=activity" target="_blank">
             <img src="{{ "img/social/gitea.svg" | relURL }}" alt="gitea-logo">
           </a>
           · 

layouts/partials/base/header.html

@@ -12,7 +12,7 @@
 {{ hugo.Generator }}
 <meta name="google-site-verification" content="3aZhrY5bFgQY0HY2DNNUhbkuIfVEcwkrQHnbJd8jCCQ" />
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<!-- <script src="https://cdn.khkm.gq/live.js" charset="utf-8"></script> -->
+<!-- <script src="https://cdn.khkm.tk/live.js" charset="utf-8"></script> -->
 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>

layouts/partials/home/about.html

@@ -1,10 +1,22 @@
 <div id="about">
 <h2>Welcome to my site!</h2>
 <p>
-  I'm Kevin Mok - a Computer Science
+  I'm Kevin Mok. Here are a few things about myself!
-  student at the University of Toronto, and I'm greatly interested in all things Linux and 
+  <ul>
+    <li>I'm an Ex-Cloud Engineer Intern at 
+      <a href="https://www.redhat.com/" target="_blank">Red Hat</a>.
+    </li>
+    <li>
+      I'm a Computer Science student at the University of
+      Toronto, graduating at the end of 2023 (currently
+      looking for a full-time position!).
+    </li>
+    <li>
+      I'm greatly interested in all things Linux and 
       <a href="https://www.gnu.org/philosophy/floss-and-foss.en.html"
         target="_blank">FOSS/FLOSS</a>.
+    </li>
+  </ul>
 </p>
 
 {{ partial "home/me-equation.html" . }}

layouts/partials/home/me-equation.html

@@ -1,14 +1,8 @@
 <div class="me-equation">
   <div class="equation-part">
-    <a href="https://www.gnu.org/" target="_blank">
+    <a href="https://www.redhat.com/" target="_blank">
-      <img src="{{ "img/home/gnu.svg" | relURL }}" id="gnu" alt="gnu-logo">
+      <img src="{{ "img/home/red-hat.svg" | relURL }}"
-    </a>
+      alt="red-hat-logo">
-    <p>+</p>
-  </div>
-  <div class="equation-part">
-    <a href="https://www.wikiwand.com/en/Arch_Linux" target="_blank">
-      <img src="{{ "img/home/arch.svg" | relURL }}" alt="linux-logo">
-      <!-- <img src="{{ "img/home/larbs.png" | relURL }}" alt="linux-logo"> -->
     </a>
   <p>+</p>
   </div>
@@ -16,8 +10,14 @@
     <a href="https://www.utoronto.ca/" target="_blank">
       <img src="{{ "img/home/uoft-logo.svg" | relURL }}" alt="uoft-logo">
     </a>
-  <p>=</p>
+    <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">
   <img src="{{ "img/home/hexatar.png" | relURL }}" id="hexatar" alt="my-avatar">
   </div>

layouts/shortcodes/resume/education.html

@@ -7,7 +7,8 @@
     </div>
     <div class="col text-right date">{{ .Get "date" }}</div>
   </div>
-  <span class="title">
+  <!-- <span class="title"> -->
+  <span>
     {{ .Get "title" }}
   </span>
 </div>

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,11 +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
+    references</a> from my
-    </a>
+    Red Hat managers/mentee, a startup client and a graduate
-    for references from my Red Hat managers/mentee and a
+    student mentor.
-    startup client.
   </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>

static/img/home/red-hat.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" id="b6bdd2b4-52ab-488a-9a30-1e6d1d7dd2d4" data-name="Layer 1" viewBox="0 0 192.30001 146" version="1.1" sodipodi:docname="logo.svg" width="192.3" height="146" inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
+  <metadata id="metadata15">
+    <rdf:RDF>
+      <cc:Work rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+        <dc:title/>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview pagecolor="#ffffff" bordercolor="#666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1920" inkscape:window-height="1007" id="namedview13" showgrid="false" fit-margin-top="1" fit-margin-right="1" fit-margin-bottom="1" fit-margin-left="1" inkscape:zoom="0.45930043" inkscape:cx="306.89999" inkscape:cy="73" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="b6bdd2b4-52ab-488a-9a30-1e6d1d7dd2d4"/>
+  <defs id="defs4">
+    <style id="style2">.a737459c-e8c7-4afa-8008-f6cfd15ccda2{fill:#e00;}</style>
+  </defs>
+  <path class="a737459c-e8c7-4afa-8008-f6cfd15ccda2" d="m 128,84 c 12.5,0 30.6,-2.6 30.6,-17.5 a 19.53,19.53 0 0 0 -0.3,-3.4 L 150.9,30.7 C 149.2,23.6 147.7,20.3 135.2,14.1 125.5,9.1 104.4,1 98.1,1 92.2,1 90.5,8.5 83.6,8.5 76.9,8.5 72,2.9 65.7,2.9 c -6,0 -9.9,4.1 -12.9,12.5 0,0 -8.4,23.7 -9.5,27.2 a 6.15,6.15 0 0 0 -0.2,1.9 C 43,53.7 79.3,83.9 128,84 m 32.5,-11.4 c 1.7,8.2 1.7,9.1 1.7,10.1 0,14 -15.7,21.8 -36.4,21.8 C 79,104.5 38.1,77.1 38.1,59 a 18.35,18.35 0 0 1 1.5,-7.3 C 22.8,52.5 1,55.5 1,74.7 1,106.2 75.6,145 134.6,145 c 45.3,0 56.7,-20.5 56.7,-36.7 0,-12.7 -11,-27.1 -30.8,-35.7" id="path8" inkscape:connector-curvature="0" style="fill:#ee0000"/>
+  <path d="m 160.5,72.6 c 1.7,8.2 1.7,9.1 1.7,10.1 0,14 -15.7,21.8 -36.4,21.8 C 79,104.5 38.1,77.1 38.1,59 a 18.35,18.35 0 0 1 1.5,-7.3 l 3.7,-9.1 a 6.15,6.15 0 0 0 -0.2,1.9 c 0,9.2 36.3,39.4 84.9,39.4 12.5,0 30.6,-2.6 30.6,-17.5 A 19.53,19.53 0 0 0 158.3,63 Z" id="path10" inkscape:connector-curvature="0"/>
+</svg>