Browse Source

Merge branch 'master' into resume-pdf-2

resume-pdf-2
Kevin Mok 5 years ago
parent
commit
162d3d7c25
Signed by: Kevin-Mok GPG Key ID: AEA75288DC135CF5
  1. 4
      .gitmodules
  2. 32
      assets/sass/main.scss
  3. 10
      config.yaml
  4. 5
      content/card/_index.md
  5. 5
      content/credits/_index.md
  6. 1
      content/letter
  7. 31
      content/resume/_index.md
  8. 22
      content/resume/archived.txt
  9. 69
      layouts/card/section.html
  10. 22
      layouts/letter/section.html
  11. 15
      layouts/letter/single.html
  12. 2
      layouts/partials/base/footer.html
  13. 2
      layouts/partials/base/header.html
  14. 14
      layouts/partials/resume/contact-info.html
  15. 4
      layouts/shortcodes/resume/no-spacing.html
  16. 21
      layouts/sitemap.xml
  17. BIN
      static/img/resume/signature-white.png
  18. BIN
      static/img/resume/signature.png

4
.gitmodules

@ -0,0 +1,4 @@
[submodule "content/letter"]
path = content/letter
url = ssh://git@git.kevin-mok.com:399/Kevin-Mok/cover-letters.git
branch = drafts

32
assets/sass/main.scss

