Introduction v6.0.0 (#329)

* Simplify dark theme

- Make dark theme less awful (sorry about that)

* Update exampleSite posts

* Add support for multiple authors per post (#328)

11 files changed, 350 insertions, 288 deletions

diff --git a/assets/sass/_base.sass b/assets/sass/_base.sass
index 8cdcf9b..1b96c1a 100644
--- a/assets/sass/_base.sass
+++ b/assets/sass/_base.sass
@@ -36,6 +36,9 @@ a
 h1, h2, .title, .subtitle
     color: $h-color
 
+p
+    color: $body-color
+
 .title
     font-weight: $title-weight
 
@@ -116,9 +119,10 @@ details[open] summary
     list-style-position: outside
     margin-left: 0
 
-.post-data
+.post-data, .blog-share, .footer-text
     font-size: 1rem
     line-height: 2rem
+    color: $body-color
 
 .social-icons
     padding: 0 10px
@@ -153,7 +157,8 @@ details[open] summary
 .navbar-item
     text-transform: uppercase
     font-size: 0.875rem
-    &:hover
+    color: $body-color
+    &:hover, &:active
         background-color: $navbar-background-color !important
 
 .owl-nav
@@ -199,8 +204,9 @@ details[open] summary
     justify-content: center
 
 .markdown
+    color: $body-color !important
     p
-        margin-bottom: 1em
+        margin: 1em 0
     h1
         font-size: $size-1
         @include mobile
@@ -229,18 +235,18 @@ details[open] summary
             color: $secondary
     ul
         margin-bottom: 1.25rem
-        margin-left: 1.5em
         list-style: disc
     ul ul
+        margin-left: 0.5em
         margin-bottom: 0
     li
-        margin-left: 1.5em
+        margin-left: 1em
         list-style-position: outside
-        padding-left: 1em
+        padding-left: 0.25em
     ol
         margin-bottom: 1.25rem
-        margin-left: 1.5em
     ol ol
+        margin-left: 0.5em
         list-style-type: lower-alpha
         margin-bottom: 0
     ol ol ol
@@ -287,7 +293,17 @@ details[open] summary
         background-color: #f7f7f7
     code, pre
         border-radius: 3px
+    p>code, p>a>code
+        background-color: rgba($secondary, 0.3) !important
     img
         display: block
         margin: 2rem auto
         max-width: 100%
+    figure > img
+        margin: auto
+    figcaption
+        margin: 0.5rem auto
+        max-width: 500px
+        text-align: center
+    figcaption > h4
+        font-size: 0.8rem
diff --git a/assets/sass/_dark-variables.sass b/assets/sass/_dark-variables.sass
index a58c9c9..9cd57f0 100644
--- a/assets/sass/_dark-variables.sass
+++ b/assets/sass/_dark-variables.sass
@@ -1,8 +1,8 @@
-$body-color: #dfdfdf
-$background: #121212
-$primary: #ed6a5a
-$secondary: #f4f1bb
-$h-color: #75b8c8
+$body-color: #ffffff
+$background: #222222
+$primary: #00b8d4
+$secondary: #efefef
+$h-color: $secondary
 $navbar-item-color: $body-color
 $code-background: #222222
 $link-hover: $secondary
diff --git a/exampleSite/content/en/blog/coffee-ipsum/index.md b/exampleSite/content/en/blog/coffee-ipsum/index.md
index c9841c1..97a3029 100644
--- a/exampleSite/content/en/blog/coffee-ipsum/index.md
+++ b/exampleSite/content/en/blog/coffee-ipsum/index.md
@@ -1,23 +1,22 @@
 ---
-title: "Coffee Ipsum"
-date: 2017-11-01T12:04:16-05:00
-tags: ["coffee", "ipsum", "images"]
+title: "Post with Images Example"
+date: 2022-02-20T12:04:16-05:00
+tags: ["images"]
+series: ["example posts"]
 ---
 
-Aromatic aroma con panna, crema so coffee robust coffee barista, café au lait trifecta that strong blue mountain cortado aftertaste. Aroma extraction french press, skinny sweet, blue mountain cup roast barista, beans, extra cappuccino mug crema strong. Americano caffeine white, con panna saucer sit, con panna eu, carajillo aftertaste kopi-luwak, body aftertaste cup single origin café au lait saucer. Macchiato java sweet arabica, turkish cup, eu flavour mug extraction white cortado saucer est white brewed instant, rich, barista breve cappuccino barista organic. Barista, beans extraction, barista mocha, roast steamed siphon cup sweet cortado, cinnamon froth milk ristretto cortado galão. Crema, milk extra brewed, lungo dripper, espresso flavour qui, variety, grinder caramelization sit, strong turkish espresso body, filter barista caramelization half and half strong. To go viennese cream to go, flavour, so mocha as, carajillo iced et a siphon froth. Aged, eu, cup, brewed aroma kopi-luwak, coffee, id viennese french press brewed grounds acerbic froth. Decaffeinated acerbic, spoon beans seasonal, french press café au lait mazagran roast chicory, pumpkin spice galão as fair trade, dark irish cup ristretto half and half whipped shop. Latte instant black extra aroma, instant, extra robusta variety skinny shop aged cup ristretto foam cortado. Bar galão skinny saucer est affogato sugar caffeine chicory sugar coffee, seasonal barista french press acerbic in chicory robust.
+Images can be added to posts using Markdown syntax:
 
+```md
 ![Sample image](workday.jpg)
+```
 
-At, whipped extraction, wings, dark black, breve, single origin, est as irish, caffeine milk half and half, whipped, arabica filter dark a trifecta aftertaste. Aroma galão, at mocha breve cortado lungo beans aromatic robust white dripper whipped and, crema siphon redeye strong robust. Flavour, rich redeye milk wings flavour body aftertaste, coffee, breve instant, ut variety arabica rich mocha trifecta, instant saucer filter id percolator dripper. Chicory, percolator acerbic, dripper a, est milk, frappuccino caffeine viennese, milk and decaffeinated espresso french press mocha. Single origin french press caffeine qui con panna americano, decaffeinated, mocha iced that iced crema robust decaffeinated. Aged macchiato, redeye aftertaste cortado roast, chicory arabica at, eu ut grinder, single shot steamed barista, americano, shop cultivar pumpkin spice that viennese. Ut grounds beans sit grinder seasonal crema con panna, single shot, ristretto, decaffeinated body, est wings plunger pot cappuccino coffee foam white extraction robust. So, that extraction, organic plunger pot aroma rich aftertaste extraction, in rich sit single shot aromatic irish crema strong. Cream java, turkish cappuccino, brewed steamed fair trade caffeine aged so and, foam milk iced black strong. Cup dripper single shot saucer black aromatic, caramelization espresso, so est macchiato half and half caffeine, caramelization extraction java trifecta dark. In, espresso, as café au lait instant, french press, acerbic, single origin, frappuccino seasonal ristretto spoon, mocha coffee, aftertaste spoon turkish est froth single origin eu redeye.
+Which looks like this:
 
-Block of code:
+![Sample image](workday.jpg)
 
-```JavaScript
-  const thisIsATest = () => {
-    console.log("This is funny")
-  }
-```
+You can also use Hugo's built-in [figure shortcode](https://gohugo.io/content-management/shortcodes/#figure). This lets you add a caption, and looks like this:
 
-Barista at, whipped, brewed americano ut, black americano spoon crema, black carajillo, con panna, qui galão crema aged arabica. Cup half and half white, sugar, viennese, mocha to go single shot americano crema single origin sweet strong, pumpkin spice, flavour, rich steamed shop grinder steamed latte extra to go brewed. Frappuccino, variety a flavour rich, bar caffeine carajillo, caffeine, half and half brewed half and half that con panna single origin redeye. Roast percolator, beans kopi-luwak aftertaste ut, cup java, sweet, single origin affogato, eu espresso barista cortado trifecta ristretto to go aged cortado caramelization sweet. So variety wings sit roast acerbic a saucer, cream galão foam seasonal, instant, cinnamon beans macchiato mug steamed caffeine cappuccino. To go, frappuccino, body dripper aftertaste brewed spoon ristretto redeye, black dark, bar crema whipped wings macchiato, flavour, ut rich mocha variety filter aromatic. Ut instant single shot shop turkish and, grounds, latte half and half aged breve mug percolator shop. Macchiato, at cup single origin crema affogato, mug cup, eu et ristretto espresso, viennese froth beans variety to go. Coffee caffeine spoon, macchiato strong dripper crema, macchiato espresso blue mountain, chicory con panna white bar caffeine skinny trifecta con panna. Robust, mazagran latte to go, carajillo cinnamon at and trifecta, cream body variety instant id cream so extra. Ut as iced wings saucer caramelization, affogato, coffee, froth so, brewed acerbic iced shop in sweet brewed.
+{{< figure src="workday.jpg" title="Black and white work day photo." >}}
 
-Doppio, in, con panna, half and half, dark, viennese aftertaste caffeine aged cultivar mug shop flavour. Spoon to go, doppio caffeine, a latte carajillo whipped, viennese grinder carajillo whipped dark grinder espresso coffee, espresso, variety café au lait aged half and half grounds. Mazagran as, kopi-luwak viennese, dark, sit aged id at, milk, to go cup sweet, shop coffee, spoon mazagran filter, doppio at extra cup milk. Chicory id roast chicory aromatic strong, white sweet viennese, carajillo java strong a to go aftertaste, frappuccino at cinnamon dripper pumpkin spice arabica. Aged, brewed percolator, id, macchiato aroma, black bar aromatic ristretto lungo as mug grinder as mocha. Mug, medium et roast doppio, spoon so single origin french press skinny, caffeine blue mountain variety, mocha, percolator grinder café au lait kopi-luwak arabica. Caffeine, seasonal, french press steamed rich single origin cream galão brewed cinnamon, doppio java, chicory aftertaste ristretto, plunger pot aromatic, ut, plunger pot milk est whipped grinder coffee. Sweet macchiato cappuccino cup, decaffeinated macchiato cream, milk extra, ut, galão froth half and half sweet qui, siphon, et aged, skinny, siphon milk grounds strong to go. Chicory medium, ut viennese instant fair trade steamed medium café au lait, as fair trade, barista single origin, body acerbic decaffeinated lungo café au lait bar trifecta americano mazagran. Strong cortado caffeine wings cappuccino foam, saucer est cream white aftertaste body french press. Beans affogato, ristretto a plunger pot bar macchiato, froth filter seasonal doppio, siphon sit caffeine cortado redeye single shot.
+Posts with images are great at capturing attention and showcasing your work. Why not try it today?
diff --git a/exampleSite/content/en/blog/configuration.md b/exampleSite/content/en/blog/configuration.md
index 3a20faa..bb2199a 100644
--- a/exampleSite/content/en/blog/configuration.md
+++ b/exampleSite/content/en/blog/configuration.md
@@ -1,7 +1,7 @@
 ---
-title: "Theme Features"
+title: "**Start Here:** Configuration and Content"
 date: 2020-07-25T02:04:06-05:00
-tags: ["code"]
+tags: ["code", "features"]
 series: ["quickstart"]
 ---
 
@@ -11,7 +11,7 @@ Here are some helpful tips for setting up this theme.
 
 Most of what you'll want to configure is demonstrated in the exampleSite `config.toml`. This is [Hugo's configuration file](https://gohugo.io/getting-started/configuration/). You can copy the `config.toml` in the `exampleSite/` to your site root get started.
 
-<details><summary>Here are all the options included in the configuration file for this example site!</summary>
+<details><summary>Here are all the options included in the (live!) configuration file for this example site!</summary>
 
 ```toml
 {{% md %}}
@@ -21,7 +21,9 @@ Most of what you'll want to configure is demonstrated in the exampleSite `config
 
 </details>
 
-## Syntax Highlighting
+Below are some specific things you might like to configure right away.
+
+### Syntax Highlighting
 
 Introduction allows the use of Hugo's rich built-in syntax highlighting capabilities. See [Syntax Highlighting](https://gohugo.io/content-management/syntax-highlighting/) in the Hugo docs.
 
@@ -42,11 +44,11 @@ Below is an example configuration for Highlight. See [Highlight in the Hugo docs
     tabWidth = 4
 ```
 
-## Shortcodes
+### Shortcodes
 
-[Custom shortcodes](https://gohugo.io/templates/shortcode-templates/) can be added to a `layouts/shortcodes/` directory in your site root. Below, I use two custom shortcodes to display a data file: the current configuration file for this site! See the [source for this page](https://github.com/victoriadrake/hugo-theme-introduction/blob/master/exampleSite/content/en/blog/configuration.md) to understand how to use shortcodes.
+[Custom shortcodes](https://gohugo.io/templates/shortcode-templates/) can be added to a `layouts/shortcodes/` directory in your site root. For example, I used a shortcode above to display the current configuration file for this site! You can see the shortcodes in the [raw Markdown for this page](https://github.com/victoriadrake/hugo-theme-introduction/blob/master/exampleSite/content/en/blog/configuration.md) to understand how they work.
 
-## Show HTML in Posts
+### Show HTML in Posts
 
 To ensure Hugo renders any HTML that your shortcode or other additions like Font Awesome uses in posts, make sure these lines for [the Goldmark renderer](https://gohugo.io/getting-started/configuration-markup) are in your `config.toml`:
 
@@ -59,3 +61,11 @@ defaultMarkdownHandler = "goldmark"
 [markup.goldmark.renderer]
 unsafe = true
 ```
+
+## Content
+
+The easiest way to start adding content to your site is to copy the `exampleSite` folder to your site's root directory.
+
+You can change the existing posts to see how it all works. Add new pages using [the `hugo new` command](https://gohugo.io/getting-started/quick-start/).
+
+To understand how different pages are rendered by Hugo, read [Content Organization](https://gohugo.io/content-management/organization/) in the Hugo docs.
diff --git a/exampleSite/content/en/blog/hipster-ipsum.md b/exampleSite/content/en/blog/hipster-ipsum.md
deleted file mode 100644
index 1ddb2d9..0000000
--- a/exampleSite/content/en/blog/hipster-ipsum.md
+++ /dev/null
@@ -1,13 +0,0 @@
----
-title: "Hipster Ipsum"
-date: 2017-11-13T11:58:39-05:00
-tags: ["ipsum", "words"]
----
-
-Occupy mlkshk kale chips woke, listicle locavore next level fingerstache glossier aesthetic man braid before they sold out kitsch prism. Cred copper mug freegan, flannel YOLO single-origin coffee skateboard artisan four loko church-key man bun. Synth literally gastropub, kombucha chillwave helvetica offal truffaut church-key freegan pop-up gentrify narwhal. Kombucha viral vexillologist green juice. Slow-carb hoodie mumblecore tumeric tattooed meditation, lo-fi fap cred affogato forage whatever austin. Shabby chic direct trade migas, brunch gochujang sriracha chambray fanny pack 8-bit mustache letterpress. Street art umami tattooed, glossier selfies 90's kale chips cred cardigan taxidermy seitan distillery migas.
-
-Chicharrones ethical activated charcoal cardigan vegan copper mug. Ennui messenger bag 90's street art art party etsy. Four loko freegan flannel flexitarian, slow-carb hot chicken vexillologist tote bag church-key tilde pinterest. Ethical hell of retro, mlkshk twee yr selfies asymmetrical venmo. Photo booth mixtape tattooed pop-up, synth flexitarian paleo. DIY cornhole sustainable, gochujang whatever slow-carb hexagon tilde. Bitters XOXO kombucha af.
-
-Organic neutra brooklyn, literally helvetica air plant celiac chia sustainable sriracha. Jean shorts typewriter chambray 90's farm-to-table, man bun tofu VHS. Messenger bag paleo plaid meditation intelligentsia forage, lomo jianbing hell of. Waistcoat synth tacos direct trade truffaut kogi. Gentrify street art woke, everyday carry whatever gastropub PBR&B fixie chambray kale chips af photo booth shoreditch. Thundercats hella cold-pressed, ethical vape irony pitchfork mixtape kombucha heirloom viral hell of deep v banh mi hoodie. Craft beer slow-carb raw denim, ugh asymmetrical artisan banh mi fingerstache trust fund poke bespoke green juice man bun mustache 3 wolf moon.
-
-Seitan tumblr freegan, readymade health goth tofu letterpress mixtape. Viral microdosing roof party, narwhal paleo photo booth cronut fingerstache. Bitters ramps snackwave listicle, taxidermy skateboard williamsburg. Vexillologist irony ennui, vegan fap 8-bit street art hashtag bicycle rights thundercats woke fashion axe aesthetic. Before they sold out umami forage disrupt, fashion axe cardigan ugh kitsch small batch. Kitsch try-hard vexillologist, semiotics disrupt shabby chic schlitz. Cardigan deep v hammock yuccie craft beer wayfarers, bespoke shabby chic keytar vape venmo semiotics iPhone cray.
diff --git a/exampleSite/content/en/blog/long-form-post.md b/exampleSite/content/en/blog/long-form-post.md
index 0a7f78d..84eaa48 100644
--- a/exampleSite/content/en/blog/long-form-post.md
+++ b/exampleSite/content/en/blog/long-form-post.md
@@ -1,11 +1,13 @@
 ---
-title: "**Long** Form Post!"
+title: "Long Form Writing and Quotes"
 date: 2019-05-30T20:18:53-05:00
 showDate: true
 draft: false
 tags: ["blog","code"]
 ---
 
+Prolific writes rejoice! Introduction beautifully renders long pages of writing and blocks of quoted text. Let the ipsum show you how.
+
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Cursus eget nunc scelerisque viverra. Quam vulputate dignissim suspendisse in est ante in nibh mauris. Pharetra magna ac placerat vestibulum lectus mauris. Eget lorem dolor sed viverra ipsum.
 
 ## Elementum Nisi
diff --git a/exampleSite/content/en/blog/multi-author.md b/exampleSite/content/en/blog/multi-author.md
new file mode 100644
index 0000000..a15cb06
--- /dev/null
+++ b/exampleSite/content/en/blog/multi-author.md
@@ -0,0 +1,27 @@
+---
+title: "Support for Multiple Authors"
+date: 2022-02-21T16:04:06-05:00
+tags: ["features", "blog"]
+series: ["quickstart"]
+author: ["Hugo Contributors"]
+---
+
+Using Introduction, your site can feature multiple authors. Each post displays a byline -- the name of a post's author -- if the `author` field is set in the post front matter. For example, here's the front matter for this post:
+
+```yaml
+---
+title: "Support for Multiple Authors"
+date: 2022-02-20T02:04:06-05:00
+tags: ["features", "blog"]
+series: ["quickstart"]
+author: ["Hugo Contributors"]
+---
+```
+
+You can list one or more authors. For example, here's a byline with two credits:
+
+```yaml
+author: ["Hugo Contributors", "Victoria Drake"]
+```
+
+Even when there is just one author, ensure you use a list format (`["Name"]`) for the `author` field.
diff --git a/exampleSite/content/en/blog/startup-ipsum.md b/exampleSite/content/en/blog/startup-ipsum.md
index fc1c155..680bcfc 100644
--- a/exampleSite/content/en/blog/startup-ipsum.md
+++ b/exampleSite/content/en/blog/startup-ipsum.md
@@ -1,17 +1,18 @@
 ---
-title: "Startup Ipsum"
+title: "Markdown Support"
 date: 2017-11-06T12:04:06-05:00
-tags: ["code", "ipsum", "words"]
+tags: ["markdown", "features"]
+series: ["quickstart"]
 ---
 
-SpaceTeam affordances quantitative vs. qualitative SpaceTeam physical computing earned media thinker-maker-doer pair programming. Bootstrapping pitch deck physical computing driven cortado human-centered design innovate human-centered design driven. Grok pitch deck fund pitch deck sticky note affordances minimum viable product integrate paradigm viral iterate. Driven fund thought leader personas workflow SpaceTeam viral pair programming physical computing intuitive 360 campaign latte bootstrapping minimum viable product. Bootstrapping physical computing responsive pitch deck SpaceTeam parallax long shadow pitch deck bootstrapping ideate.
+Introduction supports code blocks and syntax highlighting:
 
 ```sh
 $ complicated techie code git bash ubuntu
 >>> return value init foo
 ```
 
-Responsive innovate grok latte disrupt intuitive actionable insight SpaceTeam grok. Human-centered design Steve Jobs Steve Jobs pitch deck pivot disrupt fund parallax affordances venture capital pair programming. Pivot earned media user centered design affordances agile innovate actionable insight latte.
+You can easily create tables using Markdown, with rows that support readability:
 
 | this | is | a   | table | !
 |------|---:|-----|-------|---
@@ -22,15 +23,17 @@ Responsive innovate grok latte disrupt intuitive actionable insight SpaceTeam gr
 | this | is | the | 5th   | row
 | this | is | the | 6th   | row
 
-Waterfall is so 2000 and late personas pitch deck fund big data actionable insight unicorn driven grok. Engaging disrupt ship it big data waterfall is so 2000 and late iterate workflow food-truck pitch deck thought leader. Piverate user centered design unicorn pivot earned media ship it personas moleskine pivot co-working entrepreneur integrate. Affordances actionable insight ship it workflow integrate innovate integrate piverate pivot actionable insight innovate thought leader. Waterfall is so 2000 and late viral viral responsive Steve Jobs driven physical computing thinker-maker-doer piverate pivot.
+Unordered lists render with high readabiltiy as well!
 
 - Unordered list
-    - First sub-item
-    - Second sub-item
+  - First sub-item
+  - Second sub-item
 - Second top level item
 
-Now for an ordered list:
+As do ordered lists:
 
 1. Top level
     1. First sub-level
-        1. Second sub-level
\ No newline at end of file
+        1. Second sub-level
+
+Have fun writing with Markdown!
diff --git a/exampleSite/content/en/home/index.md b/exampleSite/content/en/home/index.md
index 6a3eca4..4ee514c 100644
--- a/exampleSite/content/en/home/index.md
+++ b/exampleSite/content/en/home/index.md
@@ -3,4 +3,4 @@ title: "Hi, I'm Introduction"
 headless: true
 ---
 
-I'm a theme for Hugo
+I'm a theme for Hugo.
diff --git a/exampleSite/resources/_gen/assets/sass/sass/style.sass_7642ba43b3212fd7d7ba324df3b88b0c.content b/exampleSite/resources/_gen/assets/sass/sass/style.sass_7642ba43b3212fd7d7ba324df3b88b0c.content
index 7f21f94..e7bd1ab 100644
--- a/exampleSite/resources/_gen/assets/sass/sass/style.sass_7642ba43b3212fd7d7ba324df3b88b0c.content
+++ b/exampleSite/resources/_gen/assets/sass/sass/style.sass_7642ba43b3212fd7d7ba324df3b88b0c.content
@@ -8852,6 +8852,9 @@ a {
 h1, h2, .title, .subtitle {
   color: #222222; }
 
+p {
+  color: #4a4a4a; }
+
 .title {
   font-weight: 300; }
 
@@ -8932,9 +8935,10 @@ details[open] summary {
   list-style-position: outside;
   margin-left: 0; }
 
-.post-data {
+.post-data, .blog-share, .footer-text {
   font-size: 1rem;
-  line-height: 2rem; }
+  line-height: 2rem;
+  color: #4a4a4a; }
 
 .social-icons {
   padding: 0 10px; }
@@ -8967,8 +8971,9 @@ details[open] summary {
 
 .navbar-item {
   text-transform: uppercase;
-  font-size: 0.875rem; }
-  .navbar-item:hover {
+  font-size: 0.875rem;
+  color: #4a4a4a; }
+  .navbar-item:hover, .navbar-item:active {
     background-color: #ffffff !important; }
 
 .owl-nav {
@@ -9013,122 +9018,113 @@ details[open] summary {
 .has-content-centered {
   justify-content: center; }
 
-.markdown p {
-  margin-bottom: 1em; }
-
-.markdown h1 {
-  font-size: 3rem; }
-  @media screen and (max-width: 768px) {
-    .markdown h1 {
-      font-size: 2.5rem; } }
-.markdown h2 {
-  font-size: 2.5rem;
-  line-height: 1em;
-  margin-top: 1em;
-  margin-bottom: 0.5em; }
-  @media screen and (max-width: 768px) {
-    .markdown h2 {
-      font-size: 2rem; } }
-.markdown h3 {
-  font-size: 2rem; }
-  @media screen and (max-width: 768px) {
-    .markdown h3 {
-      font-size: 1.5rem; } }
-.markdown h4 {
-  font-size: 1.5rem; }
-  @media screen and (max-width: 768px) {
-    .markdown h4 {
-      font-size: 1.25rem; } }
-.markdown h5 {
-  font-size: 1.25rem; }
-
-.markdown h6 {
-  font-size: 1rem; }
-
-.markdown a:hover {
-  color: #dbdbdb; }
-
-.markdown ul {
-  margin-bottom: 1.25rem;
-  margin-left: 1.5em;
-  list-style: disc; }
-
-.markdown ul ul {
-  margin-bottom: 0; }
-
-.markdown li {
-  margin-left: 1.5em;
-  list-style-position: outside;
-  padding-left: 1em; }
-
-.markdown ol {
-  margin-bottom: 1.25rem;
-  margin-left: 1.5em; }
-
-.markdown ol ol {
-  list-style-type: lower-alpha;
-  margin-bottom: 0; }
-
-.markdown ol ol ol {
-  list-style-type: lower-roman; }
-
-.markdown em {
-  font-style: italic; }
-
-.markdown strong {
-  font-weight: 700; }
-
-.markdown hr {
-  position: relative;
-  margin: 1.75rem 0;
-  border: 0;
-  border-top: 1px solid #dbdbdb; }
-
-.markdown abbr {
-  font-size: 0.8rem;
-  font-weight: bold;
-  color: #666666;
-  text-transform: uppercase; }
-
-.markdown abbr[title] {
-  cursor: help;
-  border-bottom: 1px dotted #808080; }
-
-.markdown blockquote {
-  padding: .5rem 1rem;
-  margin: .8rem 0;
-  color: #7a7a7a;
-  border-left: .25rem solid #e5e5e5; }
-  .markdown blockquote blockquote p:last-child {
+.markdown {
+  color: #4a4a4a !important; }
+  .markdown p {
+    margin: 1em 0; }
+  .markdown h1 {
+    font-size: 3rem; }
+    @media screen and (max-width: 768px) {
+      .markdown h1 {
+        font-size: 2.5rem; } }
+  .markdown h2 {
+    font-size: 2.5rem;
+    line-height: 1em;
+    margin-top: 1em;
+    margin-bottom: 0.5em; }
+    @media screen and (max-width: 768px) {
+      .markdown h2 {
+        font-size: 2rem; } }
+  .markdown h3 {
+    font-size: 2rem; }
+    @media screen and (max-width: 768px) {
+      .markdown h3 {
+        font-size: 1.5rem; } }
+  .markdown h4 {
+    font-size: 1.5rem; }
+    @media screen and (max-width: 768px) {
+      .markdown h4 {
+        font-size: 1.25rem; } }
+  .markdown h5 {
+    font-size: 1.25rem; }
+  .markdown h6 {
+    font-size: 1rem; }
+  .markdown a:hover {
+    color: #dbdbdb; }
+  .markdown ul {
+    margin-bottom: 1.25rem;
+    list-style: disc; }
+  .markdown ul ul {
+    margin-left: 0.5em;
     margin-bottom: 0; }
-
-.markdown table {
-  margin: 2em 0 2em 0;
-  width: 100%;
-  border: 1px solid #e5e5e5;
-  border-collapse: collapse; }
-
-.markdown td, .markdown th {
-  padding: .25rem .5rem;
-  border: 1px solid #e5e5e5;
-  text-align: center;
-  background-color: #f7f7f7; }
-
-.markdown tbody tr:nth-child(odd) td,
-.markdown tbody tr:nth-child(odd) th {
-  background-color: #dedede; }
-
-.markdown tbody tr:nth-child(even) td,
-.markdown tbody tr:nth-child(even) th {
-  background-color: #f7f7f7; }
-
-.markdown code, .markdown pre {
-  border-radius: 3px; }
-
-.markdown img {
-  display: block;
-  margin: 2rem auto;
-  max-width: 100%; }
+  .markdown li {
+    margin-left: 1em;
+    list-style-position: outside;
+    padding-left: 0.25em; }
+  .markdown ol {
+    margin-bottom: 1.25rem; }
+  .markdown ol ol {
+    margin-left: 0.5em;
+    list-style-type: lower-alpha;
+    margin-bottom: 0; }
+  .markdown ol ol ol {
+    list-style-type: lower-roman; }
+  .markdown em {
+    font-style: italic; }
+  .markdown strong {
+    font-weight: 700; }
+  .markdown hr {
+    position: relative;
+    margin: 1.75rem 0;
+    border: 0;
+    border-top: 1px solid #dbdbdb; }
+  .markdown abbr {
+    font-size: 0.8rem;
+    font-weight: bold;
+    color: #666666;
+    text-transform: uppercase; }
+  .markdown abbr[title] {
+    cursor: help;
+    border-bottom: 1px dotted #808080; }
+  .markdown blockquote {
+    padding: .5rem 1rem;
+    margin: .8rem 0;
+    color: #7a7a7a;
+    border-left: .25rem solid #e5e5e5; }
+    .markdown blockquote blockquote p:last-child {
+      margin-bottom: 0; }
+  .markdown table {
+    margin: 2em 0 2em 0;
+    width: 100%;
+    border: 1px solid #e5e5e5;
+    border-collapse: collapse; }
+  .markdown td, .markdown th {
+    padding: .25rem .5rem;
+    border: 1px solid #e5e5e5;
+    text-align: center;
+    background-color: #f7f7f7; }
+  .markdown tbody tr:nth-child(odd) td,
+  .markdown tbody tr:nth-child(odd) th {
+    background-color: #dedede; }
+  .markdown tbody tr:nth-child(even) td,
+  .markdown tbody tr:nth-child(even) th {
+    background-color: #f7f7f7; }
+  .markdown code, .markdown pre {
+    border-radius: 3px; }
+  .markdown p > code, .markdown p > a > code {
+    background-color: rgba(219, 219, 219, 0.3) !important; }
+  .markdown img {
+    display: block;
+    margin: 2rem auto;
+    max-width: 100%; }
+  .markdown figure > img {
+    margin: auto; }
+  .markdown figcaption {
+    margin: 0.5rem auto;
+    max-width: 500px;
+    text-align: center; }
+  .markdown figcaption > h4 {
+    font-size: 0.8rem; }
 
 .modal-background {
   background-color: rgba(255, 255, 255, 0.9); }
@@ -12257,7 +12253,7 @@ readers do not read off random characters that represent icons */
     font-family: 'Font Awesome 5 Free';
     font-weight: 900; }
   html, body {
-    background-color: #121212; }
+    background-color: #222222; }
   html {
     scroll-behavior: smooth; }
   html.modal-open {
@@ -12279,24 +12275,26 @@ readers do not read off random characters that represent icons */
     .fade-in.three {
       animation-delay: 1.8s; }
   a {
-    color: #ed6a5a; }
+    color: #00b8d4; }
     a:hover {
-      color: #f4f1bb;
+      color: #efefef;
       font-style: none; }
     a:active {
-      color: #ed6a5a; }
+      color: #00b8d4; }
   h1, h2, .title, .subtitle {
-    color: #75b8c8; }
+    color: #efefef; }
+  p {
+    color: #ffffff; }
   .title {
     font-weight: 300; }
   ul {
     padding: 0; }
   img {
     border-radius: 5px;
-    border: 1px solid #f4f1bb;
+    border: 1px solid #efefef;
     box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); }
   hr {
-    background-color: #f4f1bb;
+    background-color: #efefef;
     height: 1px; }
   details {
     padding: .5em .5em 0; }
@@ -12351,9 +12349,10 @@ readers do not read off random characters that represent icons */
     list-style: none;
     list-style-position: outside;
     margin-left: 0; }
-  .post-data {
+  .post-data, .blog-share, .footer-text {
     font-size: 1rem;
-    line-height: 2rem; }
+    line-height: 2rem;
+    color: #ffffff; }
   .social-icons {
     padding: 0 10px; }
     .social-icons a {
@@ -12370,17 +12369,18 @@ readers do not read off random characters that represent icons */
     vertical-align: baseline;
     margin: 0 5px; }
   .navbar {
-    background-color: #121212; }
+    background-color: #222222; }
   .navbar-burger {
     margin-right: auto;
-    color: #ed6a5a; }
+    color: #00b8d4; }
   .navbar-burger:hover {
-    background-color: #121212; }
+    background-color: #222222; }
   .navbar-item {
     text-transform: uppercase;
-    font-size: 0.875rem; }
-    .navbar-item:hover {
-      background-color: #121212 !important; }
+    font-size: 0.875rem;
+    color: #ffffff; }
+    .navbar-item:hover, .navbar-item:active {
+      background-color: #222222 !important; }
   .owl-nav {
     height: 50px; }
   .owl-next, .owl-prev {
@@ -12391,7 +12391,7 @@ readers do not read off random characters that represent icons */
   .footer-text {
     font-size: 0.8em; }
     .footer-text a {
-      color: #dfdfdf; }
+      color: #ffffff; }
     .footer-text .fab {
       font-size: 0.8em;
       vertical-align: baseline; }
@@ -12415,118 +12415,130 @@ readers do not read off random characters that represent icons */
   .card {
     box-shadow: none; }
   .card-content {
-    background-color: #121212;
+    background-color: #222222;
     font-size: 1.5rem; }
   .has-content-centered {
     justify-content: center; }
-  .markdown p {
-    margin-bottom: 1em; }
-  .markdown h1 {
-    font-size: 3rem; } }
-  @media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+  .markdown {
+    color: #ffffff !important; }
+    .markdown p {
+      margin: 1em 0; }
     .markdown h1 {
-      font-size: 2.5rem; } }
+      font-size: 3rem; } }
+    @media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+      .markdown h1 {
+        font-size: 2.5rem; } }
 @media (prefers-color-scheme: dark) {
-  .markdown h2 {
-    font-size: 2.5rem;
-    line-height: 1em;
-    margin-top: 1em;
-    margin-bottom: 0.5em; } }
-  @media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
     .markdown h2 {
-      font-size: 2rem; } }
+      font-size: 2.5rem;
+      line-height: 1em;
+      margin-top: 1em;
+      margin-bottom: 0.5em; } }
+    @media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+      .markdown h2 {
+        font-size: 2rem; } }
 @media (prefers-color-scheme: dark) {
-  .markdown h3 {
-    font-size: 2rem; } }
-  @media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
     .markdown h3 {
-      font-size: 1.5rem; } }
+      font-size: 2rem; } }
+    @media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+      .markdown h3 {
+        font-size: 1.5rem; } }
 @media (prefers-color-scheme: dark) {
-  .markdown h4 {
-    font-size: 1.5rem; } }
-  @media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
     .markdown h4 {
-      font-size: 1.25rem; } }
+      font-size: 1.5rem; } }
+    @media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+      .markdown h4 {
+        font-size: 1.25rem; } }
 @media (prefers-color-scheme: dark) {
-  .markdown h5 {
-    font-size: 1.25rem; }
-  .markdown h6 {
-    font-size: 1rem; }
-  .markdown a:hover {
-    color: #f4f1bb; }
-  .markdown ul {
-    margin-bottom: 1.25rem;
-    margin-left: 1.5em;
-    list-style: disc; }
-  .markdown ul ul {
-    margin-bottom: 0; }
-  .markdown li {
-    margin-left: 1.5em;
-    list-style-position: outside;
-    padding-left: 1em; }
-  .markdown ol {
-    margin-bottom: 1.25rem;
-    margin-left: 1.5em; }
-  .markdown ol ol {
-    list-style-type: lower-alpha;
-    margin-bottom: 0; }
-  .markdown ol ol ol {
-    list-style-type: lower-roman; }
-  .markdown em {
-    font-style: italic; }
-  .markdown strong {
-    font-weight: 700; }
-  .markdown hr {
-    position: relative;
-    margin: 1.75rem 0;
-    border: 0;
-    border-top: 1px solid #f4f1bb; }
-  .markdown abbr {
-    font-size: 0.8rem;
-    font-weight: bold;
-    color: #666666;
-    text-transform: uppercase; }
-  .markdown abbr[title] {
-    cursor: help;
-    border-bottom: 1px dotted #808080; }
-  .markdown blockquote {
-    padding: .5rem 1rem;
-    margin: .8rem 0;
-    color: #7a7a7a;
-    border-left: .25rem solid #e5e5e5; }
-    .markdown blockquote blockquote p:last-child {
+    .markdown h5 {
+      font-size: 1.25rem; }
+    .markdown h6 {
+      font-size: 1rem; }
+    .markdown a:hover {
+      color: #efefef; }
+    .markdown ul {
+      margin-bottom: 1.25rem;
+      list-style: disc; }
+    .markdown ul ul {
+      margin-left: 0.5em;
       margin-bottom: 0; }
-  .markdown table {
-    margin: 2em 0 2em 0;
-    width: 100%;
-    border: 1px solid #e5e5e5;
-    border-collapse: collapse; }
-  .markdown td, .markdown th {
-    padding: .25rem .5rem;
-    border: 1px solid #e5e5e5;
-    text-align: center;
-    background-color: #f7f7f7; }
-  .markdown tbody tr:nth-child(odd) td,
-  .markdown tbody tr:nth-child(odd) th {
-    background-color: #dedede; }
-  .markdown tbody tr:nth-child(even) td,
-  .markdown tbody tr:nth-child(even) th {
-    background-color: #f7f7f7; }
-  .markdown code, .markdown pre {
-    border-radius: 3px; }
-  .markdown img {
-    display: block;
-    margin: 2rem auto;
-    max-width: 100%; }
+    .markdown li {
+      margin-left: 1em;
+      list-style-position: outside;
+      padding-left: 0.25em; }
+    .markdown ol {
+      margin-bottom: 1.25rem; }
+    .markdown ol ol {
+      margin-left: 0.5em;
+      list-style-type: lower-alpha;
+      margin-bottom: 0; }
+    .markdown ol ol ol {
+      list-style-type: lower-roman; }
+    .markdown em {
+      font-style: italic; }
+    .markdown strong {
+      font-weight: 700; }
+    .markdown hr {
+      position: relative;
+      margin: 1.75rem 0;
+      border: 0;
+      border-top: 1px solid #efefef; }
+    .markdown abbr {
+      font-size: 0.8rem;
+      font-weight: bold;
+      color: #666666;
+      text-transform: uppercase; }
+    .markdown abbr[title] {
+      cursor: help;
+      border-bottom: 1px dotted #808080; }
+    .markdown blockquote {
+      padding: .5rem 1rem;
+      margin: .8rem 0;
+      color: #7a7a7a;
+      border-left: .25rem solid #e5e5e5; }
+      .markdown blockquote blockquote p:last-child {
+        margin-bottom: 0; }
+    .markdown table {
+      margin: 2em 0 2em 0;
+      width: 100%;
+      border: 1px solid #e5e5e5;
+      border-collapse: collapse; }
+    .markdown td, .markdown th {
+      padding: .25rem .5rem;
+      border: 1px solid #e5e5e5;
+      text-align: center;
+      background-color: #f7f7f7; }
+    .markdown tbody tr:nth-child(odd) td,
+    .markdown tbody tr:nth-child(odd) th {
+      background-color: #dedede; }
+    .markdown tbody tr:nth-child(even) td,
+    .markdown tbody tr:nth-child(even) th {
+      background-color: #f7f7f7; }
+    .markdown code, .markdown pre {
+      border-radius: 3px; }
+    .markdown p > code, .markdown p > a > code {
+      background-color: rgba(239, 239, 239, 0.3) !important; }
+    .markdown img {
+      display: block;
+      margin: 2rem auto;
+      max-width: 100%; }
+    .markdown figure > img {
+      margin: auto; }
+    .markdown figcaption {
+      margin: 0.5rem auto;
+      max-width: 500px;
+      text-align: center; }
+    .markdown figcaption > h4 {
+      font-size: 0.8rem; }
   .modal-card-title {
-    color: #ed6a5a; }
+    color: #00b8d4; }
   .modal-card-body {
-    background-color: #121212; }
+    background-color: #222222; }
   .markdown strong {
-    color: #dfdfdf; }
+    color: #ffffff; }
   .modal-background {
     background-color: rgba(0, 0, 0, 0.8); }
   .modal-close {
-    background-color: #ed6a5a; } }
+    background-color: #00b8d4; } }
 
 /*# sourceMappingURL=main.css.map */
\ No newline at end of file
diff --git a/layouts/blog/single.html b/layouts/blog/single.html
index 773e67c..b116e40 100644
--- a/layouts/blog/single.html
+++ b/layouts/blog/single.html
@@ -11,7 +11,13 @@
     </h2>
     {{ if .Params.author }}
     <h4 class="title is-4">
-        By {{ .Params.author | markdownify }}
+        {{ $data := .Params.author }}
+        By&nbsp;{{- range first 1 $data -}}
+            {{ . | markdownify }}
+        {{- end -}}
+        {{- range after 1 $data -}}
+            ,&nbsp;{{ . | markdownify }}
+        {{- end -}}
     </h4>
     {{ end }}
     <div class="post-data">
@@ -55,7 +61,7 @@
     <p>
         {{ $taxonomy_term | title }}:
         {{ range $key, $value := $taxonomy }}
-        <a href="{{ (printf " /%s/" $taxonomy_term) | relLangURL }}{{ . | urlize }}">
+        <a href="{{ (printf "/%s/" $taxonomy_term) | relLangURL }}{{ . | urlize }}">
             {{ $value }}</a>{{ if ne (add $key 1) $len }},{{ end }}
         {{ end }}
     </p>