Compare commits

..

7 Commits

Author SHA1 Message Date
ef89cf3dce Update LinkedIn/GitHub contact info 2024-08-09 12:00:03 -04:00
6a02840844 Latex styling 2024-08-09 11:31:01 -04:00
7daf438efb All black colors 2024-08-09 11:24:26 -04:00
28d697c815 Latex font 2024-08-09 11:21:42 -04:00
0c51ba1b76 Update 2024-08-09 10:30:00 -04:00
29f8b13011 Font size for Chrome printing 2024-06-02 18:57:50 -04:00
b196251595 Letter CSS/Devfile commit 2023-09-22 13:39:51 -04:00
10 changed files with 102 additions and 82 deletions

View File

@@ -14,6 +14,7 @@ $base-sky-blue: #66cccc;
$base-blue: #6699cc;
$base-violet: #cc99cc;
$base-dark-orange: #d27b53;
$link-color: #4287cd;
/* .base00 { color: #2d2d2d; }
.base01 { color: #393939; }
@@ -105,13 +106,15 @@ body {
color: $color;
line-height: 1.5;
// font-size: 100%;
// font-size: 12px;
// font-size: 15px;
font-size: 17.5px;
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;
@@ -502,18 +505,20 @@ header {// {{{
}
}
a {// {{{
color: $link-color;
text-decoration: none;
&:hover {
text-decoration: none;
}
}// }}}
// font-size: .9em;
font-size: .8em;
font-size: 1.4em;
// font-size: .8em;
.row {
// flex-grow: 1;
color: $base05;
// color: $base05;
color: $link-color;
img {
height: 1em;
@@ -546,6 +551,7 @@ header {// {{{
#resume {// {{{
a {// {{{
// text-decoration: none;
color: $link-color;
text-decoration: underline;
&:hover {
text-decoration: underline;
@@ -553,7 +559,8 @@ header {// {{{
}// }}}
h1 {// {{{
color: $base-orange;
// color: $base-orange;
color: black;
// margin-top: 1.3rem;
margin-top: 1rem;
font-size: 1.2em;
@@ -615,13 +622,16 @@ header {// {{{
.project-header {
// margin-bottom: .6em;
margin-bottom: .1em;
// margin-bottom: .1em;
margin-bottom: 5px;
}
.project-title {
// color: $base-blue;
color: black;
}
.project-link {
&:link {
text-decoration: none;
}
&:hover {
text-decoration: none;
}
@@ -655,8 +665,32 @@ 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-yellow;
// color: $base-dark-orange;
// color: $base-blue;
color: black;
font-weight: bold;
font-size: 1.1em;
margin-bottom: 5px;
@@ -678,6 +712,8 @@ header {// {{{
// }
&.letter {
font-size: 1.4em;
// font-size: 2em;
margin-top: 2em;
line-height: 1.5em;
@@ -762,16 +798,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) {

View File

@@ -24,41 +24,22 @@ title="Cloud/Software Engineer Intern" date="May 2020 — Aug 2021" %}}
{{% resume/section projects %}}<!--- {{{ -->
<!--- Astronofty {{{ -->
<!--- CSC369 {{{ -->
{{% resume/project name="Astronofty"
url="https://github.com/Kevin-Mok/astronofty" date="Jan 2023"
show="true" %}}
{{% 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.
- 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 %}}
<!--- 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 }}} -->
<!--- Astronofty }}} -->
<!--- Rarity Surf {{{ -->
@@ -71,13 +52,31 @@ 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 (Python)** backend to fetch metadata from IPFS, store rarity rankings in PostgreSQL and serve rarity data using GraphQL.
- Wrote **Django** 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 %}}<!--- {{{ -->
@@ -89,7 +88,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). Graduated with High Distinction." date="2018 — 2023" %}}
title="Computer Science Specialist — 3.84 GPA (CS)" date="2018 — 2023" %}}
{{% /resume/section %}}<!--- }}} -->

View File

@@ -1,20 +0,0 @@
# 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

View File

@@ -20,6 +20,8 @@
<!-- <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 }}

View File

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

View File

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

View File

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

View File

@@ -3,7 +3,9 @@
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>