Resume: expand top projects, print icon to PDF

assets/sass/main.scss

@@ -413,6 +413,16 @@ footer {// {{{
   margin-right: 2em;
 } */// }}}
 
+#print-icon {// {{{
+  float: right;
+
+  img {
+    height: 1.75em;
+    position: relative;
+    top: 1em;
+  }
+}// }}}
+
 #contact-info {// {{{
   @include vert-padding-rem(0.5);
   display: flex;
@@ -508,15 +518,15 @@ h1.site-title {// {{{
     text-decoration: none;
   }
 
-  // @media (max-width: $max-page-width) {
-    // font-size: 3em;
-  // }
+  @media (max-width: $max-page-width) {
+    font-size: 3em;
+  }
 
-  // @media (max-width: $phone-width) {
-    // // font-size: 3em;
-    // // font-size: 2.5em;
-    // font-size: 2em;
-  // }
+  @media (max-width: $phone-width) {
+    // font-size: 3em;
+    // font-size: 2.5em;
+    font-size: 2em;
+  }
 }// }}}
 
 .hero-logo img {

content/resume/_index.md

@@ -16,7 +16,8 @@ and experience and jumpstart my career with a solid foundation.
 
 <!--- Spotify Graphs {{{ -->
 
-{{% resume/project name="Spotify Visualizer" url="https://github.com/Kevin-Mok/spotify-lib-vis" date="July 2018" %}}
+{{% resume/project name="Spotify Visualizer" 
+url="https://github.com/Kevin-Mok/spotify-lib-vis" date="July 2018" show="true" %}}
 
 - Web app that scans your Spotify library using their API to produce
   [**d3** graphs][d3 graph examples] to visualize the artists, genres and
@@ -33,7 +34,9 @@ and experience and jumpstart my career with a solid foundation.
 
 <!--- ParsaFood {{{ -->
 
-{{% resume/project name="ParsaFood" url="https://github.com/Kevin-Mok/ParsaFood" date="Feb. 2018" %}}
+{{% resume/project name="ParsaFood" 
+url="https://github.com/Kevin-Mok/ParsaFood" date="Feb. 2018" 
+show="true" %}}
 
 - **Android** app that reads ingredient labels and detects any dietary 
   restrictions/allergies. 
@@ -53,7 +56,9 @@ and experience and jumpstart my career with a solid foundation.
  
 <!--- Grocery Finder {{{ -->
 
-{{% resume/project name="Grocery Finder" url="https://github.com/Kevin-Mok/grocery-finder" date="April 2019" %}}
+{{% resume/project name="Grocery Finder" 
+url="https://github.com/Kevin-Mok/grocery-finder" date="April 2019" 
+show="true" %}}
 
 - Proof of concept for a web app that finds the best supermarket for 
   your needs based on the total price of your cart items and distance 

content/resume/printable.txt

@@ -1,3 +1,4 @@
 - bg colors
+- site title max width
 - switch project shortcode
 - rm details top margin

layouts/partials/resume/contact-info.html

@@ -1,4 +1,3 @@
-<!-- <div id="contact-info"> -->
 <div id="contact-info">
   <div id="phone-number">
     <img src="{{ "img/smartphone.svg" | relURL }}"

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,5 +1,7 @@
 {{ partial "base/header.html" . }}
 
+{{ partial "resume/print-icon.html" . }}
+
 {{ partial "base/site-title.html" . }}
 
 {{ partial "resume/contact-info.html" . }}

layouts/shortcodes/resume/project.html

@@ -8,7 +8,7 @@
     <h2 class="project-title">{{ .Get "name" }} ⏷</h2>
   </button>
   <div class="date">{{ .Get "date" }}</div>
-  <div class="collapse" id="{{ .Get "name" | lower | urlize }}-details">
+  <div class="collapse{{ with .Get "show" }} show{{ end }}" id="{{ .Get "name" | lower | urlize }}-details">
     <div>
       {{ .Inner }}
     </div>

static/img/printer.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 58 58" style="enable-background:new 0 0 58 58;" xml:space="preserve">
+<polygon style="fill:#C7CAC7;" points="49,35 49,52 52,52 52,49 58,49 58,17 0,17 0,49 6,49 6,52 9,52 9,35 "/>
+<polygon style="fill:#556080;" points="58,35 58,17 0,17 0,35 9,35 49,35 "/>
+<rect x="6" y="35" style="fill:#7383BF;" width="46" height="17"/>
+<polygon style="fill:#EDEADA;" points="49,0 49,7 49,17 9,17 9,0 "/>
+<polyline style="fill:#EDEADA;" points="49,35 49,58 9,58 9,35 "/>
+<path style="fill:#CEC9AE;" d="M41,44H17c-0.553,0-1-0.447-1-1s0.447-1,1-1h24c0.553,0,1,0.447,1,1S41.553,44,41,44z"/>
+<path style="fill:#CEC9AE;" d="M41,49H17c-0.553,0-1-0.447-1-1s0.447-1,1-1h24c0.553,0,1,0.447,1,1S41.553,49,41,49z"/>
+<circle style="fill:#A4E869;" cx="49" cy="26" r="4"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>