Body font size

assets/sass/main.scss

@@ -14,7 +14,6 @@ $base-sky-blue: #66cccc;
 $base-blue: #6699cc;
 $base-violet: #cc99cc;
 $base-dark-orange: #d27b53;
-$link-color: #4287cd;
 
 /* .base00 { color: #2d2d2d; }
 .base01 { color: #393939; }
@@ -106,15 +105,13 @@ body {
   color: $color;
   line-height: 1.5;
   // font-size: 100%;
+  // font-size: 12px;
   // font-size: 15px;
-  font-size: 17px;
+  font-size: 17.5px;
   // font-size: 20px;
+  // font-size: 22px;
   /* font-family: 'Source Code Pro', monospace; */
-  // font-family: 'Hack', monospace;
-  // body {
-  // font-family: 'Times New Roman', serif;
-  font-family: "Computer Modern Serif";
-  // }
+  font-family: 'Hack', monospace;
   display: flex;
   flex-direction: column;
   min-height: 100vh;
@@ -505,20 +502,18 @@ header {// {{{
       }
   }
   a {// {{{
-    color: $link-color;
     text-decoration: none;
     &:hover {
       text-decoration: none;
     }
   }// }}}
 
-  font-size: 1.4em;
-  // font-size: .8em;
+  // font-size: .9em;
+  font-size: .8em;
 
   .row {
     // flex-grow: 1;
-    // color: $base05;
-    color: $link-color;
+    color: $base05;
 
     img {
       height: 1em;
@@ -551,7 +546,6 @@ header {// {{{
 #resume {// {{{
   a {// {{{
     // text-decoration: none;
-    color: $link-color;
     text-decoration: underline;
     &:hover {
       text-decoration: underline;
@@ -559,8 +553,7 @@ header {// {{{
   }// }}}
 
   h1 {// {{{
-    // color: $base-orange;
-    color: black;
+    color: $base-orange;
     // margin-top: 1.3rem;
     margin-top: 1rem;
     font-size: 1.2em;
@@ -622,16 +615,13 @@ header {// {{{
 
       .project-header {
         // margin-bottom: .6em;
-        // margin-bottom: .1em;
-        margin-bottom: 5px;
-      }
-
-      .project-title {
-        // color: $base-blue;
-        color: black;
+        margin-bottom: .1em;
       }
 
       .project-link {
+        &:link {
+          text-decoration: none;
+        }
         &:hover {
           text-decoration: none;
         }
@@ -665,32 +655,8 @@ header {// {{{
     }
   }// }}}
 
-  .company {
-    // color: #fe4646;
-    color: black;
-    font-weight: bold;
-    font-size: 1.2em;
-    margin-bottom: 5px;
-  }
-
-  .position {
-    // color: black;
-    // color: $base-sky-blue;
-    // color: $base-blue;
-    color: black;
-    font-weight: bold;
-    // font-style: italic;
-    // font-size: 1.1em;
-    font-size: 1em;
-    // margin-bottom: 5px;
-    margin-bottom: 15px;
-  }
-
   .institution {
-    // color: $base-yellow;
-    // color: $base-dark-orange;
-    // color: $base-blue;
-    color: black;
+    color: $base-yellow;
     font-weight: bold;
     font-size: 1.1em;
     margin-bottom: 5px;
@@ -712,8 +678,6 @@ header {// {{{
   // }
 
   &.letter {
-    font-size: 1.4em;
-    // font-size: 2em;
     margin-top: 2em;
     line-height: 1.5em;
 
@@ -798,21 +762,16 @@ header {// {{{
 h1.site-title {// {{{
   text-align: center;
   // font-size: 4.2em;
-  // font-size: 3.2em;
-  font-size: 2.5em;
+  font-size: 3.2em;
   // 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 {
-    color: black;
-    // text-decoration: none;
-    text-decoration: underline;
-    text-decoration-thickness: 2px;
-    text-underline-offset: 5px;
+    text-decoration: none;
   }
 
   // @media (max-width: $phone-width) {

content/resume/_index.md

@@ -24,22 +24,41 @@ title="Cloud/Software Engineer Intern" date="May 2020 — Aug 2021" %}}
 
 {{% resume/section projects %}}<!--- {{{ -->
 
-<!--- Astronofty {{{ -->
 
-{{% resume/project name="Astronofty" 
-url="https://github.com/Kevin-Mok/astronofty" date="Jan 2023" 
-show="true" %}}
+<!--- CSC369 {{{ -->
 
-- Created for a 36 hour hackathon (UofTHacks X) where it **came 2nd overall**.
-- Created and deployed a smart contract with **Solidity** on 
-  the Ethereum blockchain to create/buy/sell NFT's 
-  using MetaMask.
-- Wrote a **React** hook to fetch and show listed NFT's, NFT details and owned NFT's.
-- Used API to synchronously upload images and metadata to IPFS.
+{{% 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 %}}
 
-<!--- Astronofty }}} -->
+<!--- CSC369 }}} -->
+
+<!--- DigitalOcean {{{ -->
+
+{{% resume/project name="Personal Server"
+url="https://kevin-mok.com/server/" date="Aug. 2019 — present" show="true" %}}
+
+- Deployed [various web apps] with backends using NGINX on a Debian/**Linux** server.
+- Wrote a [**JavaScript** script][server script] and [systemd service][systemd service]/[timer]
+  to display the uptime of my pages every hour.
+- Monitored system resources and performed system maintenance using tmux.
+
+[various web apps]: https://kevin-mok.com/server/
+[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 }}} -->
 
 <!--- Rarity Surf {{{ -->
 
@@ -52,31 +71,13 @@ 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 {{{ -->
-
-{{% resume/project name="Personal Server"
-url="https://kevin-mok.com/server/" date="Aug. 2019 — present" show="true" %}}
-
-- Deployed various web apps with backends using NGINX on a Debian/**Linux** server.
-- Wrote a [**JavaScript** script][server script] and [systemd service][systemd service]/[timer]
-  to display the uptime of my pages every hour.
-- Monitored system resources and performed system maintenance using tmux.
-
-[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 }}} -->
-
 {{% /resume/section %}}<!--- }}} -->
 
 {{% resume/section skills %}}<!--- {{{ -->
@@ -88,7 +89,7 @@ Kubernetes, **JavaScript**, **React**, **Python**, Go, Bash, Solidity, C, **Djan
 {{% 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/server-ideas.md

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

layouts/partials/base/header.html

@@ -20,8 +20,6 @@
 <!-- <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" /> -->
-<link rel="stylesheet" type="text/css"
-    href="https://cdn.rawgit.com/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,4 +1,7 @@
 <h1 class="site-title">
-  <span class="surrounding"></span><a href="{{ .Site.BaseURL }}">
-    <span>Kevin Mok</span>
+  <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>
 </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">
-          linkedin.com/in/Kev-Mok
+          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://github.com/Kevin-Mok" target="_blank">
+      <a href="https://kevin-mok.com/" target="_blank">
         <span class="url-info">
-          github.com/Kevin-Mok
+          kevin-mok.com
         </span>
-        <img src="{{ "img/social/github.svg" | relURL }}" alt="link-icon">
+        <img src="{{ "img/resume/link.svg" | relURL }}" alt="link-icon">
       </a>
     </div>
   </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/references.html

@@ -3,9 +3,7 @@
     See my 
     <a href="https://www.linkedin.com/in/Kev-Mok"
       target="_blank">
-      LinkedIn
-    </a>
-    for references from my Red Hat managers/mentee and a
+      LinkedIn</a> for references from my Red Hat managers/mentee and a
     startup client.
   </span>
 </div>