Revert print team ranking letter

Custom sitemap layout to hide letters.

.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

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;
+          }
         }
       }
     }
@@ -474,22 +489,23 @@ header {// {{{
   float: right;
 
   img {
-    height: 1.75em;
+    height: 2em !important;
-    position: relative;
+    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;
 
@@ -643,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 {// {{{
@@ -847,6 +902,16 @@ header {// {{{
   }// }}}
 }// }}}
 
+#letter-home {// {{{
+
+  #letter-instr {
+    text-align: center;
+    margin-top: 1.5em;
+    // margin-top: 25vh;
+    font-size: 1.4em;
+  }
+}// }}}
+
 // TODO: converted up to here
 
 //  hero {{{ // 
@@ -869,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

@@ -16,7 +16,7 @@ menu:
   main:
   - name: resume
     url: /resume
-    weight: 5
+    weight: 1
   # - name: posts/
     # url: /posts
     # weight: 6
@@ -29,11 +29,20 @@ menu:
   - name: card
     url: /card
     weight: 15
+  # - name: letter
+    # url: /letter
+    # 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/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,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>

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/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 }}"
@@ -18,7 +18,7 @@
       </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" target="_blank">
         <img src="{{ "img/resume/envelope.svg" | relURL }}" alt="envelope-icon">

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>

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>

layouts/shortcodes/resume/no-spacing.html

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

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>

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>

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]