Revert print team ranking letter

Print team ranking letter
Footer: social icons opaque on hover
2020-05-14 21:34:57 -04:00 · 2020-05-13 20:15:39 -04:00 · 2019-10-25 04:03:32 -04:00 · 2019-10-07 22:48:32 -04:00 · 2019-10-07 02:19:51 -04:00 · 2019-10-06 06:22:59 -04:00
27 changed files with 448 additions and 94 deletions
--- a/.gitmodules
+++ b/.gitmodules
@@ -0,0 +1,7 @@
+[submodule "content/letter"]
+	path = content/letter
+	url = ssh://git@git.kevin-mok.com:399/Kevin-Mok/cover-letters.git
+	branch = master
+[submodule "static/pdf"]
+	path = static/pdf
+	url = ssh://git@git.kevin-mok.com:399/Kevin-Mok/resume-pdf.git
--- a/assets/sass/main.scss
+++ b/assets/sass/main.scss
@@ -2,10 +2,14 @@

 //  base colors {{{ // 

+$base00: #2d2d2d;
+$base01: #393939;
 $base02: #515151;
 $base03: #747369;
 $base04: #a09f93;
 $base05: #d3d0c8; 
+$base06: #e8e6df;
+$base07: #f2f0ec;
 $base-red: #f2777a;
 $base-orange: #f99157;
 $base-yellow: #ffcc66;
@@ -15,13 +19,6 @@ $base-blue: #6699cc;
 $base-violet: #cc99cc;
 $base-dark-orange: #d27b53;

-/* .base00 { color: #2d2d2d; }
-.base01 { color: #393939; }
-.base02 { color: #515151; }
-.base03 { color: #747369; }
-.base04 { color: #a09f93; }
-.base06 { color: #e8e6df; }
-.base07 { color: #f2f0ec; } */
 .base08 { color: $base-red; }
 .base09 { color: $base-orange; }
 .base0a { color: $base-yellow; }
@@ -38,6 +35,7 @@ $base-dark-orange: #d27b53;
 // $max-page-width: 52em;
 $max-page-width: 45em;
 $phone-width: 800px;
+$vert-phone-width: 500px;

@mixin side-padding-rem($n) {// {{{
  padding-left: $n * 1rem;
@@ -90,6 +88,15 @@ $phone-width: 800px;
  }
 }// }}}

+@mixin a-no-underline() {// {{{
+  a {
+    text-decoration: none;
+    &:hover {
+      text-decoration: none;
+    }
+  }
+}// }}}
+
 //  }}} mixins // 

 //  general elements {{{ // 
@@ -106,7 +113,8 @@ body {
  line-height: 1.5;
  // font-size: 100%;
  font-size: 15px;
-  /* font-family: 'Source Code Pro', monospace; */
+  // font-size: 25px;
+  // font-family: 'Hack Nerd Font Mono', monospace;
  font-family: 'Hack', monospace;
  display: flex;
  flex-direction: column;
@@ -207,12 +215,17 @@ footer {
        position: relative;
        padding-right: $side-padding;
        // padding-right: .9em;
+        @include a-no-underline();

        img {
          height: 1.5em;
          @include vert-margin-rem(.2);
          padding-left: .5em;
          opacity: .6;
+
+          &:hover {
+            opacity: 1;
+          }
        }
      }
    }
@@ -476,22 +489,23 @@ header {// {{{
  float: right;

  img {
-    height: 1.75em;
-    position: relative;
+    height: 2em !important;
+    position: absolute;
    top: 1em;
  }
 }// }}}

 #contact-info {// {{{
  @include side-margin-em(0);
+  @include side-padding-rem(0);
  // @include vert-padding-rem(0.5);
  @include a-color($base-sky-blue);
+  width: 100%;
+  // @media (min-width: 1200px) {
+      // .container{
        // min-width: $max-page-width;
-  @media (min-width: 1200px) {
-      .container{
-        min-width: $max-page-width;
-      }
-  }
+      // }
+  // }

  font-size: .9em;

@@ -645,6 +659,45 @@ header {// {{{
    // font-size: 1em;
  }

+  &.letter {
+    margin-top: 2em;
+    // font-size: 21px;
+
+    img {
+      height: 4.5em;
+    }
+
+    h2 {
+      color: $base-red;
+      // font-size: 30px;
+      // margin-top: 0em;
+      // margin-top: .5em;
+      // margin-top: 1.25em;
+      // margin-bottom: 1em;
+    }
+
+
+    p {
+      margin-bottom: 1.5em;
+      // margin-bottom: 1em;
+    }
+    
+    ul {
+      // margin-bottom: 1.5em;
+      margin-bottom: 2em;
+    }
+    
+    .no-line-spacing {
+      line-height: .5em;
+      margin-bottom: 2.15em;
+      p {
+        margin-bottom: 1em;
+      }
+      strong {
+        line-height: 1.25em;
+      }
+    }
+  }
 }// }}}

 #server {// {{{
