Revert print team ranking letter

assets/sass/main.scss

@@ -88,6 +88,15 @@ $vert-phone-width: 500px;
   }
 }// }}}
 
+@mixin a-no-underline() {// {{{
+  a {
+    text-decoration: none;
+    &:hover {
+      text-decoration: none;
+    }
+  }
+}// }}}
+
 //  }}} mixins // 
 
 //  general elements {{{ // 
@@ -104,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;
@@ -205,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;
+          }
         }
       }
     }
@@ -486,7 +501,6 @@ 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;
@@ -647,6 +661,7 @@ header {// {{{
 
   &.letter {
     margin-top: 2em;
+    // font-size: 21px;
 
     img {
       height: 4.5em;
@@ -654,11 +669,22 @@ header {// {{{
 
     h2 {
       color: $base-red;
-      margin-top: 0em;
+      // 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 {
@@ -667,6 +693,9 @@ header {// {{{
       p {
         margin-bottom: 1em;
       }
+      strong {
+        line-height: 1.25em;
+      }
     }
   }
 }// }}}
@@ -905,16 +934,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,16 +29,20 @@ 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: true
+draft: false
 ---

content/config/_index.md

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

content/resume/_index.md

@@ -3,19 +3,10 @@ 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
@@ -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**, 
+  **Git**, IntelliJ IDEA, **Pycharm**, **NGINX**, npm/yarn, **SFTP**, 
-  **Vim**
+  **SSH**, **Vim**
 
 {{% /resume/section %}}<!--- }}} -->
 
@@ -44,8 +35,9 @@ 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 [**d3**]
+- Produced bubble chart and (stacked) bar chart using 
-[d3 graph examples] to visualize the artists, genres and features of 
+  [**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

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 

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

layouts/shortcodes/resume/letter-print.html

@@ -1,6 +1,7 @@
 <div id="print-icon">
+  {{ $type := .Get "type"  }}
   {{ $code := .Get "code"  }}
-  {{ $pdfName := print "pdf/kevin-mok-cover-letter-" $code ".pdf"  }}
+  {{ $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>

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,9 +16,8 @@
     <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,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]