@ -94,10 +94,10 @@ $phone-width: 800px;
// general elements {{{ // // general elements {{{ //
// $background-color: #2d2d2d;
// $color: #f2f0ec;
$background-color: white;
$color: black;
$background-color: #2d2d2d;
$color: #f2f0ec;
// $background-color: white;
// $color: black;
body { body {
margin: 0; margin: 0;
@ -656,6 +656,30 @@ header {// {{{
// // font-size: 1em; // // font-size: 1em;
// } // }
&.letter {
margin-top: 2em;
img {
height: 4.5em;
}
h2 {
color: $base-red;
margin-top: 0em;
}
p {
margin-bottom: 1.25em;
}
.no-line-spacing {
line-height: .5em;
margin-bottom: 2em;
p {
margin-bottom: 1em;
}
}
}
}// }}} }// }}}
#server {// {{{ #server {// {{{

10
config.yaml

@ -16,7 +16,7 @@ menu:
main: main:
- name: resume - name: resume
url: /resume url: /resume
weight: 5
weight: 1
# - name: posts/ # - name: posts/
# url: /posts # url: /posts
# weight: 6 # weight: 6
@ -26,6 +26,12 @@ menu:
- name: config - name: config
url: /config url: /config
weight: 10 weight: 10
- name: card
url: /card
weight: 15
- name: letter
url: /letter
weight: 17
# - name: credits # - name: credits
# url: /credits # url: /credits
# weight: 20 # weight: 20
@ -34,3 +40,5 @@ blackfriday:
plainIDAnchors: true plainIDAnchors: true
hrefTargetBlank: true hrefTargetBlank: true
disableKinds: ["RSS"]

5
content/card/_index.md

@ -0,0 +1,5 @@
---
title: "Digital Card"
date: 2019-02-11T07:50:51-05:00
draft: true
---

5
content/credits/_index.md

@ -1,5 +0,0 @@
---
title: "Credits"
date: 2019-02-11T03:10:25-05:00
draft: true
---

1
content/letter

@ -0,0 +1 @@
Subproject commit 56c2d30c4ad3bb51055aa448acfd1e00cd1931d1

31
content/resume/_index.md

@ -15,8 +15,8 @@ full-stack web dev, DevOps or system administration.
{{% resume/section skills %}}<!--- {{{ --> {{% resume/section skills %}}<!--- {{{ -->
#### Languages #### Languages
- **Bash**, C, **CSS**, C++, **Fish**, Godot, **HTML5**, **Python**,
Java, **Javascript (ES6)**, **Sass**
- **Bash**, C, **CSS**, C++, **Fish** (shell), Godot, **HTML5**,
**Python**, Java, **Javascript** (ES6), **Sass**
#### Frameworks #### Frameworks
- **Bootstrap**, **Django**, **Node.js**, **PostgreSQL** - **Bootstrap**, **Django**, **Node.js**, **PostgreSQL**
@ -39,15 +39,14 @@ full-stack web dev, DevOps or system administration.
url="https://github.com/Kevin-Mok/spotify-lib-vis" date="June 2018 — July 2018" url="https://github.com/Kevin-Mok/spotify-lib-vis" date="June 2018 — July 2018"
show="true" %}} show="true" %}}
- Scan tracks from user's library using Spotify API and organize data
into database.
- Created and tested various __PostgreSQL__ schemas to increase efficiency for
use cases.
- Produce bubble chart and (stacked) bar chart in [**d3** graphs][d3 graph examples]
to visualize the artists, genres and features of tracks in library.
- Implement functionality to keep track of user's listening history. Set up
`cron` job on my local machine to keep track of my own.
- Uses __Django__ for backend.
- 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 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 [d3 graph examples]: https://github.com/d3/d3/wiki/Gallery
@ -61,14 +60,14 @@ show="true" %}}
url="https://github.com/Kevin-Mok/grocery-finder" date="Feb. 2019 — Apr. 2019" url="https://github.com/Kevin-Mok/grocery-finder" date="Feb. 2019 — Apr. 2019"
show="true" %}} show="true" %}}
- PoC for web app that finds the ideal supermarket based on your cart.
- Proof of concept for web app that finds the ideal supermarket based on your cart.
- Designed responsive front-end layout using **Bootstrap**. - Designed responsive front-end layout using **Bootstrap**.
- Implemented REST API functionality on backend using **Node.js** and - Implemented REST API functionality on backend using **Node.js** and
**MongoDB**. **MongoDB**.
- Setup deployment on [**Heroku**][Grocery Finder Heroku]. - Setup deployment on [**Heroku**][Grocery Finder Heroku].
- Led team of 4 as project leader to prioritize and delegate tasks while - Led team of 4 as project leader to prioritize and delegate tasks while
also implementing a majority of the core features. also implementing a majority of the core features.
- Performed code review for team member's pull requests.
- Performed code review for team members' pull requests.
[Grocery Finder Heroku]: http://www.grocery-finder.ml [Grocery Finder Heroku]: http://www.grocery-finder.ml
@ -137,7 +136,8 @@ url="https://kevin-mok.com/server/" date="Aug. 2019—present" %}}
{{% resume/section "Work Experience" %}}<!--- {{{ --> {{% resume/section "Work Experience" %}}<!--- {{{ -->
{{% resume/education name="Philpott Children's Tennis" title="Head Instructor" date="2013—2015" %}}
{{% resume/education name="Philpott Children's Tennis"
title="Head Instructor" date="2013 — 2015" %}}
- Ran 8-week summer camp for inner-city youth with assistant coach. - Ran 8-week summer camp for inner-city youth with assistant coach.
- Prepared daily lesson plans for 4 different age groups of children - Prepared daily lesson plans for 4 different age groups of children
with varying skill levels and needs. with varying skill levels and needs.
@ -147,7 +147,8 @@ url="https://kevin-mok.com/server/" date="Aug. 2019—present" %}}
{{% resume/section education %}}<!--- {{{ --> {{% resume/section education %}}<!--- {{{ -->
{{% resume/education name="University of Toronto" title="Computer Science Specialist" date="2017-2021" %}}
{{% resume/education name="University of Toronto"
title="Computer Science Specialist" date="2017 — 2021" %}}
{{% /resume/section %}}<!--- }}} --> {{% /resume/section %}}<!--- }}} -->

22
content/resume/archived.txt

@ -1,22 +0,0 @@
<!--- Super ADA Bros. {{{ -->
{{% resume/project name="Super ADA Bros"
url="https://github.com/Kevin-Mok/SuperADABros" date="May 2019" %}}
- Designed clone of Super Mario Bros 1-1, but Mario is mobility-impaired and
uses ramps to get through the level.
- Uses **OpenCV** to track player's head movement which is then translated to
in-game movement. [Video Demo]
- Implemented in [**Godot**][Godot site], an open-source game engine.
- Made during a 24-hour [accessibility-themed hackathon][PC Hacks event].
[PC Hacks event]: https://pchacks19.devpost.com/
[Godot site]: https://godotengine.org
[Video Demo]: https://youtu.be/vRdENLGrBqM
{{% /resume/project %}}
<!--- Grocery Finder }}} -->

69
layouts/card/section.html

@ -0,0 +1,69 @@
{{ partial "base/header.html" . }}
{{ partial "base/site-title.html" . }}
{{ partial "base/nav-bar.html" . }}
{{ partial "base/base16-logo.html" . }}
<main role="main" id="card">
<div id="presentational-container" class="container">
<div class="row text-center h-100 my-auto">
<div id="email-full" class="h-100 mx-auto">
<p class="text-center">
<nobr>
me@kevin-mok.com
<span class="social"><span class="spacing">
me</span><span class="link-text">@kevi<span
class="safari">n</span>
<a href="https://fosstodon.org/@Kevin"
target="_blank" id="mastodon" class="link link-top">
<img src="https://kevin-mok.com/img/social/mastodon.svg" alt=""/>
</a></span>
</span>
<span class="social"><span class="spacing">
me@</span><span class="link-text">ke<span
class="safari">v</span>
<a href="https://www.linkedin.com/in/Kev-Mok" target="_blank"
target="_blank" class="link linkedin linkedin-left">
<img src="https://kevin-mok.com/img/social/linkedin.svg" alt=""/>
</a></span>
</span>
<span class="social"><span class="spacing">
me@kevin</span><span class="link-text">-mo<span
class="safari">k</span>
<a href="https://www.linkedin.com/in/Kev-Mok" target="_blank" class="link linkedin linkedin-left"></a></span>
</span>
<span class="social"><span class="spacing">
me@kev</span><span class="link-text">i<span
class="safari">n</span>
<a href="https://www.linkedin.com/in/Kev-Mok" target="_blank"
class="link linkedin linkedin-middle"></a></span>
</span>
<span class="social"><span class="spacing">
me@</span><span class="link-text">kevin-mo<span
class="safari">k</span>
<a href="https://github.com/Kevin-Mok" target="_blank" id="github" class="link">
<img src="https://kevin-mok.com/img/social/github.svg" alt=""/>
</a></span>
</span>
<span class="social"><span class="spacing">
me@</span><span class="link-text">kevin-mok.co<span
class="safari">m</span>
<a href="https://kevin-mok.com/" target="_blank" id="site" class="link">
<img src="https://kevin-mok.com/img/resume/link.svg" alt=""/>
</a></span>
</span>
<span class="social"><span class="link-text">me@kevin-mok.co<span class="safari">&nbsp;</span>
<a href="mailto:me@kevin-mok.com" target="_blank" id="email" class="link link-top">
<img src="https://kevin-mok.com/img/resume/envelope.svg" alt=""/>
</a></span>
</span>
</nobr>
</p>
</div>
</div>
</div>
</main>
{{ partial "base/footer.html" . }}

22
layouts/letter/section.html

@ -0,0 +1,22 @@
{{ partial "base/header.html" . }}
{{ partial "base/site-title.html" . }}
{{ partial "base/nav-bar.html" . }}
{{ partial "base/base16-logo.html" . }}
<main role="main" id="letter-home">
<!-- <h1 class="list-title">{{ .Title }}</h1> -->
<h4 id="letter-instr">Please enter the full URL that I provided
for your personalized cover letter. :)</h4>
<div id="resume" class="letter">
{{ .Content }}
</div>
</main>
{{ partial "base/footer.html" . }}
</div>
</body>
</html>

15
layouts/letter/single.html

@ -0,0 +1,15 @@
{{ partial "base/header.html" . }}
{{ partial "resume/print-icon.html" . }}
{{ partial "base/site-title.html" . }}
{{ partial "resume/contact-info.html" . }}
<div id="resume" class="letter">
{{ .Content }}
</div>
</div>
</body>
</html>

2
layouts/partials/base/footer.html

@ -29,7 +29,7 @@
<img src="{{ "img/social/email.svg" | relURL }}" <img src="{{ "img/social/email.svg" | relURL }}"
alt="envelope"> alt="envelope">
</a> </a>
<a href="https://fosstodon.org/web/accounts/93113" target="_blank">
<a href="https://fosstodon.org/@Kevin" target="_blank">
<img src="{{ "img/social/mastodon.svg" | relURL }}" <img src="{{ "img/social/mastodon.svg" | relURL }}"
alt="mastodon-logo"> alt="mastodon-logo">
</a> </a>

2
layouts/partials/base/header.html

@ -12,7 +12,7 @@
{{ .Hugo.Generator }} {{ .Hugo.Generator }}
<meta name="google-site-verification" content="3aZhrY5bFgQY0HY2DNNUhbkuIfVEcwkrQHnbJd8jCCQ" /> <meta name="google-site-verification" content="3aZhrY5bFgQY0HY2DNNUhbkuIfVEcwkrQHnbJd8jCCQ" />
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<script src="http://livejs.com/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"> <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://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> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>

14
layouts/partials/resume/contact-info.html

@ -1,5 +1,5 @@
<div id="contact-info" class="container"> <div id="contact-info" class="container">
<div class="row row-top justify-content-center">
<div class="row row-top justify-content-center mx-auto">
<div id="phone-number" class="col text-left"> <div id="phone-number" class="col text-left">
<a href="tel:647-685-2500" target="_blank"> <a href="tel:647-685-2500" target="_blank">
<img src="{{ "img/resume/smartphone.svg" | relURL }}" <img src="{{ "img/resume/smartphone.svg" | relURL }}"
@ -9,8 +9,8 @@
</span> </span>
</a> </a>
</div> </div>
<div id="linkedin" class="col text-right mr-3">
<a href="https://www.linkedin.com/in/Kev-Mok">
<div id="linkedin" class="col text-right">
<a href="https://www.linkedin.com/in/Kev-Mok" target="_blank">
<span class="url-info"> <span class="url-info">
Kev-Mok Kev-Mok
</span> </span>
@ -18,17 +18,17 @@
</a> </a>
</div> </div>
</div> </div>
<div class="row justify-content-center">
<div class="row mx-auto">
<div id="email" class="col col-left"> <div id="email" class="col col-left">
<a href="mailto:me@kevin-mok.com">
<a href="mailto:me@kevin-mok.com" target="_blank">
<img src="{{ "img/resume/envelope.svg" | relURL }}" alt="envelope-icon"> <img src="{{ "img/resume/envelope.svg" | relURL }}" alt="envelope-icon">
<span class="url-info"> <span class="url-info">
me@kevin-mok.com me@kevin-mok.com
</span> </span>
</a> </a>
</div> </div>
<div id="website" class="col text-right mr-3">
<a href="https://kevin-mok.com/">
<div id="website" class="col text-right">
<a href="https://kevin-mok.com/" target="_blank">
<span class="url-info"> <span class="url-info">
kevin-mok.com kevin-mok.com
</span> </span>

4
layouts/shortcodes/resume/no-spacing.html

@ -0,0 +1,4 @@
{{ $_hugo_config := `{ "version": 1 }` }}
<div class="no-line-spacing">
{{ .Inner }}
</div>

21
layouts/sitemap.xml

@ -0,0 +1,21 @@
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
{{ range .Data.Pages }}{{ if ne .Params.sitemap_exclude true }}
<url>
<loc>{{ .Permalink }}</loc>{{ if not .Lastmod.IsZero }}
<lastmod>{{ safeHTML ( .Lastmod.Format "2006-01-02T15:04:05-07:00" ) }}</lastmod>{{ end }}{{ with .Sitemap.ChangeFreq }}
<changefreq>{{ . }}</changefreq>{{ end }}{{ if ge .Sitemap.Priority 0.0 }}
<priority>{{ .Sitemap.Priority }}</priority>{{ end }}{{ if .IsTranslated }}{{ range .Translations }}
<xhtml:link
rel="alternate"
hreflang="{{ .Lang }}"
href="{{ .Permalink }}"
/>{{ end }}
<xhtml:link
rel="alternate"
hreflang="{{ .Lang }}"
href="{{ .Permalink }}"
/>{{ end }}
</url>
{{ end }}{{ end }}
</urlset>

BIN
static/img/resume/signature-white.png

After

Width: 1733  |  Height: 1507  |  Size: 465 KiB

BIN
static/img/resume/signature.png

After

Width: 1733  |  Height: 1507  |  Size: 467 KiB

Loading…
Cancel
Save