Fixed code block background color (#596)

.gitignore

@@ -2,3 +2,4 @@
 **/themes/
 exampleSite/public/
 exampleSite/resources/
+*.lock

CONTRIBUTORS.md

@@ -101,4 +101,5 @@
 - [kuba86](https://kuba86.com)
 - [Vladislav Matus](https://github.com/matusvla)
 - [Kirill Feoktistov](https://feoktistoff.org)
+- [leins275](https://github.com/LanskovNV)
 - [Michael Weiss](https://mweiss.ch)

assets/scss/_base.scss

@@ -139,6 +139,7 @@ strong {
   margin: 0 0 2rem;
   padding: 1rem;
   border-radius: 1rem;
+  background-color: $alt-bg-color !important;
 }
 
 pre {

assets/scss/_base_dark.scss

@@ -39,8 +39,9 @@
   }
 
   pre {
+    background-color: $alt-bg-color-dark !important;
     code {
-      background-color: inherit;
+//      background-color: inherit;
       color: inherit;
     }
   }

exampleSite/resources/_gen/assets/scss/scss/coder-dark.scss_9e20ccd2d8034c8e0fd83b11fb6e2bd5.content

@@ -40,8 +40,9 @@ body.colorscheme-dark {
   body.colorscheme-dark code {
     background-color: #424242;
     color: #dadada; }
+  body.colorscheme-dark pre {
+    background-color: #424242 !important; }
     body.colorscheme-dark pre code {
-    background-color: inherit;
       color: inherit; }
   body.colorscheme-dark blockquote {
     border-left: 2px solid #424242; }
@@ -92,8 +93,9 @@ body.colorscheme-dark {
     body.colorscheme-auto code {
       background-color: #424242;
       color: #dadada; }
+    body.colorscheme-auto pre {
+      background-color: #424242 !important; }
       body.colorscheme-auto pre code {
-      background-color: inherit;
         color: inherit; }
     body.colorscheme-auto blockquote {
       border-left: 2px solid #424242; }
@@ -101,6 +103,13 @@ body.colorscheme-dark {
     body.colorscheme-auto table th {
       border: 2px solid #dadada; } }
 
+body.colorscheme-dark .content .post .tags .tag {
+  background-color: #424242; }
+  body.colorscheme-dark .content .post .tags .tag a {
+    color: #dadada; }
+  body.colorscheme-dark .content .post .tags .tag a:active {
+    color: #dadada; }
+
 body.colorscheme-dark .content .list ul li .title {
   color: #dadada; }
   body.colorscheme-dark .content .list ul li .title:hover, body.colorscheme-dark .content .list ul li .title:focus {
@@ -112,6 +121,12 @@ body.colorscheme-dark .content .centered .about ul li a {
     color: #42a5f5; }
 
 @media (prefers-color-scheme: dark) {
+  body.colorscheme-auto .content .post .tags .tag {
+    background-color: #424242; }
+    body.colorscheme-auto .content .post .tags .tag a {
+      color: #dadada; }
+    body.colorscheme-auto .content .post .tags .tag a:active {
+      color: #dadada; }
   body.colorscheme-auto .content .list ul li .title {
     color: #dadada; }
     body.colorscheme-auto .content .list ul li .title:hover, body.colorscheme-auto .content .list ul li .title:focus {
@@ -186,6 +201,21 @@ body.colorscheme-dark .navigation .menu-button i:hover, body.colorscheme-dark .n
   body.colorscheme-auto .navigation .menu-button i:hover, body.colorscheme-auto .navigation .menu-button i:focus {
     color: #dadada; } }
 
+body.colorscheme-dark .taxonomy-element {
+  background-color: #424242; }
+  body.colorscheme-dark .taxonomy-element a {
+    color: #dadada; }
+  body.colorscheme-dark .taxonomy-element a:active {
+    color: #dadada; }
+
+@media (prefers-color-scheme: dark) {
+  body.colorscheme-auto .taxonomy-element {
+    background-color: #424242; }
+    body.colorscheme-auto .taxonomy-element a {
+      color: #dadada; }
+    body.colorscheme-auto .taxonomy-element a:active {
+      color: #dadada; } }
+
 body.colorscheme-dark .footer a {
   color: #42a5f5; }
 

exampleSite/resources/_gen/assets/scss/scss/coder.scss_fd4b5b3f9a48bc0c7f005d2f7a4cc30f.content

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 /* Document
    ========================================================================== */
@@ -63,7 +64,8 @@ pre {
    * Remove the gray background on active links in IE 10.
    */
 a {
-  background-color: transparent; }
+  background-color: transparent;
+  word-wrap: break-word; }
 
 /**
    * 1. Remove the bottom border in Chrome 57-
@@ -304,7 +306,7 @@ template {
   display: none; }
 
 /*!
-Fork Awesome 1.1.7
+Fork Awesome 1.2.0
 License - https://forkaweso.me/Fork-Awesome/license
 
 Copyright 2018 Dave Gandy & Fork Awesome
@@ -318,9 +320,9 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
 /* FONT PATH
  * -------------------------- */
 @font-face {
-  font-family: 'ForkAwesome';
-  src: url("../fonts/forkawesome-webfont.eot?v=1.1.7");
-  src: url("../fonts/forkawesome-webfont.eot?#iefix&v=1.1.7") format("embedded-opentype"), url("../fonts/forkawesome-webfont.woff2?v=1.1.7") format("woff2"), url("../fonts/forkawesome-webfont.woff?v=1.1.7") format("woff"), url("../fonts/forkawesome-webfont.ttf?v=1.1.7") format("truetype"), url("../fonts/forkawesome-webfont.svg?v=1.1.7#forkawesomeregular") format("svg");
+  font-family: "ForkAwesome";
+  src: url("../fonts/forkawesome-webfont.eot?v=1.2.0");
+  src: url("../fonts/forkawesome-webfont.eot?#iefix&v=1.2.0") format("embedded-opentype"), url("../fonts/forkawesome-webfont.woff2?v=1.2.0") format("woff2"), url("../fonts/forkawesome-webfont.woff?v=1.2.0") format("woff"), url("../fonts/forkawesome-webfont.ttf?v=1.2.0") format("truetype"), url("../fonts/forkawesome-webfont.svg?v=1.2.0#forkawesomeregular") format("svg");
   font-weight: normal;
   font-style: normal;
   font-display: block; }
@@ -359,8 +361,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
   padding-left: 0;
   margin-left: 2.14285714em;
   list-style-type: none; }
-
-.fa-ul > li {
+  .fa-ul > li {
     position: relative; }
 
 .fa-li {
@@ -369,8 +370,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
   width: 2.14285714em;
   top: 0.14285714em;
   text-align: center; }
-
-.fa-li.fa-lg {
+  .fa-li.fa-lg {
     left: -1.85714286em; }
 
 .fa-border {
@@ -472,8 +472,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
   line-height: 2em;
   vertical-align: middle; }
 
-.fa-stack-1x,
-.fa-stack-2x {
+.fa-stack-1x, .fa-stack-2x {
   position: absolute;
   left: 0;
   width: 100%;
@@ -488,7 +487,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
 .fa-inverse {
   color: #fff; }
 
-/* Fork Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
 .fa-glass:before {
   content: "\f000"; }
@@ -2854,6 +2853,165 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
 .fa-biometric:before {
   content: "\f32b"; }
 
+.fa-wire:before {
+  content: "\f32c"; }
+
+.fa-tor-onion:before {
+  content: "\f32e"; }
+
+.fa-volume-mute:before {
+  content: "\f32f"; }
+
+.fa-bell-ringing:before {
+  content: "\f32d"; }
+
+.fa-bell-ringing-o:before {
+  content: "\f330"; }
+
+.fa-hal:before {
+  content: "\f333"; }
+
+.fa-jupyter:before {
+  content: "\f335"; }
+
+.fa-julia:before {
+  content: "\f334"; }
+
+.fa-classicpress:before {
+  content: "\f331"; }
+
+.fa-classicpress-circle:before {
+  content: "\f332"; }
+
+.fa-open-collective:before {
+  content: "\f336"; }
+
+.fa-orcid:before {
+  content: "\f337"; }
+
+.fa-researchgate:before {
+  content: "\f338"; }
+
+.fa-funkwhale:before {
+  content: "\f339"; }
+
+.fa-askfm:before {
+  content: "\f33a"; }
+
+.fa-blockstack:before {
+  content: "\f33b"; }
+
+.fa-boardgamegeek:before {
+  content: "\f33c"; }
+
+.fa-bunny:before {
+  content: "\f35f"; }
+
+.fa-buymeacoffee:before {
+  content: "\f33d"; }
+
+.fa-cc-by:before {
+  content: "\f33e"; }
+
+.fa-creative-commons-alt:before,
+.fa-cc-cc:before {
+  content: "\f33f"; }
+
+.fa-cc-nc-eu:before {
+  content: "\f341"; }
+
+.fa-cc-nc-jp:before {
+  content: "\f342"; }
+
+.fa-cc-nc:before {
+  content: "\f340"; }
+
+.fa-cc-nd:before {
+  content: "\f343"; }
+
+.fa-cc-pd:before {
+  content: "\f344"; }
+
+.fa-cc-remix:before {
+  content: "\f345"; }
+
+.fa-cc-sa:before {
+  content: "\f346"; }
+
+.fa-cc-share:before {
+  content: "\f347"; }
+
+.fa-cc-zero:before {
+  content: "\f348"; }
+
+.fa-conway-hacker:before,
+.fa-conway-glider:before {
+  content: "\f349"; }
+
+.fa-csharp:before {
+  content: "\f34a"; }
+
+.fa-email-bulk:before {
+  content: "\f34b"; }
+
+.fa-email-bulk-o:before {
+  content: "\f34c"; }
+
+.fa-gnu:before {
+  content: "\f34d"; }
+
+.fa-google-play:before {
+  content: "\f34e"; }
+
+.fa-heroku:before {
+  content: "\f34f"; }
+
+.fa-hassio:before,
+.fa-home-assistant:before {
+  content: "\f350"; }
+
+.fa-java:before {
+  content: "\f351"; }
+
+.fa-mariadb:before {
+  content: "\f352"; }
+
+.fa-markdown:before {
+  content: "\f353"; }
+
+.fa-mysql:before {
+  content: "\f354"; }
+
+.fa-nordcast:before {
+  content: "\f355"; }
+
+.fa-plume:before {
+  content: "\f356"; }
+
+.fa-postgresql:before {
+  content: "\f357"; }
+
+.fa-sass-alt:before {
+  content: "\f359"; }
+
+.fa-sass:before {
+  content: "\f358"; }
+
+.fa-skate:before {
+  content: "\f35a"; }
+
+.fa-sketchfab:before {
+  content: "\f35b"; }
+
+.fa-tex:before {
+  content: "\f35c"; }
+
+.fa-textpattern:before {
+  content: "\f35d"; }
+
+.fa-unity:before {
+  content: "\f35e"; }
+
 .sr-only {
   position: absolute;
   width: 1px;
@@ -2864,8 +3022,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
   clip: rect(0, 0, 0, 0);
   border: 0; }
 
-.sr-only-focusable:active,
-.sr-only-focusable:focus {
+.sr-only-focusable:active, .sr-only-focusable:focus {
   position: static;
   width: auto;
   height: auto;
@@ -2885,7 +3042,7 @@ html {
 body {
   color: #212121;
   background-color: #fafafa;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
   font-size: 1.8em;
   font-weight: 400;
   line-height: 1.8em; }
@@ -2910,7 +3067,7 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
   font-weight: 600;
   color: #000;
   margin: 4rem 0 2.5rem 0; }
@@ -2992,7 +3149,8 @@ strong {
 .highlight > pre {
   margin: 0 0 2rem;
   padding: 1rem;
-  border-radius: 1rem; }
+  border-radius: 1rem;
+  background-color: #e0e0e0 !important; }
 
 pre {
   display: block;
@@ -3012,7 +3170,9 @@ code {
   font-size: 1.6rem;
   font-weight: 400;
   background-color: #e0e0e0;
-  color: #212121; }
+  color: #212121;
+  border-radius: 0.6rem;
+  padding: 0.3rem 0.6rem; }
 
 blockquote {
   border-left: 2px solid #e0e0e0;
@@ -3066,7 +3226,7 @@ figure {
   width: 100%; }
 
 .container {
-  margin: 0 auto;
+  margin: 1rem auto;
   max-width: 90rem;
   width: 100%;
   padding-left: 2rem;
@@ -3134,6 +3294,16 @@ img.emoji {
   .content .post .post-meta .date .posted-on {
     margin-left: 0;
     margin-right: 1.5rem; }
+  .content .post .post-meta .tags .tag {
+    display: inline-block;
+    padding: 0.3rem 0.6rem;
+    background-color: #e0e0e0;
+    border-radius: 0.6rem;
+    line-height: 1.4em; }
+    .content .post .post-meta .tags .tag a {
+      color: #212121; }
+    .content .post .post-meta .tags .tag a:active {
+      color: #212121; }
   .content figure {
     margin: 0;
     padding: 0; }
@@ -3173,7 +3343,7 @@ img.emoji {
       font-size: 1.8rem;
       flex: 2;
       color: #212121;
-      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, sans-serif;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
       font-weight: 700; }
       .list ul li .title:hover, .list ul li .title:focus {
         color: #1565c0; }
@@ -3311,9 +3481,8 @@ img.emoji {
   .navigation span {
     display: inline;
     font-size: 1.7rem;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, sans-serif;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
     font-weight: 600;
-    line-height: 6rem;
     color: #212121; }
   .navigation a:hover, .navigation a:focus {
     color: #1565c0; }
@@ -3327,8 +3496,8 @@ img.emoji {
     margin-top: 0; }
     @media only screen and (max-width: 768px) {
       .navigation .navigation-list {
-        position: absolute;
-        top: 6rem;
+        position: relative;
+        top: 2rem;
         right: 0;
         z-index: 5;
         visibility: hidden;
@@ -3385,8 +3554,8 @@ img.emoji {
     display: none; }
     @media only screen and (max-width: 768px) {
       .navigation .menu-button {
+        position: relative;
         display: block;
-        margin: 1.8rem 0;
         font-size: 2.4rem;
         font-weight: 400; } }
     .navigation .menu-button i:hover, .navigation .menu-button i:focus {
@@ -3400,7 +3569,7 @@ img.emoji {
 .pagination {
   margin-top: 6rem;
   text-align: center;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, sans-serif; }
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif; }
   .pagination li {
     display: inline;
     text-align: center;
@@ -3416,6 +3585,20 @@ img.emoji {
         text-align: center;
         width: 3.2rem; }
 
+.taxonomy li {
+  display: inline-block;
+  margin: 0.9rem; }
+
+.taxonomy .taxonomy-element {
+  display: block;
+  padding: 0.3rem 0.9rem;
+  background-color: #e0e0e0;
+  border-radius: 0.6rem; }
+  .taxonomy .taxonomy-element a {
+    color: #212121; }
+  .taxonomy .taxonomy-element a:active {
+    color: #212121; }
+
 .footer {
   width: 100%;
   text-align: center;

resources/_gen/assets/scss/scss/coder-dark.scss_1fcd9040f1144c65015c77e7b93bc5ac.json

@@ -1 +1 @@
-{"Target":"css/coder-dark.min.aa883b9ce35a8ff4a2a5008619005175e842bb18a8a9f9cc2bbcf44dab2d91fa.css","MediaType":"text/css","Data":{"Integrity":"sha256-qog7nONaj/SipQCGGQBRdehCuxioqfnMK7z0Tastkfo="}}
+{"Target":"css/coder-dark.min.876b132a2ef3947e5bdc3c8dbeda49fc71bd5a4abbd4ddfbc92e8112aebfebe3.css","MediaType":"text/css","Data":{"Integrity":"sha256-h2sTKi7zlH5b3DyNvtpJ/HG9Wkq71N37yS6BEq6/6+M="}}

resources/_gen/assets/scss/scss/coder-dark.scss_9e20ccd2d8034c8e0fd83b11fb6e2bd5.content

@@ -40,8 +40,9 @@ body.colorscheme-dark {
   body.colorscheme-dark code {
     background-color: #424242;
     color: #dadada; }
+  body.colorscheme-dark pre {
+    background-color: #424242 !important; }
     body.colorscheme-dark pre code {
-    background-color: inherit;
       color: inherit; }
   body.colorscheme-dark blockquote {
     border-left: 2px solid #424242; }
@@ -92,8 +93,9 @@ body.colorscheme-dark {
     body.colorscheme-auto code {
       background-color: #424242;
       color: #dadada; }
+    body.colorscheme-auto pre {
+      background-color: #424242 !important; }
       body.colorscheme-auto pre code {
-      background-color: inherit;
         color: inherit; }
     body.colorscheme-auto blockquote {
       border-left: 2px solid #424242; }
@@ -101,6 +103,13 @@ body.colorscheme-dark {
     body.colorscheme-auto table th {
       border: 2px solid #dadada; } }
 
+body.colorscheme-dark .content .post .tags .tag {
+  background-color: #424242; }
+  body.colorscheme-dark .content .post .tags .tag a {
+    color: #dadada; }
+  body.colorscheme-dark .content .post .tags .tag a:active {
+    color: #dadada; }
+
 body.colorscheme-dark .content .list ul li .title {
   color: #dadada; }
   body.colorscheme-dark .content .list ul li .title:hover, body.colorscheme-dark .content .list ul li .title:focus {
@@ -112,6 +121,12 @@ body.colorscheme-dark .content .centered .about ul li a {
     color: #42a5f5; }
 
 @media (prefers-color-scheme: dark) {
+  body.colorscheme-auto .content .post .tags .tag {
+    background-color: #424242; }
+    body.colorscheme-auto .content .post .tags .tag a {
+      color: #dadada; }
+    body.colorscheme-auto .content .post .tags .tag a:active {
+      color: #dadada; }
   body.colorscheme-auto .content .list ul li .title {
     color: #dadada; }
     body.colorscheme-auto .content .list ul li .title:hover, body.colorscheme-auto .content .list ul li .title:focus {
@@ -186,6 +201,21 @@ body.colorscheme-dark .navigation .menu-button i:hover, body.colorscheme-dark .n
   body.colorscheme-auto .navigation .menu-button i:hover, body.colorscheme-auto .navigation .menu-button i:focus {
     color: #dadada; } }
 
+body.colorscheme-dark .taxonomy-element {
+  background-color: #424242; }
+  body.colorscheme-dark .taxonomy-element a {
+    color: #dadada; }
+  body.colorscheme-dark .taxonomy-element a:active {
+    color: #dadada; }
+
+@media (prefers-color-scheme: dark) {
+  body.colorscheme-auto .taxonomy-element {
+    background-color: #424242; }
+    body.colorscheme-auto .taxonomy-element a {
+      color: #dadada; }
+    body.colorscheme-auto .taxonomy-element a:active {
+      color: #dadada; } }
+
 body.colorscheme-dark .footer a {
   color: #42a5f5; }
 

resources/_gen/assets/scss/scss/coder.scss_5e1eb8e37c42cdfb6215b61e44dcfa5f.json

@@ -1 +1 @@
-{"Target":"css/coder.min.708686f8ab8176e91d44fcbe488a0fe0333b94f405cf18a52383d67ba22f0ccb.css","MediaType":"text/css","Data":{"Integrity":"sha256-cIaG+KuBdukdRPy+SIoP4DM7lPQFzxilI4PWe6IvDMs="}}
+{"Target":"css/coder.min.c99932527e4ee59cd8aeb0f42c7aa4dd03a68a027a5cd24af1da34f9e9867fab.css","MediaType":"text/css","Data":{"Integrity":"sha256-yZkyUn5O5ZzYrrD0LHqk3QOmigJ6XNJK8do0+emGf6s="}}

resources/_gen/assets/scss/scss/coder.scss_fd4b5b3f9a48bc0c7f005d2f7a4cc30f.content

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 /* Document
    ========================================================================== */
@@ -63,7 +64,8 @@ pre {
    * Remove the gray background on active links in IE 10.
    */
 a {
-  background-color: transparent; }
+  background-color: transparent;
+  word-wrap: break-word; }
 
 /**
    * 1. Remove the bottom border in Chrome 57-
@@ -304,7 +306,7 @@ template {
   display: none; }
 
 /*!
-Fork Awesome 1.1.7
+Fork Awesome 1.2.0
 License - https://forkaweso.me/Fork-Awesome/license
 
 Copyright 2018 Dave Gandy & Fork Awesome
@@ -318,9 +320,9 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
 /* FONT PATH
  * -------------------------- */
 @font-face {
-  font-family: 'ForkAwesome';
-  src: url("../fonts/forkawesome-webfont.eot?v=1.1.7");
-  src: url("../fonts/forkawesome-webfont.eot?#iefix&v=1.1.7") format("embedded-opentype"), url("../fonts/forkawesome-webfont.woff2?v=1.1.7") format("woff2"), url("../fonts/forkawesome-webfont.woff?v=1.1.7") format("woff"), url("../fonts/forkawesome-webfont.ttf?v=1.1.7") format("truetype"), url("../fonts/forkawesome-webfont.svg?v=1.1.7#forkawesomeregular") format("svg");
+  font-family: "ForkAwesome";
+  src: url("../fonts/forkawesome-webfont.eot?v=1.2.0");
+  src: url("../fonts/forkawesome-webfont.eot?#iefix&v=1.2.0") format("embedded-opentype"), url("../fonts/forkawesome-webfont.woff2?v=1.2.0") format("woff2"), url("../fonts/forkawesome-webfont.woff?v=1.2.0") format("woff"), url("../fonts/forkawesome-webfont.ttf?v=1.2.0") format("truetype"), url("../fonts/forkawesome-webfont.svg?v=1.2.0#forkawesomeregular") format("svg");
   font-weight: normal;
   font-style: normal;
   font-display: block; }
@@ -359,8 +361,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
   padding-left: 0;
   margin-left: 2.14285714em;
   list-style-type: none; }
-
-.fa-ul > li {
+  .fa-ul > li {
     position: relative; }
 
 .fa-li {
@@ -369,8 +370,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
   width: 2.14285714em;
   top: 0.14285714em;
   text-align: center; }
-
-.fa-li.fa-lg {
+  .fa-li.fa-lg {
     left: -1.85714286em; }
 
 .fa-border {
@@ -472,8 +472,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
   line-height: 2em;
   vertical-align: middle; }
 
-.fa-stack-1x,
-.fa-stack-2x {
+.fa-stack-1x, .fa-stack-2x {
   position: absolute;
   left: 0;
   width: 100%;
@@ -488,7 +487,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
 .fa-inverse {
   color: #fff; }
 
-/* Fork Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
 .fa-glass:before {
   content: "\f000"; }
@@ -2854,6 +2853,165 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
 .fa-biometric:before {
   content: "\f32b"; }
 
+.fa-wire:before {
+  content: "\f32c"; }
+
+.fa-tor-onion:before {
+  content: "\f32e"; }
+
+.fa-volume-mute:before {
+  content: "\f32f"; }
+
+.fa-bell-ringing:before {
+  content: "\f32d"; }
+
+.fa-bell-ringing-o:before {
+  content: "\f330"; }
+
+.fa-hal:before {
+  content: "\f333"; }
+
+.fa-jupyter:before {
+  content: "\f335"; }
+
+.fa-julia:before {
+  content: "\f334"; }
+
+.fa-classicpress:before {
+  content: "\f331"; }
+
+.fa-classicpress-circle:before {
+  content: "\f332"; }
+
+.fa-open-collective:before {
+  content: "\f336"; }
+
+.fa-orcid:before {
+  content: "\f337"; }
+
+.fa-researchgate:before {
+  content: "\f338"; }
+
+.fa-funkwhale:before {
+  content: "\f339"; }
+
+.fa-askfm:before {
+  content: "\f33a"; }
+
+.fa-blockstack:before {
+  content: "\f33b"; }
+
+.fa-boardgamegeek:before {
+  content: "\f33c"; }
+
+.fa-bunny:before {
+  content: "\f35f"; }
+
+.fa-buymeacoffee:before {
+  content: "\f33d"; }
+
+.fa-cc-by:before {
+  content: "\f33e"; }
+
+.fa-creative-commons-alt:before,
+.fa-cc-cc:before {
+  content: "\f33f"; }
+
+.fa-cc-nc-eu:before {
+  content: "\f341"; }
+
+.fa-cc-nc-jp:before {
+  content: "\f342"; }
+
+.fa-cc-nc:before {
+  content: "\f340"; }
+
+.fa-cc-nd:before {
+  content: "\f343"; }
+
+.fa-cc-pd:before {
+  content: "\f344"; }
+
+.fa-cc-remix:before {
+  content: "\f345"; }
+
+.fa-cc-sa:before {
+  content: "\f346"; }
+
+.fa-cc-share:before {
+  content: "\f347"; }
+
+.fa-cc-zero:before {
+  content: "\f348"; }
+
+.fa-conway-hacker:before,
+.fa-conway-glider:before {
+  content: "\f349"; }
+
+.fa-csharp:before {
+  content: "\f34a"; }
+
+.fa-email-bulk:before {
+  content: "\f34b"; }
+
+.fa-email-bulk-o:before {
+  content: "\f34c"; }
+
+.fa-gnu:before {
+  content: "\f34d"; }
+
+.fa-google-play:before {
+  content: "\f34e"; }
+
+.fa-heroku:before {
+  content: "\f34f"; }
+
+.fa-hassio:before,
+.fa-home-assistant:before {
+  content: "\f350"; }
+
+.fa-java:before {
+  content: "\f351"; }
+
+.fa-mariadb:before {
+  content: "\f352"; }
+
+.fa-markdown:before {
+  content: "\f353"; }
+
+.fa-mysql:before {
+  content: "\f354"; }
+
+.fa-nordcast:before {
+  content: "\f355"; }
+
+.fa-plume:before {
+  content: "\f356"; }
+
+.fa-postgresql:before {
+  content: "\f357"; }
+
+.fa-sass-alt:before {
+  content: "\f359"; }
+
+.fa-sass:before {
+  content: "\f358"; }
+
+.fa-skate:before {
+  content: "\f35a"; }
+
+.fa-sketchfab:before {
+  content: "\f35b"; }
+
+.fa-tex:before {
+  content: "\f35c"; }
+
+.fa-textpattern:before {
+  content: "\f35d"; }
+
+.fa-unity:before {
+  content: "\f35e"; }
+
 .sr-only {
   position: absolute;
   width: 1px;
@@ -2864,8 +3022,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
   clip: rect(0, 0, 0, 0);
   border: 0; }
 
-.sr-only-focusable:active,
-.sr-only-focusable:focus {
+.sr-only-focusable:active, .sr-only-focusable:focus {
   position: static;
   width: auto;
   height: auto;
@@ -2885,7 +3042,7 @@ html {
 body {
   color: #212121;
   background-color: #fafafa;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
   font-size: 1.8em;
   font-weight: 400;
   line-height: 1.8em; }
@@ -2910,7 +3067,7 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
   font-weight: 600;
   color: #000;
   margin: 4rem 0 2.5rem 0; }
@@ -2992,7 +3149,8 @@ strong {
 .highlight > pre {
   margin: 0 0 2rem;
   padding: 1rem;
-  border-radius: 1rem; }
+  border-radius: 1rem;
+  background-color: #e0e0e0 !important; }
 
 pre {
   display: block;
@@ -3012,7 +3170,9 @@ code {
   font-size: 1.6rem;
   font-weight: 400;
   background-color: #e0e0e0;
-  color: #212121; }
+  color: #212121;
+  border-radius: 0.6rem;
+  padding: 0.3rem 0.6rem; }
 
 blockquote {
   border-left: 2px solid #e0e0e0;
@@ -3066,7 +3226,7 @@ figure {
   width: 100%; }
 
 .container {
-  margin: 0 auto;
+  margin: 1rem auto;
   max-width: 90rem;
   width: 100%;
   padding-left: 2rem;
@@ -3134,6 +3294,16 @@ img.emoji {
   .content .post .post-meta .date .posted-on {
     margin-left: 0;
     margin-right: 1.5rem; }
+  .content .post .post-meta .tags .tag {
+    display: inline-block;
+    padding: 0.3rem 0.6rem;
+    background-color: #e0e0e0;
+    border-radius: 0.6rem;
+    line-height: 1.4em; }
+    .content .post .post-meta .tags .tag a {
+      color: #212121; }
+    .content .post .post-meta .tags .tag a:active {
+      color: #212121; }
   .content figure {
     margin: 0;
     padding: 0; }
@@ -3173,7 +3343,7 @@ img.emoji {
       font-size: 1.8rem;
       flex: 2;
       color: #212121;
-      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, sans-serif;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
       font-weight: 700; }
       .list ul li .title:hover, .list ul li .title:focus {
         color: #1565c0; }
@@ -3311,9 +3481,8 @@ img.emoji {
   .navigation span {
     display: inline;
     font-size: 1.7rem;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, sans-serif;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
     font-weight: 600;
-    line-height: 6rem;
     color: #212121; }
   .navigation a:hover, .navigation a:focus {
     color: #1565c0; }
@@ -3327,8 +3496,8 @@ img.emoji {
     margin-top: 0; }
     @media only screen and (max-width: 768px) {
       .navigation .navigation-list {
-        position: absolute;
-        top: 6rem;
+        position: relative;
+        top: 2rem;
         right: 0;
         z-index: 5;
         visibility: hidden;
@@ -3385,8 +3554,8 @@ img.emoji {
     display: none; }
     @media only screen and (max-width: 768px) {
       .navigation .menu-button {
+        position: relative;
         display: block;
-        margin: 1.8rem 0;
         font-size: 2.4rem;
         font-weight: 400; } }
     .navigation .menu-button i:hover, .navigation .menu-button i:focus {
@@ -3400,7 +3569,7 @@ img.emoji {
 .pagination {
   margin-top: 6rem;
   text-align: center;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, sans-serif; }
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif; }
   .pagination li {
     display: inline;
     text-align: center;
@@ -3416,6 +3585,20 @@ img.emoji {
         text-align: center;
         width: 3.2rem; }
 
+.taxonomy li {
+  display: inline-block;
+  margin: 0.9rem; }
+
+.taxonomy .taxonomy-element {
+  display: block;
+  padding: 0.3rem 0.9rem;
+  background-color: #e0e0e0;
+  border-radius: 0.6rem; }
+  .taxonomy .taxonomy-element a {
+    color: #212121; }
+  .taxonomy .taxonomy-element a:active {
+    color: #212121; }
+
 .footer {
   width: 100%;
   text-align: center;