Merge branch 'drafts'

layouts/partials/base/header.html

@@ -13,10 +13,14 @@
 <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>
+<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>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
 <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700" type="text/css"> -->
 <link rel='stylesheet' href='//cdn.jsdelivr.net/npm/hack-font@3.3.0/build/web/hack-subset.css'>
 <!-- <link rel="stylesheet" href="https://meyerweb.com/eric/tools/css/reset/reset.css" type="text/css" media="all" /> -->
-<!-- <link rel="stylesheet" href="{{ "css/style.css" | relURL }}" type="text/css"> -->
+<link rel="stylesheet" href="{{ "css/style.css" | relURL }}" type="text/css">
 {{ $main_sass := resources.Get "sass/main.scss" }}
 {{ $main_style := $main_sass | resources.ToCSS }}
 <link rel="stylesheet" href="{{ $main_style.RelPermalink }}" type="text/css">

layouts/partials/resume/contact-info.html

@@ -0,0 +1,15 @@
+<div id="contact-info">
+  <div id="phone-number">
+    <img src="{{ "img/smartphone.svg" | relURL }}"
+    alt="smartphone-icon">:
+    <a href="tel:647-685-2500" target="_blank">647-685-2500</a>
+  </div>
+  <div id="email">
+    <img src="{{ "img/envelope.svg" | relURL }}" alt="envelope-icon">:
+    <a href="mailto:me@kevin-mok.com">me@kevin-mok.com</a>
+  </div>
+  <div id="website">
+    <img src="{{ "img/link.svg" | relURL }}" alt="link-icon">:
+    <a href="https://kevin-mok.com/">kevin-mok.com</a>
+  </div>
+</div>

layouts/partials/resume/print-icon.html

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

layouts/resume/section.html

@@ -1,7 +1,11 @@
 {{ partial "base/header.html" . }}
 
+{{ partial "resume/print-icon.html" . }}
+
 {{ partial "base/site-title.html" . }}
 
+{{ partial "resume/contact-info.html" . }}
+
 {{ partial "base/base16-logo.html" . }}
 
 <div id="resume">

layouts/shortcodes/resume/project-details.html

@@ -1,4 +1,4 @@
 {{ $_hugo_config := `{ "version": 1 }` }}
 <div class="project-details">
-  {{ .Inner | markdownify }}
+  {{ .Inner }}
 </div>

layouts/shortcodes/resume/project-print.html

@@ -0,0 +1,13 @@
+<div class="project">
+  <h2 class="project-title">
+    <a href="{{ .Get "url" }}" target="_blank">
+      {{ .Get "name" }}
+    </a>
+  </h2>
+  <div class="date">{{ .Get "date" }}</div>
+  <div class="collapse show" id="details-{{ .Get "name" | lower | urlize }}">
+    <div>
+      {{ .Inner }}
+    </div>
+  </div>
+</div>

layouts/shortcodes/resume/project.html

@@ -0,0 +1,16 @@
+<div class="project">
+  <a class="project-link" href="{{ .Get "url" }}" target="_blank">
+    <img src="{{ "img/link.svg" | relURL }}" alt="link-icon">
+  </a>
+  <button class="btn" type="button" data-toggle="collapse"
+    data-target="#{{ .Get "name" | lower | urlize }}-details"
+    aria-expanded="false" aria-controls="{{ .Get "name" | lower | urlize }}-details">
+    <h2 class="project-title">{{ .Get "name" }} ⏷</h2>
+  </button>
+  <div class="date">{{ .Get "date" }}</div>
+  <div class="collapse{{ with .Get "show" }} show{{ end }}" id="{{ .Get "name" | lower | urlize }}-details">
+    <div>
+      {{ .Inner }}
+    </div>
+  </div>
+</div>

layouts/shortcodes/resume/section.html

@@ -1,4 +1,4 @@
 <div id="{{ .Get 0 }}">
 <h1 class="section-header">{{ .Get 0 | title }}</h1>
-  {{ .Inner }}
+  {{ .Inner | markdownify }}
 </div>