@@ -697,6 +750,168 @@ header {// {{{
  }
 }// }}}

+#card {// {{{
+  @include vert-margin-rem(2);
+  align-items: center;
+  justify-content: center;
+  font-family: 'Oxygen Mono', monospace;
+
+  .container {// {{{
+    padding-left: 0;
+    padding-right: 0;
+
+    .row {
+      padding-top: 6rem;
+      padding-bottom: 8rem;
+      
+      @media (max-width: $phone-width) {
+        padding-top: 5rem;
+        padding-bottom: 6rem;
+      }
+    }
+  }// }}}
+
+  // $card-bg: #e8e6df;
+  $card-bg: $base07;
+  #presentational-container {// {{{
+    margin-top: 3em;
+    margin-bottom: 1em;
+    max-width: $max-page-width;
+    box-shadow: 2px 2px 10px 5px black;
+    // card bg
+    // background-color: #fff;
+    // background-color: #e5e5e5;
+    background-color: $card-bg;
+  }// }}}
+
+  #email-full {// {{{
+    font-size: 50px;
+    @media (max-width: $phone-width) {
+      font-size: 40px;
+    }
+    @media (max-width: $vert-phone-width) {
+      font-size: 33px;
+    }
+
+    @include vert-margin-rem(2);
+    height: 7em;
+
+    img {
+      height: .5em;
+      position: absolute;
+      left: -.8em;
+      bottom: -.15em;
+    }
+
+    p { // {{{
+      position: relative;
+      // color: grey;
+      color: #151515;
+      // color: #133337;
+
+      div {
+        display: inline;
+      }
+
+      .social {// {{{
+        // display: none;
+        display: inline;
+        white-space: nowrap;
+        position: absolute;
+        // left: 5.5rem;
+        left: 0rem;
+
+        .safari {
+          display: none;
+        }
+
+        @supports (-webkit-backdrop-filter: blur(1px)) {
+          left: .65rem;
+          .safari {
+            display: inline;
+          }
+        }
+
+        .link-text {
+          position: relative;
+          width: 100%;
+        }
+
+        $border-thickness: 8px;
+        @media (max-width: $vert-phone-width) {
+          $border-thickness: 5px;
+        }
+        .link {
+          position: absolute;
+          border-color: black;
+          border-style: solid;
+          border-width: 0 $border-thickness $border-thickness $border-thickness;
+          height: .45em;
+          width: 100%;
+          left: 0;
+          img {
+            position: absolute;
+            left: -1em;
+          }
+
+          &.link-top {
+            border-width: $border-thickness $border-thickness 0 $border-thickness;
+
+            img {
+              position: absolute;
+              top: -.2em;
+            }
+          }
+
+          &:hover {
+            opacity: .6;
+          }
+        }
+
+        $line-spacing: .65em;
+        #mastodon {
+          top: -$line-spacing * 1.1;
+          border-color: #3088d4;
+        }
+        .linkedin {
+          bottom: -$line-spacing * 1.1;
+          border-color: #0077b7;
+
+          &.linkedin-middle {
+            border-style: dotted;
+            border-width: 0 0 3.5px 0;
+          }
+        }
+        #github {
+          bottom: -$line-spacing * 2.7;
+        }
+        #site {
+          bottom: -$line-spacing * 4.25;
+          border-color: #ff7058;
+        }
+        #email {
+          top: -$line-spacing * 2.65;
+          border-color: #d1d0bf;
+        }
+      }// }}}
+
+      .spacing {
+        opacity: 0;
+      }
+    }// }}}
+  }// }}}
+}// }}}
+
+#letter-home {// {{{
+
+  #letter-instr {
+    text-align: center;
+    margin-top: 1.5em;
+    // margin-top: 25vh;
+    font-size: 1.4em;
+  }
+}// }}}
+
 // TODO: converted up to here

 //  hero {{{ // 
@@ -719,16 +934,16 @@ h1.site-title {// {{{
    font-size: 3em;
  }

