From cfd45a78f089cb5246f6b428792b551cf62c5496 Mon Sep 17 00:00:00 2001
From: Kevin Mok <kevin.mok@live.ca>
Date: Sat, 2 Feb 2019 01:22:46 -0500
Subject: [PATCH] Add generated Sass resources

---
 .gitignore                                    |   2 +-
 .gitlab-ci.yml                                |   2 +-
 ideas.md                                      |   3 +
 ...s_f300667da4f5b5f84e1a9e0702b2fdde.content | 687 +++++++++++++++++
 ...scss_f300667da4f5b5f84e1a9e0702b2fdde.json |   1 +
 ...s_f300667da4f5b5f84e1a9e0702b2fdde.content | 705 ++++++++++++++++++
 ...scss_f300667da4f5b5f84e1a9e0702b2fdde.json |   1 +
 7 files changed, 1399 insertions(+), 2 deletions(-)
 create mode 100644 resources/_gen/assets/scss/sass/main-alt.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
 create mode 100644 resources/_gen/assets/scss/sass/main-alt.scss_f300667da4f5b5f84e1a9e0702b2fdde.json
 create mode 100644 resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
 create mode 100644 resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.json

diff --git a/.gitignore b/.gitignore
index 5264827..59c74ce 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,5 @@
 public/*
-resources/_gen/*
+/* resources/_gen/* */
 themes/base16*
 
 commit-msg.txt
diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 07fb372..727f6d8 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -1,6 +1,6 @@
 # All available Hugo versions are listed here: https://gitlab.com/pages/hugo/container_registry
 # image: registry.gitlab.com/pages/hugo:latest
-image: registry.gitlab.com/pages/hugo:0.53
+image: monachus/hugo
 
 variables:
   GIT_SUBMODULE_STRATEGY: recursive
diff --git a/ideas.md b/ideas.md
index cd8ff8c..8de6ba9 100644
--- a/ideas.md
+++ b/ideas.md
@@ -7,6 +7,9 @@
 - add CSS grid layout
 - credits
  
+# Medium
+- use local Docker image
+
 # Tiny
 - click on name for base URL
 - tux icon
