huge refactoring of content and theme

- de-personalize the theme as much as possible, moving personal info into config.toml parameters
- extract hard-coded content out layouts and into actual /content (especially home page and all of its assets)
- include full text of posts in RSS feed (aka making the world a better place)
- use abstract layout for both video pages (/leo and /birthday)

assets/sass/components/_logo.scss

@@ -0,0 +1,23 @@
+@charset "UTF-8";
+
+// nifty color swapping on svg logo hover
+
+a#logo {
+  &:hover {
+    $logo-original1: #6fbc4e;
+    $logo-original2: #ffb900;
+    $logo-original3: #009cdf;
+
+    svg {
+      g#color1 {
+        fill: $logo-original2;
+      }
+      g#color2 {
+        fill: $logo-original3;
+      }
+      g#color3 {
+        fill: $logo-original1;
+      }
+    }
+  }
+}

assets/sass/main.scss

@@ -12,10 +12,12 @@
 // Pages
 @import 'pages/home';
 @import 'pages/notes';
+@import 'pages/videos';
 
 // Responsive Pages
 @import 'pages/responsive/global';
 
 // Miscellaneous
+@import 'components/logo';
 @import 'components/syntax';
 @import 'components/wave';

assets/sass/pages/_notes.scss

@@ -25,7 +25,12 @@ body#notes {
         color: $color-medium;
         padding: 15px;
 
-        img, svg {
+        &:hover {
+          color: $color-links;
+        }
+
+        img,
+        svg {
           height: 45px;
           width: auto;
         }
@@ -35,26 +40,6 @@ body#notes {
           font-size: 1.4em;
           font-weight: 500;
         }
-        
-        &:hover {
-          color: $color-links;
-
-          $logo-original1: #6fbc4e;
-          $logo-original2: #ffb900;
-          $logo-original3: #009cdf;
-
-          svg {
-            g#color1 {
-              fill: $logo-original2;
-            }
-            g#color2 {
-              fill: $logo-original3;
-            }
-            g#color3 {
-              fill: $logo-original1;
-            }
-          }
-        }
       }
 
       ul {

assets/sass/pages/_videos.scss

@@ -0,0 +1,32 @@
+@charset "UTF-8";
+
+// Video Styles
+body#videos {
+  margin: 75px auto;
+  text-align: center;
+
+  p {
+    font-size: 0.85em;
+    line-height: 1.5em;
+    color: #777777;
+    margin: 0;
+    padding: 0 10px;
+  }
+
+  a {
+    font-weight: bold;
+  }
+
+  a#logo svg {
+    height: 48px;
+    width: 48px;
+    padding: 4px;
+    margin: 16px 0 8px 0;
+  }
+
+  video {
+    width: $responsive-width;
+    height: auto;
+    font-family: inherit;    // for subtitles
+  }
+}

assets/sass/pages/responsive/_global.scss

@@ -6,12 +6,11 @@
     // Safari iOS menu bar reappers below 44px:
     // https://www.eventbrite.com/engineering/mobile-safari-why/
     padding-bottom: 45px !important;
-    // Allows content to fill the viewport and go beyond the bottom
-    height: 100%;
     // Allows you to scroll below the viewport; default value is visible
     overflow-y: scroll;
   }
 
   @import 'home';
   @import 'notes';
+  @import 'videos';
 }

assets/sass/pages/responsive/_notes.scss

@@ -13,7 +13,8 @@ body#notes {
       a#logo {
         padding: 10px;
 
-        img, svg {
+        img,
+        svg {
           height: 60px;
           width: auto;
         }

assets/sass/pages/responsive/_videos.scss

@@ -0,0 +1,16 @@
+@charset "UTF-8";
+
+// Responsive Videos
+body#videos {
+  margin: 20px 0;
+
+  h1 {
+    font-size: 1.6em;
+    padding: 0 10px;
+  }
+
+  video {
+    width: 100%;
+    height: auto;
+  }
+}