Style and layout updates

Gemfile

@@ -11,7 +11,7 @@ source "https://rubygems.org"
 gem "jekyll", "~> 3.6.2"
 
 # This is the default theme for new Jekyll sites. You may change this to anything you like.
-gem "minima", "~> 2.0"
+gem "minima", "~> 2.0", path: '/home/rob/dev/minima'
 
 # If you want to use GitHub Pages, remove the "gem "jekyll"" above and
 # uncomment the line below. To upgrade, run `bundle update github-pages`.
@@ -21,7 +21,7 @@ gem "minima", "~> 2.0"
 group :jekyll_plugins do
   gem "jekyll-feed", "~> 0.6"
   gem 'jekyll-seo-tag'
-  gem 'jekyll-stealthy-share', git: 'https://github.com/rfwatson/jekyll-stealthy-share.git'
+  gem 'jekyll-stealthy-share', path: '/home/rob/dev/jekyll-stealthy-share'
 end
 
 # Windows does not include zoneinfo files, so bundle the tzinfo-data gem

Gemfile.lock

@@ -1,9 +1,15 @@
-GIT
+PATH
-  remote: https://github.com/rfwatson/jekyll-stealthy-share.git
+  remote: /home/rob/dev/jekyll-stealthy-share
-  revision: 935cd054662c2987ea88e782794ea8d4f764bae2
   specs:
     jekyll-stealthy-share (0.1.0)
 
+PATH
+  remote: /home/rob/dev/minima
+  specs:
+    minima (2.1.1)
+      jekyll (~> 3.5)
+      jekyll-seo-tag (~> 2.1)
+
 GEM
   remote: https://rubygems.org/
   specs:
@@ -38,8 +44,6 @@ GEM
       rb-inotify (~> 0.9, >= 0.9.7)
       ruby_dep (~> 1.2)
     mercenary (0.3.6)
-    minima (2.1.1)
-      jekyll (~> 3.3)
     pathutil (0.16.1)
       forwardable-extended (~> 2.6)
     public_suffix (3.0.1)
@@ -63,7 +67,7 @@ DEPENDENCIES
   jekyll-feed (~> 0.6)
   jekyll-seo-tag
   jekyll-stealthy-share!
-  minima (~> 2.0)
+  minima (~> 2.0)!
   tzinfo-data
 
 BUNDLED WITH

_includes/sidebar.html

@@ -1,7 +1,7 @@
 <img src="/assets/images/me.png" class="me"/>
-<p>Welcome to Netflux.io, the personal tech blog of Rob Watson.</p>
+<p>Welcome to <strong>Netflux.io</strong>, the tech blog of Rob Watson.</p>
 <p>I am co-founder and CTO of <a href="http://mixlr.com">Mixlr</a>.
-<p>You can find me on <a href="https://twitter.com/rfwatson">Twitter</a>, <a href="https://github.com/rfwatson">GitHub</a> and <a href="https://gitlab.com/rfwatson">GitLab</a>.
+<p>You can find me on <a href="https://twitter.com/rfwatson">Twitter</a>, <a href="https://github.com/rfwatson">GitHub</a>, <a href="https://gitlab.com/rfwatson">GitLab</a> and <a href="https://www.linkedin.com/in/rfw21">LinkedIn</a>.
 </p>
 <p><a href="https://twitter.com/rfwatson" target="_blank"><img src="/assets/images/follow.png"></a></p>
 <p>You can also subscribe to this blog via <a href="/feed.xml">RSS</a>.</p>

assets/main.scss

@@ -1,19 +1,25 @@
 ---
 ---
 
+$content-width:    750px;
+$sidebar-width:    300px;
+$on-xl:            1100px;
+
 @import 'minima';
-@import url('https://fonts.googleapis.com/css?family=Archivo+Black|Tenor+Sans|Ubuntu+Mono');
+@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700|Archivo+Black|Tenor+Sans|Ubuntu+Mono');
+
 
 html, body, div, p {
-  font-family: 'Tenor'
+  font-family: 'Tenor';
+  letter-spacing: -0.05px;
 }
 
 body {
-  font-size: 17px;
+  font-size: 18px;
 }
 
 h1, h2, h3, h4, h5, h6 {
-  font-family: 'Archivo Black'
+  font-family: 'Archivo Black';
 }
 
 pre, code {
@@ -25,19 +31,27 @@ a, a:active, a:visited {
   color: #2d753a;
 }
 
-body > header {
+body > header.site-header {
   background-color: #000;
+  border-bottom: none;
+  border-top: none;
+  box-shadow: 0px 5px 8px rgba(20, 20, 20, 0.5);
+  z-index: 1;
 
   .site-title, .site-title:visited {
-    font-family: 'Archivo Black';
+    font-family: 'Roboto';
+    font-weight: 700;
     color: #fff;
+    letter-spacing: 2px;
   }
 
   .site-nav {
     z-index: 1;
 
     .page-link, .page-link:visited {
-      font-family: 'Archivo Black';
+      font-family: 'Roboto';
+      font-weight: 500;
+      letter-spacing: 1px;
       color: #fff;
 
       @include media-query($on-palm) {
@@ -47,13 +61,17 @@ body > header {
   }
 }
 
-.outer-wrapper {
+.page-content {
-  box-shadow: 5px 2px 15px -4px rgba(0, 0, 0, 0.2);
+  background: #fff;
+  padding-top: 0px;
 }
 
-.page-content {
+.outer-wrapper {
-  background: #efefef;
+  box-shadow: 5px 2px 15px -4px rgba(0, 0, 0, 0.1);
-  padding-top: 0px;
+}
+
+.inner-wrapper {
+  border-left: 1px solid #ccc;
 }
 
 .page-content > .wrapper {
@@ -61,6 +79,10 @@ body > header {
   background: #fff;
 }
 
+.post-list h3 a {
+  font-size: 30px;
+}
+
 .post-content p {
   line-height: 2em;
 }
@@ -72,12 +94,13 @@ img.profile {
 .sidebar {
   line-height: 1.3em;
   background: #ddd;
+  text-align: center;
 
   img.me {
     width: 140px;
     border-radius: 180px;
     display: block;
-    margin: 20px auto;
+    margin: 0px auto 30px auto;
   }
 
   a[href*=twitter] img {
@@ -85,8 +108,35 @@ img.profile {
     display: block;
     margin: 25px auto;
   }
+
+  p {
+    font-family: 'Roboto', sans-serif;
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 1.5em;
+
+    strong {
+      font-weight: 500;
+    }
+  }
 }
 
-.share-buttons {
+.share_buttons {
   line-height: 1em;
+  padding: 30px 0px 20px 0px !important;
+
+  > p {
+    margin-bottom: 0px;
+    line-height: 1.5em;
+  }
+
+  > ul {
+    margin-left: 0px;
+    margin-bottom: 0px;
+
+    > li > a > div.button {
+      font-family: Roboto, Helvetica, Arial, sans-serif;
+      font-weight: 500;
+    }
+  }
 }