-  @media (max-width: $phone-width) {
-    font-size: 3.5em;
-    @include vert-margin-rem(.3);
-    // font-size: 2.5em;
-    // font-size: 2em;
+  // @media (max-width: $phone-width) {
+    // font-size: 3.5em;
+    // @include vert-margin-rem(.3);
+    // // font-size: 2.5em;
+    // // font-size: 2em;

-    .surrounding {
-      display: none;
-    }
-  }
+    // .surrounding {
+      // display: none;
+    // }
+  // }
 }// }}}

 .hero-logo img {
--- a/config.yaml
+++ b/config.yaml
@@ -16,7 +16,7 @@ menu:
  main:
  - name: resume
    url: /resume
-    weight: 5
+    weight: 1
  # - name: posts/
    # url: /posts
    # weight: 6
@@ -26,11 +26,23 @@ 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
    
-blackfriday:
-  plainIDAnchors: true
-  hrefTargetBlank: true
+# blackfriday:
+  # plainIDAnchors: true
+  # hrefTargetBlank: true

+disableKinds: ["RSS"]
+
+markup:
+  goldmark:
+    renderer:
+      unsafe: true
--- a/content/card/_index.md
+++ b/content/card/_index.md
@@ -0,0 +1,5 @@
+---
+title: "Digital Card"
+date: 2019-02-11T07:50:51-05:00
+draft: false
+---
--- a/content/config/_index.md
+++ b/content/config/_index.md
@@ -39,5 +39,4 @@ a single branch.

 [chezmoi]: https://github.com/twpayne/chezmoi

-
 <!---  }}} Setup --> 
--- a/content/credits/_index.md
+++ b/content/credits/_index.md
@@ -1,5 +0,0 @@
---
-title: "Credits"
-date: 2019-02-11T03:10:25-05:00
-draft: true
---
--- a/content/letter
+++ b/content/letter
--- a/content/resume/_index.md
+++ b/content/resume/_index.md
@@ -3,20 +3,11 @@ title: "Resume"
 date: 2019-02-11T07:50:51-05:00
 draft: false
 ---
-{{% resume/section overview %}}<!--- {{{ -->
-
-3<sup>rd</sup> year CS student. Enthusiast of all things
-Linux and FOSS. Seeking 16-month internship for my PEY
-co-op program. Looking to gain industry-relevant experience in 
-full-stack web dev, DevOps or system administration.
-
-{{% /resume/section %}}<!--- }}} -->
-
 {{% 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**
@@ -26,8 +17,8 @@ full-stack web dev, DevOps or system administration.

 #### Tools
 - **Arch Linux**, Android Studio, **Debian**, **Command Line**, 
-  **Git**, IntelliJ IDEA, **Pycharm**, **NGINX**, **SFTP**, **SSH**, 
-  **Vim**
+  **Git**, IntelliJ IDEA, **Pycharm**, **NGINX**, npm/yarn, **SFTP**, 
+  **SSH**, **Vim**

 {{% /resume/section %}}<!--- }}} -->

@@ -39,15 +30,15 @@ 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 +52,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

@@ -158,7 +149,8 @@ url="https://github.com/Kevin-Mok/SuperADABros" date="May 2019" %}}

 {{% 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.
@@ -168,7 +160,8 @@ url="https://github.com/Kevin-Mok/SuperADABros" date="May 2019" %}}

 {{% 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 %}}<!--- }}} -->

--- a/content/resume/archived.txt
+++ b/content/resume/archived.txt
@@ -1,20 +0,0 @@
-<!--- Super ADA Bros. {{{ -->
-
-{{% resume/project name="Super ADA Bros"
-url="https://github.com/Kevin-Mok/SuperADABros" date="May 2019" %}}
-
- Clone of Super Mario Bros 1-1, but Mario is mobility-impaired and
-  uses ramps to get through the level.
- Able to played using only head movement by getting input from a
-  face-tracking script (**OpenCV**).
- 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
-
-{{% /resume/project %}}
-
-
-<!--- Grocery Finder }}} -->
-
--- a/content/resume/printable.txt
+++ b/content/resume/printable.txt
@@ -1,4 +1,12 @@
+// vim: ft=markdown
+
 - bg colors
+ 
+# Resume
 - site title max width
 - switch project shortcode
 - rm details top margin
+
+# Letter
+- letter font size
+- h2 
--- a/layouts/card/section.html
+++ b/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" . }}
--- a/layouts/letter/section.html
+++ b/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>
--- a/layouts/letter/single.html
+++ b/layouts/letter/single.html
@@ -0,0 +1,13 @@
+{{ partial "base/header.html" . }}
+
+{{ partial "base/site-title.html" . }}
+
+{{ partial "resume/contact-info.html" . }}
+
+<div id="resume" class="letter">
+{{ .Content }}
+</div>
+
+</div>
+</body>
+</html>
--- a/layouts/partials/base/footer.html
+++ b/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>
--- a/layouts/partials/base/header.html
+++ b/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>
--- a/layouts/partials/home/about.html
+++ b/layouts/partials/home/about.html
@@ -1,7 +1,7 @@
 <div id="about">
 <h2>Welcome to my site!</h2>
 <p>
-  I'm Kevin Mok - a 3<sup>rd</sup> year Computer Science
+  I'm Kevin Mok - a Computer Science
  student at the University of Toronto, and 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>.
--- a/layouts/partials/resume/contact-info.html
+++ b/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 }}"
@@ -10,7 +10,7 @@
      </a>
    </div>
    <div id="linkedin" class="col text-right">
