Merge pull request #18 from denislobanov/pagination

Add support for Pagination #2

6 files changed, 71 insertions, 3 deletions

diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index cf5b2b2..d70204d 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -1,8 +1,10 @@
 {{ partial "header.html" . }}
+{{ $paginator := .Paginate (where .Data.Pages "Section" "post") (or .Site.Params.paginate 3) }}
 <main role="main" class="article-list">
   <h1 class="list-title">{{ .Title }}</h1>
-  {{ range .Data.Pages }}
+  {{ range $paginator.Pages }}
     {{ partial "article-list-item.html" . }}
   {{ end }}
 </main>
+{{ partial "paginator.html" $paginator }}
 {{ partial "footer.html" . }}
diff --git a/layouts/partials/homepage.html b/layouts/partials/homepage.html
index cdbc78e..81177dc 100644
--- a/layouts/partials/homepage.html
+++ b/layouts/partials/homepage.html
@@ -5,12 +5,15 @@
 
   <h1 class="headline">Recent Posts</h1>
 
+  {{ $paginator := .Paginate (where .Data.Pages "Section" "post") (or .Site.Params.paginate 3) }}
   <div class="article-list">
-    {{ range first 3 (where .Data.Pages "Section" "post") }}
+    {{ range $paginator.Pages }}
       {{ partial "article-list-item.html" . }}
     {{ end }}
   </div>
 
+  {{ partial "paginator.html" $paginator }}
+
 {{ with .Site.Taxonomies.categories }}
 
   <h1 class="headline">Categories</h1>
