Config: setup base page

assets/sass/main.scss

@@ -82,18 +82,17 @@ $phone-width: 800px;
 
 //  general elements {{{ // 
 
-// $background-color: #2d2d2d;
-// $color: #f2f0ec;
-$background-color: white;
-$color: black;
+$background-color: #2d2d2d;
+$color: #f2f0ec;
+// $background-color: white;
+// $color: black;
 
 body {
   margin: 0;
   background-color: $background-color;
   color: $color;
   line-height: 1.5;
-  // font-size: 100%;
-  font-size: 1.1em;
+  font-size: 100%;
   /* font-family: 'Source Code Pro', monospace; */
   font-family: 'Hack', monospace;
   display: flex;
@@ -415,7 +414,6 @@ footer {// {{{
 } */// }}}
 
 #print-icon {// {{{
-  display: none;
   float: right;
 
   img {
@@ -429,7 +427,6 @@ footer {// {{{
   @include vert-padding-rem(0.5);
   display: flex;
   align-content: center;
-  // font-size: 1.25em;
 
   div {
     flex-grow: 1;
@@ -449,24 +446,7 @@ footer {// {{{
   }
 }// }}}
 
-@page {
-  size: letter;
-}
-// @media print {
-  // @page {
-    // margin: 0;
-    // size: letter;
-  // }
-
-  // body {
-    // padding: 1in;
-  // }
-// }
-
 #resume {// {{{
-  // font-size: 1.1em;
-  // font-size: 1em;
-
   a {
     text-decoration: none;
     &:hover {
@@ -476,8 +456,6 @@ footer {// {{{
 
   h1 {
     color: $base-orange;
-    margin-top: .9em;
-    font-size: 1.75em;
   }
 
   .date {
@@ -491,7 +469,6 @@ footer {// {{{
     h2 {
       color: $base-sky-blue;
       display: inline;
-      font-size: 1.5em;
     }
 
     img {
@@ -516,9 +493,9 @@ footer {// {{{
       }
     }
 
-    [id^="details-"] {
-      margin-top: .5em;
-    }
+    // [id^="details-"] {
+      // margin-top: .5em;
+    // }
   }
 
 }// }}}
@@ -529,8 +506,8 @@ footer {// {{{
 
 h1.site-title {// {{{
   text-align: center;
-  // font-size: 4.8em;
-  font-size: 5.5em;
+  /* font-size: 3.5em; */
+  font-size: 4.8em;
   // color: #66cccc;
   color: $base05;
   margin-top: 1rem;
@@ -541,13 +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: 2em;
-  // }
+  @media (max-width: $phone-width) {
+    // font-size: 3em;
+    // font-size: 2.5em;
+    font-size: 2em;
+  }
 }// }}}
 
 .hero-logo img {
@@ -632,42 +611,42 @@ h1.site-title {// {{{
 //  article.single {{{ // 
 
 article.single {
-    .meta {
-      font-size: 0.9em;
-      text-align: right;
-      margin-top: .5rem;
-      margin-bottom: .5rem;
+  .meta {
+    font-size: 0.9em;
+    text-align: right;
+    margin-top: .5rem;
+    margin-bottom: .5rem;
 
-      .key {
-        color: #747369;
-      }
+    .key {
+      color: #747369;
+    }
 
-      .val {
+    .val {
+      color: #cc99cc;
+
+      a {
         color: #cc99cc;
-
-        a {
-          color: #cc99cc;
-        }
       }
+    }
 
+  }
+
+  .body {
+    padding-top: 1rem;
+    padding-bottom: 3rem;
+  }
+
+  @media (max-width: $max-page-width) {
+    .meta {
+      padding-left: 2rem;
+      padding-right: 2rem;
     }
 
     .body {
-      padding-top: 1rem;
-      padding-bottom: 3rem;
+      padding-top: .5rem;
+      padding-bottom: 1rem;
     }
 
-    @media (max-width: $max-page-width) {
-      .meta {
-        padding-left: 2rem;
-        padding-right: 2rem;
-      }
-
-      .body {
-        padding-top: .5rem;
-        padding-bottom: 1rem;
-      }
-
   }
 }
 

config.yaml

@@ -20,9 +20,17 @@ menu:
   # - name: posts/
     # url: /posts
     # weight: 6
+  - name: server
+    url: /server
+    weight: 7
+  - name: config
+    url: /config
+    weight: 10
   # - name: credits
     # url: /credits
-    # weight: 10
-  # - name: config
-    # url: /config
+    # weight: 20
+    
+blackfriday:
+  plainIDAnchors: true
+  hrefTargetBlank: true
 

content/config/_index.md

@@ -1,27 +1,29 @@
 ---
-title: "Config"
-date: 2019-02-07T05:05:11-05:00
-draft: true
+title: "Linux Config"
+date: 2019-04-26
+draft: false
+layout: single 
 ---
 <!---  Intro {{{ --> 
-# Kevin's Linux Setup
 
 ![desktop-screenshot](https://i.imgur.com/Fpsr8Fc.png)
 *Screenshot from my dual-monitor setup.*
 
-This repository contains the dotfiles to increase my workflow efficiency. They
-are also for my Linux
-[rice](https://www.reddit.com/r/unixporn/comments/3iy3wd/stupid_question_what_is_ricing/cukxwog/).
+This [repository][lc-repo] contains the dotfiles to increase my workflow 
+efficiency. They are also for my Linux [rice][ricing_explanation].
+
+[lc-repo]: https://git.kevin-mok.com/Kevin-Mok/linux-config
+[ricing_explanation]: https://www.reddit.com/r/unixporn/comments/3iy3wd/stupid_question_what_is_ricing/cukxwog/
 <!---  }}} Intro -->
 
 <!---  Main Programs {{{ --> 
 ## Main Programs
 * **OS**: [Arch Linux](https://www.archlinux.org/) ([packages](txt/nzxt-pkgs.txt))
-```
-> systemd-analyze
-Startup finished in 2.341s (kernel) + 1.085s (userspace) = 3.426s 
-graphical.target reached after 1.085s in userspace
-```
+    ```
+    $ systemd-analyze
+    Startup finished in 2.341s (kernel) + 1.085s (userspace) = 3.426s 
+    graphical.target reached after 1.085s in userspace
+    ```
 * **Terminal**: [rxvt-unicode-pixbuf](https://www.wikiwand.com/en/Rxvt) 
 * **Shell**: [Zsh](http://zsh.sourceforge.net/) + [oh-my-zsh](https://github.com/robbyrussell/oh-my-zsh)
 * **Window Manager**: [i3-gaps](https://github.com/Airblader/i3)

content/resume/_index.md

@@ -32,13 +32,37 @@ url="https://github.com/Kevin-Mok/spotify-lib-vis" date="July 2018" show="true"
 
 <!--- Spotify Graphs }}} -->
 
+<!--- ParsaFood {{{ -->
+
+{{% 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. 
+- Made during a 24-hour [food-themed hackathon][Platterz Hackathon event]
+  in a group with two other members. Came in 2<sup>nd</sup> place and won
+  an [Oculus Rift][Oculus Rift Amazon].
+- Came up with the idea based on [personal experience][Parsafood motivation].
+
+[Parsafood repo]: https://github.com/Kevin-Mok/ParsaFood
+[Parsafood motivation]: https://github.com/Kevin-Mok/ParsaFood#motivation
+[Platterz Hackathon event]: https://www.eventbrite.com/e/platterz-hackathon-tickets-42682237722
+[Oculus Rift Amazon]: https://www.amazon.ca/Oculus-Rift-Windows-VR-Headset/dp/B00VF0IXEY/ref=sr_1_1_sspa?ie=UTF8&qid=1520422949&sr=8-1-spons&keywords=oculus+rift&psc=1
+
+{{% /resume/project %}}
+
+<!--- ParsaFood }}} -->
+ 
 <!--- Grocery Finder {{{ -->
 
 {{% 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.
+- 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.
 - Responsive front-end using **Bootstrap**. Uses **Node.js** and 
   **MongoDB** for back-end.
 - Currently deployed on [**Heroku**][Grocery Finder Heroku].
@@ -52,27 +76,6 @@ show="true" %}}
 
 <!--- Grocery Finder }}} -->
 
-<!--- ParsaFood {{{ -->
-
-{{% 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. 
-- Made during a 24-hour [food-themed hackathon][Platterz Hackathon event]
-  in a group with two other members. Came in 2<sup>nd</sup> place and won
-  an [Oculus Rift][Oculus Rift Amazon].
-
-[Parsafood repo]: https://github.com/Kevin-Mok/ParsaFood
-[Parsafood motivation]: https://github.com/Kevin-Mok/ParsaFood#motivation
-[Platterz Hackathon event]: https://www.eventbrite.com/e/platterz-hackathon-tickets-42682237722
-[Oculus Rift Amazon]: https://www.amazon.ca/Oculus-Rift-Windows-VR-Headset/dp/B00VF0IXEY/ref=sr_1_1_sspa?ie=UTF8&qid=1520422949&sr=8-1-spons&keywords=oculus+rift&psc=1
-
-{{% /resume/project %}}
-
-<!--- ParsaFood }}} -->
- 
 <!--- TrapBot {{{ -->
 
 {{% resume/project name="TrapBot"
@@ -80,10 +83,31 @@ url="https://github.com/Kevin-Mok/TrapBot" date="March 2018" %}}
 
 - reddit bot that looks for comments with song names and responds with 
   their respective SoundCloud links.
+- Received positive feedback from users who saw the bot's posts.
 - Uses __Python__ API wrappers for SoundCloud and reddit.
 
 {{% /resume/project %}}
 
+<!--- Grocery Finder }}} -->
+
+<!--- Super ADA Bros. {{{ -->
+
+{{% resume/project name="Super ADA Bros"
+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
+  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].
+
+[PC Hacks event]: https://pchacks19.devpost.com/
+[Godot site]: https://godotengine.org
+
+{{% /resume/project %}}
+
+
 <!--- Grocery Finder }}} -->
 
 {{% /resume/section %}}<!--- }}} -->

content/resume/archived.txt

@@ -1,17 +1,3 @@
-<!--- TrapBot {{{ -->
-
-{{% resume/project name="TrapBot"
-url="https://github.com/Kevin-Mok/TrapBot" date="March 2018" %}}
-
-- reddit bot that looks for comments with song names and responds with 
-  their respective SoundCloud links.
-- Received positive feedback from users who saw the bot's posts.
-- Uses __Python__ API wrappers for SoundCloud and reddit.
-
-{{% /resume/project %}}
-
-<!--- Grocery Finder }}} -->
-
 <!--- Super ADA Bros. {{{ -->
 
 {{% resume/project name="Super ADA Bros"
@@ -19,8 +5,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 be played using only head movement by getting input from 
-  a
+- Able to 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].
@@ -30,5 +15,6 @@ url="https://github.com/Kevin-Mok/SuperADABros" date="May 2019" %}}
 
 {{% /resume/project %}}
 
-<!--- }}} -->
+
+<!--- Grocery Finder }}} -->
 

content/resume/printable.txt

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

content/server/_index.md

@@ -0,0 +1,10 @@
+---
+title: "Server"
+date: 2019-09-21
+draft: true
+layout: single 
+---
+|Name|Image|Short Code|
+|---------|:-----:|-----|
+|BabyRage|![BabyRage](https://twem.tk/br.png)|[br](https://twem.tk/br.png)|
+|BibleThump|![BibleThump](https://twem.tk/bt.png)|[bt](https://twem.tk/bt.png)|

ideas.md

@@ -1,8 +1,13 @@
 # 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

@@ -1,16 +0,0 @@
-<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,11 +1,14 @@
 <div class="project">
-  <h2 class="project-title">
-    <a href="{{ .Get "url" }}" target="_blank">
-      {{ .Get "name" }}
-    </a>
-  </h2>
+  <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 show" id="details-{{ .Get "name" | lower | urlize }}">
+  <div class="collapse{{ with .Get "show" }} show{{ end }}" id="{{ .Get "name" | lower | urlize }}-details">
     <div>
       {{ .Inner }}
     </div>