Merge branch 'master' into resume-pdf-2

.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

assets/sass/main.scss

@@ -94,10 +94,10 @@ $phone-width: 800px;
 
 //  general elements {{{ // 
 
-// $background-color: #2d2d2d;
-// $color: #f2f0ec;
-$background-color: white;
-$color: black;
+$background-color: #2d2d2d;
+$color: #f2f0ec;
+// $background-color: white;
+// $color: black;
 
 body {
   margin: 0;
@@ -656,6 +656,30 @@ header {// {{{
     // // 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 {// {{{

config.yaml

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

content/card/_index.md

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

content/credits/_index.md

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

content/letter

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

content/resume/_index.md

@@ -15,8 +15,8 @@ full-stack web dev, DevOps or system administration.
 {{% resume/section skills %}}<!--- {{{ -->
 
 #### 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
 - **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" 
 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
 
@@ -61,14 +60,14 @@ show="true" %}}
 url="https://github.com/Kevin-Mok/grocery-finder" date="Feb. 2019 — Apr. 2019" 
 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**.
 - Implemented REST API functionality on backend using **Node.js** and 
   **MongoDB**.
 - Setup deployment on [**Heroku**][Grocery Finder Heroku].
 - Led team of 4 as project leader to prioritize and delegate tasks while
   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
 
@@ -137,7 +136,8 @@ url="https://kevin-mok.com/server/" date="Aug. 2019—present" %}}
 
 {{% 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.
 - Prepared daily lesson plans for 4 different age groups of children 
   with varying skill levels and needs.
@@ -147,7 +147,8 @@ url="https://kevin-mok.com/server/" date="Aug. 2019—present" %}}
 
 {{% 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 %}}<!--- }}} -->
 

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

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" . }}

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>

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>

layouts/partials/base/footer.html

@@ -29,7 +29,7 @@
             <img src="{{ "img/social/email.svg" | relURL }}"
             alt="envelope">
           </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 }}"
             alt="mastodon-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="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">
 <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/resume/contact-info.html

@@ -1,5 +1,5 @@
 <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">
       <a href="tel:647-685-2500" target="_blank">
         <img src="{{ "img/resume/smartphone.svg" | relURL }}"
@@ -9,8 +9,8 @@
         </span>
       </a>
     </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">
           Kev-Mok
         </span>
@@ -18,17 +18,17 @@
       </a>
     </div>
   </div>
-  <div class="row justify-content-center">
+  <div class="row mx-auto">
     <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">
         <span class="url-info">
           me@kevin-mok.com
         </span>
       </a>
     </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">
           kevin-mok.com
         </span>

layouts/shortcodes/resume/no-spacing.html

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

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>