diff --git a/layouts/partials/paginator.html b/layouts/partials/paginator.html
new file mode 100644
index 0000000..67cdfe4
--- /dev/null
+++ b/layouts/partials/paginator.html
@@ -0,0 +1,17 @@
+{{ if gt .TotalPages 1 }}
+  <nav class="paginator">
+    {{ if .HasPrev }}
+    <a class="nav-left" href="{{ .Prev.URL }}">&lt; Prev</a>
+    {{ else }}
+    <span class="nav-left faded">&lt; Prev</span>
+    {{ end }}
+
+    <span>{{ .PageNumber}} / {{ .TotalPages }}</span>
+
+    {{ if .HasNext }}
+    <a class="nav-right" href="{{ .Next.URL }}">Next &gt;</a>
+    {{ else }}
+    <span class="nav-right faded">Next &gt;</span>
+    {{ end }}
+  </nav>
+{{ end }}
diff --git a/src/css/style.css b/src/css/style.css
index 349bf9e..f5dc487 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -275,6 +275,29 @@ footer a {
 
 .article-list article section.summary a { color: var(--base0f); }
 
+/* Pagination */
+
+nav.paginator {
+  text-align: center;
+}
+
+nav.paginator a {
+  color: var(--base0e);
+}
+
+nav.paginator .faded {
+  color: var(--base02);
+}
+
+nav.paginator .nav-left {
+  margin-left: auto;
+  margin-right: 1%;
+}
+
+nav.paginator .nav-right {
+  margin-left: 1%;
+  margin-right: auto;
+}
 
 /* Single Post Layout */
 
diff --git a/static/css/style.css b/static/css/style.css
index 7f04576..c7ea36f 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -254,6 +254,29 @@ footer a {
 
 .article-list article section.summary a { color: #d27b53; }
 
+/* Pagination */
+
+nav.paginator {
+  text-align: center;
+}
+
+nav.paginator a {
+  color: #cc99cc;
+}
+
+nav.paginator .faded {
+  color: #515151;
+}
+
+nav.paginator .nav-left {
+  margin-left: auto;
+  margin-right: 1%;
+}
+
+nav.paginator .nav-right {
+  margin-left: 1%;
+  margin-right: auto;
+}
 
 /* Single Post Layout */
 
diff --git a/static/css/style.css.map b/static/css/style.css.map
index 94ac115..17ce755 100644
--- a/static/css/style.css.map
+++ b/static/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["style.css"],"names":[],"mappings":"AAAA,4EAA4E;;AAqB5E,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;;AAIjC,yBAAyB;;AAEzB;EACE,UAAU;EACV,0BAAgC;EAChC,eAAqB;EACrB,iBAAiB;EACjB,gBAAgB;EAChB,0CAA0C;CAC3C;;AAED;EACE,gBAAgB;EAChB,kBAAkB;EAClB,mBAAmB;CACpB;;AAED;EACE,YAAY;CACb;;AAED;EACE,eAAe;CAChB;;AAED;EACE;IACE,YAAY;GACb;CACF;;AAED;;EAEE,0BAAgC;EAChC,eAAqB;EACrB,mBAAmB;EACnB,oBAAoB;EACpB,kBAAkB;EAClB,qBAAqB;CACtB;;AAED;EACE;;IAEE,mBAAmB;IACnB,oBAAoB;GACrB;CACF;;AAED;EACE,0BAAgC;EAChC,kBAAkB;EAClB,qBAAqB;CACtB;;AAED;EACE,iBAAiB;EACjB,oBAAoB;CACrB;;AAED;EACE;IACE,cAAc;IACd,mBAAmB;IACnB,oBAAoB;GACrB;CACF;;AAED;EACE,iBAAiB;EACjB,oBAAoB;EACpB,mBAAmB;EACnB,iBAAiB;EACjB,eAAqB;CACtB;;AAED;EACE;IACE,cAAc;IACd,iBAAiB;GAClB;CACF;;AAED,gBAAgB;;AAEhB;EACE,kBAAkB;EAClB,kBAAkB;EAClB,gBAAgB;EAChB,oBAAoB;CACrB;;AAED;EACE,cAAc;EACd,oBAAoB;CACrB;;AAED,KAAK,eAAe,EAAE;AACtB,KAAK,iBAAiB,EAAE;AACxB,KAAK,kBAAkB,EAAE;AACzB,KAAK,eAAe,EAAE;AACtB,KAAK,kBAAkB,EAAE;AACzB,KAAK,iBAAiB,EAAE;;AAExB;EACE,qBAAqB;EACrB,mBAAmB;CACpB;;AAED,mBAAmB;;AAEnB;EACE,eAAqB;CACtB;;AAED;EACE,eAAqB;CACtB;;AAED,mBAAmB;;AAEnB;EACE,eAAqB;EACrB,sBAAsB;CACvB;;AAED,qBAAqB;;AAErB;EACE,mBAAmB;EACnB,eAAe;CAChB;;AAED;EACE,mBAAmB;EACnB,eAAe;EACf,eAAqB;EACrB,oBAAoB;CACrB;;AAED;EACE;IACE,eAAe;GAChB;;EAED;IACE,eAAe;GAChB;CACF;;AAED,qBAAqB;;AAErB;EACE;IACE,oBAAoB;GACrB;CACF;;AAED;EACE,mBAAmB;EACnB,eAAe;EACf,eAAqB;CACtB;;AAED;EACE;IACE,eAAe;GAChB;CACF;;AAED;EACE,eAAe;EACf,eAAqB;CACtB;;AAED;EACE;IACE,mBAAmB;IACnB,oBAAoB;GACrB;CACF;;AAED;EACE,YAAY;CACb;;AAED;;EAEE,mBAAmB;EACnB,oBAAoB;CACrB;;AAED;;;;EAIE,eAAqB;CACtB;;AAED;EACE,kBAAkB;CACnB;;AAED,sBAAsB;;AAEtB;EACE,eAAe;EACf,eAAqB;CACtB;;AAED;EACE,kBAAkB;EAClB,qBAAqB;EACrB,oBAAoB;CACrB;;AAED;;EAEE,cAAc;EACd,eAAqB;CACtB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,eAAqB;CACtB;;AAED;;EAEE,eAAqB;CACtB;;AAED,0CAA0C,eAAqB,EAAE;;;AAGjE,wBAAwB;;AAExB;EACE,iBAAiB;EACjB,kBAAkB;CACnB;;AAED;EACE,eAAqB;CACtB;;AAED;EACE,eAAqB;CACtB;;AAED;EACE;IACE,mBAAmB;IACnB,oBAAoB;GACrB;CACF;;AAED;EACE,cAAc;EACd,eAAe;EACf,eAAqB;CACtB;;AAED;EACE;IACE,mBAAmB;IACnB,oBAAoB;GACrB;CACF;;AAED;EACE,kBAAkB;EAClB,qBAAqB;CACtB;;AAED;EACE;IACE,kBAAkB;IAClB,qBAAqB;GACtB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","file":"style.css","sourcesContent":["/* Base16 Eighties Colorscheme by Chris Kempson (http://chriskempson.com) */\n\n:root {\n  --base00: #2d2d2d;\n  --base01: #393939;\n  --base02: #515151;\n  --base03: #747369;\n  --base04: #a09f93;\n  --base05: #d3d0c8;\n  --base06: #e8e6df;\n  --base07: #f2f0ec;\n  --base08: #f2777a;\n  --base09: #f99157;\n  --base0a: #ffcc66;\n  --base0b: #99cc99;\n  --base0c: #66cccc;\n  --base0d: #6699cc;\n  --base0e: #cc99cc;\n  --base0f: #d27b53;\n}\n\n.base00 { color: var(--base00); }\n.base01 { color: var(--base01); }\n.base02 { color: var(--base02); }\n.base03 { color: var(--base03); }\n.base04 { color: var(--base04); }\n.base05 { color: var(--base05); }\n.base06 { color: var(--base06); }\n.base07 { color: var(--base07); }\n.base08 { color: var(--base08); }\n.base09 { color: var(--base09); }\n.base0a { color: var(--base0a); }\n.base0b { color: var(--base0b); }\n.base0c { color: var(--base0c); }\n.base0d { color: var(--base0d); }\n.base0e { color: var(--base0e); }\n.base0f { color: var(--base0f); }\n\n@custom-media --breakpoint-md (max-width: 52em);\n\n/* General Page Layout */\n\nbody {\n  margin: 0;\n  background-color: var(--base00);\n  color: var(--base07);\n  line-height: 1.5;\n  font-size: 100%;\n  font-family: 'Source Code Pro', monospace;\n}\n\n.container {\n  max-width: 52em;\n  margin-left: auto;\n  margin-right: auto;\n}\n\ndiv.right {\n  float:right;\n}\n\ndiv.clearfix {\n  overflow: auto;\n}\n\n@media (--breakpoint-md) {\n  .container {\n    width: 100%;\n  }\n}\n\narticle.single section,\n.article-list article {\n  background-color: var(--base07);\n  color: var(--base00);\n  padding-left: 8rem;\n  padding-right: 8rem;\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n\n@media (--breakpoint-md) {\n  article.single section,\n  .article-list article {\n    padding-left: 2rem;\n    padding-right: 2rem;\n  }\n}\n\nheader, footer {\n  background-color: var(--base01);\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n\nheader {\n  margin-top: 1rem;\n  margin-bottom: 2rem;\n}\n\n@media (--breakpoint-md) {\n  header {\n    margin-top: 0;\n    padding-left: 2rem;\n    padding-right: 2rem;\n  }\n}\n\nfooter {\n  margin-top: 2rem;\n  margin-bottom: 1rem;\n  text-align: center;\n  font-size: 0.9em;\n  color: var(--base03);\n}\n\n@media (--breakpoint-md) {\n  footer {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n}\n\n/* Typography */\n\nh1, h2, h3, h4, h5, h6 {\n  font-weight: bold;\n  line-height: 1.25;\n  margin-top: 1em;\n  margin-bottom: .5em;\n}\n\np {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nh1 { font-size: 2rem }\nh2 { font-size: 1.5rem }\nh3 { font-size: 1.25rem }\nh4 { font-size: 1rem }\nh5 { font-size: .875rem }\nh6 { font-size: .75rem }\n\npre, code {\n  font-family: inherit;\n  font-size: inherit;\n}\n\n/* Header Layout */\n\nheader a.path {\n  color: var(--base0d);\n}\n\nheader span.caret {\n  color: var(--base07);\n}\n\n/* Footer Layout */\n\nfooter a {\n  color: var(--base03);\n  text-decoration: none;\n}\n\n/* 404 Page Layout */\n\n.page-not-found h1 {\n  text-align: center;\n  font-size: 5em;\n}\n\n.page-not-found h2 {\n  text-align: center;\n  font-size: 3em;\n  color: var(--base04);\n  margin-bottom: 4rem;\n}\n\n@media (--breakpoint-md) {\n  .page-not-found h1 {\n    font-size: 3em;\n  }\n\n  .page-not-found h2 {\n    font-size: 2em;\n  }\n}\n\n/* Homepage Layout */\n\n@media (--breakpoint-md) {\n  .homepage {\n    margin-bottom: 2rem;\n  }\n}\n\n.homepage h1.site-title {\n  text-align: center;\n  font-size: 5em;\n  color: var(--base0c);\n}\n\n@media (--breakpoint-md) {\n  .homepage h1.site-title {\n    font-size: 3em;\n  }\n}\n\n.homepage h1.headline {\n  font-size: 3em;\n  color: var(--base0a);\n}\n\n@media (--breakpoint-md) {\n  .homepage h1.headline {\n    padding-left: 2rem;\n    padding-right: 2rem;\n  }\n}\n\n.homepage .hero-logo img {\n  width: 100%;\n}\n\n.homepage section.categories,\n.homepage section.tags {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n\n.homepage .category,\n.homepage .category a,\n.homepage .tag,\n.homepage .tag a {\n  color: var(--base0e);\n}\n\n.homepage .tag {\n  margin-right: 2em;\n}\n\n/* Post List Layout */\n\n.article-list h1.list-title {\n  font-size: 3em;\n  color: var(--base0a);\n}\n\n.article-list article {\n  padding-top: 4rem;\n  padding-bottom: 4rem;\n  margin-bottom: 4rem;\n}\n\n.article-list article h2.headline,\n.article-list article h2.headline a {\n  margin-top: 0;\n  color: var(--base0d);\n}\n\n.article-list article .meta {\n  margin-bottom: 1rem;\n}\n\n.article-list article .meta .key {\n  color: var(--base03);\n}\n\n.article-list article .meta .val,\n.article-list article .meta .val a {\n  color: var(--base0e);\n}\n\n.article-list article section.summary a { color: var(--base0f); }\n\n\n/* Single Post Layout */\n\narticle.single .meta {\n  font-size: 0.9em;\n  text-align: right;\n}\n\narticle.single .meta .key {\n  color: var(--base03);\n}\n\narticle.single .meta .val, article.single .meta .val a {\n  color: var(--base0e);\n}\n\n@media (--breakpoint-md) {\n  article.single .meta {\n    padding-left: 2rem;\n    padding-right: 2rem;\n  }\n}\n\narticle.single h1.headline {\n  margin-top: 0;\n  font-size: 3em;\n  color: var(--base0a);\n}\n\n@media (--breakpoint-md) {\n  article.single h1.headline {\n    padding-left: 2rem;\n    padding-right: 2rem;\n  }\n}\n\narticle.single section.body {\n  padding-top: 4rem;\n  padding-bottom: 3rem;\n}\n\n@media (--breakpoint-md) {\n  article.single section.body {\n    padding-top: 2rem;\n    padding-bottom: 1rem;\n  }\n}\n\n/* Highlight Colors */\n\narticle.single section.body h1 { color: var(--base0d); }\narticle.single section.body h2 { color: var(--base0b); }\narticle.single section.body h3 { color: var(--base09); }\narticle.single section.body h4 { color: var(--base08); }\narticle.single section.body h5 { color: var(--base02); }\narticle.single section.body h6 { color: var(--base03); }\n\narticle.single section.body a { color: var(--base0f); }\n\n/* Article Elements */\n\narticle.single * {\n  max-width: 100%;\n}\n\narticle.single pre {\n  margin-top: 0;\n  margin-bottom: 1rem;\n  overflow-x: scroll;\n  border-radius: 3px;\n  padding: 2rem;\n}\n\narticle.single p code {\n  padding: 0.2em 0.5em;\n  border-radius: 3px;\n  background: var(--base03);\n  color: var(--base07);\n}\n\narticle.single figure, article.single div.highlight {\n  box-sizing: border-box;\n  max-width: 52rem;\n  width: 52rem;\n  margin-left: -8rem;\n  margin-right: -8rem;\n  margin-bottom: 1rem;\n  padding: 1em;\n  background-color: var(--base01);\n}\n\n@media (--breakpoint-md) {\n  article.single figure, article.single div.highlight {\n    width: 100%;\n    margin-left: 0;\n    margin-right: 0;\n    border-radius: 3px;\n  }\n}\n\narticle.single figure img {\n  max-width: 100%;\n  width: 100%;\n  border-radius: 3px;\n}\n\narticle.single figure figcaption {\n  margin-top: 1rem;\n}\n\narticle.single figure figcaption h4 {\n  margin-top: 0;\n  text-align: center;\n  font-style: italic;\n  font-weight: normal;\n  color: var(--base07);\n}\n\narticle.single table {\n  border-collapse: separate;\n  border-spacing: 0;\n  max-width: 100%;\n  width: 100%;\n}\n\narticle.single th,\narticle.single td {\n  padding: .25rem 1rem;\n  line-height: inherit;\n  border-bottom-width: 1px;\n  border-bottom-style: solid;\n  border-bottom-color: var(--base04);\n}\n\narticle.single tr:last-child td {\n  border-bottom: 0;\n}\n\narticle.single th {\n  text-align: left;\n  font-weight: bold;\n  vertical-align: bottom;\n}\n\narticle.single td { vertical-align: top }\n\narticle.single blockquote {\n  margin-left: 2rem;\n  margin-right: 3rem;\n  padding-left: 1rem;\n  border-left: 5px solid var(--base0c);\n}\n\narticle.single hr {\n  border: 0;\n  border-bottom-style: solid;\n  border-bottom-width: 1px;\n  border-bottom-color: var(--base04);\n}\n\n/* Pygments template by Jan T. Sott (https://github.com/idleberg) */\n\npre { background: var(--base00); color: var(--base07) }\n\n.highlight .hll { background-color: var(--base02) }\n.highlight .c { color: var(--base03) } /* Comment */\n.highlight .err { color: var(--base08) } /* Error */\n.highlight .k { color: var(--base0e) } /* Keyword */\n.highlight .l { color: var(--base09) } /* Literal */\n.highlight .n { color: var(--base07) } /* Name */\n.highlight .o { color: var(--base0c) } /* Operator */\n.highlight .p { color: var(--base07) } /* Punctuation */\n.highlight .cm { color: var(--base03) } /* Comment.Multiline */\n.highlight .cp { color: var(--base03) } /* Comment.Preproc */\n.highlight .c1 { color: var(--base03) } /* Comment.Single */\n.highlight .cs { color: var(--base03) } /* Comment.Special */\n.highlight .gd { color: var(--base08) } /* Generic.Deleted */\n.highlight .ge { font-style: italic } /* Generic.Emph */\n.highlight .gh { color: var(--base07); font-weight: bold } /* Generic.Heading */\n.highlight .gi { color: var(--base0b) } /* Generic.Inserted */\n.highlight .gp { color: var(--base03); font-weight: bold } /* Generic.Prompt */\n.highlight .gs { font-weight: bold } /* Generic.Strong */\n.highlight .gu { color: var(--base0c); font-weight: bold } /* Generic.Subheading */\n.highlight .kc { color: var(--base0e) } /* Keyword.Constant */\n.highlight .kd { color: var(--base0e) } /* Keyword.Declaration */\n.highlight .kn { color: var(--base0c) } /* Keyword.Namespace */\n.highlight .kp { color: var(--base0e) } /* Keyword.Pseudo */\n.highlight .kr { color: var(--base0e) } /* Keyword.Reserved */\n.highlight .kt { color: var(--base0a) } /* Keyword.Type */\n.highlight .ld { color: var(--base0b) } /* Literal.Date */\n.highlight .m { color: var(--base09) } /* Literal.Number */\n.highlight .s { color: var(--base0b) } /* Literal.String */\n.highlight .na { color: var(--base0d) } /* Name.Attribute */\n.highlight .nb { color: var(--base07) } /* Name.Builtin */\n.highlight .nc { color: var(--base0a) } /* Name.Class */\n.highlight .no { color: var(--base08) } /* Name.Constant */\n.highlight .nd { color: var(--base0c) } /* Name.Decorator */\n.highlight .ni { color: var(--base07) } /* Name.Entity */\n.highlight .ne { color: var(--base08) } /* Name.Exception */\n.highlight .nf { color: var(--base0d) } /* Name.Function */\n.highlight .nl { color: var(--base07) } /* Name.Label */\n.highlight .nn { color: var(--base0a) } /* Name.Namespace */\n.highlight .nx { color: var(--base0d) } /* Name.Other */\n.highlight .py { color: var(--base07) } /* Name.Property */\n.highlight .nt { color: var(--base0c) } /* Name.Tag */\n.highlight .nv { color: var(--base08) } /* Name.Variable */\n.highlight .ow { color: var(--base0c) } /* Operator.Word */\n.highlight .w { color: var(--base07) } /* Text.Whitespace */\n.highlight .mf { color: var(--base09) } /* Literal.Number.Float */\n.highlight .mh { color: var(--base09) } /* Literal.Number.Hex */\n.highlight .mi { color: var(--base09) } /* Literal.Number.Integer */\n.highlight .mo { color: var(--base09) } /* Literal.Number.Oct */\n.highlight .sb { color: var(--base0b) } /* Literal.String.Backtick */\n.highlight .sc { color: var(--base07) } /* Literal.String.Char */\n.highlight .sd { color: var(--base03) } /* Literal.String.Doc */\n.highlight .s2 { color: var(--base0b) } /* Literal.String.Double */\n.highlight .se { color: var(--base09) } /* Literal.String.Escape */\n.highlight .sh { color: var(--base0b) } /* Literal.String.Heredoc */\n.highlight .si { color: var(--base09) } /* Literal.String.Interpol */\n.highlight .sx { color: var(--base0b) } /* Literal.String.Other */\n.highlight .sr { color: var(--base0b) } /* Literal.String.Regex */\n.highlight .s1 { color: var(--base0b) } /* Literal.String.Single */\n.highlight .ss { color: var(--base0b) } /* Literal.String.Symbol */\n.highlight .bp { color: var(--base07) } /* Name.Builtin.Pseudo */\n.highlight .vc { color: var(--base08) } /* Name.Variable.Class */\n.highlight .vg { color: var(--base08) } /* Name.Variable.Global */\n.highlight .vi { color: var(--base08) } /* Name.Variable.Instance */\n.highlight .il { color: var(--base09) } /* Literal.Number.Integer.Long */\n"]}
\ No newline at end of file
+{"version":3,"sources":["style.css"],"names":[],"mappings":"AAAA,4EAA4E;;AAqB5E,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;AACjC,UAAU,eAAqB,EAAE;;AAIjC,yBAAyB;;AAEzB;EACE,UAAU;EACV,0BAAgC;EAChC,eAAqB;EACrB,iBAAiB;EACjB,gBAAgB;EAChB,0CAA0C;CAC3C;;AAED;EACE,gBAAgB;EAChB,kBAAkB;EAClB,mBAAmB;CACpB;;AAED;EACE,YAAY;CACb;;AAED;EACE,eAAe;CAChB;;AAED;EACE;IACE,YAAY;GACb;CACF;;AAED;;EAEE,0BAAgC;EAChC,eAAqB;EACrB,mBAAmB;EACnB,oBAAoB;EACpB,kBAAkB;EAClB,qBAAqB;CACtB;;AAED;EACE;;IAEE,mBAAmB;IACnB,oBAAoB;GACrB;CACF;;AAED;EACE,0BAAgC;EAChC,kBAAkB;EAClB,qBAAqB;CACtB;;AAED;EACE,iBAAiB;EACjB,oBAAoB;CACrB;;AAED;EACE;IACE,cAAc;IACd,mBAAmB;IACnB,oBAAoB;GACrB;CACF;;AAED;EACE,iBAAiB;EACjB,oBAAoB;EACpB,mBAAmB;EACnB,iBAAiB;EACjB,eAAqB;CACtB;;AAED;EACE;IACE,cAAc;IACd,iBAAiB;GAClB;CACF;;AAED,gBAAgB;;AAEhB;EACE,kBAAkB;EAClB,kBAAkB;EAClB,gBAAgB;EAChB,oBAAoB;CACrB;;AAED;EACE,cAAc;EACd,oBAAoB;CACrB;;AAED,KAAK,eAAe,EAAE;AACtB,KAAK,iBAAiB,EAAE;AACxB,KAAK,kBAAkB,EAAE;AACzB,KAAK,eAAe,EAAE;AACtB,KAAK,kBAAkB,EAAE;AACzB,KAAK,iBAAiB,EAAE;;AAExB;EACE,qBAAqB;EACrB,mBAAmB;CACpB;;AAED,mBAAmB;;AAEnB;EACE,eAAqB;CACtB;;AAED;EACE,eAAqB;CACtB;;AAED,mBAAmB;;AAEnB;EACE,eAAqB;EACrB,sBAAsB;CACvB;;AAED,qBAAqB;;AAErB;EACE,mBAAmB;EACnB,eAAe;CAChB;;AAED;EACE,mBAAmB;EACnB,eAAe;EACf,eAAqB;EACrB,oBAAoB;CACrB;;AAED;EACE;IACE,eAAe;GAChB;;EAED;IACE,eAAe;GAChB;CACF;;AAED,qBAAqB;;AAErB;EACE;IACE,oBAAoB;GACrB;CACF;;AAED;EACE,mBAAmB;EACnB,eAAe;EACf,eAAqB;CACtB;;AAED;EACE;IACE,eAAe;GAChB;CACF;;AAED;EACE,eAAe;EACf,eAAqB;CACtB;;AAED;EACE;IACE,mBAAmB;IACnB,oBAAoB;GACrB;CACF;;AAED;EACE,YAAY;CACb;;AAED;;EAEE,mBAAmB;EACnB,oBAAoB;CACrB;;AAED;;;;EAIE,eAAqB;CACtB;;AAED;EACE,kBAAkB;CACnB;;AAED,sBAAsB;;AAEtB;EACE,eAAe;EACf,eAAqB;CACtB;;AAED;EACE,kBAAkB;EAClB,qBAAqB;EACrB,oBAAoB;CACrB;;AAED;;EAEE,cAAc;EACd,eAAqB;CACtB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,eAAqB;CACtB;;AAED;;EAEE,eAAqB;CACtB;;AAED,0CAA0C,eAAqB,EAAE;;AAEjE,gBAAgB;;AAEhB;EACE,mBAAmB;CACpB;;AAED;EACE,eAAqB;CACtB;;AAED;EACE,eAAqB;CACtB;;AAED;EACE,kBAAkB;EAClB,iBAAiB;CAClB;;AAED;EACE,gBAAgB;EAChB,mBAAmB;CACpB;;AAED,wBAAwB;;AAExB;EACE,iBAAiB;EACjB,kBAAkB;CACnB;;AAED;EACE,eAAqB;CACtB;;AAED;EACE,eAAqB;CACtB;;AAED;EACE;IACE,mBAAmB;IACnB,oBAAoB;GACrB;CACF;;AAED;EACE,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","file":"style.css","sourcesContent":["/* Base16 Eighties Colorscheme by Chris Kempson (http://chriskempson.com) */\n\n:root {\n  --base00: #2d2d2d;\n  --base01: #393939;\n  --base02: #515151;\n  --base03: #747369;\n  --base04: #a09f93;\n  --base05: #d3d0c8;\n  --base06: #e8e6df;\n  --base07: #f2f0ec;\n  --base08: #f2777a;\n  --base09: #f99157;\n  --base0a: #ffcc66;\n  --base0b: #99cc99;\n  --base0c: #66cccc;\n  --base0d: #6699cc;\n  --base0e: #cc99cc;\n  --base0f: #d27b53;\n}\n\n.base00 { color: var(--base00); }\n.base01 { color: var(--base01); }\n.base02 { color: var(--base02); }\n.base03 { color: var(--base03); }\n.base04 { color: var(--base04); }\n.base05 { color: var(--base05); }\n.base06 { color: var(--base06); }\n.base07 { color: var(--base07); }\n.base08 { color: var(--base08); }\n.base09 { color: var(--base09); }\n.base0a { color: var(--base0a); }\n.base0b { color: var(--base0b); }\n.base0c { color: var(--base0c); }\n.base0d { color: var(--base0d); }\n.base0e { color: var(--base0e); }\n.base0f { color: var(--base0f); }\n\n@custom-media --breakpoint-md (max-width: 52em);\n\n/* General Page Layout */\n\nbody {\n  margin: 0;\n  background-color: var(--base00);\n  color: var(--base07);\n  line-height: 1.5;\n  font-size: 100%;\n  font-family: 'Source Code Pro', monospace;\n}\n\n.container {\n  max-width: 52em;\n  margin-left: auto;\n  margin-right: auto;\n}\n\ndiv.right {\n  float:right;\n}\n\ndiv.clearfix {\n  overflow: auto;\n}\n\n@media (--breakpoint-md) {\n  .container {\n    width: 100%;\n  }\n}\n\narticle.single section,\n.article-list article {\n  background-color: var(--base07);\n  color: var(--base00);\n  padding-left: 8rem;\n  padding-right: 8rem;\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n\n@media (--breakpoint-md) {\n  article.single section,\n  .article-list article {\n    padding-left: 2rem;\n    padding-right: 2rem;\n  }\n}\n\nheader, footer {\n  background-color: var(--base01);\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n\nheader {\n  margin-top: 1rem;\n  margin-bottom: 2rem;\n}\n\n@media (--breakpoint-md) {\n  header {\n    margin-top: 0;\n    padding-left: 2rem;\n    padding-right: 2rem;\n  }\n}\n\nfooter {\n  margin-top: 2rem;\n  margin-bottom: 1rem;\n  text-align: center;\n  font-size: 0.9em;\n  color: var(--base03);\n}\n\n@media (--breakpoint-md) {\n  footer {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n}\n\n/* Typography */\n\nh1, h2, h3, h4, h5, h6 {\n  font-weight: bold;\n  line-height: 1.25;\n  margin-top: 1em;\n  margin-bottom: .5em;\n}\n\np {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nh1 { font-size: 2rem }\nh2 { font-size: 1.5rem }\nh3 { font-size: 1.25rem }\nh4 { font-size: 1rem }\nh5 { font-size: .875rem }\nh6 { font-size: .75rem }\n\npre, code {\n  font-family: inherit;\n  font-size: inherit;\n}\n\n/* Header Layout */\n\nheader a.path {\n  color: var(--base0d);\n}\n\nheader span.caret {\n  color: var(--base07);\n}\n\n/* Footer Layout */\n\nfooter a {\n  color: var(--base03);\n  text-decoration: none;\n}\n\n/* 404 Page Layout */\n\n.page-not-found h1 {\n  text-align: center;\n  font-size: 5em;\n}\n\n.page-not-found h2 {\n  text-align: center;\n  font-size: 3em;\n  color: var(--base04);\n  margin-bottom: 4rem;\n}\n\n@media (--breakpoint-md) {\n  .page-not-found h1 {\n    font-size: 3em;\n  }\n\n  .page-not-found h2 {\n    font-size: 2em;\n  }\n}\n\n/* Homepage Layout */\n\n@media (--breakpoint-md) {\n  .homepage {\n    margin-bottom: 2rem;\n  }\n}\n\n.homepage h1.site-title {\n  text-align: center;\n  font-size: 5em;\n  color: var(--base0c);\n}\n\n@media (--breakpoint-md) {\n  .homepage h1.site-title {\n    font-size: 3em;\n  }\n}\n\n.homepage h1.headline {\n  font-size: 3em;\n  color: var(--base0a);\n}\n\n@media (--breakpoint-md) {\n  .homepage h1.headline {\n    padding-left: 2rem;\n    padding-right: 2rem;\n  }\n}\n\n.homepage .hero-logo img {\n  width: 100%;\n}\n\n.homepage section.categories,\n.homepage section.tags {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n\n.homepage .category,\n.homepage .category a,\n.homepage .tag,\n.homepage .tag a {\n  color: var(--base0e);\n}\n\n.homepage .tag {\n  margin-right: 2em;\n}\n\n/* Post List Layout */\n\n.article-list h1.list-title {\n  font-size: 3em;\n  color: var(--base0a);\n}\n\n.article-list article {\n  padding-top: 4rem;\n  padding-bottom: 4rem;\n  margin-bottom: 4rem;\n}\n\n.article-list article h2.headline,\n.article-list article h2.headline a {\n  margin-top: 0;\n  color: var(--base0d);\n}\n\n.article-list article .meta {\n  margin-bottom: 1rem;\n}\n\n.article-list article .meta .key {\n  color: var(--base03);\n}\n\n.article-list article .meta .val,\n.article-list article .meta .val a {\n  color: var(--base0e);\n}\n\n.article-list article section.summary a { color: var(--base0f); }\n\n/* Pagination */\n\nnav.paginator {\n  text-align: center;\n}\n\nnav.paginator a {\n  color: var(--base0e);\n}\n\nnav.paginator .faded {\n  color: var(--base02);\n}\n\nnav.paginator .nav-left {\n  margin-left: auto;\n  margin-right: 1%;\n}\n\nnav.paginator .nav-right {\n  margin-left: 1%;\n  margin-right: auto;\n}\n\n/* Single Post Layout */\n\narticle.single .meta {\n  font-size: 0.9em;\n  text-align: right;\n}\n\narticle.single .meta .key {\n  color: var(--base03);\n}\n\narticle.single .meta .val, article.single .meta .val a {\n  color: var(--base0e);\n}\n\n@media (--breakpoint-md) {\n  article.single .meta {\n    padding-left: 2rem;\n    padding-right: 2rem;\n  }\n}\n\narticle.single h1.headline {\n  margin-top: 0;\n  font-size: 3em;\n  color: var(--base0a);\n}\n\n@media (--breakpoint-md) {\n  article.single h1.headline {\n    padding-left: 2rem;\n    padding-right: 2rem;\n  }\n}\n\narticle.single section.body {\n  padding-top: 4rem;\n  padding-bottom: 3rem;\n}\n\n@media (--breakpoint-md) {\n  article.single section.body {\n    padding-top: 2rem;\n    padding-bottom: 1rem;\n  }\n}\n\n/* Highlight Colors */\n\narticle.single section.body h1 { color: var(--base0d); }\narticle.single section.body h2 { color: var(--base0b); }\narticle.single section.body h3 { color: var(--base09); }\narticle.single section.body h4 { color: var(--base08); }\narticle.single section.body h5 { color: var(--base02); }\narticle.single section.body h6 { color: var(--base03); }\n\narticle.single section.body a { color: var(--base0f); }\n\n/* Article Elements */\n\narticle.single * {\n  max-width: 100%;\n}\n\narticle.single pre {\n  margin-top: 0;\n  margin-bottom: 1rem;\n  overflow-x: scroll;\n  border-radius: 3px;\n  padding: 2rem;\n}\n\narticle.single p code {\n  padding: 0.2em 0.5em;\n  border-radius: 3px;\n  background: var(--base03);\n  color: var(--base07);\n}\n\narticle.single figure, article.single div.highlight {\n  box-sizing: border-box;\n  max-width: 52rem;\n  width: 52rem;\n  margin-left: -8rem;\n  margin-right: -8rem;\n  margin-bottom: 1rem;\n  padding: 1em;\n  background-color: var(--base01);\n}\n\n@media (--breakpoint-md) {\n  article.single figure, article.single div.highlight {\n    width: 100%;\n    margin-left: 0;\n    margin-right: 0;\n    border-radius: 3px;\n  }\n}\n\narticle.single figure img {\n  max-width: 100%;\n  width: 100%;\n  border-radius: 3px;\n}\n\narticle.single figure figcaption {\n  margin-top: 1rem;\n}\n\narticle.single figure figcaption h4 {\n  margin-top: 0;\n  text-align: center;\n  font-style: italic;\n  font-weight: normal;\n  color: var(--base07);\n}\n\narticle.single table {\n  border-collapse: separate;\n  border-spacing: 0;\n  max-width: 100%;\n  width: 100%;\n}\n\narticle.single th,\narticle.single td {\n  padding: .25rem 1rem;\n  line-height: inherit;\n  border-bottom-width: 1px;\n  border-bottom-style: solid;\n  border-bottom-color: var(--base04);\n}\n\narticle.single tr:last-child td {\n  border-bottom: 0;\n}\n\narticle.single th {\n  text-align: left;\n  font-weight: bold;\n  vertical-align: bottom;\n}\n\narticle.single td { vertical-align: top }\n\narticle.single blockquote {\n  margin-left: 2rem;\n  margin-right: 3rem;\n  padding-left: 1rem;\n  border-left: 5px solid var(--base0c);\n}\n\narticle.single hr {\n  border: 0;\n  border-bottom-style: solid;\n  border-bottom-width: 1px;\n  border-bottom-color: var(--base04);\n}\n\n/* Pygments template by Jan T. Sott (https://github.com/idleberg) */\n\npre { background: var(--base00); color: var(--base07) }\n\n.highlight .hll { background-color: var(--base02) }\n.highlight .c { color: var(--base03) } /* Comment */\n.highlight .err { color: var(--base08) } /* Error */\n.highlight .k { color: var(--base0e) } /* Keyword */\n.highlight .l { color: var(--base09) } /* Literal */\n.highlight .n { color: var(--base07) } /* Name */\n.highlight .o { color: var(--base0c) } /* Operator */\n.highlight .p { color: var(--base07) } /* Punctuation */\n.highlight .cm { color: var(--base03) } /* Comment.Multiline */\n.highlight .cp { color: var(--base03) } /* Comment.Preproc */\n.highlight .c1 { color: var(--base03) } /* Comment.Single */\n.highlight .cs { color: var(--base03) } /* Comment.Special */\n.highlight .gd { color: var(--base08) } /* Generic.Deleted */\n.highlight .ge { font-style: italic } /* Generic.Emph */\n.highlight .gh { color: var(--base07); font-weight: bold } /* Generic.Heading */\n.highlight .gi { color: var(--base0b) } /* Generic.Inserted */\n.highlight .gp { color: var(--base03); font-weight: bold } /* Generic.Prompt */\n.highlight .gs { font-weight: bold } /* Generic.Strong */\n.highlight .gu { color: var(--base0c); font-weight: bold } /* Generic.Subheading */\n.highlight .kc { color: var(--base0e) } /* Keyword.Constant */\n.highlight .kd { color: var(--base0e) } /* Keyword.Declaration */\n.highlight .kn { color: var(--base0c) } /* Keyword.Namespace */\n.highlight .kp { color: var(--base0e) } /* Keyword.Pseudo */\n.highlight .kr { color: var(--base0e) } /* Keyword.Reserved */\n.highlight .kt { color: var(--base0a) } /* Keyword.Type */\n.highlight .ld { color: var(--base0b) } /* Literal.Date */\n.highlight .m { color: var(--base09) } /* Literal.Number */\n.highlight .s { color: var(--base0b) } /* Literal.String */\n.highlight .na { color: var(--base0d) } /* Name.Attribute */\n.highlight .nb { color: var(--base07) } /* Name.Builtin */\n.highlight .nc { color: var(--base0a) } /* Name.Class */\n.highlight .no { color: var(--base08) } /* Name.Constant */\n.highlight .nd { color: var(--base0c) } /* Name.Decorator */\n.highlight .ni { color: var(--base07) } /* Name.Entity */\n.highlight .ne { color: var(--base08) } /* Name.Exception */\n.highlight .nf { color: var(--base0d) } /* Name.Function */\n.highlight .nl { color: var(--base07) } /* Name.Label */\n.highlight .nn { color: var(--base0a) } /* Name.Namespace */\n.highlight .nx { color: var(--base0d) } /* Name.Other */\n.highlight .py { color: var(--base07) } /* Name.Property */\n.highlight .nt { color: var(--base0c) } /* Name.Tag */\n.highlight .nv { color: var(--base08) } /* Name.Variable */\n.highlight .ow { color: var(--base0c) } /* Operator.Word */\n.highlight .w { color: var(--base07) } /* Text.Whitespace */\n.highlight .mf { color: var(--base09) } /* Literal.Number.Float */\n.highlight .mh { color: var(--base09) } /* Literal.Number.Hex */\n.highlight .mi { color: var(--base09) } /* Literal.Number.Integer */\n.highlight .mo { color: var(--base09) } /* Literal.Number.Oct */\n.highlight .sb { color: var(--base0b) } /* Literal.String.Backtick */\n.highlight .sc { color: var(--base07) } /* Literal.String.Char */\n.highlight .sd { color: var(--base03) } /* Literal.String.Doc */\n.highlight .s2 { color: var(--base0b) } /* Literal.String.Double */\n.highlight .se { color: var(--base09) } /* Literal.String.Escape */\n.highlight .sh { color: var(--base0b) } /* Literal.String.Heredoc */\n.highlight .si { color: var(--base09) } /* Literal.String.Interpol */\n.highlight .sx { color: var(--base0b) } /* Literal.String.Other */\n.highlight .sr { color: var(--base0b) } /* Literal.String.Regex */\n.highlight .s1 { color: var(--base0b) } /* Literal.String.Single */\n.highlight .ss { color: var(--base0b) } /* Literal.String.Symbol */\n.highlight .bp { color: var(--base07) } /* Name.Builtin.Pseudo */\n.highlight .vc { color: var(--base08) } /* Name.Variable.Class */\n.highlight .vg { color: var(--base08) } /* Name.Variable.Global */\n.highlight .vi { color: var(--base08) } /* Name.Variable.Instance */\n.highlight .il { color: var(--base09) } /* Literal.Number.Integer.Long */\n"]}
\ No newline at end of file