diff --git a/resources/_gen/assets/scss/sass/main-alt.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/sass/main-alt.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
new file mode 100644
index 0000000..dc6391c
--- /dev/null
+++ b/resources/_gen/assets/scss/sass/main-alt.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
@@ -0,0 +1,687 @@
+/* Base16 Eighties Colorscheme by Chris Kempson (http://chriskempson.com) */
+.base00 {
+  color: #2d2d2d; }
+
+.base01 {
+  color: #393939; }
+
+.base02 {
+  color: #515151; }
+
+.base03 {
+  color: #747369; }
+
+.base04 {
+  color: #a09f93; }
+
+.base05 {
+  color: #d3d0c8; }
+
+.base06 {
+  color: #e8e6df; }
+
+.base07 {
+  color: #f2f0ec; }
+
+.base08 {
+  color: #f2777a; }
+
+.base09 {
+  color: #f99157; }
+
+.base0a {
+  color: #ffcc66; }
+
+.base0b {
+  color: #99cc99; }
+
+.base0c {
+  color: #66cccc; }
+
+.base0d {
+  color: #6699cc; }
+
+.base0e {
+  color: #cc99cc; }
+
+.base0f {
+  color: #d27b53; }
+
+/* General Page Layout */
+body {
+  margin: 0;
+  background-color: #2d2d2d;
+  color: #f2f0ec;
+  line-height: 1.5;
+  font-size: 100%;
+  /* font-family: 'Source Code Pro', monospace; */
+  font-family: 'Hack', monospace; }
+
+.container {
+  max-width: 52em;
+  margin-left: auto;
+  margin-right: auto; }
+  @media (max-width: 52em) {
+    .container {
+      width: 100%; } }
+
+div .right {
+  float: right; }
+
+div .clearfix {
+  overflow: auto; }
+
+article .single section {
+  /* background-color: #e6e6fa; */
+  background-color: #cbbeb5;
+  color: #2d2d2d;
+  padding-left: 8rem;
+  padding-right: 8rem;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+  /* min-height: 50%; */
+  /* min-height: 30em; */ }
+  @media (max-width: 52em) {
+    article .single section {
+      padding-left: 2rem;
+      padding-right: 2rem; } }
+
+.article-list article {
+  /* background-color: #e6e6fa; */
+  background-color: #cbbeb5;
+  color: #2d2d2d;
+  padding-left: 8rem;
+  padding-right: 8rem;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+  /* min-height: 50%; */
+  /* min-height: 30em; */ }
+  @media (max-width: 52em) {
+    .article-list article {
+      padding-left: 2rem;
+      padding-right: 2rem; } }
+
+header {
+  margin-top: 1.5rem;
+  margin-bottom: 1rem; }
+
+@media (max-width: 52em) {
+  header {
+    margin-top: 0;
+    padding-left: 2rem;
+    padding-right: 2rem; } }
+
+footer {
+  margin-top: 2rem;
+  margin-bottom: 1rem;
+  text-align: center;
+  font-size: 0.9em;
+  color: #747369;
+  bottom: 0;
+  position: absolute;
+  width: 100%; }
+
+@media (max-width: 52em) {
+  footer {
+    margin-top: 0;
+    margin-bottom: 0; } }
+
+footer .container {
+  background-color: #393939;
+  max-width: 62em;
+  margin-left: auto;
+  margin-right: auto;
+  height: 1.8em; }
+
+/* Typography */
+h1, h2, h3, h4, h5, h6 {
+  font-weight: bold;
+  line-height: 1.25;
+  margin-top: 1em;
+  margin-bottom: .5em; }
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem; }
+
+h1 {
+  font-size: 2rem; }
+
+h2 {
+  font-size: 1.5rem; }
+
+h3 {
+  font-size: 1.25rem; }
+
+h4 {
+  font-size: 1rem; }
+
+h5 {
+  font-size: .875rem; }
+
+h6 {
+  font-size: .75rem; }
+
+pre, code {
+  font-family: inherit;
+  font-size: inherit; }
+
+/* Header Layout */
+header a.path, a.path:visited {
+  color: #6699cc; }
+
+header span.caret {
+  color: #f2f0ec; }
+
+/* Footer Layout */
+footer a, a:visited {
+  color: #747369;
+  /* text-decoration: none; */ }
+
+.container.copyright a, a:visited {
+  color: #747369;
+  /* text-decoration: none; */ }
+
+/* 404 Page Layout */
+.page-not-found h1 {
+  text-align: center;
+  font-size: 5em; }
+
+.page-not-found h2 {
+  text-align: center;
+  font-size: 3em;
+  color: #a09f93;
+  margin-bottom: 4rem; }
+
+@media (max-width: 52em) {
+  .page-not-found h1 {
+    font-size: 3em; }
+  .page-not-found h2 {
+    font-size: 2em; } }
+
+/* Homepage Layout */
+@media (max-width: 52em) {
+  .homepage {
+    margin-bottom: 2rem; } }
+
+h1.site-title {
+  text-align: center;
+  /* font-size: 3.5em; */
+  font-size: 4.8em;
+  color: #66cccc;
+  margin-top: 0.5em;
+  margin-bottom: 0.2em; }
+
+@media (max-width: 52em) {
+  h1.site-title {
+    font-size: 3em; } }
+
+.homepage h1.headline {
+  font-size: 3em;
+  color: #ffcc66; }
+
+@media (max-width: 52em) {
+  .homepage h1.headline {
+    padding-left: 2rem;
+    padding-right: 2rem; } }
+
+.homepage .hero-logo img {
+  width: 100%; }
+
+.homepage section.categories,
+.homepage section.tags {
+  padding-left: 2rem;
+  padding-right: 2rem; }
+
+.homepage .category,
+.homepage .category a,
+.homepage .tag,
+.homepage .tag a {
+  color: #cc99cc; }
+
+.homepage .tag {
+  margin-right: 2em; }
+
+.nav-bar {
+  margin-left: .5em;
+  margin-bottom: 1em; }
+
+.hero-tagline {
+  margin-top: .3em;
+  text-align: center; }
+
+/* Post List Layout */
+.article-list h1.list-title {
+  font-size: 3em;
+  color: #ffcc66; }
+
+.article-list article {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+  margin-bottom: 4rem; }
+
+.article-list article h2.headline,
+.article-list article h2.headline a {
+  margin-top: 0;
+  color: #6699cc; }
+
+.article-list article .meta {
+  margin-bottom: 1rem; }
+
+.article-list article .meta .key {
+  color: #747369; }
+
+.article-list article .meta .val,
+.article-list article .meta .val a {
+  color: #cc99cc; }
+
+.article-list article section.summary a {
+  color: #d27b53; }
+
+/* Single Post Layout */
+article.single .meta {
+  font-size: 0.9em;
+  text-align: right; }
+
+article.single .meta .key {
+  color: #747369; }
+
+article.single .meta .val, article.single .meta .val a {
+  color: #cc99cc; }
+
+@media (max-width: 52em) {
+  article.single .meta {
+    padding-left: 2rem;
+    padding-right: 2rem; } }
+
+article.single h1.headline {
+  margin-top: 0;
+  font-size: 3em;
+  color: #ffcc66; }
+
+@media (max-width: 52em) {
+  article.single h1.headline {
+    padding-left: 2rem;
+    padding-right: 2rem; } }
+
+article.single section.body {
+  padding-top: 4rem;
+  padding-bottom: 3rem; }
+
+@media (max-width: 52em) {
+  article.single section.body {
+    padding-top: 2rem;
+    padding-bottom: 1rem; } }
+
+/* Highlight Colors */
+article.single section.body h1 {
+  color: #6699cc; }
+
+article.single section.body h2 {
+  color: #99cc99; }
+
+article.single section.body h3 {
+  color: #f99157; }
+
+article.single section.body h4 {
+  color: #f2777a; }
+
+article.single section.body h5 {
+  color: #515151; }
+
+article.single section.body h6 {
+  color: #747369; }
+
+article.single section.body a, a:visited {
+  color: #a06700; }
+
+/* Article Elements */
+article.single * {
+  max-width: 100%; }
+
+article.single pre {
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow-x: scroll;
+  border-radius: 3px;
+  padding: 2rem; }
+
+article.single p code {
+  padding: 0.2em 0.5em;
+  border-radius: 3px;
+  background: #747369;
+  color: #f2f0ec; }
+
+article.single figure, article.single div.highlight {
+  box-sizing: border-box;
+  max-width: 52rem;
+  width: 52rem;
+  margin-left: -8rem;
+  margin-right: -8rem;
+  margin-bottom: 1rem;
+  padding: 1em;
+  background-color: #393939; }
+
+@media (max-width: 52em) {
+  article.single figure, article.single div.highlight {
+    width: 100%;
+    margin-left: 0;
+    margin-right: 0;
+    border-radius: 3px; } }
+
+article.single figure img {
+  max-width: 100%;
+  width: 100%;
+  border-radius: 3px; }
+
+article.single figure figcaption {
+  margin-top: 1rem; }
+
+article.single figure figcaption h4 {
+  margin-top: 0;
+  text-align: center;
+  font-style: italic;
+  font-weight: normal;
+  color: #f2f0ec; }
+
+article.single table {
+  border-collapse: separate;
+  border-spacing: 0;
+  max-width: 100%;
+  width: 100%; }
+
+article.single th,
+article.single td {
+  padding: .25rem 1rem;
+  line-height: inherit;
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-bottom-color: #a09f93; }
+
+article.single tr:last-child td {
+  border-bottom: 0; }
+
+article.single th {
+  text-align: left;
+  font-weight: bold;
+  vertical-align: bottom; }
+
+article.single td {
+  vertical-align: top; }
+
+article.single blockquote {
+  margin-left: 2rem;
+  margin-right: 3rem;
+  padding-left: 1rem;
+  border-left: 5px solid #66cccc; }
+
+article.single hr {
+  border: 0;
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  border-bottom-color: #a09f93; }
+
+/* Pygments template by Jan T. Sott (https://github.com/idleberg) */
+pre {
+  background: #2d2d2d;
+  color: #f2f0ec; }
+
+.highlight .hll {
+  background-color: #515151; }
+
+.highlight .c {
+  color: #747369; }
+
+/* Comment */
+.highlight .err {
+  color: #f2777a; }
+
+/* Error */
+.highlight .k {
+  color: #cc99cc; }
+
+/* Keyword */
+.highlight .l {
+  color: #f99157; }
+
+/* Literal */
+.highlight .n {
+  color: #f2f0ec; }
+
+/* Name */
+.highlight .o {
+  color: #66cccc; }
+
+/* Operator */
+.highlight .p {
+  color: #f2f0ec; }
+
+/* Punctuation */
+.highlight .cm {
+  color: #747369; }
+
+/* Comment.Multiline */
+.highlight .cp {
+  color: #747369; }
+
+/* Comment.Preproc */
+.highlight .c1 {
+  color: #747369; }
+
+/* Comment.Single */
+.highlight .cs {
+  color: #747369; }
+
+/* Comment.Special */
+.highlight .gd {
+  color: #f2777a; }
+
+/* Generic.Deleted */
+.highlight .ge {
+  font-style: italic; }
+
+/* Generic.Emph */
+.highlight .gh {
+  color: #f2f0ec;
+  font-weight: bold; }
+
+/* Generic.Heading */
+.highlight .gi {
+  color: #99cc99; }
+
+/* Generic.Inserted */
+.highlight .gp {
+  color: #747369;
+  font-weight: bold; }
+
+/* Generic.Prompt */
+.highlight .gs {
+  font-weight: bold; }
+
+/* Generic.Strong */
+.highlight .gu {
+  color: #66cccc;
+  font-weight: bold; }
+
+/* Generic.Subheading */
+.highlight .kc {
+  color: #cc99cc; }
+
+/* Keyword.Constant */
+.highlight .kd {
+  color: #cc99cc; }
+
+/* Keyword.Declaration */
+.highlight .kn {
+  color: #66cccc; }
+
+/* Keyword.Namespace */
+.highlight .kp {
+  color: #cc99cc; }
+
+/* Keyword.Pseudo */
+.highlight .kr {
+  color: #cc99cc; }
+
+/* Keyword.Reserved */
+.highlight .kt {
+  color: #ffcc66; }
+
+/* Keyword.Type */
+.highlight .ld {
+  color: #99cc99; }
+
+/* Literal.Date */
+.highlight .m {
+  color: #f99157; }
+
+/* Literal.Number */
+.highlight .s {
+  color: #99cc99; }
+
+/* Literal.String */
+.highlight .na {
+  color: #6699cc; }
+
+/* Name.Attribute */
+.highlight .nb {
+  color: #f2f0ec; }
+
+/* Name.Builtin */
+.highlight .nc {
+  color: #ffcc66; }
+
+/* Name.Class */
+.highlight .no {
+  color: #f2777a; }
+
+/* Name.Constant */
+.highlight .nd {
+  color: #66cccc; }
+
+/* Name.Decorator */
+.highlight .ni {
+  color: #f2f0ec; }
+
+/* Name.Entity */
+.highlight .ne {
+  color: #f2777a; }
+
+/* Name.Exception */
+.highlight .nf {
+  color: #6699cc; }
+
+/* Name.Function */
+.highlight .nl {
+  color: #f2f0ec; }
+
+/* Name.Label */
+.highlight .nn {
+  color: #ffcc66; }
+
+/* Name.Namespace */
+.highlight .nx {
+  color: #6699cc; }
+
+/* Name.Other */
+.highlight .py {
+  color: #f2f0ec; }
+
+/* Name.Property */
+.highlight .nt {
+  color: #66cccc; }
+
+/* Name.Tag */
+.highlight .nv {
+  color: #f2777a; }
+
+/* Name.Variable */
+.highlight .ow {
+  color: #66cccc; }
+
+/* Operator.Word */
+.highlight .w {
+  color: #f2f0ec; }
+
+/* Text.Whitespace */
+.highlight .mf {
+  color: #f99157; }
+
+/* Literal.Number.Float */
+.highlight .mh {
+  color: #f99157; }
+
+/* Literal.Number.Hex */
+.highlight .mi {
+  color: #f99157; }
+
+/* Literal.Number.Integer */
+.highlight .mo {
+  color: #f99157; }
+
+/* Literal.Number.Oct */
+.highlight .sb {
+  color: #99cc99; }
+
+/* Literal.String.Backtick */
+.highlight .sc {
+  color: #f2f0ec; }
+
+/* Literal.String.Char */
+.highlight .sd {
+  color: #747369; }
+
+/* Literal.String.Doc */
+.highlight .s2 {
+  color: #99cc99; }
+
+/* Literal.String.Double */
+.highlight .se {
+  color: #f99157; }
+
+/* Literal.String.Escape */
+.highlight .sh {
+  color: #99cc99; }
+
+/* Literal.String.Heredoc */
+.highlight .si {
+  color: #f99157; }
+
+/* Literal.String.Interpol */
+.highlight .sx {
+  color: #99cc99; }
+
+/* Literal.String.Other */
+.highlight .sr {
+  color: #99cc99; }
+
+/* Literal.String.Regex */
+.highlight .s1 {
+  color: #99cc99; }
+
+/* Literal.String.Single */
+.highlight .ss {
+  color: #99cc99; }
+
+/* Literal.String.Symbol */
+.highlight .bp {
+  color: #f2f0ec; }
+
+/* Name.Builtin.Pseudo */
+.highlight .vc {
+  color: #f2777a; }
+
+/* Name.Variable.Class */
+.highlight .vg {
+  color: #f2777a; }
+
+/* Name.Variable.Global */
+.highlight .vi {
+  color: #f2777a; }
+
+/* Name.Variable.Instance */
+.highlight .il {
+  color: #f99157; }
+
+/* Literal.Number.Integer.Long */
+/*# sourceMappingURL=style.css.map */
diff --git a/resources/_gen/assets/scss/sass/main-alt.scss_f300667da4f5b5f84e1a9e0702b2fdde.json b/resources/_gen/assets/scss/sass/main-alt.scss_f300667da4f5b5f84e1a9e0702b2fdde.json
new file mode 100644
index 0000000..94a15d9
--- /dev/null
+++ b/resources/_gen/assets/scss/sass/main-alt.scss_f300667da4f5b5f84e1a9e0702b2fdde.json
@@ -0,0 +1 @@
+{"Target":"sass/main-alt.css","MediaType":"text/css","Data":{}}
\ No newline at end of file
diff --git a/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
new file mode 100644
index 0000000..c872f59
--- /dev/null
+++ b/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
@@ -0,0 +1,705 @@
+/* Base16 Eighties Colorscheme by Chris Kempson (http://chriskempson.com) */
+.base00 {
+  color: #2d2d2d; }
+
+.base01 {
+  color: #393939; }
+
+.base02 {
+  color: #515151; }
+
+.base03 {
+  color: #747369; }
+
+.base04 {
+  color: #a09f93; }
+
+.base05 {
+  color: #d3d0c8; }
+
+.base06 {
+  color: #e8e6df; }
+
+.base07 {
+  color: #f2f0ec; }
+
+.base08 {
+  color: #f2777a; }
+
+.base09 {
+  color: #f99157; }
+
+.base0a {
+  color: #ffcc66; }
+
+.base0b {
+  color: #99cc99; }
+
+.base0c {
+  color: #66cccc; }
+
+.base0d {
+  color: #6699cc; }
+
+.base0e {
+  color: #cc99cc; }
+
+.base0f {
+  color: #d27b53; }
+
+/* General Page Layout */
+body {
+  margin: 0;
+  background-color: #2d2d2d;
+  color: #f2f0ec;
+  line-height: 1.5;
+  font-size: 100%;
+  /* font-family: 'Source Code Pro', monospace; */
+  font-family: 'Hack', monospace; }
+
+.container {
+  max-width: 52em;
+  margin-left: auto;
+  margin-right: auto; }
+  .container .copyright a-tags {
+    color: #747369; }
+  @media (max-width: 52em) {
+    .container {
+      width: 100%; } }
+
+div .right {
+  float: right; }
+
+div .clearfix {
+  overflow: auto; }
+
+article .single section {
+  /* background-color: #e6e6fa; */
+  background-color: #cbbeb5;
+  color: #2d2d2d;
+  padding-left: 8rem;
+  padding-right: 8rem;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+  /* min-height: 50%; */
+  /* min-height: 30em; */ }
+  @media (max-width: 52em) {
+    article .single section {
+      padding-left: 2rem;
+      padding-right: 2rem; } }
+
+.article-list article {
+  /* background-color: #e6e6fa; */
+  background-color: #cbbeb5;
+  color: #2d2d2d;
+  padding-left: 8rem;
+  padding-right: 8rem;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+  /* min-height: 50%; */
+  /* min-height: 30em; */ }
+  @media (max-width: 52em) {
+    .article-list article {
+      padding-left: 2rem;
+      padding-right: 2rem; } }
+
+header {
+  margin-top: 1.5rem;
+  margin-bottom: 1rem; }
+  @media (max-width: 52em) {
+    header {
+      margin-top: 0;
+      padding-left: 2rem;
+      padding-right: 2rem; } }
+
+footer {
+  margin-top: 2rem;
+  margin-bottom: 1rem;
+  text-align: center;
+  font-size: 0.9em;
+  color: #747369;
+  bottom: 0;
+  position: absolute;
+  width: 100%; }
+  footer .container {
+    background-color: #393939;
+    max-width: 62em;
+    margin-left: auto;
+    margin-right: auto;
+    height: 1.8em; }
+  @media (max-width: 52em) {
+    footer {
+      margin-top: 0;
+      margin-bottom: 0; } }
+
+/* Typography */
+h1 {
+  font-weight: bold;
+  line-height: 1.25;
+  margin-top: 1em;
+  margin-bottom: .5em; }
+
+h2 {
+  font-weight: bold;
+  line-height: 1.25;
+  margin-top: 1em;
+  margin-bottom: .5em; }
+
+h3 {
+  font-weight: bold;
+  line-height: 1.25;
+  margin-top: 1em;
+  margin-bottom: .5em; }
+
+h4 {
+  font-weight: bold;
+  line-height: 1.25;
+  margin-top: 1em;
+  margin-bottom: .5em; }
+
+h5 {
+  font-weight: bold;
+  line-height: 1.25;
+  margin-top: 1em;
+  margin-bottom: .5em; }
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem; }
+
+h1 {
+  font-size: 2rem; }
+
+h2 {
+  font-size: 1.5rem; }
+
+h3 {
+  font-size: 1.25rem; }
+
+h4 {
+  font-size: 1rem; }
+
+h5 {
+  font-size: .875rem; }
+
+h6 {
+  font-size: .75rem; }
+
+pre, code {
+  font-family: inherit;
+  font-size: inherit; }
+
+/* Header Layout */
+header a .path .path:visited {
+  color: #6699cc; }
+
+header span caret {
+  color: #f2f0ec; }
+
+/* Footer Layout */
+footer a, footer a:active, footer a:visited {
+  color: #747369; }
+
+/* 404 Page Layout */
+.page-not-found h1 {
+  text-align: center;
+  font-size: 5em; }
+
+.page-not-found h2 {
+  text-align: center;
+  font-size: 3em;
+  color: #a09f93;
+  margin-bottom: 4rem; }
+
+@media (max-width: 52em) {
+  .page-not-found h1 {
+    font-size: 3em; }
+  .page-not-found h2 {
+    font-size: 2em; } }
+
+/* Homepage Layout */
+@media (max-width: 52em) {
+  .homepage {
+    margin-bottom: 2rem; } }
+
+h1.site-title {
+  text-align: center;
+  /* font-size: 3.5em; */
+  font-size: 4.8em;
+  color: #66cccc;
+  margin-top: 0.5em;
+  margin-bottom: 0.2em; }
+
+@media (max-width: 52em) {
+  h1.site-title {
+    font-size: 3em; } }
+
+.homepage h1.headline {
+  font-size: 3em;
+  color: #ffcc66; }
+
+@media (max-width: 52em) {
+  .homepage h1.headline {
+    padding-left: 2rem;
+    padding-right: 2rem; } }
+
+.homepage .hero-logo img {
+  width: 100%; }
+
+.homepage section.categories,
+.homepage section.tags {
+  padding-left: 2rem;
+  padding-right: 2rem; }
+
+.homepage .category,
+.homepage .category a,
+.homepage .tag,
+.homepage .tag a {
+  color: #cc99cc; }
+
+.homepage .tag {
+  margin-right: 2em; }
+
+.nav-bar {
+  margin-left: .5em;
+  margin-bottom: 1em; }
+
+.hero-tagline {
+  margin-top: .3em;
+  text-align: center; }
+
+/* Post List Layout */
+.article-list h1.list-title {
+  font-size: 3em;
+  color: #ffcc66; }
+
+.article-list article {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+  margin-bottom: 4rem; }
+
+.article-list article h2.headline,
+.article-list article h2.headline a {
+  margin-top: 0;
+  color: #6699cc; }
+
+.article-list article .meta {
+  margin-bottom: 1rem; }
+
+.article-list article .meta .key {
+  color: #747369; }
+
+.article-list article .meta .val,
+.article-list article .meta .val a {
+  color: #cc99cc; }
+
+.article-list article section.summary a {
+  color: #d27b53; }
+
+/* Single Post Layout */
+article.single .meta {
+  font-size: 0.9em;
+  text-align: right; }
+
+article.single .meta .key {
+  color: #747369; }
+
+article.single .meta .val, article.single .meta .val a {
+  color: #cc99cc; }
+
+@media (max-width: 52em) {
+  article.single .meta {
+    padding-left: 2rem;
+    padding-right: 2rem; } }
+
+article.single h1.headline {
+  margin-top: 0;
+  font-size: 3em;
+  color: #ffcc66; }
+
+@media (max-width: 52em) {
+  article.single h1.headline {
+    padding-left: 2rem;
+    padding-right: 2rem; } }
+
+article.single section.body {
+  padding-top: 4rem;
+  padding-bottom: 3rem; }
+
+@media (max-width: 52em) {
+  article.single section.body {
+    padding-top: 2rem;
+    padding-bottom: 1rem; } }
+
+/* Highlight Colors */
+article.single section.body h1 {
+  color: #6699cc; }
+
+article.single section.body h2 {
+  color: #99cc99; }
+
+article.single section.body h3 {
+  color: #f99157; }
+
+article.single section.body h4 {
+  color: #f2777a; }
+
+article.single section.body h5 {
+  color: #515151; }
+
+article.single section.body h6 {
+  color: #747369; }
+
+article.single section.body a, a:visited {
+  color: #a06700; }
+
+/* Article Elements */
+article.single * {
+  max-width: 100%; }
+
+article.single pre {
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow-x: scroll;
+  border-radius: 3px;
+  padding: 2rem; }
+
+article.single p code {
+  padding: 0.2em 0.5em;
+  border-radius: 3px;
+  background: #747369;
+  color: #f2f0ec; }
+
+article.single figure, article.single div.highlight {
+  box-sizing: border-box;
+  max-width: 52rem;
+  width: 52rem;
+  margin-left: -8rem;
+  margin-right: -8rem;
+  margin-bottom: 1rem;
+  padding: 1em;
+  background-color: #393939; }
+
+@media (max-width: 52em) {
+  article.single figure, article.single div.highlight {
+    width: 100%;
+    margin-left: 0;
+    margin-right: 0;
+    border-radius: 3px; } }
+
+article.single figure img {
+  max-width: 100%;
+  width: 100%;
+  border-radius: 3px; }
+
+article.single figure figcaption {
+  margin-top: 1rem; }
+
+article.single figure figcaption h4 {
+  margin-top: 0;
+  text-align: center;
+  font-style: italic;
+  font-weight: normal;
+  color: #f2f0ec; }
+
+article.single table {
+  border-collapse: separate;
+  border-spacing: 0;
+  max-width: 100%;
+  width: 100%; }
+
+article.single th,
+article.single td {
+  padding: .25rem 1rem;
+  line-height: inherit;
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-bottom-color: #a09f93; }
+
+article.single tr:last-child td {
+  border-bottom: 0; }
+
+article.single th {
+  text-align: left;
+  font-weight: bold;
+  vertical-align: bottom; }
+
+article.single td {
+  vertical-align: top; }
+
+article.single blockquote {
+  margin-left: 2rem;
+  margin-right: 3rem;
+  padding-left: 1rem;
+  border-left: 5px solid #66cccc; }
+
+article.single hr {
+  border: 0;
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  border-bottom-color: #a09f93; }
+
+/* Pygments template by Jan T. Sott (https://github.com/idleberg) */
+pre {
+  background: #2d2d2d;
+  color: #f2f0ec; }
+
+.highlight .hll {
+  background-color: #515151; }
+
+.highlight .c {
+  color: #747369; }
+
+/* Comment */
+.highlight .err {
+  color: #f2777a; }
+
+/* Error */
+.highlight .k {
+  color: #cc99cc; }
+
+/* Keyword */
+.highlight .l {
+  color: #f99157; }
+
+/* Literal */
+.highlight .n {
+  color: #f2f0ec; }
+
+/* Name */
+.highlight .o {
+  color: #66cccc; }
+
+/* Operator */
+.highlight .p {
+  color: #f2f0ec; }
+
+/* Punctuation */
+.highlight .cm {
+  color: #747369; }
+
+/* Comment.Multiline */
+.highlight .cp {
+  color: #747369; }
+
+/* Comment.Preproc */
+.highlight .c1 {
+  color: #747369; }
+
+/* Comment.Single */
+.highlight .cs {
+  color: #747369; }
+
+/* Comment.Special */
+.highlight .gd {
+  color: #f2777a; }
+
+/* Generic.Deleted */
+.highlight .ge {
+  font-style: italic; }
+
+/* Generic.Emph */
+.highlight .gh {
+  color: #f2f0ec;
+  font-weight: bold; }
+
+/* Generic.Heading */
+.highlight .gi {
+  color: #99cc99; }
+
+/* Generic.Inserted */
+.highlight .gp {
+  color: #747369;
+  font-weight: bold; }
+
+/* Generic.Prompt */
+.highlight .gs {
+  font-weight: bold; }
+
+/* Generic.Strong */
+.highlight .gu {
+  color: #66cccc;
+  font-weight: bold; }
+
+/* Generic.Subheading */
+.highlight .kc {
+  color: #cc99cc; }
+
+/* Keyword.Constant */
+.highlight .kd {
+  color: #cc99cc; }
+
+/* Keyword.Declaration */
+.highlight .kn {
+  color: #66cccc; }
+
+/* Keyword.Namespace */
+.highlight .kp {
+  color: #cc99cc; }
+
+/* Keyword.Pseudo */
+.highlight .kr {
+  color: #cc99cc; }
+
+/* Keyword.Reserved */
+.highlight .kt {
+  color: #ffcc66; }
+
+/* Keyword.Type */
+.highlight .ld {
+  color: #99cc99; }
+
+/* Literal.Date */
+.highlight .m {
+  color: #f99157; }
+
+/* Literal.Number */
+.highlight .s {
+  color: #99cc99; }
+
+/* Literal.String */
+.highlight .na {
+  color: #6699cc; }
+
+/* Name.Attribute */
+.highlight .nb {
+  color: #f2f0ec; }
+
+/* Name.Builtin */
+.highlight .nc {
+  color: #ffcc66; }
+
+/* Name.Class */
+.highlight .no {
+  color: #f2777a; }
+
+/* Name.Constant */
+.highlight .nd {
+  color: #66cccc; }
+
+/* Name.Decorator */
+.highlight .ni {
+  color: #f2f0ec; }
+
+/* Name.Entity */
+.highlight .ne {
+  color: #f2777a; }
+
+/* Name.Exception */
+.highlight .nf {
+  color: #6699cc; }
+
+/* Name.Function */
+.highlight .nl {
+  color: #f2f0ec; }
+
+/* Name.Label */
+.highlight .nn {
+  color: #ffcc66; }
+
+/* Name.Namespace */
+.highlight .nx {
+  color: #6699cc; }
+
+/* Name.Other */
+.highlight .py {
+  color: #f2f0ec; }
+
+/* Name.Property */
+.highlight .nt {
+  color: #66cccc; }
+
+/* Name.Tag */
+.highlight .nv {
+  color: #f2777a; }
+
+/* Name.Variable */
+.highlight .ow {
+  color: #66cccc; }
+
+/* Operator.Word */
+.highlight .w {
+  color: #f2f0ec; }
+
+/* Text.Whitespace */
+.highlight .mf {
+  color: #f99157; }
+
+/* Literal.Number.Float */
+.highlight .mh {
+  color: #f99157; }
+
+/* Literal.Number.Hex */
+.highlight .mi {
+  color: #f99157; }
+
+/* Literal.Number.Integer */
+.highlight .mo {
+  color: #f99157; }
+
+/* Literal.Number.Oct */
+.highlight .sb {
+  color: #99cc99; }
+
+/* Literal.String.Backtick */
+.highlight .sc {
+  color: #f2f0ec; }
+
+/* Literal.String.Char */
+.highlight .sd {
+  color: #747369; }
+
+/* Literal.String.Doc */
+.highlight .s2 {
+  color: #99cc99; }
+
+/* Literal.String.Double */
+.highlight .se {
+  color: #f99157; }
+
+/* Literal.String.Escape */
+.highlight .sh {
+  color: #99cc99; }
+
+/* Literal.String.Heredoc */
+.highlight .si {
+  color: #f99157; }
+
+/* Literal.String.Interpol */
+.highlight .sx {
+  color: #99cc99; }
+
+/* Literal.String.Other */
+.highlight .sr {
+  color: #99cc99; }
+
+/* Literal.String.Regex */
+.highlight .s1 {
+  color: #99cc99; }
+
+/* Literal.String.Single */
+.highlight .ss {
+  color: #99cc99; }
+
+/* Literal.String.Symbol */
+.highlight .bp {
+  color: #f2f0ec; }
+
+/* Name.Builtin.Pseudo */
+.highlight .vc {
+  color: #f2777a; }
+
+/* Name.Variable.Class */
+.highlight .vg {
+  color: #f2777a; }
+
+/* Name.Variable.Global */
+.highlight .vi {
+  color: #f2777a; }
+
+/* Name.Variable.Instance */
+.highlight .il {
+  color: #f99157; }
+
+/* Literal.Number.Integer.Long */
+/*# sourceMappingURL=style.css.map */
diff --git a/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.json b/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.json
new file mode 100644
index 0000000..f010337
--- /dev/null
+++ b/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.json
@@ -0,0 +1 @@
+{"Target":"sass/main.css","MediaType":"text/css","Data":{}}
\ No newline at end of file