diff --git a/layouts/partials/header/styles.html b/layouts/partials/header/styles.html
index 8caad5e..68c8b3f 100644
--- a/layouts/partials/header/styles.html
+++ b/layouts/partials/header/styles.html
@@ -3,17 +3,17 @@
{{ $options := (dict "outputStyle" "compressed" "enableSourceMap" true) }}
{{ $style := resources.Get "scss/hyde-hyde.scss" | toCSS $options | fingerprint }}
-
+
{{ $printStyle := resources.Get "scss/print.scss" | toCSS $options | fingerprint }}
-
+
{{ with .Site.Params.toc }}
{{ if eq . "hugo" }}
{{ $hugoToc := resources.Get "scss/hugo-toc.scss" | toCSS $options | fingerprint }}
-
+
{{ else if eq . "tocbot"}}
{{ $tocbot := resources.Get "scss/tocbot.scss" | toCSS $options | fingerprint }}
-
+
{{ end }}
{{ end }}
diff --git a/static/css/hugo-toc.css b/static/css/hugo-toc.css
new file mode 100644
index 0000000..2ae2286
--- /dev/null
+++ b/static/css/hugo-toc.css
@@ -0,0 +1,31 @@
+.toc-wrapper {
+ font-size: 0.9rem;
+ padding: 0.5em 0.5em 0.5em 0em;
+ background: #eee; }
+ .toc-wrapper label {
+ background: url(/img/menu-close-dark.svg) no-repeat right center;
+ display: block;
+ cursor: pointer;
+ padding-left: 1em; }
+
+#TableOfContents {
+ overflow: hidden;
+ margin-top: 0;
+ max-height: 100%; }
+ #TableOfContents > ul {
+ list-style-type: none;
+ padding-left: 0; }
+ #TableOfContents > ul > li ul {
+ list-style-type: none;
+ padding-left: 1em; }
+
+input#tocToggle {
+ display: none; }
+ input#tocToggle + label {
+ font-weight: bold; }
+ input#tocToggle:checked + label {
+ background-image: url(/img/menu-open-dark.svg); }
+ input#tocToggle:checked ~ #TableOfContents {
+ max-height: 0; }
+
+/*# sourceMappingURL=hugo-toc.css.map */
diff --git a/static/css/hugo-toc.css.map b/static/css/hugo-toc.css.map
new file mode 100644
index 0000000..88514ff
--- /dev/null
+++ b/static/css/hugo-toc.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["hugo-toc.scss"],"names":[],"mappings":"AAIA;EACE,kBAHmB;EAInB,+BAA8B;EAC9B,iBANyB,EAa1B;EAVD;IAKI,iEAAgE;IAChE,eAAc;IACd,gBAAe;IACf,kBAAiB,EAClB;;AAEH;EACE,iBAAgB;EAChB,cAAa;EACb,iBAAgB,EASjB;EAZD;IAKI,sBAAqB;IACrB,gBAAe,EAKhB;IAXH;MAQM,sBAAqB;MACrB,kBAAiB,EAClB;;AAIL;EACE,cAAa,EAYd;EAbD;IAGI,kBAAiB,EAClB;EAJH;IAOM,+CAA8C,EAC/C;EARL;IAUM,cAAa,EACd","file":"hugo-toc.css","sourcesContent":["// Hugo {{ .TableOfContents }}\n$toc-background-color: #eee;\n$toc-font-size: .9rem;\n\n.toc-wrapper {\n font-size: $toc-font-size;\n padding: 0.5em 0.5em 0.5em 0em;\n background: $toc-background-color;\n label {\n background: url(/img/menu-close-dark.svg) no-repeat right center;\n display: block;\n cursor: pointer;\n padding-left: 1em;\n }\n}\n#TableOfContents {\n overflow: hidden;\n margin-top: 0;\n max-height: 100%;\n > ul {\n list-style-type: none;\n padding-left: 0;\n > li ul {\n list-style-type: none;\n padding-left: 1em;\n }\n }\n}\n\ninput#tocToggle {\n display: none;\n + label {\n font-weight: bold;\n }\n &:checked {\n + label {\n background-image: url(/img/menu-open-dark.svg);\n }\n ~ #TableOfContents {\n max-height: 0;\n }\n }\n}\n"]}
\ No newline at end of file
diff --git a/static/css/hyde-hyde.css b/static/css/hyde-hyde.css
new file mode 100644
index 0000000..5c9dd5f
--- /dev/null
+++ b/static/css/hyde-hyde.css
@@ -0,0 +1,783 @@
+* {
+ box-sizing: border-box; }
+
+html,
+body {
+ margin: 0;
+ padding: 0; }
+
+html {
+ font-family: "IBM Plex Sans", 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";
+ font-size: 17px;
+ line-height: 1.667em; }
+ @media (min-width: 38em) {
+ html {
+ font-size: 20px; } }
+
+body {
+ color: #515151;
+ background-color: #fff;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%; }
+
+a {
+ color: #268bd2;
+ text-decoration: none; }
+ a:hover, a:focus {
+ text-decoration: underline; }
+ a strong {
+ color: inherit; }
+
+img {
+ display: block;
+ max-width: 100%;
+ margin: 0 0 1rem;
+ border-radius: 5px; }
+
+table {
+ margin-bottom: 1rem;
+ width: 100%;
+ font-size: 85%;
+ border: 1px solid #e5e5e5;
+ border-collapse: collapse; }
+
+td,
+th {
+ padding: .25rem .5rem;
+ border: 1px solid #e5e5e5; }
+
+th {
+ text-align: left; }
+
+tbody tr:nth-child(odd) td,
+tbody tr:nth-child(odd) th {
+ background-color: #f9f9f9; }
+
+.container {
+ max-width: 38rem;
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+ margin-left: auto;
+ margin-right: auto; }
+
+footer {
+ margin-bottom: 2rem; }
+
+.page,
+.post {
+ margin-bottom: 4em; }
+ .page li + li,
+ .post li + li {
+ margin-top: .25rem; }
+
+.page-title,
+.post-title,
+.post-title a {
+ color: #303030; }
+
+.page-title,
+.post-title {
+ margin-top: 0; }
+
+.post-date {
+ display: block;
+ margin-top: -.5rem;
+ margin-bottom: 1rem;
+ color: #9a9a9a; }
+
+.related {
+ padding-top: 2rem;
+ padding-bottom: 2rem;
+ margin-bottom: 2rem;
+ border-top: 1px solid #eee;
+ border-bottom: 1px solid #eee; }
+
+.related-posts {
+ padding-left: 0;
+ list-style: none; }
+ .related-posts h3 {
+ margin-top: 0; }
+ .related-posts li small {
+ font-size: 75%;
+ color: #999; }
+ .related-posts li a:hover {
+ color: #268bd2;
+ text-decoration: none; }
+ .related-posts li a:hover small {
+ color: inherit; }
+
+* {
+ box-sizing: border-box; }
+
+html {
+ -webkit-text-size-adjust: 100%;
+ box-direction: normal;
+ font-family: "IBM Plex Sans", 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";
+ font-size: 17px;
+ line-height: 1.667em;
+ font-weight: 400; }
+
+html,
+body {
+ margin: 0;
+ padding: 0; }
+
+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; }
+
+h5 {
+ font-size: 1rem; }
+
+figure {
+ max-width: 100%;
+ margin: 0;
+ padding: 0; }
+
+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 {
+ font-family: "IBM Plex Sans", 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";
+ padding: 2px 7px;
+ border: 1px solid #bbb;
+ font-size: 0.8em;
+ line-height: 1.4;
+ background-color: #f3f3f3;
+ color: #313131;
+ box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset;
+ border-radius: 3px;
+ display: inline-block;
+ 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 #bbb;
+ 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 #bbb;
+ 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; }
+ a.read-more-symbol {
+ text-decoration: none;
+ border-style: none;
+ text-decoration: none; }
+
+.content {
+ padding-bottom: 2rem;
+ padding-top: 2rem; }
+
+.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 {
+ color: #268bd2; }
+ .sidebar a:focus {
+ color: #268bd2; }
+ .sidebar .sidebar-about {
+ text-align: center; }
+ .sidebar .author-image {
+ display: block;
+ margin-top: 4px; }
+
+.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 {
+ padding: 0 4px;
+ 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; }
+
+.section__title {
+ font-size: 2.15rem; }
+
+.post-list__item {
+ margin-bottom: 3em; }
+
+.item__title--big {
+ display: block;
+ font-size: 1.785rem;
+ line-height: 1.25; }
+
+.item__title--small {
+ font-size: 1rem; }
+
+.item__date {
+ color: #9a9a9a;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: .2rem;
+ margin-top: .2rem; }
+
+.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__title {
+ /* For Chrome and Safari */
+ /* For old Fx (3.6 to 15) */
+ /* For pre-releases of IE 10*/
+ /* For old Opera (11.1 to 12.0) */
+ background-image: linear-gradient(to right, #ff2c2c, #7a5e91);
+ /* Standard syntax; must be last */
+ color: transparent;
+ -webkit-background-clip: text;
+ background-clip: text; }
+
+.post__subtitle {
+ display: block;
+ font-size: 1.5rem;
+ font-style: italic;
+ padding: 0 0 1rem 0; }
+
+#references li {
+ font-size: 0.9rem; }
+
+pre {
+ -moz-tab-size: 2;
+ -o-tab-size: 2;
+ tab-size: 2; }
+ pre code {
+ white-space: pre-wrap; }
+
+code {
+ font-family: "SF-Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Roboto Mono", "Ubuntu Mono", "Courier New", Courier, monospace;
+ font-size: 0.9rem; }
+
+code {
+ padding: .25em .5em;
+ color: #bf616a;
+ background-color: #f9f9f9;
+ border-radius: 3px; }
+
+.hljs {
+ font-size: 0.9rem;
+ font-weight: 300;
+ white-space: pre;
+ border: 1px solid #ddd;
+ border-radius: 4px; }
+
+/*
+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; }
+
+ul.pagination {
+ list-style: none; }
+ ul.pagination li.page-item {
+ display: inline-block; }
+ ul.pagination li.page-item a {
+ padding: 0.05em 0.4em; }
+ ul.pagination li.page-item.active a {
+ color: #c2255c;
+ border-bottom: 3px solid #c2255c; }
+
+.navigation {
+ max-width: calc(100% - 0px);
+ margin: 0 auto;
+ margin-top: 60px; }
+ .navigation a {
+ font-size: 0.8rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 15px;
+ color: #c2255c;
+ border: 2px solid #c2255c;
+ line-height: 1.25;
+ text-transform: uppercase; }
+ .navigation a:hover {
+ padding: 14px;
+ border-width: 3px; }
+ .navigation a:nth-child(2) {
+ margin-top: 10px; }
+ .navigation a:first-child:last-child {
+ width: 100%; }
+ .navigation .fa {
+ font-size: 0.8rem; }
+ .navigation .navigation-prev {
+ text-align: left; }
+ .navigation .navigation-prev .fa {
+ padding-right: 10px; }
+ .navigation .navigation-prev .navigation-tittle {
+ padding-left: 4px; }
+ .navigation .navigation-next {
+ text-align: right; }
+ .navigation .navigation-next .fa {
+ padding-left: 10px; }
+ .navigation .navigation-next .navigation-tittle {
+ padding-right: 4px; }
+
+.navigation-single a {
+ text-transform: none; }
+
+.badge-category,
+a.badge-category {
+ color: #fff !important;
+ background-color: #0088cc; }
+ .badge-category:hover, .badge-category:focus,
+ a.badge-category:hover,
+ a.badge-category:focus {
+ color: #0088cc !important;
+ background: transparent;
+ background-color: transparent;
+ text-decoration: none;
+ border-bottom: none; }
+
+.badge-tag,
+a.badge-tag {
+ color: #fff !important;
+ background-color: #7766cc; }
+ .badge-tag:hover, .badge-tag:focus,
+ a.badge-tag:hover,
+ a.badge-tag:focus {
+ color: #7766cc !important;
+ background: transparent;
+ background-color: transparent;
+ text-decoration: none;
+ border-bottom: none; }
+
+.badge {
+ display: inline-block;
+ padding: 0.25em 0.4em;
+ font-size: 0.75rem;
+ font-weight: bold;
+ line-height: 1;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: baseline;
+ border-radius: 0.25rem; }
+
+.portfolio__content section {
+ margin-bottom: 1.765rem; }
+
+.portfolio__featured-project {
+ margin: 0 0 1.765rem; }
+ .portfolio__featured-project img {
+ margin: 0 0 1rem;
+ box-shadow: 1px 1px #eee; }
+
+.project__image {
+ border: 1px solid #eee;
+ box-shadow: 1px 1px #eee; }
+
+.project__title {
+ margin-top: 1.765rem;
+ letter-spacing: 1px;
+ font-size: 1.85rem; }
+
+.project__subtitle-big, .project__subtitle-small {
+ font-style: italic;
+ color: #778492;
+ display: block;
+ margin-top: 0.5rem;
+ margin: 0 0 1rem; }
+
+.project__subtitle-big {
+ font-size: 1.5rem; }
+
+.project__subtitle-small {
+ font-size: 1.3rem; }
+
+.project__featured-image {
+ position: relative; }
+
+.project__summary {
+ margin-bottom: 1.765rem;
+ text-align: left; }
+
+.divider {
+ margin-bottom: 3.5rem; }
+
+.row-space {
+ margin-bottom: 1rem; }
+
+.col-xs-12, .col-sm-4, .col-md-4, .col-sm-8, .col-md-8 {
+ min-height: 1px;
+ padding-left: 15px;
+ padding-right: 15px;
+ position: relative; }
+
+.row {
+ margin-left: -15px;
+ margin-right: -15px; }
+
+.col-xs-12 {
+ width: 100%; }
+
+.img-responsive {
+ display: block;
+ max-width: 100%;
+ height: auto; }
+
+@media (min-width: 320px) and (max-width: 767px) {
+ html,
+ body {
+ font-size: 17px; }
+ .sidebar li {
+ padding: .1rem 0; }
+ .sidebar .container {
+ padding-left: 0;
+ padding-right: 0; }
+ .hidden-tablet {
+ display: none; }
+ .sidebar-about,
+ .copyright {
+ display: none; }
+ .sidebar {
+ margin: 0;
+ padding: 0; }
+ .menu-content {
+ padding: 0 0 0 0px;
+ max-height: 0;
+ overflow: hidden;
+ margin-top: 0; }
+ .collapsible-menu {
+ padding: 0px 0px; }
+ .collapsible-menu ul {
+ list-style-type: none;
+ padding: 0; }
+ .collapsible-menu li {
+ display: block; }
+ .collapsible-menu a {
+ text-decoration: none;
+ cursor: pointer; }
+ .collapsible-menu label {
+ background: url(/img/menu-open.svg) no-repeat left center;
+ background-position: 1.5rem;
+ display: block;
+ cursor: pointer;
+ color: #fff;
+ padding: 10px 0 10px 0px; }
+ input#menuToggle {
+ display: none; }
+ input#menuToggle + label {
+ font-weight: bold; }
+ input#menuToggle:checked + label {
+ background-image: url(/img/menu-close.svg);
+ background-position: 1.5rem;
+ color: #fff; }
+ input#menuToggle:checked ~ .menu-content {
+ max-height: 100% !important; }
+ .social {
+ padding: 1em 0 1em 0; } }
+
+@media (min-width: 768px) {
+ html,
+ body {
+ font-size: 17px; }
+ .sidebar {
+ bottom: 0;
+ left: 0;
+ position: fixed;
+ text-align: left;
+ top: 0;
+ width: 18rem; }
+ .sidebar-sticky {
+ left: 1rem;
+ position: absolute;
+ right: 1rem;
+ top: 1rem; }
+ .content {
+ margin-left: 20rem;
+ margin-right: 2rem;
+ max-width: 38rem; }
+ .layout-reverse .sidebar {
+ left: auto;
+ right: 0; }
+ .layout-reverse .content {
+ margin-left: 2rem;
+ margin-right: 20rem; }
+ .col-sm-8 {
+ width: 66.66666667%; }
+ .project__title {
+ margin-top: 0.2rem; }
+ .navigation {
+ display: flex;
+ justify-content: space-between; }
+ .navigation a {
+ width: calc(50% - 10px); }
+ .navigation a:nth-child(2) {
+ margin-top: 0; }
+ input#menuToggle,
+ input#menuToggle + label {
+ display: none; } }
+
+@media (min-width: 992px) {
+ html,
+ body {
+ font-size: 20px; }
+ .content {
+ margin-left: 20rem;
+ margin-right: 2rem;
+ max-width: 38rem; }
+ .layout-reverse .content {
+ margin-left: 4rem;
+ margin-right: 22rem; }
+ .col-md-4 {
+ float: left;
+ width: 33.33333333%; }
+ .col-md-8 {
+ float: left;
+ width: 66.66666667%; }
+ .portfolio-container {
+ width: 1360px; } }
+
+.element--center {
+ display: block;
+ margin-left: auto;
+ margin-right: auto; }
+
+.menu {
+ background-color: #f3f3f3;
+ color: #333;
+ border-radius: 2px;
+ padding: 1px 5px; }
+
+.text-center {
+ text-align: center; }
+
+.pull-right {
+ float: right; }
+
+.theme-base-08 .sidebar {
+ background-color: #ac4142; }
+
+.theme-base-08 .content a {
+ color: #ac4142; }
+
+.theme-base-08 .related-posts li a:hover {
+ color: #ac4142; }
+
+.theme-base-09 .sidebar {
+ background-color: #d28445; }
+
+.theme-base-09 .content a {
+ color: #d28445; }
+
+.theme-base-09 .related-posts li a:hover {
+ color: #d28445; }
+
+.theme-base-0a .sidebar {
+ background-color: #f4bf75; }
+
+.theme-base-0a .content a {
+ color: #f4bf75; }
+
+.theme-base-0a .related-posts li a:hover {
+ color: #f4bf75; }
+
+.theme-base-0b .sidebar {
+ background-color: #90a959; }
+
+.theme-base-0b .content a {
+ color: #90a959; }
+
+.theme-base-0b .related-posts li a:hover {
+ color: #90a959; }
+
+.theme-base-0c .sidebar {
+ background-color: #75b5aa; }
+
+.theme-base-0c .content a {
+ color: #75b5aa; }
+
+.theme-base-0c .related-posts li a:hover {
+ color: #75b5aa; }
+
+.theme-base-0d .sidebar {
+ background-color: #6a9fb5; }
+
+.theme-base-0d .content a {
+ color: #6a9fb5; }
+
+.theme-base-0d .related-posts li a:hover {
+ color: #6a9fb5; }
+
+.theme-base-0e .sidebar {
+ background-color: #aa759f; }
+
+.theme-base-0e .content a {
+ color: #aa759f; }
+
+.theme-base-0e .related-posts li a:hover {
+ color: #aa759f; }
+
+.theme-base-0f .sidebar {
+ background-color: #8f5536; }
+
+.theme-base-0f .content a {
+ color: #8f5536; }
+
+.theme-base-0f .related-posts li a:hover {
+ color: #8f5536; }
+
+/*# sourceMappingURL=hyde-hyde.css.map */
diff --git a/static/css/hyde-hyde.css.map b/static/css/hyde-hyde.css.map
new file mode 100644
index 0000000..279ae48
--- /dev/null
+++ b/static/css/hyde-hyde.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["poole/_base.scss","hyde-hyde/_variables.scss","poole/_layout.scss","poole/_posts.scss","hyde-hyde/_base.scss","hyde-hyde/_mixins.scss","hyde-hyde/_sidebar.scss","hyde-hyde/_list.scss","hyde-hyde/_post.scss","hyde-hyde/_code.scss","hyde-hyde/_gist.scss","hyde-hyde/_navigation.scss","hyde-hyde/_taxonomies.scss","hyde-hyde/_project.scss","hyde-hyde/_responsive.scss","hyde-hyde/_misc.scss","hyde-hyde/_theme.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-0: #fafafa;\n$gray-1: #f9f9f9;\n$gray-2: #eee;\n$gray-3: #ddd;\n$gray-4: #ccc;\n$gray-4: #bbb;\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: \"IBM Plex Sans\", 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\n// poole's variables\n$root-font-size: 17px;\n$root-font-weight: 400;\n// golden ratio https://grtcalculator.com\n// 18px @ 33 px, 20px @ 33 px ~ 1.667em\n$root-line-height: 1.667em;\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\n// hyde-hyde\n$small-device-font-size: $root-font-size;\n$large-device-font-size: $large-font-size;\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: .9rem;\n$code-color: #bf616a;\n$code-background-color: #f9f2f4;\n$code-line-height: 1.4;\n\n// links\n$link-color: $blue;\n$link-hover-color: $body-color;\n\n// section\n$section__title-font-size: 2.15rem;\n\n// post\n$post__subtitle-font-size: 1.5rem;\n$gradient-color-1: #ff2c2c;\n$gradient-color-2: #7a5e91;\n\n// post meta\n$meta-font-size: .8rem;\n$meta-font-weight: 300;\n$meta-color: $gray-6;\n\n// post tags\n$tag-background-color: $gray-2;\n$tag-color: #606570;\n$tag-font-size: .667rem;\n\n// list of posts\n$item__date-color: #9a9a9a;\n$item__date-font-size: 1rem;\n$item__title-big-font-size: 1.785rem;\n\n// heading\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$h5-font-size:1rem;\n\n\n// sidebar\n$sidebar-color: #300030;\n$site__title-font-size: 3rem;\n$copyright-font-size: 0.7rem;\n\n// navigation\n$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: $h4-font-size;\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","* {\n\tbox-sizing: border-box;\n}\n\nhtml {\n\t-webkit-text-size-adjust: 100%; // for iOS\n\tbox-direction: normal;\n\tfont-family: $root-font-family;\n\tfont-size: $small-device-font-size;\n\tline-height: $root-line-height;\n\tfont-weight: $root-font-weight;\n}\n\nhtml, body {\n\tmargin: 0;\n\tpadding: 0;\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\nh5 {\n\tfont-size: $h5-font-size;\n}\n\nfigure {\n\tmax-width: 100%;\n\tmargin: 0;\n\tpadding: 0;\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\tfont-family: $root-font-family;\n\tpadding: 2px 7px;\n\tborder: 1px solid $gray-4;\n\tfont-size: 0.8em;\n\tline-height: 1.4;\n\tbackground-color: #f3f3f3;\n\tcolor: $gray-9;\n\tbox-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 2px $white inset;\n\tborder-radius: 3px;\n\tdisplay: inline-block;\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\t&.read-more-symbol {\n\t\ttext-decoration: none;\n\t\t@include link-no-decoration();\n\t}\n}\n\n\n.content {\n\tpadding-bottom: 2rem;\n\tpadding-top: 2rem;\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",".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 color: $link-color;\n }\n &:focus {\n color: $link-color;\n }\n }\n .sidebar-about {\n text-align: center;\n }\n .author-image {\n display: block;\n margin-top: 4px;\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 padding: 0 4px;\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","// for the list of posts\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",".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__title {\n background-image: -webkit-linear-gradient(left, $gradient-color-1, $gradient-color-2); /* For Chrome and Safari */\n background-image: -moz-linear-gradient(left, $gradient-color-1, $gradient-color-2); /* For old Fx (3.6 to 15) */\n background-image: -ms-linear-gradient(left, $gradient-color-1, $gradient-color-2); /* For pre-releases of IE 10*/\n background-image: -o-linear-gradient(left, $gradient-color-1, $gradient-color-2); /* For old Opera (11.1 to 12.0) */\n background-image: linear-gradient(to right, $gradient-color-1, $gradient-color-2); /* Standard syntax; must be last */\n color:transparent;\n -webkit-background-clip: text;\n background-clip: text; \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#references {\n li {\n font-size: 0.9rem;\n }\n}\n","pre {\n\t//border: 1px solid $gray-1;\n\t//border-radius: 2px;\n\ttab-size: 2;\n\t//width: 111%;\n\t//margin-left: -11%;\n\t//padding-left: 9%;\n\t//padding-right: 2%;\n\t//background: #29292e;\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\t//line-height: $code-line-height;\n}\n\n%code-in-rounded-box {\n\tborder-radius: 4px;\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 dotted #adb5db;\n\tbackground-color: $gray-1;\n}\n\n%code-style-npf {\n\tpadding: .25em .5em;\n\tcolor: #bf616a;\n\tbackground-color: #f9f9f9;\n\tborder-radius: 3px;\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-npf;\n}\n\n// highlight.js\n.hljs {\n\tfont-size: $code-fence-font-size;\n\tfont-weight: 300;\n\twhite-space: pre;\n\tborder: 1px solid $gray-3;\n\tborder-radius: 4px;\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","ul.pagination {\n list-style: none;\n li.page-item {\n display: inline-block;\n a {\n padding: 0.05em 0.4em;\n }\n &.active {\n a {\n color: $navigation-color;\n border-bottom: 3px solid $navigation-color;\n }\n }\n }\n}\n\n.navigation {\n max-width: calc(100% - 0px);\n margin: 0 auto;\n margin-top: 60px;\n a {\n font-size: 0.8rem;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 15px;\n color: $navigation-color;\n border: 2px solid $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: 0.8rem;\n }\n .navigation-prev {\n text-align: left;\n .fa {\n padding-right: 10px;\n }\n .navigation-tittle {\n padding-left: 4px;\n }\n }\n .navigation-next {\n text-align: right;\n .fa {\n padding-left: 10px;\n }\n .navigation-tittle {\n padding-right: 4px;\n }\n }\n}\n.navigation-single a {\n text-transform: none;\n}\n",".badge-category,\na.badge-category {\n color: #fff !important;\n background-color: #0088cc;\n &:hover, &:focus {\n color: #0088cc !important;\n background: transparent;\n background-color: transparent;\n text-decoration: none;\n border-bottom: none;\n }\n}\n\n.badge-tag,\na.badge-tag {\n color: #fff !important;\n background-color: #7766cc;\n &:hover, &:focus {\n color: #7766cc !important;\n background: transparent;\n background-color: transparent;\n text-decoration: none;\n border-bottom: none;\n }\n}\n\n.badge {\n display: inline-block;\n padding: 0.25em 0.4em;\n font-size: 0.75rem;\n font-weight: bold;\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n border-radius: 0.25rem;\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__image {\n border: 1px solid $gray-2;\n box-shadow: 1px 1px $gray-2;\n}\n\n.project__title {\n margin-top: 1.765rem;\n letter-spacing: 1px;\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}\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\n.img-responsive {\n display: block;\n max-width: 100%;\n height: auto;\n}\n","// mobile ~320..480px\n// 320px ~ 16rem/16px ~ 18.8235/17px ~ 17.7778/18px\n// 480px ~ 30rem/16px ~ 28.2353rem/17px ~ 26.6667rem/18px\n@media (min-width: 320px) and (max-width: 767px) {\n html,\n body {\n font-size: $small-device-font-size;\n }\n .sidebar {\n li {\n padding: .1rem 0;\n }\n .container {\n padding-left: 0;\n padding-right: 0;\n }\n }\n .hidden-tablet {\n display: none;\n }\n .sidebar-about, \n .copyright {\n display: none;\n } \n .sidebar {\n margin: 0;\n padding: 0;\n }\n .menu-content {\n padding: 0 0 0 0px;\n max-height: 0;\n overflow: hidden;\n margin-top: 0; }\n .collapsible-menu {\n padding: 0px 0px; \n }\n .collapsible-menu ul {\n list-style-type: none;\n padding: 0; \n }\n .collapsible-menu li {\n display: block;\n }\n .collapsible-menu a {\n text-decoration: none;\n cursor: pointer; }\n .collapsible-menu label {\n background: url(/img/menu-open.svg) no-repeat left center;\n background-position: 1.5rem;\n display: block;\n cursor: pointer;\n color: #fff;\n padding: 10px 0 10px 0px; }\n \n input#menuToggle {\n display: none; \n }\n input#menuToggle + label {\n font-weight: bold;\n }\n\n input#menuToggle:checked + label {\n background-image: url(/img/menu-close.svg);\n background-position: 1.5rem; \n color: #fff;\n }\n \n input#menuToggle:checked ~ .menu-content {\n max-height: 100% !important;\n }\n .social {\n padding: 1em 0 1em 0;\n }\n}\n\n// tablet/medium device ~768px+\n// 768px ~ 48em/16px ~ 45.1765em/17px ~ 42.6667/18px\n@media (min-width: 768px) {\n html,\n body {\n font-size: $small-device-font-size;\n }\n .sidebar {\n bottom: 0;\n left: 0;\n position: fixed;\n text-align: left;\n top: 0;\n width: 18rem;\n }\n .sidebar-sticky {\n left: 1rem;\n position: absolute;\n right: 1rem;\n top: 1rem;\n }\n .content {\n margin-left: 20rem;\n margin-right: 2rem;\n max-width: 38rem;\n }\n .layout-reverse {\n .sidebar {\n left: auto;\n right: 0;\n }\n .content {\n margin-left: 2rem;\n margin-right: 20rem;\n }\n }\n .col-sm-8 {\n width: 66.66666667%;\n }\n .project__title {\n margin-top: 0.2rem;\n }\n .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 input#menuToggle,\n input#menuToggle + label {\n display: none;\n }\n}\n\n// Large devices (laptops/desktops, 992px and up) \n// ~ 62rem/16px ~ 58.3529rem/17px ~ 55.1111rem/18px\n@media (min-width: 992px) {\n html,\n body {\n font-size: $large-device-font-size;\n }\n .content {\n margin-left: 20rem;\n margin-right: 2rem;\n // max-width: 46.056rem;\n max-width: 38rem; // @ ~70 CPL\n }\n .layout-reverse .content {\n margin-left: 4rem;\n margin-right: 22rem;\n }\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\n// Large device ~1024px\n// 1024px ~ 64rem/16px ~ 60.2353rem/17px 56.8889rem/18px\n@media (min-width: 1024px) {\n // styles\n}\n","// some misc styles\n.element--center {\n\tdisplay: block;\n\tmargin-left: auto;\n\tmargin-right: auto;\n}\n\n.menu {\n\tbackground-color: #f3f3f3;\n\tcolor: #333;\n\tborder-radius: 2px;\n\tpadding: 1px 5px;\n}\t\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}"]}
\ No newline at end of file
diff --git a/static/css/print.css b/static/css/print.css
new file mode 100644
index 0000000..a8bb341
--- /dev/null
+++ b/static/css/print.css
@@ -0,0 +1,46 @@
+@page {
+ margin: 1cm !important; }
+
+body {
+ font-size: 17px;
+ line-height: 1.3;
+ background: #fff;
+ color: #000; }
+
+.content {
+ margin: 0 auto;
+ width: 100%;
+ float: none;
+ display: initial; }
+
+.container {
+ width: 100%;
+ float: none;
+ display: initial;
+ padding-left: 1rem;
+ padding-right: 1rem;
+ margin: 0 auto; }
+
+img {
+ max-width: 100%; }
+
+blockquote,
+ul {
+ margin: 0; }
+
+.sidebar {
+ display: none !important; }
+
+.navigation {
+ display: none !important; }
+
+.post__related {
+ display: none !important; }
+
+.gist-meta {
+ display: none !important; }
+
+#disqus_thread {
+ display: none !important; }
+
+/*# sourceMappingURL=print.css.map */
diff --git a/static/css/print.css.map b/static/css/print.css.map
new file mode 100644
index 0000000..80ff851
--- /dev/null
+++ b/static/css/print.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["hyde-hyde/_print.scss","hyde-hyde/_variables.scss"],"names":[],"mappings":"AAAA;EACE,uBAAsB,EAAA;;AAExB;EACE,gBCoBmB;EDnBnB,iBAAgB;EAChB,iBAAgB;EAChB,YAAW,EACZ;;AAED;EACE,eAAc;EACd,YAAW;EACX,YAAW;EACX,iBAAgB,EACjB;;AAED;EACE,YAAW;EACX,YAAW;EACX,iBAAgB;EAChB,mBAAkB;EAClB,oBAAmB;EACnB,eAAc,EACf;;AACD;EACE,gBAAe,EAChB;;AACD;;EAEE,UAAS,EACV;;AAED;EACE,yBAAwB,EACzB;;AAED;EACE,yBAAwB,EACzB;;AAED;EACE,yBAAwB,EACzB;;AAED;EACE,yBAAwB,EACzB;;AAED;EACC,yBAAwB,EACxB","file":"print.css","sourcesContent":["@page {\n margin: 1cm !important;\n}\nbody {\n font-size: $small-device-font-size;\n line-height: 1.3;\n background: #fff;\n color: #000;\n}\n\n.content {\n margin: 0 auto;\n width: 100%;\n float: none;\n display: initial;\n}\n\n.container {\n width: 100%;\n float: none;\n display: initial;\n padding-left: 1rem;\n padding-right: 1rem;\n margin: 0 auto;\n}\nimg {\n max-width: 100%;\n}\nblockquote,\nul {\n margin: 0;\n}\n\n.sidebar {\n display: none !important;\n}\n\n.navigation {\n display: none !important;\n}\n\n.post__related {\n display: none !important;\n}\n\n.gist-meta {\n display: none !important;\n}\n\n#disqus_thread {\n\tdisplay: none !important;\n}\n\n","$gray-0: #fafafa;\n$gray-1: #f9f9f9;\n$gray-2: #eee;\n$gray-3: #ddd;\n$gray-4: #ccc;\n$gray-4: #bbb;\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: \"IBM Plex Sans\", 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\n// poole's variables\n$root-font-size: 17px;\n$root-font-weight: 400;\n// golden ratio https://grtcalculator.com\n// 18px @ 33 px, 20px @ 33 px ~ 1.667em\n$root-line-height: 1.667em;\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\n// hyde-hyde\n$small-device-font-size: $root-font-size;\n$large-device-font-size: $large-font-size;\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: .9rem;\n$code-color: #bf616a;\n$code-background-color: #f9f2f4;\n$code-line-height: 1.4;\n\n// links\n$link-color: $blue;\n$link-hover-color: $body-color;\n\n// section\n$section__title-font-size: 2.15rem;\n\n// post\n$post__subtitle-font-size: 1.5rem;\n$gradient-color-1: #ff2c2c;\n$gradient-color-2: #7a5e91;\n\n// post meta\n$meta-font-size: .8rem;\n$meta-font-weight: 300;\n$meta-color: $gray-6;\n\n// post tags\n$tag-background-color: $gray-2;\n$tag-color: #606570;\n$tag-font-size: .667rem;\n\n// list of posts\n$item__date-color: #9a9a9a;\n$item__date-font-size: 1rem;\n$item__title-big-font-size: 1.785rem;\n\n// heading\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$h5-font-size:1rem;\n\n\n// sidebar\n$sidebar-color: #300030;\n$site__title-font-size: 3rem;\n$copyright-font-size: 0.7rem;\n\n// navigation\n$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: $h4-font-size;\n$project__subtitle-font-style: italic;\n$project__subtitle-color: #778492;\n$ribbon-color: #276582;\n$ribbon-background-color: #479fc8;\n"]}
\ No newline at end of file
diff --git a/static/css/tocbot.css b/static/css/tocbot.css
new file mode 100644
index 0000000..43e3d48
--- /dev/null
+++ b/static/css/tocbot.css
@@ -0,0 +1,58 @@
+.toc-wrapper {
+ font-size: 0.9rem;
+ padding: 0.5em 0.5em 0.5em 0em;
+ background: #eee; }
+ .toc-wrapper label {
+ background: url(/img/menu-close-dark.svg) no-repeat right center;
+ display: block;
+ cursor: pointer;
+ padding-left: 1em; }
+
+#TableOfContents {
+ overflow: hidden;
+ margin-top: 0;
+ max-height: 100%; }
+ #TableOfContents > ul {
+ list-style-type: none;
+ padding-left: 0; }
+ #TableOfContents > ul > li ul {
+ list-style-type: none;
+ padding-left: 1em; }
+
+input#tocToggle {
+ display: none; }
+ input#tocToggle + label {
+ font-weight: bold; }
+ input#tocToggle:checked + label {
+ background-image: url(/img/menu-open-dark.svg); }
+ input#tocToggle:checked ~ #TableOfContents {
+ max-height: 0; }
+
+.toc {
+ font-size: 0.9rem;
+ overflow-y: auto;
+ background: #eee;
+ padding-left: 0rem;
+ padding-top: 1em; }
+ .toc > .toc-list {
+ overflow: hidden;
+ position: relative; }
+ .toc > .toc-list li {
+ list-style: none; }
+
+.toc-list {
+ margin: 0;
+ padding-left: 1rem; }
+
+.is-collapsible {
+ max-height: 1000px;
+ overflow: hidden; }
+
+.is-collapsed {
+ max-height: 0; }
+
+.is-position-fixed {
+ position: fixed;
+ top: 0; }
+
+/*# sourceMappingURL=tocbot.css.map */
diff --git a/static/css/tocbot.css.map b/static/css/tocbot.css.map
new file mode 100644
index 0000000..4e6f3b0
--- /dev/null
+++ b/static/css/tocbot.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["hugo-toc.scss","tocbot.scss"],"names":[],"mappings":"AAIA;EACE,kBAHmB;EAInB,+BAA8B;EAC9B,iBANyB,EAa1B;EAVD;IAKI,iEAAgE;IAChE,eAAc;IACd,gBAAe;IACf,kBAAiB,EAClB;;AAEH;EACE,iBAAgB;EAChB,cAAa;EACb,iBAAgB,EASjB;EAZD;IAKI,sBAAqB;IACrB,gBAAe,EAKhB;IAXH;MAQM,sBAAqB;MACrB,kBAAiB,EAClB;;AAIL;EACE,cAAa,EAYd;EAbD;IAGI,kBAAiB,EAClB;EAJH;IAOM,+CAA8C,EAC/C;EARL;IAUM,cAAa,EACd;;ACtCL;EACE,kBDDmB;ECEnB,iBAAgB;EAChB,iBDJyB;ECKzB,mBAAkB;EAClB,iBAAgB,EAQjB;EAbD;IAOI,iBAAgB;IAChB,mBAAkB,EAInB;IAZH;MAUM,iBAAgB,EACjB;;AAGL;EACE,UAAS;EACT,mBAAkB,EACnB;;AACD;EACE,mBAAkB;EAClB,iBAAgB,EACjB;;AACD;EACE,cAAa,EACd;;AACD;EACE,gBAAe;EACf,OAAM,EACP","file":"tocbot.css","sourcesContent":["// Hugo {{ .TableOfContents }}\n$toc-background-color: #eee;\n$toc-font-size: .9rem;\n\n.toc-wrapper {\n font-size: $toc-font-size;\n padding: 0.5em 0.5em 0.5em 0em;\n background: $toc-background-color;\n label {\n background: url(/img/menu-close-dark.svg) no-repeat right center;\n display: block;\n cursor: pointer;\n padding-left: 1em;\n }\n}\n#TableOfContents {\n overflow: hidden;\n margin-top: 0;\n max-height: 100%;\n > ul {\n list-style-type: none;\n padding-left: 0;\n > li ul {\n list-style-type: none;\n padding-left: 1em;\n }\n }\n}\n\ninput#tocToggle {\n display: none;\n + label {\n font-weight: bold;\n }\n &:checked {\n + label {\n background-image: url(/img/menu-open-dark.svg);\n }\n ~ #TableOfContents {\n max-height: 0;\n }\n }\n}\n","@import 'hugo-toc';\n\n.toc {\n font-size: $toc-font-size;\n overflow-y: auto;\n background: $toc-background-color;\n padding-left: 0rem;\n padding-top: 1em;\n > .toc-list {\n overflow: hidden;\n position: relative;\n li {\n list-style: none;\n }\n }\n}\n.toc-list {\n margin: 0;\n padding-left: 1rem;\n}\n.is-collapsible {\n max-height: 1000px;\n overflow: hidden;\n}\n.is-collapsed {\n max-height: 0;\n}\n.is-position-fixed {\n position: fixed;\n top: 0;\n}\n"]}
\ No newline at end of file