-      <a href="https://www.linkedin.com/in/Kev-Mok">
+      <a href="https://www.linkedin.com/in/Kev-Mok" target="_blank">
        <span class="url-info">
          Kev-Mok
        </span>
@@ -18,9 +18,9 @@
      </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
@@ -28,7 +28,7 @@
      </a>
    </div>
    <div id="website" class="col text-right">
-      <a href="https://kevin-mok.com/">
+      <a href="https://kevin-mok.com/" target="_blank">
        <span class="url-info">
          kevin-mok.com
        </span>
--- a/layouts/partials/resume/print-icon.html
+++ b/layouts/partials/resume/print-icon.html
@@ -1,5 +1,5 @@
 <div id="print-icon">
-  <a href="{{ "kevin-mok-resume.pdf" | relURL }}" target="_blank">
+  <a href="{{ "pdf/kevin-mok-resume.pdf" | relURL }}" target="_blank">
    <img src="{{ "img/resume/printer.svg" | relURL }}" alt="printer-icon">
  </a>
 </div>
--- a/layouts/shortcodes/resume/letter-print.html
+++ b/layouts/shortcodes/resume/letter-print.html
@@ -0,0 +1,8 @@
+<div id="print-icon">
+  {{ $type := .Get "type"  }}
+  {{ $code := .Get "code"  }}
+  {{ $pdfName := print "pdf/kevin-mok-" $type "-" $code ".pdf"  }}
+  <a href="{{ $pdfName | relURL }}" target="_blank">
+    <img src="{{ "img/resume/printer.svg" | relURL }}" alt="printer-icon">
+  </a>
+</div>
--- a/layouts/shortcodes/resume/no-spacing.html
+++ b/layouts/shortcodes/resume/no-spacing.html
@@ -0,0 +1,4 @@
+{{ $_hugo_config := `{ "version": 1 }` }}
+<div class="no-line-spacing">
+  {{ .Inner }}
+</div>
--- a/layouts/shortcodes/resume/project.html
+++ b/layouts/shortcodes/resume/project.html
@@ -9,7 +9,6 @@
        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.svg" | relURL }}" alt="link-icon"> -->
          <img class="down-triangle" src="{{ "img/resume/down-triangle.png" | relURL }}" alt="link-icon">
        </h2>
      </button>
@@ -17,7 +16,6 @@
    <div class="col-4 text-right date">{{ .Get "date" }}</div>
  </div>
  <div class="collapse{{ with .Get "show" }} show{{ end }}" id="{{ .Get "name" | lower | urlize }}-details">
-  <!-- <div class="show" id="{{ .Get "name" | lower | urlize }}-details"> -->
    <div>
      {{ .Inner }}
 </div>
--- a/layouts/sitemap.xml
+++ b/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>
--- a/static/img/resume/signature-white.png
+++ b/static/img/resume/signature-white.png
--- a/static/img/resume/signature.png
+++ b/static/img/resume/signature.png
--- a/static/kevin-mok-resume.pdf
+++ b/static/kevin-mok-resume.pdf
--- a/static/pdf
+++ b/static/pdf
--- a/static/server-table.js
+++ b/static/server-table.js
@@ -38,6 +38,9 @@ const generateTable = (table, data) => {
          aElem.textContent = elem['shortUrl']
          cell.appendChild(aElem)
          break
+        case 'description':
+          cell.innerHTML = elem[key]
+          break
        case 'repo':
          aElem.href = elem['repoUrl']
          aElem.textContent = elem[key]
Author	SHA1	Message	Date
Kevin Mok	a19c6fb921	Revert print team ranking letter	2020-05-14 21:34:57 -04:00
Kevin Mok	e5579a0e77	Print team ranking letter	2020-05-13 20:15:39 -04:00
Kevin Mok	5e7fe99969	Footer: social icons opaque on hover	2019-10-25 04:03:32 -04:00
Kevin Mok	2305b246c1	Sample cover letter, letter submodule Custom sitemap layout to hide letters.	2019-10-07 22:48:32 -04:00
Kevin Mok	497ad86122	Card: fix stacking on Safari, reduce vert. font	2019-10-07 02:19:51 -04:00
Kevin Mok	d1d191e413	Card: initial commit	2019-10-06 06:22:59 -04:00
Kevin Mok	b546a2a529	Resume: minor fixes	2019-10-05 21:11:22 -04:00
Kevin Mok	8b794bfa8e	Resume: add skills, improve project descriptions	2019-10-05 05:51:18 -04:00
Kevin Mok	d14bcf3c8f	Reduce font size across site - change footer background to line above Resume: - add LinkedIn - fix Unicode expand icon not showing on mobile	2019-10-05 05:50:17 -04:00