From 7029ccd4f5e2d5b3205c4762b7f39213492b4942 Mon Sep 17 00:00:00 2001
From: Huy Tran <hoang.huy.tran@gmail.com>
Date: Mon, 23 Jul 2018 12:15:56 +1000
Subject: [PATCH] revises layouts and refactors SCSS styles

---
 layouts/partials/post-meta-after.html         |  34 +-
 layouts/partials/post-meta-before.html        |   4 +-
 layouts/partials/sidebar.html                 |   2 +-
 layouts/partials/sidebar/social.html          |   4 +-
 static-src/scss/hyde-hyde.scss                |  10 +-
 static-src/scss/hyde-hyde/_base.scss          | 111 ++++
 static-src/scss/hyde-hyde/_code.scss          |  44 ++
 static-src/scss/hyde-hyde/_customised.scss    | 326 +---------
 static-src/scss/hyde-hyde/_gist.scss          |  57 ++
 static-src/scss/hyde-hyde/_mixins.scss        |  14 +
 static-src/scss/hyde-hyde/_post.scss          |  83 +++
 .../{_projects.scss => _project.scss}         |   0
 static-src/scss/hyde-hyde/_sidebar.scss       |  73 +++
 .../hyde-hyde/{_themes.scss => _theme.scss}   |   0
 static-src/scss/hyde-hyde/_variables.scss     |   4 +
 static/css/hyde-hyde.css                      | 569 ++++++++++--------
 static/css/hyde-hyde.css.map                  |   2 +-
 17 files changed, 741 insertions(+), 596 deletions(-)
 create mode 100644 static-src/scss/hyde-hyde/_base.scss
 create mode 100644 static-src/scss/hyde-hyde/_code.scss
 create mode 100644 static-src/scss/hyde-hyde/_gist.scss
 create mode 100644 static-src/scss/hyde-hyde/_post.scss
 rename static-src/scss/hyde-hyde/{_projects.scss => _project.scss} (100%)
 create mode 100644 static-src/scss/hyde-hyde/_sidebar.scss
 rename static-src/scss/hyde-hyde/{_themes.scss => _theme.scss} (100%)

diff --git a/layouts/partials/post-meta-after.html b/layouts/partials/post-meta-after.html
index 2c9c5cd..1548841 100644
--- a/layouts/partials/post-meta-after.html
+++ b/layouts/partials/post-meta-after.html
@@ -1,22 +1,14 @@
-<div>
-    <ul class="post__nav">
-        <li class="post__nav--next">
-            {{ with .NextInSection -}}
-            <a href="{{ .RelPermalink }}">
-                <span class="next__heading">NEXT</span>
-                <span>{{ .Title }}</span>
-            </a>
-            <i class="fas fa-chevron-right"></i>
-            {{- end }}
-        </li>
-        <li class="post__nav--previous">
-            {{ with .PrevInSection -}}            
-            <span class="previous__heading">PREVIOUS</span>
-            <i class="fas fa-chevron-left"></i>
-            <a href="{{ .RelPermalink }}">
-                <span class="previous__title">{{ .Title }}</span>
-            </a>
-            {{- end }}
-        </li>
-    </ul>
+<div class="post--navigation post--navigation-single">
+    {{ with .PrevInSection -}}
+    <a href="{{ .RelPermalink }}" class="post--navigation-prev">
+      <i aria-hidden="true" class="fa fa-chevron-left"></i>
+      <span>{{ .Title }}</span>
+    </a>
+    {{- end }}
+    {{ with .NextInSection -}}
+    <a href="{{ .RelPermalink }}" class="post--navigation-next">
+      <span>{{ .Title }}</span>
+      <i aria-hidden="true" class="fa fa-chevron-right"></i>
+    </a>
+    {{- end }}
 </div>
diff --git a/layouts/partials/post-meta-before.html b/layouts/partials/post-meta-before.html
index 7b211b2..c42d96d 100644
--- a/layouts/partials/post-meta-before.html
+++ b/layouts/partials/post-meta-before.html
@@ -23,7 +23,7 @@
           <br/>
           {{ $subtotal := sub $total 1 }} <i class="fas fa-tags"></i>
           {{ range $i, $tag := . }}
-          <a class="post__tag" href="{{ "/tags/" | relURL }}{{ $tag | urlize }}">#{{ $tag | lower }}</a>
+          <a class="post__tag" href="{{ "/tags/" | relURL }}{{ $tag | urlize }}">{{ $tag | lower }}</a>
           {{ if lt $i $subtotal }} {{ end }}
       {{ end }}
     {{ end }}
@@ -31,4 +31,4 @@
     <br/>
     <i class="fas fa-clock"></i> {{ .ReadingTime }} min read
 </div>
-{{ end }}
\ No newline at end of file
+{{ end }}
diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
index bfcd559..f8e849d 100644
--- a/layouts/partials/sidebar.html
+++ b/layouts/partials/sidebar.html
@@ -1,5 +1,5 @@
 <!-- Sidebar -->
-<div class="sidebar text-center">
+<div class="sidebar">
   <div class="container {{ with .Site.Params.sidebarSticky -}}sidebar-sticky{{- end }}">
     <div class="sidebar-about">
       <div class="site__title">
diff --git a/layouts/partials/sidebar/social.html b/layouts/partials/sidebar/social.html
index c7b7a48..1cee88d 100644
--- a/layouts/partials/sidebar/social.html
+++ b/layouts/partials/sidebar/social.html
@@ -1,4 +1,4 @@
-<section class="social text-center">
+<section class="social">
 	{{ with .Site.Params.social.twitter -}}
 	<a href="https://twitter.com/{{.}}"><i class="fab fa-twitter fa-lg" aria-hidden="true"></i></a>
 	{{- end }}
@@ -24,7 +24,7 @@
 	&nbsp;<a href="https://stackoverflow.com/users/{{.}}"><i class="fab fa-stack-overflow fa-lg" aria-hidden="true"></i></a>
 	{{- end }}
 	{{ with .Site.Params.social.medium}}
-	&nbsp;<a href="https://medium.com/{{.}}"><i class="fab fa-medium fa-lg" aria-hidden="true"></i></a>
+	&nbsp;<a href="https://medium.com/@{{.}}"><i class="fab fa-medium fa-lg" aria-hidden="true"></i></a>
 	{{- end }}
 	{{ with .Site.Params.social.xing -}}
 	&nbsp;<a href="https://www.xing.com/profile/{{.}}"><i class="fab fa-xing fa-lg" aria-hidden="true"></i></a>
diff --git a/static-src/scss/hyde-hyde.scss b/static-src/scss/hyde-hyde.scss
index ef68675..c059ec3 100644
--- a/static-src/scss/hyde-hyde.scss
+++ b/static-src/scss/hyde-hyde.scss
@@ -4,6 +4,12 @@
 @import "poole/layout";
 @import "poole/posts";
 // hyde-hyde
-@import 'hyde-hyde/themes';
-@import 'hyde-hyde/projects';
+@import 'hyde-hyde/mixins';
+@import 'hyde-hyde/base';
+@import 'hyde-hyde/theme';
+@import 'hyde-hyde/sidebar';
+@import 'hyde-hyde/post';
+@import 'hyde-hyde/code';
+@import 'hyde-hyde/gist';
+@import 'hyde-hyde/project';
 @import 'hyde-hyde/customised';
