Sample cover letter, letter submodule

Custom sitemap layout to hide letters.

.gitmodules

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

assets/sass/main.scss

@@ -88,15 +88,6 @@ $vert-phone-width: 500px;
   }
 }// }}}
 
-@mixin a-no-underline() {// {{{
-  a {
-    text-decoration: none;
-    &:hover {
-      text-decoration: none;
-    }
-  }
-}// }}}
-
 //  }}} mixins // 
 
 //  general elements {{{ // 
@@ -113,8 +104,7 @@ body {
   line-height: 1.5;
   // font-size: 100%;
   font-size: 15px;
-  // font-size: 25px;
+  /* font-family: 'Source Code Pro', monospace; */
-  // font-family: 'Hack Nerd Font Mono', monospace;
   font-family: 'Hack', monospace;
   display: flex;
   flex-direction: column;
@@ -215,17 +205,12 @@ 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;
-          }
         }
       }
     }
@@ -489,8 +474,8 @@ header {// {{{
   float: right;
 
   img {
-    height: 2em !important;
+    height: 1.75em;
-    position: absolute;
+    position: relative;
     top: 1em;
   }
 }// }}}
@@ -501,6 +486,7 @@ header {// {{{
   // @include vert-padding-rem(0.5);
   @include a-color($base-sky-blue);
   width: 100%;
+  min-width: $max-page-width;
   // @media (min-width: 1200px) {
       // .container{
         // min-width: $max-page-width;
@@ -661,7 +647,6 @@ header {// {{{
 
   &.letter {
     margin-top: 2em;
-    // font-size: 21px;
 
     img {
       height: 4.5em;
@@ -669,22 +654,11 @@ header {// {{{
 
     h2 {
       color: $base-red;
-      // font-size: 30px;
+      margin-top: 0em;
-      // 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 {
@@ -693,9 +667,6 @@ header {// {{{
       p {
         margin-bottom: 1em;
       }
-      strong {
-        line-height: 1.25em;
-      }
     }
   }
 }// }}}
@@ -934,16 +905,16 @@ h1.site-title {// {{{
     font-size: 3em;
   }
 
-  // @media (max-width: $phone-width) {
+  @media (max-width: $phone-width) {
-    // font-size: 3.5em;
+    font-size: 3.5em;
-    // @include vert-margin-rem(.3);
+    @include vert-margin-rem(.3);
-    // // font-size: 2.5em;
+    // font-size: 2.5em;
-    // // font-size: 2em;
+    // font-size: 2em;
 
-    // .surrounding {
+    .surrounding {
-      // display: none;
+      display: none;
-    // }
+    }
-  // }
+  }
 }// }}}
 
 .hero-logo img {

config.yaml

@@ -29,20 +29,16 @@ menu:
   - name: card
     url: /card
     weight: 15
-  # - name: letter
+  - name: letter
-    # url: /letter
+    url: /letter
-    # weight: 17
+    weight: 17
   # - name: credits
     # url: /credits
     # weight: 20
     
-# blackfriday:
+blackfriday:
-  # plainIDAnchors: true
+  plainIDAnchors: true
-  # hrefTargetBlank: true
+  hrefTargetBlank: true
 
 disableKinds: ["RSS"]
 
-markup:
-  goldmark:
-    renderer:
-      unsafe: true

content/card/_index.md

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

content/config/_index.md

@@ -39,4 +39,5 @@ a single branch.
 
 [chezmoi]: https://github.com/twpayne/chezmoi
 
+
 <!---  }}} Setup --> 

content/resume/_index.md

@@ -3,10 +3,19 @@ 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** (shell), Godot, **HTML5**, 
+- **Bash**, C, **CSS**, C++, **Fish** (shell), Godot, **HTML5**, 
   **Python**, Java, **Javascript** (ES6), **Sass**
 
 #### Frameworks
@@ -17,8 +26,8 @@ draft: false
 
 #### Tools
 - **Arch Linux**, Android Studio, **Debian**, **Command Line**, 
-  **Git**, IntelliJ IDEA, **Pycharm**, **NGINX**, npm/yarn, **SFTP**, 
+  **Git**, IntelliJ IDEA, **Pycharm**, **NGINX**, **SFTP**, **SSH**, 
-  **SSH**, **Vim**
+  **Vim**
 
 {{% /resume/section %}}<!--- }}} -->
 
@@ -35,9 +44,8 @@ show="true" %}}
   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 
+- Produced bubble chart and (stacked) bar chart using [**d3**]
-  [**d3**][d3 graph examples] to visualize the artists, 
+[d3 graph examples] to visualize the artists, genres and features of 
-  genres and features of 
 tracks in library.
 
 [d3 graph examples]: https://github.com/d3/d3/wiki/Gallery

content/resume/printable.txt

@@ -1,12 +1,4 @@
-// vim: ft=markdown
-
 - bg colors
- 
-# Resume
 - site title max width
 - switch project shortcode
 - rm details top margin
-
-# Letter
-- letter font size
-- h2 

layouts/letter/single.html

@@ -1,5 +1,7 @@
 {{ partial "base/header.html" . }}
 
+{{ partial "resume/print-icon.html" . }}
+
 {{ partial "base/site-title.html" . }}
 
 {{ partial "resume/contact-info.html" . }}

layouts/partials/home/about.html

@@ -1,7 +1,7 @@
 <div id="about">
 <h2>Welcome to my site!</h2>
 <p>
-  I'm Kevin Mok - a Computer Science
+  I'm Kevin Mok - a 3<sup>rd</sup> year 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>.

layouts/partials/resume/print-icon.html

@@ -1,5 +1,5 @@
 <div id="print-icon">
-  <a href="{{ "pdf/kevin-mok-resume.pdf" | relURL }}" target="_blank">
+  <a href="{{ "kevin-mok-resume.pdf" | relURL }}" target="_blank">
     <img src="{{ "img/resume/printer.svg" | relURL }}" alt="printer-icon">
   </a>
 </div>

layouts/shortcodes/resume/letter-print.html

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

layouts/shortcodes/resume/project.html

@@ -9,6 +9,7 @@
         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>
@@ -16,8 +17,9 @@
     <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>
+    </div>
   </div>
 </div>

static/server-table.js

@@ -38,9 +38,6 @@ 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]