Resume: PDF

assets/sass/main.scss

@@ -82,10 +82,10 @@ $phone-width: 800px;
 
 //  general elements {{{ // 
 
-$background-color: #2d2d2d;
+// $background-color: #2d2d2d;
-$color: #f2f0ec;
+// $color: #f2f0ec;
-// $background-color: white;
+$background-color: white;
-// $color: black;
+$color: black;
 
 body {
   margin: 0;
@@ -414,6 +414,7 @@ footer {// {{{
 } */// }}}
 
 #print-icon {// {{{
+  display: none;
   float: right;
 
   img {
@@ -456,6 +457,7 @@ footer {// {{{
 
   h1 {
     color: $base-orange;
+    margin-top: .9em;
   }
 
   .date {
@@ -493,9 +495,9 @@ footer {// {{{
       }
     }
 
-    // [id^="details-"] {
+    [id^="details-"] {
-      // margin-top: .5em;
+      margin-top: .5em;
-    // }
+    }
   }
 
 }// }}}
@@ -518,15 +520,13 @@ h1.site-title {// {{{
     text-decoration: none;
   }
 
-  @media (max-width: $max-page-width) {
+  // @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: 2em;
+  // }
 }// }}}
 
 .hero-logo img {

content/resume/_index.md

@@ -62,7 +62,7 @@ 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 
-  form you.
+  from you.
 - Responsive front-end using **Bootstrap**. Uses **Node.js** and 
   **MongoDB** for back-end.
 - Currently deployed on [**Heroku**][Grocery Finder Heroku].
@@ -97,7 +97,7 @@ url="https://github.com/Kevin-Mok/SuperADABros" date="May 2019" %}}
 
 - Clone of Super Mario Bros 1-1, but Mario is mobility-impaired and
   uses ramps to get through the level.
-- Able to played using only head movement by getting input from a
+- Able to be played using only head movement by getting input from a
   face-tracking script (**OpenCV**).
 - Implemented in [**Godot**][Godot site], an open-source game engine.
 - Made during a 24-hour [accessibility-themed hackathon][PC Hacks event].

content/resume/printable.txt

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

ideas.md

@@ -1,13 +1,8 @@
 # Large
 - resume
-  - expand some projects by default
-  - repo link (GitHub icon) beside each section
-    - make links open in new tab
-    - picture/video links?
-  - printable white version
-    - upload PDF
-    - JS to change CSS?
   - make old proj's displayable
+    - change to km.com URL's
+      - change URL param to repo name
     - spv
       - screenshots
       - setup instructions

layouts/shortcodes/resume/project-site.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/project.html

@@ -1,14 +1,11 @@
 <div class="project">
-  <a class="project-link" href="{{ .Get "url" }}" target="_blank">
+  <h2 class="project-title">
-    <img src="{{ "img/link.svg" | relURL }}" alt="link-icon">
+    <a href="{{ .Get "url" }}" target="_blank">
-  </a>
+      {{ .Get "name" }}
-  <button class="btn" type="button" data-toggle="collapse"
+    </a>
-    data-target="#{{ .Get "name" | lower | urlize }}-details"
+  </h2>
-    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 class="collapse show" id="details-{{ .Get "name" | lower | urlize }}">
     <div>
       {{ .Inner }}
     </div>