diff --git a/static-src/scss/hyde-hyde/_base.scss b/static-src/scss/hyde-hyde/_base.scss
new file mode 100644
index 0000000..ea9a976
--- /dev/null
+++ b/static-src/scss/hyde-hyde/_base.scss
@@ -0,0 +1,111 @@
+h1,
+h2,
+h3,
+h4 {
+	font-weight: $heading-font-weight;
+}
+
+h1 {
+	font-size: $h1-font-size;
+	line-height: $h1-line-height;
+	margin-bottom: 1rem;
+}
+
+h2 {
+	font-size: $h2-font-size;
+	margin-bottom: .5rem;
+}
+
+h3 {
+	font-size: $h3-font-size;
+}
+
+h4 {
+	font-size: $h4-font-size;
+}
+
+%quotebox {
+	padding: .8889rem;
+	margin-top: 1.4em;
+	margin-left: 0px;
+	margin-right: 0px;
+	border-radius: 6px;
+	border-left-width: 6px;
+	border-left-style: solid;
+	border-right: 6px solid transparent;
+	border-right-width: 6px;
+	border-right-style: solid;
+	border-right-color: rgba(0, 0, 0, 0) transparent;
+	color: #7a7a7a;
+}
+
+blockquote {
+	background-color: #fafafa;
+	border-left-color: #e6e6e6;
+	@extend %quotebox;
+}
+
+.important {
+	background-color: #fbf8e8;
+	border-left-color: #fee450;
+	@extend %quotebox;
+}
+
+.warning {
+	background-color: #f2dbdc;
+	border-left-color: #ae272f;
+	@extend %quotebox;
+}
+
+kbd {
+	padding: .1em .6em;
+	border: 1px solid $gray-2;
+	font-size: 0.8em;
+	line-height: 1.4;
+	background-color: #fafbfc;
+	color: $gray-9;
+	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px $white inset;
+	border-radius: 3px;
+	display: inline-block;
+	margin: 0 .1em;
+	text-shadow: 0 1px 0 $white;
+	white-space: nowrap;
+}
+
+a {
+	//border-bottom: 1px dotted;
+	color: $link-color;
+	text-decoration: none;
+	word-wrap: break-word;
+	&.sidebar-nav-item {
+		&:hover {
+			@include link-no-decoration();
+		}
+		&:focus {
+			@include link-no-decoration();
+		}
+	}
+	&:focus {
+		@include link-hover();
+		&.tag {
+			@include link-no-decoration();
+		}
+	}
+	&:hover {
+		@include link-hover();
+		&.tag {
+			@include link-no-decoration();
+		}
+	}
+	&.tag {
+		@include link-no-decoration();
+	}
+}
+
+.text-center {
+	text-align: center;
+}
+
+.pull-right {
+	float: right;
+}
diff --git a/static-src/scss/hyde-hyde/_code.scss b/static-src/scss/hyde-hyde/_code.scss
new file mode 100644
index 0000000..9039f49
--- /dev/null
+++ b/static-src/scss/hyde-hyde/_code.scss
@@ -0,0 +1,44 @@
+pre {
+	border: 1px solid $gray-1;
+	border-radius: 2px;
+	tab-size: 2;
+	code {
+		white-space: pre-wrap;
+	}
+}
+
+%code-font {
+	font-family: $code-font-family;
+	font-size: $code-font-size;
+	line-height: $code-line-height;
+}
+
+%code-in-rounded-box {
+	border-radius: 3px;
+	padding: 2px 4px;
+	color: $code-color;
+	background-color: $code-background-color;
+}
+
+%code-style-codersblock {
+	padding: 2px 4px;
+	border: 1px dashed #adb5db;
+	background-color: $gray-1;
+}
+
+-code {
+	white-space: pre-wrap;
+	@extend %code-font;
+	@extend %code-in-rounded-box;
+}
+
+code {
+	@extend %code-font;
+	@extend %code-style-codersblock;
+}
+
+// highlight.js
+.hljs {
+	white-space: pre;
+	border:none;
+}
diff --git a/static-src/scss/hyde-hyde/_customised.scss b/static-src/scss/hyde-hyde/_customised.scss
index 5b72e95..82cf324 100644
--- a/static-src/scss/hyde-hyde/_customised.scss
+++ b/static-src/scss/hyde-hyde/_customised.scss
@@ -1,7 +1,8 @@
 @media(min-width: 48em) {
-	html {
+	html,body {
 		-webkit-text-size-adjust: 100%; // iOS
 		font-size: 16px;
+		box-direction: normal;
 	}
 	.sidebar {
 		bottom: 0;
@@ -35,7 +36,7 @@
 }
 
 @media(min-width: 58em) {
-	html {
+	html,body {
 		text-size-adjust: none;
 		font-size: 17px;
 		font-weight: 400;
@@ -43,81 +44,6 @@
 	}
 }
 
-%link-hover {
-	color: $link-hover-color;
-	border-bottom: 1px dotted $gray-4;
-	text-decoration: none;
-	background: transparent;
-	background-color: transparent;
-	word-wrap: break-word;
-}
-%link-no-decoration {
-	border-style: none;
-	text-decoration: none;
-}
-
-.sidebar {
-	background-color: $sidebar-color;
-	color: rgb(255, 255, 255);
-	color: rgba(255, 255, 255, 0.5);
-	padding: 2rem 1rem;
-	text-align: center;
-	a {
-		color: $gray-1;
-		border: none;
-		&:hover {
-			@extend %link-no-decoration;
-		}
-		&:focus {
-			@extend %link-no-decoration;
-		}
-	}
-}
-
-.sidebar-nav {
-	list-style: none;
-	margin-bottom: 2rem;
-	margin-top: 2rem;
-	padding-left: 0;
-}
-
-.sidebar-nav-item {
-	display: block;
-	line-height: 1.75;
-	.active {
-		font-weight: bold;
-	}
-}
-
-a {
-	//border-bottom: 1px dotted;
-	color: $link-color;
-	text-decoration: none;
-	word-wrap: break-word;
-	&.sidebar-nav-item {
-		&:hover {
-			@extend %link-no-decoration;
-		}
-		&:focus {
-			@extend %link-no-decoration;
-		}
-	}
-	&:focus {
-		@extend %link-hover;
-		&.tag {
-			@extend %link-no-decoration;
-		}
-	}
-	&:hover {
-		@extend %link-hover;
-		&.tag {
-			@extend %link-no-decoration;
-		}
-	}
-	&.tag {
-		@extend %link-no-decoration;
-	}
-}
 
 .content {
 	padding-bottom: 2rem;
@@ -136,151 +62,12 @@ a {
 	}
 }
 
-@media(max-width: 768px) {
+@media(max-width: 48rem) {
 	.hidden-tablet {
 		display: none;
 	}
 }
 
-h1,
-h2,
-h3,
-h4 {
-	font-weight: $heading-font-weight;
-}
-
-h1 {
-	font-size: $h1-font-size;
-	line-height: $h1-line-height;
-	margin-bottom: 1rem;
-}
-
-h2 {
-	font-size: $h2-font-size;
-	margin-bottom: .5rem;
-}
-
-h3 {
-	font-size: $h3-font-size;
-}
-
-h4 {
-	font-size: $h4-font-size;
-}
-
-%quotebox {
-	padding: .8889rem;
-	margin-top: 1.4em;
-	margin-left: 0px;
-	margin-right: 0px;
-	border-radius: 6px;
-	border-left-width: 6px;
-	border-left-style: solid;
-	border-right: 6px solid transparent;
-	border-right-width: 6px;
-	border-right-style: solid;
-	border-right-color: rgba(0, 0, 0, 0) transparent;
-	color: #7a7a7a;
-}
-
-blockquote {
-	background-color: #fafafa;
-	border-left-color: #e6e6e6;
-	@extend %quotebox;
-}
-
-.important {
-	background-color: #fbf8e8;
-	border-left-color: #fee450;
-	@extend %quotebox;
-}
-
-.warning {
-	background-color: #f2dbdc;
-	border-left-color: #ae272f;
-	@extend %quotebox;
-}
-
-.img--circle {
-	border-radius: 50%;
-}
-
-.img--headshot {
-	height: 115px;
-	width: 115px;
-}
-
-.img--caption {
-	font-style: italic;
-}
-
-.site__title {
-	font-size: $site__title-font-size;
-	margin-bottom: .5rem;
-	a:hover {
-		border: none;
-	}
-}
-
-.site__description {
-	font-size: 1.285rem;
-	font-weight: 300;
-}
-
-.social {
-	a {
-		border: none;
-		text-decoration: none;
-	}
-}
-
-.text-center {
-	text-align: center;
-}
-
-pre {
-	border: 1px solid #eee;
-	border-radius: 4px;
-	padding: 1px;
-	tab-size: 2;
-	code {
-		border-radius: 4px;
-		padding: 2px 4px;
-		white-space: pre-wrap;
-	}
-}
-
-%code-in-box {
-	border-radius: 3px;
-	padding: 2px 4px;
-	color: $code-color;
-	background-color: $code-background-color;
-}
-
-code {
-	font-family: $code-font-family;
-	white-space: pre-wrap;
-	font-size: $code-font-size;
-	line-height: $code-line-height;
-	@extend %code-in-box;
-}
-
-li code {
-	border-radius: 4px;
-	padding: 2px 4px;
-	white-space: pre-wrap;
-}
-
-td code {
-	border-radius: 4px;
-	padding: 2px 4px;
-	white-space: pre-wrap;
-}
-
-.copyright {
-	font-size: $copyright-font-size;
-}
-
 .element--center {
 	display: block;
 	margin-left: auto;
@@ -291,32 +78,6 @@ td code {
 	font-size: $section__title-font-size;
 }
 
-.post__meta {
-	font-size: $meta-font-size;
-	color: $meta-color;
-	font-weight: $meta-font-weight;
-}
-
-.post__category {
-	font-weight: bold;
-}
-
-.post__tag {
-	background: $tag-background-color;
-	border-radius: 2px;
-	color: $tag-color;
-	font-size: $tag-font-size;
-	font-weight: bold;
-	padding: 2px 6px;
-}
-
-.post__subtitle {
-	display: block;
-	font-size: $post__subtitle-font-size;
-	font-style: italic;
-	padding: 0 0 1rem 0;
-}
-
 .post-list__item {
 	margin-bottom: 3em;
 }
@@ -339,85 +100,6 @@ td code {
 	margin-top: .2rem;
 }
 
-ul.post__nav {
-	font-size: .85rem;
-	background-color: $gray-1;
-	border-top: 2px solid $gray-2;
-	border-bottom: 2px solid $gray-2;
-	width: 100%;
-	list-style: none;
-	display: table;
-	table-layout: fixed;
-	li {
-		width: 50%;
-		display: table-cell;
-		text-align: center;
-		i {
-			padding: .8rem;
-		}
-	}
-}
-
-@media(max-width: 719px) {
-	ul.post__nav {
-		li {
-			width: 100%;
-			display: table-cell;
-			padding-top: 1rem;
-			padding-bottom: 1rem;
-		}
-	}
-}
-
-.post__nav--next {
-	float: right;
-	margin: 0;
-	padding: 0;
-	.next__heading {
-		display: block;
-		color: #aaa;
-	}
-}
-
-.post__nav--previous {
-	float: left;
-	margin: 0px;
-	padding: 0px;
-	.previous__heading {
-		display: block;
-		color: #aaa;
-	}
-}
-
-.comment--heading {
-	font-size: 1.5rem;
-	text-transform: uppercase;
-}
-
-.pull-right {
-	float: right;
-}
-
-kbd {
-	padding: .1em .6em;
-	border: 1px solid $gray-2;
-	font-size: 0.8em;
-	line-height: 1.4;
-	background-color: #fafbfc;
-	color: $gray-9;
-	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px $white inset;
-	border-radius: 3px;
-	display: inline-block;
-	margin: 0 .1em;
-	text-shadow: 0 1px 0 $white;
-	white-space: nowrap;
-}
-
-// highlight.js
-.hljs {
-	white-space: pre;
-}
-
 #references~ol {
 	font-size: .9rem;
 }
diff --git a/static-src/scss/hyde-hyde/_gist.scss b/static-src/scss/hyde-hyde/_gist.scss
new file mode 100644
index 0000000..c56e8f3
--- /dev/null
+++ b/static-src/scss/hyde-hyde/_gist.scss
@@ -0,0 +1,57 @@
+/*
+// https://codersblock.com/blog/customizing-github-gists
+//
+body .gist {
+	.gist-file {
+		margin-bottom: 0;
+		border-radius: 0;
+	}
+	.gist-data {
+		border-bottom: none;
+		border-radius: 0;
+		background-color: $gray-3;
+	}
+	.blob-wrapper {
+		border-radius: 0;
+	}
+	.highlight {
+		background-color: transparent;
+		font-family: Droid Sans Mono, monospace;
+		font-size: 14px;
+		td {
+			border: none;
+			padding: 5px 15px !important;
+			line-height: 1;
+			font-family: inherit;
+			font-size: inherit;
+		}
+	}
+	tr {
+		&:first-child td {
+			padding-top: 15px !important;
+		}
+		&:last-child td {
+			padding-bottom: 15px !important;
+		}
+	}
+	.blob-num {
+		color: #ced4da;
+		background-color: #495057;
+		pointer-events: none;
+	}
+	.gist-meta {
+		//display: none;
+	}
+}
+*/
+body .gist {
+	.gist-data {
+		background-color: $gray-0;
+	}
+	.highlight {
+		background-color: transparent;
+	}
+	td {
+		border: none;
+	}
+}
diff --git a/static-src/scss/hyde-hyde/_mixins.scss b/static-src/scss/hyde-hyde/_mixins.scss
index bea5ac8..2a7a2fe 100644
--- a/static-src/scss/hyde-hyde/_mixins.scss
+++ b/static-src/scss/hyde-hyde/_mixins.scss
@@ -10,3 +10,17 @@
 	-ms-transform: 		 rotate($deg);
 	-o-transform: 		 rotate($deg);
 }
+
+@mixin link-no-decoration() {
+	border-style: none;
+	text-decoration: none;
+}
+
+@mixin link-hover() {
+	color: $link-hover-color;
+	border-bottom: 1px dotted $gray-4;
+	text-decoration: none;
+	background: transparent;
+	background-color: transparent;
+	word-wrap: break-word;
+}
diff --git a/static-src/scss/hyde-hyde/_post.scss b/static-src/scss/hyde-hyde/_post.scss
new file mode 100644
index 0000000..b047c34
--- /dev/null
+++ b/static-src/scss/hyde-hyde/_post.scss
@@ -0,0 +1,83 @@
+.post__meta {
+  font-size: $meta-font-size;
+  color: $meta-color;
+  font-weight: $meta-font-weight;
+}
+
+.post__category {
+  font-weight: bold;
+}
+
+.post__tag {
+  background: $tag-background-color;
+  border-radius: 2px;
+  color: $tag-color;
+  font-size: $tag-font-size;
+  font-weight: bold;
+  padding: 2px 6px;
+}
+
+.post__subtitle {
+  display: block;
+  font-size: $post__subtitle-font-size;
+  font-style: italic;
+  padding: 0 0 1rem 0;
+}
+
+.post--navigation {
+  width: 800px;
+  max-width: calc(100% - 40px);
+  margin: 0 auto;
+  margin-top: 60px;
+  a {
+    font-size: .8rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 15px;
+    border: 2px solid $post--navigation-color;
+    line-height: 1.25;
+    text-transform: uppercase;
+    &:hover {
+      padding: 14px;
+      border-width: 3px;
+    }
+    &:nth-child(2) {
+      margin-top: 10px;
+    }
+    &:first-child:last-child {
+      width: 100%;
+    }
+  }
+  .fa {
+    font-size: .8rem;
+  }
+  .post--navigation-prev {
+    text-align: left;
+    .fa {
+      padding-right: 10px;
+    }
+  }
+  .post--navigation-next {
+    text-align: right;
+    .fa {
+      padding-left: 10px;
+    }
+  }
+}
+
+@media only screen and(min-width: 34rem) {
+  .post--navigation {
+    display: flex;
+    justify-content: space-between;
+    a {
+      width: calc(50% - 10px);
+      &:nth-child(2) {
+        margin-top: 0;
+      }
+    }
+  }
+}
+.post--navigation-single a {
+  text-transform: none;
+}
diff --git a/static-src/scss/hyde-hyde/_projects.scss b/static-src/scss/hyde-hyde/_project.scss
similarity index 100%
rename from static-src/scss/hyde-hyde/_projects.scss
rename to static-src/scss/hyde-hyde/_project.scss
diff --git a/static-src/scss/hyde-hyde/_sidebar.scss b/static-src/scss/hyde-hyde/_sidebar.scss
new file mode 100644
index 0000000..efa3c90
--- /dev/null
+++ b/static-src/scss/hyde-hyde/_sidebar.scss
@@ -0,0 +1,73 @@
+.sidebar {
+  background-color: $sidebar-color;
+  color: rgb(255, 255, 255);
+  color: rgba(255, 255, 255, 0.5);
+  padding: 2rem 1rem;
+  text-align: center;
+  a {
+    color: $gray-1;
+    border: none;
+    &:hover {
+      @include link-no-decoration();
+    }
+    &:focus {
+      @include link-no-decoration();
+    }
+  }
+  .sidebar-about {
+    text-align: center;
+  }
+}
+
+.sidebar-nav {
+  text-align: center;
+  list-style: none;
+  margin-bottom: 2rem;
+  margin-top: 2rem;
+  padding-left: 0;
+}
+
+.sidebar-nav-item {
+  display: block;
+  line-height: 1.75;
+  .active {
+    font-weight: bold;
+  }
+}
+.site__title {
+  font-size: $site__title-font-size;
+  margin-bottom: 0.5rem;
+  a:hover {
+    border: none;
+  }
+}
+
+.site__description {
+  font-size: 1.285rem;
+  font-weight: 300;
+}
+
+.social {
+  text-align: center;
+  a {
+    @include link-no-decoration();
+  }
+}
+
+.img--circle {
+	border-radius: 50%;
+}
+
+.img--headshot {
+	height: 115px;
+	width: 115px;
+}
+
+.img--caption {
+	font-style: italic;
+}
+
+.copyright {
+  text-align: center;
+	font-size: $copyright-font-size;
+}
diff --git a/static-src/scss/hyde-hyde/_themes.scss b/static-src/scss/hyde-hyde/_theme.scss
similarity index 100%
rename from static-src/scss/hyde-hyde/_themes.scss
rename to static-src/scss/hyde-hyde/_theme.scss
diff --git a/static-src/scss/hyde-hyde/_variables.scss b/static-src/scss/hyde-hyde/_variables.scss
index 03d335a..029d04f 100644
--- a/static-src/scss/hyde-hyde/_variables.scss
+++ b/static-src/scss/hyde-hyde/_variables.scss
@@ -1,3 +1,4 @@
+$gray-0: #fafafa;
 $gray-1: #f9f9f9;
 $gray-2: #eee;
 $gray-4: #ccc;
@@ -71,6 +72,9 @@ $site__title-font-size: 3rem;
 
 $copyright-font-size: 0.7rem;
 
+// post navigation
+$post--navigation-color: #c2255c;
+
 // portfolio
 $project__title-font-size: $h2-font-size;
 $project__subtitle-font-size-big: $h3-font-size;
diff --git a/static/css/hyde-hyde.css b/static/css/hyde-hyde.css
index d15b855..8f3c1fc 100644
--- a/static/css/hyde-hyde.css
+++ b/static/css/hyde-hyde.css
@@ -1,4 +1,6 @@
 * {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
   box-sizing: border-box; }
 
 html,
@@ -106,6 +108,107 @@ footer {
     .related-posts li a:hover small {
       color: inherit; }
 
+h1,
+h2,
+h3,
+h4 {
+  font-weight: 400; }
+
+h1 {
+  font-size: 2.15rem;
+  line-height: 1.25;
+  margin-bottom: 1rem; }
+
+h2 {
+  font-size: 1.85rem;
+  margin-bottom: .5rem; }
+
+h3 {
+  font-size: 1.5rem; }
+
+h4 {
+  font-size: 1.3rem; }
+
+blockquote, .important, .warning {
+  padding: .8889rem;
+  margin-top: 1.4em;
+  margin-left: 0px;
+  margin-right: 0px;
+  border-radius: 6px;
+  border-left-width: 6px;
+  border-left-style: solid;
+  border-right: 6px solid transparent;
+  border-right-width: 6px;
+  border-right-style: solid;
+  border-right-color: rgba(0, 0, 0, 0) transparent;
+  color: #7a7a7a; }
+
+blockquote {
+  background-color: #fafafa;
+  border-left-color: #e6e6e6; }
+
+.important {
+  background-color: #fbf8e8;
+  border-left-color: #fee450; }
+
+.warning {
+  background-color: #f2dbdc;
+  border-left-color: #ae272f; }
+
+kbd {
+  padding: .1em .6em;
+  border: 1px solid #eee;
+  font-size: 0.8em;
+  line-height: 1.4;
+  background-color: #fafbfc;
+  color: #313131;
+  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset;
+  border-radius: 3px;
+  display: inline-block;
+  margin: 0 .1em;
+  text-shadow: 0 1px 0 #fff;
+  white-space: nowrap; }
+
+a {
+  color: #268bd2;
+  text-decoration: none;
+  word-wrap: break-word; }
+  a.sidebar-nav-item:hover {
+    border-style: none;
+    text-decoration: none; }
+  a.sidebar-nav-item:focus {
+    border-style: none;
+    text-decoration: none; }
+  a:focus {
+    color: #515151;
+    border-bottom: 1px dotted #ccc;
+    text-decoration: none;
+    background: transparent;
+    background-color: transparent;
+    word-wrap: break-word; }
+    a:focus.tag {
+      border-style: none;
+      text-decoration: none; }
+  a:hover {
+    color: #515151;
+    border-bottom: 1px dotted #ccc;
+    text-decoration: none;
+    background: transparent;
+    background-color: transparent;
+    word-wrap: break-word; }
+    a:hover.tag {
+      border-style: none;
+      text-decoration: none; }
+  a.tag {
+    border-style: none;
+    text-decoration: none; }
+
+.text-center {
+  text-align: center; }
+
+.pull-right {
+  float: right; }
+
 .theme-base-08 .sidebar {
   background-color: #ac4142; }
 
@@ -178,6 +281,218 @@ footer {
 .theme-base-0f .related-posts li a:hover {
   color: #8f5536; }
 
+.sidebar {
+  background-color: #300030;
+  color: white;
+  color: rgba(255, 255, 255, 0.5);
+  padding: 2rem 1rem;
+  text-align: center; }
+  .sidebar a {
+    color: #f9f9f9;
+    border: none; }
+    .sidebar a:hover {
+      border-style: none;
+      text-decoration: none; }
+    .sidebar a:focus {
+      border-style: none;
+      text-decoration: none; }
+  .sidebar .sidebar-about {
+    text-align: center; }
+
+.sidebar-nav {
+  text-align: center;
+  list-style: none;
+  margin-bottom: 2rem;
+  margin-top: 2rem;
+  padding-left: 0; }
+
+.sidebar-nav-item {
+  display: block;
+  line-height: 1.75; }
+  .sidebar-nav-item .active {
+    font-weight: bold; }
+
+.site__title {
+  font-size: 3rem;
+  margin-bottom: 0.5rem; }
+  .site__title a:hover {
+    border: none; }
+
+.site__description {
+  font-size: 1.285rem;
+  font-weight: 300; }
+
+.social {
+  text-align: center; }
+  .social a {
+    border-style: none;
+    text-decoration: none; }
+
+.img--circle {
+  border-radius: 50%; }
+
+.img--headshot {
+  height: 115px;
+  width: 115px; }
+
+.img--caption {
+  font-style: italic; }
+
+.copyright {
+  text-align: center;
+  font-size: 0.7rem; }
+
+.post__meta {
+  font-size: 0.8rem;
+  color: #878787;
+  font-weight: 300; }
+
+.post__category {
+  font-weight: bold; }
+
+.post__tag {
+  background: #eee;
+  border-radius: 2px;
+  color: #606570;
+  font-size: 0.667rem;
+  font-weight: bold;
+  padding: 2px 6px; }
+
+.post__subtitle {
+  display: block;
+  font-size: 1.5rem;
+  font-style: italic;
+  padding: 0 0 1rem 0; }
+
+.post--navigation {
+  width: 800px;
+  max-width: calc(100% - 40px);
+  margin: 0 auto;
+  margin-top: 60px; }
+  .post--navigation a {
+    font-size: .8rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 15px;
+    border: 2px solid #c2255c;
+    line-height: 1.25;
+    text-transform: uppercase; }
+    .post--navigation a:hover {
+      padding: 14px;
+      border-width: 3px; }
+    .post--navigation a:nth-child(2) {
+      margin-top: 10px; }
+    .post--navigation a:first-child:last-child {
+      width: 100%; }
+  .post--navigation .fa {
+    font-size: .8rem; }
+  .post--navigation .post--navigation-prev {
+    text-align: left; }
+    .post--navigation .post--navigation-prev .fa {
+      padding-right: 10px; }
+  .post--navigation .post--navigation-next {
+    text-align: right; }
+    .post--navigation .post--navigation-next .fa {
+      padding-left: 10px; }
+
+@media only screen and (min-width: 34rem) {
+  .post--navigation {
+    display: flex;
+    justify-content: space-between; }
+    .post--navigation a {
+      width: calc(50% - 10px); }
+      .post--navigation a:nth-child(2) {
+        margin-top: 0; } }
+
+.post--navigation-single a {
+  text-transform: none; }
+
+pre {
+  border: 1px solid #f9f9f9;
+  border-radius: 2px;
+  tab-size: 2; }
+  pre code {
+    white-space: pre-wrap; }
+
+-code, code {
+  font-family: "SF-Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Roboto Mono", "Ubuntu Mono", "Courier New", Courier, monospace;
+  font-size: 0.9rem;
+  line-height: 1.4; }
+
+-code {
+  border-radius: 3px;
+  padding: 2px 4px;
+  color: #bf616a;
+  background-color: #f9f2f4; }
+
+code {
+  padding: 2px 4px;
+  border: 1px dashed #adb5db;
+  background-color: #f9f9f9; }
+
+-code {
+  white-space: pre-wrap; }
+
+.hljs {
+  white-space: pre;
+  border: none; }
+
+/*
+// https://codersblock.com/blog/customizing-github-gists
+//
+body .gist {
+	.gist-file {
+		margin-bottom: 0;
+		border-radius: 0;
+	}
+	.gist-data {
+		border-bottom: none;
+		border-radius: 0;
+		background-color: $gray-3;
+	}
+	.blob-wrapper {
+		border-radius: 0;
+	}
+	.highlight {
+		background-color: transparent;
+		font-family: Droid Sans Mono, monospace;
+		font-size: 14px;
+		td {
+			border: none;
+			padding: 5px 15px !important;
+			line-height: 1;
+			font-family: inherit;
+			font-size: inherit;
+		}
+	}
+	tr {
+		&:first-child td {
+			padding-top: 15px !important;
+		}
+		&:last-child td {
+			padding-bottom: 15px !important;
+		}
+	}
+	.blob-num {
+		color: #ced4da;
+		background-color: #495057;
+		pointer-events: none;
+	}
+	.gist-meta {
+		//display: none;
+	}
+}
+*/
+body .gist .gist-data {
+  background-color: #fafafa; }
+
+body .gist .highlight {
+  background-color: transparent; }
+
+body .gist td {
+  border: none; }
+
 .portfolio__content section {
   margin-bottom: 1.765rem; }
 
@@ -226,8 +541,7 @@ footer {
       text-transform: uppercase;
       color: #fff;
       background-color: #479fc8;
-      -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
-              transform: rotate(45deg) translate3d(0, 0, 0); }
+      transform: rotate(45deg) translate3d(0, 0, 0); }
       .project__featured-image .ribbon .text:before {
         border-left: 5px solid transparent;
         border-right: 5px solid transparent;
@@ -297,9 +611,11 @@ footer {
   height: auto; }
 
 @media (min-width: 48em) {
-  html {
+  html,
+  body {
     -webkit-text-size-adjust: 100%;
-    font-size: 16px; }
+    font-size: 16px;
+    box-direction: normal; }
   .sidebar {
     bottom: 0;
     left: 0;
@@ -324,54 +640,13 @@ footer {
     margin-right: 20rem; } }
 
 @media (min-width: 58em) {
-  html {
-    -webkit-text-size-adjust: none;
-       -moz-text-size-adjust: none;
-        -ms-text-size-adjust: none;
-            text-size-adjust: none;
+  html,
+  body {
+    text-size-adjust: none;
     font-size: 17px;
     font-weight: 400;
     line-height: 1.611em; } }
 
-a:focus, a:hover {
-  color: #515151;
-  border-bottom: 1px dotted #ccc;
-  text-decoration: none;
-  background: transparent;
-  background-color: transparent;
-  word-wrap: break-word; }
-
-.sidebar a:hover, .sidebar a:focus, a.sidebar-nav-item:hover, a.sidebar-nav-item:focus, a.tag:focus, a.tag:hover, a.tag {
-  border-style: none;
-  text-decoration: none; }
-
-.sidebar {
-  background-color: #300030;
-  color: white;
-  color: rgba(255, 255, 255, 0.5);
-  padding: 2rem 1rem;
-  text-align: center; }
-  .sidebar a {
-    color: #f9f9f9;
-    border: none; }
-
-.sidebar-nav {
-  list-style: none;
-  margin-bottom: 2rem;
-  margin-top: 2rem;
-  padding-left: 0; }
-
-.sidebar-nav-item {
-  display: block;
-  line-height: 1.75; }
-  .sidebar-nav-item .active {
-    font-weight: bold; }
-
-a {
-  color: #268bd2;
-  text-decoration: none;
-  word-wrap: break-word; }
-
 .content {
   padding-bottom: 2rem;
   padding-top: 2rem; }
@@ -385,121 +660,10 @@ a {
     margin-left: 4rem;
     margin-right: 22rem; } }
 
-@media (max-width: 768px) {
+@media (max-width: 48rem) {
   .hidden-tablet {
     display: none; } }
 
-h1,
-h2,
-h3,
-h4 {
-  font-weight: 400; }
-
-h1 {
-  font-size: 2.15rem;
-  line-height: 1.25;
-  margin-bottom: 1rem; }
-
-h2 {
-  font-size: 1.85rem;
-  margin-bottom: .5rem; }
-
-h3 {
-  font-size: 1.5rem; }
-
-h4 {
-  font-size: 1.3rem; }
-
-blockquote, .important, .warning {
-  padding: .8889rem;
-  margin-top: 1.4em;
-  margin-left: 0px;
-  margin-right: 0px;
-  border-radius: 6px;
-  border-left-width: 6px;
-  border-left-style: solid;
-  border-right: 6px solid transparent;
-  border-right-width: 6px;
-  border-right-style: solid;
-  border-right-color: rgba(0, 0, 0, 0) transparent;
-  color: #7a7a7a; }
-
-blockquote {
-  background-color: #fafafa;
-  border-left-color: #e6e6e6; }
-
-.important {
-  background-color: #fbf8e8;
-  border-left-color: #fee450; }
-
-.warning {
-  background-color: #f2dbdc;
-  border-left-color: #ae272f; }
-
-.img--circle {
-  border-radius: 50%; }
-
-.img--headshot {
-  height: 115px;
-  width: 115px; }
-
-.img--caption {
-  font-style: italic; }
-
-.site__title {
-  font-size: 3rem;
-  margin-bottom: .5rem; }
-  .site__title a:hover {
-    border: none; }
-
-.site__description {
-  font-size: 1.285rem;
-  font-weight: 300; }
-
-.social a {
-  border: none;
-  text-decoration: none; }
-
-.text-center {
-  text-align: center; }
-
-pre {
-  border: 1px solid #eee;
-  border-radius: 4px;
-  padding: 1px;
-  -moz-tab-size: 2;
-    -o-tab-size: 2;
-       tab-size: 2; }
-  pre code {
-    border-radius: 4px;
-    padding: 2px 4px;
-    white-space: pre-wrap; }
-
-code {
-  border-radius: 3px;
-  padding: 2px 4px;
-  color: #bf616a;
-  background-color: #f9f2f4; }
-
-code {
-  font-family: "SF-Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Roboto Mono", "Ubuntu Mono", "Courier New", Courier, monospace;
-  white-space: pre-wrap;
-  font-size: 0.9rem;
-  line-height: 1.4; }
-
-li code {
-  border-radius: 4px;
-  padding: 2px 4px;
-  white-space: pre-wrap; }
-
-td code {
-  border-radius: 4px;
-  padding: 2px 4px;
-  white-space: pre-wrap; }
-
-.copyright {
-  font-size: 0.7rem; }
-
 .element--center {
   display: block;
   margin-left: auto;
@@ -508,28 +672,6 @@ td code {
 .section__title {
   font-size: 2.15rem; }
 
-.post__meta {
-  font-size: 0.8rem;
-  color: #878787;
-  font-weight: 300; }
-
-.post__category {
-  font-weight: bold; }
-
-.post__tag {
-  background: #eee;
-  border-radius: 2px;
-  color: #606570;
-  font-size: 0.667rem;
-  font-weight: bold;
-  padding: 2px 6px; }
-
-.post__subtitle {
-  display: block;
-  font-size: 1.5rem;
-  font-style: italic;
-  padding: 0 0 1rem 0; }
-
 .post-list__item {
   margin-bottom: 3em; }
 
@@ -548,69 +690,6 @@ td code {
   margin-bottom: .2rem;
   margin-top: .2rem; }
 
-ul.post__nav {
-  font-size: .85rem;
-  background-color: #f9f9f9;
-  border-top: 2px solid #eee;
-  border-bottom: 2px solid #eee;
-  width: 100%;
-  list-style: none;
-  display: table;
-  table-layout: fixed; }
-  ul.post__nav li {
-    width: 50%;
-    display: table-cell;
-    text-align: center; }
-    ul.post__nav li i {
-      padding: .8rem; }
-
-@media (max-width: 719px) {
-  ul.post__nav li {
-    width: 100%;
-    display: table-cell;
-    padding-top: 1rem;
-    padding-bottom: 1rem; } }
-
-.post__nav--next {
-  float: right;
-  margin: 0;
-  padding: 0; }
-  .post__nav--next .next__heading {
-    display: block;
-    color: #aaa; }
-
-.post__nav--previous {
-  float: left;
-  margin: 0px;
-  padding: 0px; }
-  .post__nav--previous .previous__heading {
-    display: block;
-    color: #aaa; }
-
-.comment--heading {
-  font-size: 1.5rem;
-  text-transform: uppercase; }
-
-.pull-right {
-  float: right; }
-
-kbd {
-  padding: .1em .6em;
-  border: 1px solid #eee;
-  font-size: 0.8em;
-  line-height: 1.4;
-  background-color: #fafbfc;
-  color: #313131;
-  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset;
-  border-radius: 3px;
-  display: inline-block;
-  margin: 0 .1em;
-  text-shadow: 0 1px 0 #fff;
-  white-space: nowrap; }
-
-.hljs {
-  white-space: pre; }
-
 #references ~ ol {
   font-size: .9rem; }
 
diff --git a/static/css/hyde-hyde.css.map b/static/css/hyde-hyde.css.map
index ea0e544..036f4b4 100644
--- a/static/css/hyde-hyde.css.map
+++ b/static/css/hyde-hyde.css.map
@@ -1 +1 @@
-{"version":3,"sources":["poole/_base.scss","hyde-hyde/_variables.scss","poole/_layout.scss","poole/_posts.scss","hyde-hyde/_themes.scss","hyde-hyde/_projects.scss","hyde-hyde/_customised.scss"],"names":[],"mappings":"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","file":"hyde-hyde.css","sourcesContent":["// Body resets\n//\n// Update the foundational and global aspects of the page.\n\n* {\n  -webkit-box-sizing: border-box;\n     -moz-box-sizing: border-box;\n          box-sizing: border-box;\n}\n\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n}\n\nhtml {\n  font-family: $root-font-family;\n  font-size: $root-font-size;\n  line-height: $root-line-height;\n\n  @media (min-width: $large-breakpoint) {\n    font-size: $large-font-size;\n  }\n}\n\nbody {\n  color: $body-color;\n  background-color: $body-bg;\n  -webkit-text-size-adjust: 100%;\n      -ms-text-size-adjust: 100%;\n}\n\n// No `:visited` state is required by default (browsers will use `a`)\na {\n  color: $link-color;\n  text-decoration: none;\n\n  // `:focus` is linked to `:hover` for basic accessibility\n  &:hover,\n  &:focus {\n    text-decoration: underline;\n  }\n\n  strong {\n    color: inherit;\n  }\n}\n\nimg {\n  display: block;\n  max-width: 100%;\n  margin: 0 0 1rem;\n  border-radius: 5px;\n}\n\ntable {\n  margin-bottom: 1rem;\n  width: 100%;\n  font-size: 85%;\n  border: 1px solid #e5e5e5;\n  border-collapse: collapse;\n}\n\ntd,\nth {\n  padding: .25rem .5rem;\n  border: 1px solid #e5e5e5;\n}\n\nth {\n  text-align: left;\n}\n\ntbody tr:nth-child(odd) td,\ntbody tr:nth-child(odd) th {\n  background-color: #f9f9f9;\n}\n","$gray-1: #f9f9f9;\n$gray-2: #eee;\n$gray-4: #ccc;\n$gray-5: #ddd;\n$gray-6: #878787;\n$gray-7: #767676;\n$gray-8: #515151;\n$gray-9: #313131;\n\n$white: #fff;\n$red: #ac4142;\n$orange: #d28445;\n$yellow: #f4bf75;\n$green: #90a959;\n$cyan: #75b5aa;\n$blue: #268bd2;\n$brown: #8f5536;\n\n//https://www.client9.com/css-system-font-stack-sans-serif-v3\n$root-font-family: system, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Droid Sans\", \"Ubuntu\", \"Helvetica Neue\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\",\"Segoe UI Emoji\", \"Segoe UI Symbol\";\n$root-font-size: 17px;\n$root-line-height: 1.5;\n\n$body-color: $gray-8;\n$body-bg: #fff;\n\n$border-color: #e5e5e5;\n\n$large-breakpoint: 38em;\n$large-font-size: 20px;\n\n// https://www.client9.com/css-system-font-stack-monospace-v2\n$code-font-family: \"SF-Mono\", \"SFMono-Regular\", Menlo, Monaco, Consolas, \"Liberation Mono\", \"Roboto Mono\", \"Ubuntu Mono\", \"Courier New\", Courier, monospace;\n$code-font-size: .9rem;\n$code-fence-font-size: .7rem;\n$code-color: #bf616a;\n$code-background-color: #f9f2f4;\n$code-line-height: 1.4;\n\n$link-color: $blue;\n$link-hover-color: $body-color;\n\n$section__title-font-size: 2.15rem; \n\n$post__subtitle-font-size: 1.5rem;\n\n$meta-font-size: .8rem;\n$meta-font-weight: 300;\n$meta-color: $gray-6;\n\n$tag-background-color: $gray-2;\n$tag-color: #606570;\n\n$tag-font-size: .667rem;\n\n$item__date-color: #9a9a9a;\n$item__date-font-size: 1rem;\n\n$item__title-big-font-size: 1.785rem;\n\n$heading-font-weight: 400;\n$h1-font-size: 2.15rem;\n$h1-line-height: 1.25;\n$h2-font-size: 1.85rem;\n$h3-font-size: 1.5rem;\n$h4-font-size:1.3rem;\n\n$sidebar-color: #300030;\n\n$site__title-font-size: 3rem;\n\n$copyright-font-size: 0.7rem;\n\n// portfolio\n$project__title-font-size: $h2-font-size;\n$project__subtitle-font-size-big: $h3-font-size;\n$project__subtitle-font-size-small: ($h3-font-size - 0.5rem);\n$project__subtitle-font-style: italic;\n$project__subtitle-color: #778492;\n$ribbon-color: #276582;\n$ribbon-background-color: #479fc8;\n","// Layout\n//\n// Styles for managing the structural hierarchy of the site.\n\n.container {\n  max-width: 38rem;\n  padding-left:  1.5rem;\n  padding-right: 1.5rem;\n  margin-left:  auto;\n  margin-right: auto;\n}\n\nfooter {\n  margin-bottom: 2rem;\n}\n","// Posts and pages\n//\n// Each post is wrapped in `.post` and is used on default and post layouts. Each\n// page is wrapped in `.page` and is only used on the page layout.\n\n.page,\n.post {\n  margin-bottom: 4em;\n\n  li + li {\n    margin-top: .25rem;\n  }\n}\n\n// Blog post or page title\n.page-title,\n.post-title,\n.post-title a {\n  color: #303030;\n}\n.page-title,\n.post-title {\n  margin-top: 0;\n}\n\n// Meta data line below post title\n.post-date {\n  display: block;\n  margin-top: -.5rem;\n  margin-bottom: 1rem;\n  color: #9a9a9a;\n}\n\n\n// Related posts\n.related {\n  padding-top: 2rem;\n  padding-bottom: 2rem;\n  margin-bottom: 2rem;\n  border-top: 1px solid #eee;\n  border-bottom: 1px solid #eee;\n}\n\n.related-posts {\n  padding-left: 0;\n  list-style: none;\n\n  h3 {\n    margin-top: 0;\n  }\n\n  li {\n    small {\n      font-size: 75%;\n      color: #999;\n    }\n\n    a:hover {\n      color: #268bd2;\n      text-decoration: none;\n\n      small {\n        color: inherit;\n      }\n    }\n  }\n}\n",".theme-base-08 {\n\t.sidebar {\n\t\tbackground-color: #ac4142;\n\t}\n\t.content a {\n\t\tcolor: #ac4142;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #ac4142;\n\t}\n}\n.theme-base-09 {\n\t.sidebar {\n\t\tbackground-color: #d28445;\n\t}\n\t.content a {\n\t\tcolor: #d28445;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #d28445;\n\t}\n}\n.theme-base-0a {\n\t.sidebar {\n\t\tbackground-color: #f4bf75;\n\t}\n\t.content a {\n\t\tcolor: #f4bf75;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #f4bf75;\n\t}\n}\n.theme-base-0b {\n\t.sidebar {\n\t\tbackground-color: #90a959;\n\t}\n\t.content a {\n\t\tcolor: #90a959;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #90a959;\n\t}\n}\n.theme-base-0c {\n\t.sidebar {\n\t\tbackground-color: #75b5aa;\n\t}\n\t.content a {\n\t\tcolor: #75b5aa;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #75b5aa;\n\t}\n}\n.theme-base-0d {\n\t.sidebar {\n\t\tbackground-color: #6a9fb5;\n\t}\n\t.content a {\n\t\tcolor: #6a9fb5;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #6a9fb5;\n\t}\n}\n.theme-base-0e {\n\t.sidebar {\n\t\tbackground-color: #aa759f;\n\t}\n\t.content a {\n\t\tcolor: #aa759f;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #aa759f;\n\t}\n}\n.theme-base-0f {\n\t.sidebar {\n\t\tbackground-color: #8f5536;\n\t}\n\t.content a {\n\t\tcolor: #8f5536;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #8f5536;\n\t}\n}",".portfolio__content {\n  section {\n    margin-bottom: 1.765rem;\n  }\n}\n\n.portfolio__featured-project {\n  margin: 0 0 1.765rem;\n  img {\n    margin: 0 0 1rem;\n    box-shadow: 1px 1px $gray-2;\n  }\n}\n\n.project__title {\n  margin-top: 1.765rem;\n  font-size: $project__title-font-size;\n}\n\n%subtitle {\n  font-style: $project__subtitle-font-style;\n  color: $project__subtitle-color;\n  display: block;\n  margin-top: 0.5rem;\n  margin: 0 0 1rem;\n}\n\n.project__subtitle-big {\n  @extend %subtitle;\n  font-size: $project__subtitle-font-size-big;\n}\n\n.project__subtitle-small {\n  @extend %subtitle;\n  font-size: $project__subtitle-font-size-small;\n}\n\n.project__featured-image {\n  position: relative;\n  .ribbon {\n    position: absolute;\n    top: -9px;\n    right: -8px;\n    width: 110px;\n    height: 110px;\n    overflow: hidden;\n    .text {\n      position: relative;\n      left: -8px;\n      top: 18px;\n      width: 158px;\n      padding: 10px;\n      letter-spacing: 2px;\n      font-size: 1.133rem;\n      font-weight: bold;\n      text-align: center;\n      text-transform: uppercase;\n      color: $white;\n      background-color: $ribbon-background-color;\n      transform: rotate(45deg) translate3d(0, 0, 0);\n      &:before {\n        border-left: 5px solid transparent;\n        border-right: 5px solid transparent;\n        border-top: 5px solid $ribbon-color;\n        bottom: -5px;\n        content: \"\";\n        position: absolute;\n        left: 0;\n      }\n      &:after {\n        border-left: 5px solid transparent;\n        border-right: 5px solid transparent;\n        border-top: 5px solid $ribbon-color;\n        bottom: -5px;\n        content: \"\";\n        position: absolute;\n        right: 0;\n      }\n    }\n  }\n}\n\n.project-image {\n  &:hover {\n      opacity: 0.8; \n  }\n}\n\n@media (max-width: 767px) {\n  .project-image {\n    margin-bottom: 0.882rem;\n  }\n}\n\n.project__summary {\n  margin-bottom: 1.765rem;\n  text-align: left;\n}\n\n.divider {\n  margin-bottom: 3.5rem;\n}\n.row-space {\n  margin-bottom: 1rem;\n}\n\n// only needs some pieces from Bootstrap\n%col_extend {\n  min-height: 1px;\n  padding-left: 15px;\n  padding-right: 15px;\n  position: relative;\n}\n\n.row {\n  margin-left: -15px;\n  margin-right: -15px;\n}\n.col-xs-12 {\n  width: 100%;\n  @extend %col_extend;\n}\n.col-sm-4 {\n  @extend %col_extend;\n}\n.col-md-4 {\n  @extend %col_extend;\n}\n.col-sm-8 {\n  @extend %col_extend;\n}\n.col-md-8 {\n  @extend %col_extend;\n}\n@media (min-width: 992px) {\n  .col-md-4 {\n    float: left;\n    width: 33.33333333%;\n  }\n  .col-md-8 {\n    float: left;\n    width: 66.66666667%;\n  }\n  .portfolio-container {\n    width: 1360px;\n  }\n}\n@media (min-width: 768px) {\n  .col-sm-8 {\n    width: 66.66666667%;\n  }\n  .project__title {\n    margin-top: .2rem;\n  }\n}\n.img-responsive {\n  display: block;\n  max-width: 100%;\n  height: auto;\n}\n","@media(min-width: 48em) {\n\thtml {\n\t\t-webkit-text-size-adjust: 100%; // iOS\n\t\tfont-size: 16px;\n\t}\n\t.sidebar {\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tposition: fixed;\n\t\ttext-align: left;\n\t\ttop: 0;\n\t\twidth: 18rem;\n\t}\n\t.sidebar-sticky {\n\t\tleft: 1rem;\n\t\tposition: absolute;\n\t\tright: 1rem;\n\t\ttop: 1rem;\n\t}\n\t.content {\n\t\tmargin-left: 20rem;\n\t\tmargin-right: 2rem;\n\t\tmax-width: 38rem;\n\t}\n\t.layout-reverse {\n\t\t.sidebar {\n\t\t\tleft: auto;\n\t\t\tright: 0;\n\t\t}\n\t\t.content {\n\t\t\tmargin-left: 2rem;\n\t\t\tmargin-right: 20rem;\n\t\t}\n\t}\n}\n\n@media(min-width: 58em) {\n\thtml {\n\t\ttext-size-adjust: none;\n\t\tfont-size: 17px;\n\t\tfont-weight: 400;\n\t\tline-height: 1.611em; // golden ratio\n\t}\n}\n\n%link-hover {\n\tcolor: $link-hover-color;\n\tborder-bottom: 1px dotted $gray-4;\n\ttext-decoration: none;\n\tbackground: transparent;\n\tbackground-color: transparent;\n\tword-wrap: break-word;\n}\n%link-no-decoration {\n\tborder-style: none;\n\ttext-decoration: none;\n}\n\n.sidebar {\n\tbackground-color: $sidebar-color;\n\tcolor: rgb(255, 255, 255);\n\tcolor: rgba(255, 255, 255, 0.5);\n\tpadding: 2rem 1rem;\n\ttext-align: center;\n\ta {\n\t\tcolor: $gray-1;\n\t\tborder: none;\n\t\t&:hover {\n\t\t\t@extend %link-no-decoration;\n\t\t}\n\t\t&:focus {\n\t\t\t@extend %link-no-decoration;\n\t\t}\n\t}\n}\n\n.sidebar-nav {\n\tlist-style: none;\n\tmargin-bottom: 2rem;\n\tmargin-top: 2rem;\n\tpadding-left: 0;\n}\n\n.sidebar-nav-item {\n\tdisplay: block;\n\tline-height: 1.75;\n\t.active {\n\t\tfont-weight: bold;\n\t}\n}\n\na {\n\t//border-bottom: 1px dotted;\n\tcolor: $link-color;\n\ttext-decoration: none;\n\tword-wrap: break-word;\n\t&.sidebar-nav-item {\n\t\t&:hover {\n\t\t\t@extend %link-no-decoration;\n\t\t}\n\t\t&:focus {\n\t\t\t@extend %link-no-decoration;\n\t\t}\n\t}\n\t&:focus {\n\t\t@extend %link-hover;\n\t\t&.tag {\n\t\t\t@extend %link-no-decoration;\n\t\t}\n\t}\n\t&:hover {\n\t\t@extend %link-hover;\n\t\t&.tag {\n\t\t\t@extend %link-no-decoration;\n\t\t}\n\t}\n\t&.tag {\n\t\t@extend %link-no-decoration;\n\t}\n}\n\n.content {\n\tpadding-bottom: 2rem;\n\tpadding-top: 2rem;\n}\n\n@media(min-width: 64em) {\n\t.content {\n\t\tmargin-left: 20rem;\n\t\tmargin-right: 2rem;\n\t\tmax-width: 46.056rem;\n\t}\n\t.layout-reverse .content {\n\t\tmargin-left: 4rem;\n\t\tmargin-right: 22rem;\n\t}\n}\n\n@media(max-width: 768px) {\n\t.hidden-tablet {\n\t\tdisplay: none;\n\t}\n}\n\nh1,\nh2,\nh3,\nh4 {\n\tfont-weight: $heading-font-weight;\n}\n\nh1 {\n\tfont-size: $h1-font-size;\n\tline-height: $h1-line-height;\n\tmargin-bottom: 1rem;\n}\n\nh2 {\n\tfont-size: $h2-font-size;\n\tmargin-bottom: .5rem;\n}\n\nh3 {\n\tfont-size: $h3-font-size;\n}\n\nh4 {\n\tfont-size: $h4-font-size;\n}\n\n%quotebox {\n\tpadding: .8889rem;\n\tmargin-top: 1.4em;\n\tmargin-left: 0px;\n\tmargin-right: 0px;\n\tborder-radius: 6px;\n\tborder-left-width: 6px;\n\tborder-left-style: solid;\n\tborder-right: 6px solid transparent;\n\tborder-right-width: 6px;\n\tborder-right-style: solid;\n\tborder-right-color: rgba(0, 0, 0, 0) transparent;\n\tcolor: #7a7a7a;\n}\n\nblockquote {\n\tbackground-color: #fafafa;\n\tborder-left-color: #e6e6e6;\n\t@extend %quotebox;\n}\n\n.important {\n\tbackground-color: #fbf8e8;\n\tborder-left-color: #fee450;\n\t@extend %quotebox;\n}\n\n.warning {\n\tbackground-color: #f2dbdc;\n\tborder-left-color: #ae272f;\n\t@extend %quotebox;\n}\n\n.img--circle {\n\tborder-radius: 50%;\n}\n\n.img--headshot {\n\theight: 115px;\n\twidth: 115px;\n}\n\n.img--caption {\n\tfont-style: italic;\n}\n\n.site__title {\n\tfont-size: $site__title-font-size;\n\tmargin-bottom: .5rem;\n\ta:hover {\n\t\tborder: none;\n\t}\n}\n\n.site__description {\n\tfont-size: 1.285rem;\n\tfont-weight: 300;\n}\n\n.social {\n\ta {\n\t\tborder: none;\n\t\ttext-decoration: none;\n\t}\n}\n\n.text-center {\n\ttext-align: center;\n}\n\npre {\n\tborder: 1px solid #eee;\n\tborder-radius: 4px;\n\tpadding: 1px;\n\ttab-size: 2;\n\tcode {\n\t\tborder-radius: 4px;\n\t\tpadding: 2px 4px;\n\t\twhite-space: pre-wrap;\n\t}\n}\n\n%code-in-box {\n\tborder-radius: 3px;\n\tpadding: 2px 4px;\n\tcolor: $code-color;\n\tbackground-color: $code-background-color;\n}\n\ncode {\n\tfont-family: $code-font-family;\n\twhite-space: pre-wrap;\n\tfont-size: $code-font-size;\n\tline-height: $code-line-height;\n\t@extend %code-in-box;\n}\n\nli code {\n\tborder-radius: 4px;\n\tpadding: 2px 4px;\n\twhite-space: pre-wrap;\n}\n\ntd code {\n\tborder-radius: 4px;\n\tpadding: 2px 4px;\n\twhite-space: pre-wrap;\n}\n\n.copyright {\n\tfont-size: $copyright-font-size;\n}\n\n.element--center {\n\tdisplay: block;\n\tmargin-left: auto;\n\tmargin-right: auto;\n}\n\n.section__title {\n\tfont-size: $section__title-font-size;\n}\n\n.post__meta {\n\tfont-size: $meta-font-size;\n\tcolor: $meta-color;\n\tfont-weight: $meta-font-weight;\n}\n\n.post__category {\n\tfont-weight: bold;\n}\n\n.post__tag {\n\tbackground: $tag-background-color;\n\tborder-radius: 2px;\n\tcolor: $tag-color;\n\tfont-size: $tag-font-size;\n\tfont-weight: bold;\n\tpadding: 2px 6px;\n}\n\n.post__subtitle {\n\tdisplay: block;\n\tfont-size: $post__subtitle-font-size;\n\tfont-style: italic;\n\tpadding: 0 0 1rem 0;\n}\n\n.post-list__item {\n\tmargin-bottom: 3em;\n}\n\n.item__title--big {\n\tdisplay: block;\n\tfont-size: $item__title-big-font-size;\n\tline-height: 1.25;\n}\n\n.item__title--small {\n\tfont-size: 1rem;\n}\n\n.item__date {\n\tcolor: $item__date-color;\n\tdisplay: block;\n\tfont-size: $item__date-font-size;\n\tmargin-bottom: .2rem;\n\tmargin-top: .2rem;\n}\n\nul.post__nav {\n\tfont-size: .85rem;\n\tbackground-color: $gray-1;\n\tborder-top: 2px solid $gray-2;\n\tborder-bottom: 2px solid $gray-2;\n\twidth: 100%;\n\tlist-style: none;\n\tdisplay: table;\n\ttable-layout: fixed;\n\tli {\n\t\twidth: 50%;\n\t\tdisplay: table-cell;\n\t\ttext-align: center;\n\t\ti {\n\t\t\tpadding: .8rem;\n\t\t}\n\t}\n}\n\n@media(max-width: 719px) {\n\tul.post__nav {\n\t\tli {\n\t\t\twidth: 100%;\n\t\t\tdisplay: table-cell;\n\t\t\tpadding-top: 1rem;\n\t\t\tpadding-bottom: 1rem;\n\t\t}\n\t}\n}\n\n.post__nav--next {\n\tfloat: right;\n\tmargin: 0;\n\tpadding: 0;\n\t.next__heading {\n\t\tdisplay: block;\n\t\tcolor: #aaa;\n\t}\n}\n\n.post__nav--previous {\n\tfloat: left;\n\tmargin: 0px;\n\tpadding: 0px;\n\t.previous__heading {\n\t\tdisplay: block;\n\t\tcolor: #aaa;\n\t}\n}\n\n.comment--heading {\n\tfont-size: 1.5rem;\n\ttext-transform: uppercase;\n}\n\n.pull-right {\n\tfloat: right;\n}\n\nkbd {\n\tpadding: .1em .6em;\n\tborder: 1px solid $gray-2;\n\tfont-size: 0.8em;\n\tline-height: 1.4;\n\tbackground-color: #fafbfc;\n\tcolor: $gray-9;\n\tbox-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px $white inset;\n\tborder-radius: 3px;\n\tdisplay: inline-block;\n\tmargin: 0 .1em;\n\ttext-shadow: 0 1px 0 $white;\n\twhite-space: nowrap;\n}\n\n// highlight.js\n.hljs {\n\twhite-space: pre;\n}\n\n#references~ol {\n\tfont-size: .9rem;\n}\n"]}
\ No newline at end of file
+{"version":3,"file":"hyde-hyde.css","sources":["hyde-hyde.scss","hyde-hyde/_variables.scss","poole/_base.scss","poole/_layout.scss","poole/_posts.scss","hyde-hyde/_mixins.scss","hyde-hyde/_base.scss","hyde-hyde/_theme.scss","hyde-hyde/_sidebar.scss","hyde-hyde/_post.scss","hyde-hyde/_code.scss","hyde-hyde/_gist.scss","hyde-hyde/_project.scss","hyde-hyde/_customised.scss"],"sourcesContent":["@import \"hyde-hyde/variables\";\n// poole\n@import \"poole/base\";\n@import \"poole/layout\";\n@import \"poole/posts\";\n// hyde-hyde\n@import 'hyde-hyde/mixins';\n@import 'hyde-hyde/base';\n@import 'hyde-hyde/theme';\n@import 'hyde-hyde/sidebar';\n@import 'hyde-hyde/post';\n@import 'hyde-hyde/code';\n@import 'hyde-hyde/gist';\n@import 'hyde-hyde/project';\n@import 'hyde-hyde/customised';\n","$gray-0: #fafafa;\n$gray-1: #f9f9f9;\n$gray-2: #eee;\n$gray-4: #ccc;\n$gray-5: #ddd;\n$gray-6: #878787;\n$gray-7: #767676;\n$gray-8: #515151;\n$gray-9: #313131;\n\n$white: #fff;\n$red: #ac4142;\n$orange: #d28445;\n$yellow: #f4bf75;\n$green: #90a959;\n$cyan: #75b5aa;\n$blue: #268bd2;\n$brown: #8f5536;\n\n//https://www.client9.com/css-system-font-stack-sans-serif-v3\n$root-font-family: system, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Droid Sans\", \"Ubuntu\", \"Helvetica Neue\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\",\"Segoe UI Emoji\", \"Segoe UI Symbol\";\n$root-font-size: 17px;\n$root-line-height: 1.5;\n\n$body-color: $gray-8;\n$body-bg: #fff;\n\n$border-color: #e5e5e5;\n\n$large-breakpoint: 38em;\n$large-font-size: 20px;\n\n// https://www.client9.com/css-system-font-stack-monospace-v2\n$code-font-family: \"SF-Mono\", \"SFMono-Regular\", Menlo, Monaco, Consolas, \"Liberation Mono\", \"Roboto Mono\", \"Ubuntu Mono\", \"Courier New\", Courier, monospace;\n$code-font-size: .9rem;\n$code-fence-font-size: .7rem;\n$code-color: #bf616a;\n$code-background-color: #f9f2f4;\n$code-line-height: 1.4;\n\n$link-color: $blue;\n$link-hover-color: $body-color;\n\n$section__title-font-size: 2.15rem; \n\n$post__subtitle-font-size: 1.5rem;\n\n$meta-font-size: .8rem;\n$meta-font-weight: 300;\n$meta-color: $gray-6;\n\n$tag-background-color: $gray-2;\n$tag-color: #606570;\n\n$tag-font-size: .667rem;\n\n$item__date-color: #9a9a9a;\n$item__date-font-size: 1rem;\n\n$item__title-big-font-size: 1.785rem;\n\n$heading-font-weight: 400;\n$h1-font-size: 2.15rem;\n$h1-line-height: 1.25;\n$h2-font-size: 1.85rem;\n$h3-font-size: 1.5rem;\n$h4-font-size:1.3rem;\n\n$sidebar-color: #300030;\n\n$site__title-font-size: 3rem;\n\n$copyright-font-size: 0.7rem;\n\n// post navigation\n$post--navigation-color: #c2255c;\n\n// portfolio\n$project__title-font-size: $h2-font-size;\n$project__subtitle-font-size-big: $h3-font-size;\n$project__subtitle-font-size-small: ($h3-font-size - 0.5rem);\n$project__subtitle-font-style: italic;\n$project__subtitle-color: #778492;\n$ribbon-color: #276582;\n$ribbon-background-color: #479fc8;\n","// Body resets\n//\n// Update the foundational and global aspects of the page.\n\n* {\n  -webkit-box-sizing: border-box;\n     -moz-box-sizing: border-box;\n          box-sizing: border-box;\n}\n\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n}\n\nhtml {\n  font-family: $root-font-family;\n  font-size: $root-font-size;\n  line-height: $root-line-height;\n\n  @media (min-width: $large-breakpoint) {\n    font-size: $large-font-size;\n  }\n}\n\nbody {\n  color: $body-color;\n  background-color: $body-bg;\n  -webkit-text-size-adjust: 100%;\n      -ms-text-size-adjust: 100%;\n}\n\n// No `:visited` state is required by default (browsers will use `a`)\na {\n  color: $link-color;\n  text-decoration: none;\n\n  // `:focus` is linked to `:hover` for basic accessibility\n  &:hover,\n  &:focus {\n    text-decoration: underline;\n  }\n\n  strong {\n    color: inherit;\n  }\n}\n\nimg {\n  display: block;\n  max-width: 100%;\n  margin: 0 0 1rem;\n  border-radius: 5px;\n}\n\ntable {\n  margin-bottom: 1rem;\n  width: 100%;\n  font-size: 85%;\n  border: 1px solid #e5e5e5;\n  border-collapse: collapse;\n}\n\ntd,\nth {\n  padding: .25rem .5rem;\n  border: 1px solid #e5e5e5;\n}\n\nth {\n  text-align: left;\n}\n\ntbody tr:nth-child(odd) td,\ntbody tr:nth-child(odd) th {\n  background-color: #f9f9f9;\n}\n","// Layout\n//\n// Styles for managing the structural hierarchy of the site.\n\n.container {\n  max-width: 38rem;\n  padding-left:  1.5rem;\n  padding-right: 1.5rem;\n  margin-left:  auto;\n  margin-right: auto;\n}\n\nfooter {\n  margin-bottom: 2rem;\n}\n","// Posts and pages\n//\n// Each post is wrapped in `.post` and is used on default and post layouts. Each\n// page is wrapped in `.page` and is only used on the page layout.\n\n.page,\n.post {\n  margin-bottom: 4em;\n\n  li + li {\n    margin-top: .25rem;\n  }\n}\n\n// Blog post or page title\n.page-title,\n.post-title,\n.post-title a {\n  color: #303030;\n}\n.page-title,\n.post-title {\n  margin-top: 0;\n}\n\n// Meta data line below post title\n.post-date {\n  display: block;\n  margin-top: -.5rem;\n  margin-bottom: 1rem;\n  color: #9a9a9a;\n}\n\n\n// Related posts\n.related {\n  padding-top: 2rem;\n  padding-bottom: 2rem;\n  margin-bottom: 2rem;\n  border-top: 1px solid #eee;\n  border-bottom: 1px solid #eee;\n}\n\n.related-posts {\n  padding-left: 0;\n  list-style: none;\n\n  h3 {\n    margin-top: 0;\n  }\n\n  li {\n    small {\n      font-size: 75%;\n      color: #999;\n    }\n\n    a:hover {\n      color: #268bd2;\n      text-decoration: none;\n\n      small {\n        color: inherit;\n      }\n    }\n  }\n}\n","@mixin transform($string){\n\t-webkit-transform: $string;\n\t-moz-transform: \t $string;\n\t-ms-transform: \t\t $string;\n\t-o-transform: \t\t $string;\n}\n@mixin rotate($deg){\n\t-webkit-transform: rotate($deg);\n\t-moz-transform: \t rotate($deg);\n\t-ms-transform: \t\t rotate($deg);\n\t-o-transform: \t\t rotate($deg);\n}\n\n@mixin link-no-decoration() {\n\tborder-style: none;\n\ttext-decoration: none;\n}\n\n@mixin link-hover() {\n\tcolor: $link-hover-color;\n\tborder-bottom: 1px dotted $gray-4;\n\ttext-decoration: none;\n\tbackground: transparent;\n\tbackground-color: transparent;\n\tword-wrap: break-word;\n}\n","h1,\nh2,\nh3,\nh4 {\n\tfont-weight: $heading-font-weight;\n}\n\nh1 {\n\tfont-size: $h1-font-size;\n\tline-height: $h1-line-height;\n\tmargin-bottom: 1rem;\n}\n\nh2 {\n\tfont-size: $h2-font-size;\n\tmargin-bottom: .5rem;\n}\n\nh3 {\n\tfont-size: $h3-font-size;\n}\n\nh4 {\n\tfont-size: $h4-font-size;\n}\n\n%quotebox {\n\tpadding: .8889rem;\n\tmargin-top: 1.4em;\n\tmargin-left: 0px;\n\tmargin-right: 0px;\n\tborder-radius: 6px;\n\tborder-left-width: 6px;\n\tborder-left-style: solid;\n\tborder-right: 6px solid transparent;\n\tborder-right-width: 6px;\n\tborder-right-style: solid;\n\tborder-right-color: rgba(0, 0, 0, 0) transparent;\n\tcolor: #7a7a7a;\n}\n\nblockquote {\n\tbackground-color: #fafafa;\n\tborder-left-color: #e6e6e6;\n\t@extend %quotebox;\n}\n\n.important {\n\tbackground-color: #fbf8e8;\n\tborder-left-color: #fee450;\n\t@extend %quotebox;\n}\n\n.warning {\n\tbackground-color: #f2dbdc;\n\tborder-left-color: #ae272f;\n\t@extend %quotebox;\n}\n\nkbd {\n\tpadding: .1em .6em;\n\tborder: 1px solid $gray-2;\n\tfont-size: 0.8em;\n\tline-height: 1.4;\n\tbackground-color: #fafbfc;\n\tcolor: $gray-9;\n\tbox-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px $white inset;\n\tborder-radius: 3px;\n\tdisplay: inline-block;\n\tmargin: 0 .1em;\n\ttext-shadow: 0 1px 0 $white;\n\twhite-space: nowrap;\n}\n\na {\n\t//border-bottom: 1px dotted;\n\tcolor: $link-color;\n\ttext-decoration: none;\n\tword-wrap: break-word;\n\t&.sidebar-nav-item {\n\t\t&:hover {\n\t\t\t@include link-no-decoration();\n\t\t}\n\t\t&:focus {\n\t\t\t@include link-no-decoration();\n\t\t}\n\t}\n\t&:focus {\n\t\t@include link-hover();\n\t\t&.tag {\n\t\t\t@include link-no-decoration();\n\t\t}\n\t}\n\t&:hover {\n\t\t@include link-hover();\n\t\t&.tag {\n\t\t\t@include link-no-decoration();\n\t\t}\n\t}\n\t&.tag {\n\t\t@include link-no-decoration();\n\t}\n}\n\n.text-center {\n\ttext-align: center;\n}\n\n.pull-right {\n\tfloat: right;\n}\n",".theme-base-08 {\n\t.sidebar {\n\t\tbackground-color: #ac4142;\n\t}\n\t.content a {\n\t\tcolor: #ac4142;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #ac4142;\n\t}\n}\n.theme-base-09 {\n\t.sidebar {\n\t\tbackground-color: #d28445;\n\t}\n\t.content a {\n\t\tcolor: #d28445;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #d28445;\n\t}\n}\n.theme-base-0a {\n\t.sidebar {\n\t\tbackground-color: #f4bf75;\n\t}\n\t.content a {\n\t\tcolor: #f4bf75;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #f4bf75;\n\t}\n}\n.theme-base-0b {\n\t.sidebar {\n\t\tbackground-color: #90a959;\n\t}\n\t.content a {\n\t\tcolor: #90a959;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #90a959;\n\t}\n}\n.theme-base-0c {\n\t.sidebar {\n\t\tbackground-color: #75b5aa;\n\t}\n\t.content a {\n\t\tcolor: #75b5aa;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #75b5aa;\n\t}\n}\n.theme-base-0d {\n\t.sidebar {\n\t\tbackground-color: #6a9fb5;\n\t}\n\t.content a {\n\t\tcolor: #6a9fb5;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #6a9fb5;\n\t}\n}\n.theme-base-0e {\n\t.sidebar {\n\t\tbackground-color: #aa759f;\n\t}\n\t.content a {\n\t\tcolor: #aa759f;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #aa759f;\n\t}\n}\n.theme-base-0f {\n\t.sidebar {\n\t\tbackground-color: #8f5536;\n\t}\n\t.content a {\n\t\tcolor: #8f5536;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #8f5536;\n\t}\n}",".sidebar {\n  background-color: $sidebar-color;\n  color: rgb(255, 255, 255);\n  color: rgba(255, 255, 255, 0.5);\n  padding: 2rem 1rem;\n  text-align: center;\n  a {\n    color: $gray-1;\n    border: none;\n    &:hover {\n      @include link-no-decoration();\n    }\n    &:focus {\n      @include link-no-decoration();\n    }\n  }\n  .sidebar-about {\n    text-align: center;\n  }\n}\n\n.sidebar-nav {\n  text-align: center;\n  list-style: none;\n  margin-bottom: 2rem;\n  margin-top: 2rem;\n  padding-left: 0;\n}\n\n.sidebar-nav-item {\n  display: block;\n  line-height: 1.75;\n  .active {\n    font-weight: bold;\n  }\n}\n.site__title {\n  font-size: $site__title-font-size;\n  margin-bottom: 0.5rem;\n  a:hover {\n    border: none;\n  }\n}\n\n.site__description {\n  font-size: 1.285rem;\n  font-weight: 300;\n}\n\n.social {\n  text-align: center;\n  a {\n    @include link-no-decoration();\n  }\n}\n\n.img--circle {\n\tborder-radius: 50%;\n}\n\n.img--headshot {\n\theight: 115px;\n\twidth: 115px;\n}\n\n.img--caption {\n\tfont-style: italic;\n}\n\n.copyright {\n  text-align: center;\n\tfont-size: $copyright-font-size;\n}\n",".post__meta {\n  font-size: $meta-font-size;\n  color: $meta-color;\n  font-weight: $meta-font-weight;\n}\n\n.post__category {\n  font-weight: bold;\n}\n\n.post__tag {\n  background: $tag-background-color;\n  border-radius: 2px;\n  color: $tag-color;\n  font-size: $tag-font-size;\n  font-weight: bold;\n  padding: 2px 6px;\n}\n\n.post__subtitle {\n  display: block;\n  font-size: $post__subtitle-font-size;\n  font-style: italic;\n  padding: 0 0 1rem 0;\n}\n\n.post--navigation {\n  width: 800px;\n  max-width: calc(100% - 40px);\n  margin: 0 auto;\n  margin-top: 60px;\n  a {\n    font-size: .8rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 15px;\n    border: 2px solid $post--navigation-color;\n    line-height: 1.25;\n    text-transform: uppercase;\n    &:hover {\n      padding: 14px;\n      border-width: 3px;\n    }\n    &:nth-child(2) {\n      margin-top: 10px;\n    }\n    &:first-child:last-child {\n      width: 100%;\n    }\n  }\n  .fa {\n    font-size: .8rem;\n  }\n  .post--navigation-prev {\n    text-align: left;\n    .fa {\n      padding-right: 10px;\n    }\n  }\n  .post--navigation-next {\n    text-align: right;\n    .fa {\n      padding-left: 10px;\n    }\n  }\n}\n\n@media only screen and(min-width: 34rem) {\n  .post--navigation {\n    display: flex;\n    justify-content: space-between;\n    a {\n      width: calc(50% - 10px);\n      &:nth-child(2) {\n        margin-top: 0;\n      }\n    }\n  }\n}\n.post--navigation-single a {\n  text-transform: none;\n}\n","pre {\n\tborder: 1px solid $gray-1;\n\tborder-radius: 2px;\n\ttab-size: 2;\n\tcode {\n\t\twhite-space: pre-wrap;\n\t}\n}\n\n%code-font {\n\tfont-family: $code-font-family;\n\tfont-size: $code-font-size;\n\tline-height: $code-line-height;\n}\n\n%code-in-rounded-box {\n\tborder-radius: 3px;\n\tpadding: 2px 4px;\n\tcolor: $code-color;\n\tbackground-color: $code-background-color;\n}\n\n%code-style-codersblock {\n\tpadding: 2px 4px;\n\tborder: 1px dashed #adb5db;\n\tbackground-color: $gray-1;\n}\n\n-code {\n\twhite-space: pre-wrap;\n\t@extend %code-font;\n\t@extend %code-in-rounded-box;\n}\n\ncode {\n\t@extend %code-font;\n\t@extend %code-style-codersblock;\n}\n\n// highlight.js\n.hljs {\n\twhite-space: pre;\n\tborder:none;\n}\n","/*\n// https://codersblock.com/blog/customizing-github-gists\n//\nbody .gist {\n\t.gist-file {\n\t\tmargin-bottom: 0;\n\t\tborder-radius: 0;\n\t}\n\t.gist-data {\n\t\tborder-bottom: none;\n\t\tborder-radius: 0;\n\t\tbackground-color: $gray-3;\n\t}\n\t.blob-wrapper {\n\t\tborder-radius: 0;\n\t}\n\t.highlight {\n\t\tbackground-color: transparent;\n\t\tfont-family: Droid Sans Mono, monospace;\n\t\tfont-size: 14px;\n\t\ttd {\n\t\t\tborder: none;\n\t\t\tpadding: 5px 15px !important;\n\t\t\tline-height: 1;\n\t\t\tfont-family: inherit;\n\t\t\tfont-size: inherit;\n\t\t}\n\t}\n\ttr {\n\t\t&:first-child td {\n\t\t\tpadding-top: 15px !important;\n\t\t}\n\t\t&:last-child td {\n\t\t\tpadding-bottom: 15px !important;\n\t\t}\n\t}\n\t.blob-num {\n\t\tcolor: #ced4da;\n\t\tbackground-color: #495057;\n\t\tpointer-events: none;\n\t}\n\t.gist-meta {\n\t\t//display: none;\n\t}\n}\n*/\nbody .gist {\n\t.gist-data {\n\t\tbackground-color: $gray-0;\n\t}\n\t.highlight {\n\t\tbackground-color: transparent;\n\t}\n\ttd {\n\t\tborder: none;\n\t}\n}\n",".portfolio__content {\n  section {\n    margin-bottom: 1.765rem;\n  }\n}\n\n.portfolio__featured-project {\n  margin: 0 0 1.765rem;\n  img {\n    margin: 0 0 1rem;\n    box-shadow: 1px 1px $gray-2;\n  }\n}\n\n.project__title {\n  margin-top: 1.765rem;\n  font-size: $project__title-font-size;\n}\n\n%subtitle {\n  font-style: $project__subtitle-font-style;\n  color: $project__subtitle-color;\n  display: block;\n  margin-top: 0.5rem;\n  margin: 0 0 1rem;\n}\n\n.project__subtitle-big {\n  @extend %subtitle;\n  font-size: $project__subtitle-font-size-big;\n}\n\n.project__subtitle-small {\n  @extend %subtitle;\n  font-size: $project__subtitle-font-size-small;\n}\n\n.project__featured-image {\n  position: relative;\n  .ribbon {\n    position: absolute;\n    top: -9px;\n    right: -8px;\n    width: 110px;\n    height: 110px;\n    overflow: hidden;\n    .text {\n      position: relative;\n      left: -8px;\n      top: 18px;\n      width: 158px;\n      padding: 10px;\n      letter-spacing: 2px;\n      font-size: 1.133rem;\n      font-weight: bold;\n      text-align: center;\n      text-transform: uppercase;\n      color: $white;\n      background-color: $ribbon-background-color;\n      transform: rotate(45deg) translate3d(0, 0, 0);\n      &:before {\n        border-left: 5px solid transparent;\n        border-right: 5px solid transparent;\n        border-top: 5px solid $ribbon-color;\n        bottom: -5px;\n        content: \"\";\n        position: absolute;\n        left: 0;\n      }\n      &:after {\n        border-left: 5px solid transparent;\n        border-right: 5px solid transparent;\n        border-top: 5px solid $ribbon-color;\n        bottom: -5px;\n        content: \"\";\n        position: absolute;\n        right: 0;\n      }\n    }\n  }\n}\n\n.project-image {\n  &:hover {\n      opacity: 0.8; \n  }\n}\n\n@media (max-width: 767px) {\n  .project-image {\n    margin-bottom: 0.882rem;\n  }\n}\n\n.project__summary {\n  margin-bottom: 1.765rem;\n  text-align: left;\n}\n\n.divider {\n  margin-bottom: 3.5rem;\n}\n.row-space {\n  margin-bottom: 1rem;\n}\n\n// only needs some pieces from Bootstrap\n%col_extend {\n  min-height: 1px;\n  padding-left: 15px;\n  padding-right: 15px;\n  position: relative;\n}\n\n.row {\n  margin-left: -15px;\n  margin-right: -15px;\n}\n.col-xs-12 {\n  width: 100%;\n  @extend %col_extend;\n}\n.col-sm-4 {\n  @extend %col_extend;\n}\n.col-md-4 {\n  @extend %col_extend;\n}\n.col-sm-8 {\n  @extend %col_extend;\n}\n.col-md-8 {\n  @extend %col_extend;\n}\n@media (min-width: 992px) {\n  .col-md-4 {\n    float: left;\n    width: 33.33333333%;\n  }\n  .col-md-8 {\n    float: left;\n    width: 66.66666667%;\n  }\n  .portfolio-container {\n    width: 1360px;\n  }\n}\n@media (min-width: 768px) {\n  .col-sm-8 {\n    width: 66.66666667%;\n  }\n  .project__title {\n    margin-top: .2rem;\n  }\n}\n.img-responsive {\n  display: block;\n  max-width: 100%;\n  height: auto;\n}\n","@media(min-width: 48em) {\n\thtml,body {\n\t\t-webkit-text-size-adjust: 100%; // iOS\n\t\tfont-size: 16px;\n\t\tbox-direction: normal;\n\t}\n\t.sidebar {\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tposition: fixed;\n\t\ttext-align: left;\n\t\ttop: 0;\n\t\twidth: 18rem;\n\t}\n\t.sidebar-sticky {\n\t\tleft: 1rem;\n\t\tposition: absolute;\n\t\tright: 1rem;\n\t\ttop: 1rem;\n\t}\n\t.content {\n\t\tmargin-left: 20rem;\n\t\tmargin-right: 2rem;\n\t\tmax-width: 38rem;\n\t}\n\t.layout-reverse {\n\t\t.sidebar {\n\t\t\tleft: auto;\n\t\t\tright: 0;\n\t\t}\n\t\t.content {\n\t\t\tmargin-left: 2rem;\n\t\t\tmargin-right: 20rem;\n\t\t}\n\t}\n}\n\n@media(min-width: 58em) {\n\thtml,body {\n\t\ttext-size-adjust: none;\n\t\tfont-size: 17px;\n\t\tfont-weight: 400;\n\t\tline-height: 1.611em; // golden ratio\n\t}\n}\n\n\n.content {\n\tpadding-bottom: 2rem;\n\tpadding-top: 2rem;\n}\n\n@media(min-width: 64em) {\n\t.content {\n\t\tmargin-left: 20rem;\n\t\tmargin-right: 2rem;\n\t\tmax-width: 46.056rem;\n\t}\n\t.layout-reverse .content {\n\t\tmargin-left: 4rem;\n\t\tmargin-right: 22rem;\n\t}\n}\n\n@media(max-width: 48rem) {\n\t.hidden-tablet {\n\t\tdisplay: none;\n\t}\n}\n\n.element--center {\n\tdisplay: block;\n\tmargin-left: auto;\n\tmargin-right: auto;\n}\n\n.section__title {\n\tfont-size: $section__title-font-size;\n}\n\n.post-list__item {\n\tmargin-bottom: 3em;\n}\n\n.item__title--big {\n\tdisplay: block;\n\tfont-size: $item__title-big-font-size;\n\tline-height: 1.25;\n}\n\n.item__title--small {\n\tfont-size: 1rem;\n}\n\n.item__date {\n\tcolor: $item__date-color;\n\tdisplay: block;\n\tfont-size: $item__date-font-size;\n\tmargin-bottom: .2rem;\n\tmargin-top: .2rem;\n}\n\n#references~ol {\n\tfont-size: .9rem;\n}\n"],"names":[],"mappings":"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"}
\ No newline at end of file