🔖 Release v1.4.0

2021-10-20 14:56:49 +11:00 · 2021-10-20 14:56:49 +11:00 · 8267f8aec6
parent 34d10e04a5 203ed892b6
commit 8267f8aec6
31 changed files with 380 additions and 186 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -6,6 +6,27 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),

 ## [Unreleased]

+## [1.4.0] - 2021-10-20
+
+### Added
+
+- Footer menu
+- Article summary support
+- Slate colour scheme ([#9](https://github.com/jpanther/congo/pull/9))
+- Icons for ORCID and ResearchGate ([#9](https://github.com/jpanther/congo/pull/9))
+- Pinterest sharing links
+- Sharing links can now be specified in front matter
+
+### Changed
+
+- Main menu is now optional
+- Upgrade to Mermaid v8.13.3
+- Upgrade to Tailwind v2.2.17
+
+### Fixed
+
+- Site logo not linked to home page ([#13](https://github.com/jpanther/congo/issues/13))
+
 ## [1.3.0] - 2021-09-29

 ### Added
@ -55,13 +76,13 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 - Some links missing the correct styles when in Firefox
 - `externalUrl` front matter not working on some list pages

-## [1.1.1] - 2020-08-19
+## [1.1.1] - 2021-08-19

 ### Fixed

 - Hotfix for exampleSite and GitHub configuration

-## [1.1.0] - 2020-08-18
+## [1.1.0] - 2021-08-18

 ### Added

@ -83,7 +104,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),

 - URLs being incorrect in some cases when the site is deployed in a subfolder

-## [1.0.0] - 2020-08-16
+## [1.0.0] - 2021-08-16

 ### Added

@ -106,7 +127,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 - Advanced customisation using simple Tailwind colour definitions and styles
 - Fully documented

-[unreleased]: https://github.com/jpanther/Congo/compare/v1.3.0...HEAD
+[unreleased]: https://github.com/jpanther/Congo/compare/v1.4.0...HEAD
+[1.4.0]: https://github.com/jpanther/Congo/compare/v1.3.0...v1.4.0
 [1.3.0]: https://github.com/jpanther/Congo/compare/v1.2.1...v1.3.0
 [1.2.1]: https://github.com/jpanther/Congo/compare/v1.2.0...v1.2.1
 [1.2.0]: https://github.com/jpanther/Congo/compare/v1.1.1...v1.2.0
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@ -1,6 +1,6 @@
-/*! Congo v1.3.0 | MIT License | https://github.com/jpanther/congo */
+/*! Congo v1.4.0 | MIT License | https://github.com/jpanther/congo */

-/*! tailwindcss v2.2.16 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v2.2.17 | MIT License | https://tailwindcss.com */

 /*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

@ -2299,6 +2299,11 @@ body a, body button {
  padding-right: 0.25rem;
 }

+.py-1 {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
 .py-\[1px\] {
  padding-top: 1px;
  padding-bottom: 1px;
@ -2341,6 +2346,10 @@ body a, body button {
  padding-top: 0.75rem;
 }

+.pb-4 {
+  padding-bottom: 1rem;
+}
+
 .pt-4 {
  padding-top: 1rem;
 }
--- a/assets/css/main.css
+++ b/assets/css/main.css
@ -1,4 +1,4 @@
-/*! Congo v1.3.0 | MIT License | https://github.com/jpanther/congo */
+/*! Congo v1.4.0 | MIT License | https://github.com/jpanther/congo */

@tailwind base;
@tailwind components;
--- a/assets/css/schemes/slate.css
+++ b/assets/css/schemes/slate.css
@ -0,0 +1,37 @@
+/* Slate scheme */
+:root {
+  --color-neutral: #fff;
+  /* Cool Gray */
+  --color-neutral-50: #F9FAFB;
+  --color-neutral-100: #F3F4F6;
+  --color-neutral-200: #E5E7EB;
+  --color-neutral-300: #D1D5DB;
+  --color-neutral-400: #9CA3AF;
+  --color-neutral-500: #6B7280;
+  --color-neutral-600: #4B5563;
+  --color-neutral-700: #374151;
+  --color-neutral-800: #1F2937;
+  --color-neutral-900: #111827;
+  /* Cool Gray */
+  --color-primary-50: #F9FAFB;
+  --color-primary-100: #F3F4F6;
+  --color-primary-200: #E5E7EB;
+  --color-primary-300: #D1D5DB;
+  --color-primary-400: #9CA3AF;
+  --color-primary-500: #6B7280;
+  --color-primary-600: #4B5563;
+  --color-primary-700: #374151;
+  --color-primary-800: #1F2937;
+  --color-primary-900: #111827;
+  /* Cool Gray */
+  --color-secondary-50: #F9FAFB;
+  --color-secondary-100: #F3F4F6;
+  --color-secondary-200: #E5E7EB;
+  --color-secondary-300: #D1D5DB;
+  --color-secondary-400: #9CA3AF;
+  --color-secondary-500: #6B7280;
+  --color-secondary-600: #4B5563;
+  --color-secondary-700: #374151;
+  --color-secondary-800: #1F2937;
+  --color-secondary-900: #111827;
+}
--- a/assets/icons/orcid.svg
+++ b/assets/icons/orcid.svg
@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="orcid" class="svg-inline--fa fa-orcid" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M294.8 188.2h-45.92V342h47.47c67.62 0 83.12-51.34 83.12-76.91 0-41.64-26.54-76.9-84.67-76.9zM256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm-80.79 360.8h-29.84v-207.5h29.84zm-14.92-231.1a19.57 19.57 0 1 1 19.57-19.57 19.64 19.64 0 0 1 -19.57 19.57zM300 369h-81V161.3h80.6c76.73 0 110.4 54.83 110.4 103.8C410 318.4 368.4 369 300 369z"></path></svg>
--- a/assets/icons/researchgate.svg
+++ b/assets/icons/researchgate.svg
@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="researchgate" class="svg-inline--fa fa-researchgate" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 32v448h448V32H0zm262.2 334.4c-6.6 3-33.2 6-50-14.2-9.2-10.6-25.3-33.3-42.2-63.6-8.9 0-14.7 0-21.4-.6v46.4c0 23.5 6 21.2 25.8 23.9v8.1c-6.9-.3-23.1-.8-35.6-.8-13.1 0-26.1 .6-33.6 .8v-8.1c15.5-2.9 22-1.3 22-23.9V225c0-22.6-6.4-21-22-23.9V193c25.8 1 53.1-.6 70.9-.6 31.7 0 55.9 14.4 55.9 45.6 0 21.1-16.7 42.2-39.2 47.5 13.6 24.2 30 45.6 42.2 58.9 7.2 7.8 17.2 14.7 27.2 14.7v7.3zm22.9-135c-23.3 0-32.2-15.7-32.2-32.2V167c0-12.2 8.8-30.4 34-30.4s30.4 17.9 30.4 17.9l-10.7 7.2s-5.5-12.5-19.7-12.5c-7.9 0-19.7 7.3-19.7 19.7v26.8c0 13.4 6.6 23.3 17.9 23.3 14.1 0 21.5-10.9 21.5-26.8h-17.9v-10.7h30.4c0 20.5 4.7 49.9-34 49.9zm-116.5 44.7c-9.4 0-13.6-.3-20-.8v-69.7c6.4-.6 15-.6 22.5-.6 23.3 0 37.2 12.2 37.2 34.5 0 21.9-15 36.6-39.7 36.6z"></path></svg>
--- a/config/_default/config.toml
+++ b/config/_default/config.toml
@ -12,6 +12,8 @@ title = "Congo"
 enableEmoji = true
 enableRobotsTXT = true

+summaryLength = 0
+
 [author]
  # name = "Your name here"
  # image = "img/author.jpg"
--- a/config/_default/menus.toml
+++ b/config/_default/menus.toml
@ -1,5 +1,5 @@
 # -- Main Menu --
-# The main menu is displayed at the top of the theme.
+# The main menu is displayed in the header at the top of the page.
 # Acceptable parameters are name, pageRef, page, url, title, weight.
 # 
 # The simplest menu configuration is to provide:
@ -24,3 +24,13 @@
  name = "Tags"
  pageRef = "tags"
  weight = 30
+
+
+# -- Footer Menu --
+# The footer menu is displayed at the bottom of the page, just before
+# the copyright notice. Configure as per the main menu above.
+
+# [[footer]]
+#   name = "Tags"
+#   pageRef = "tags"
+#   weight = 10
--- a/config/_default/params.toml
+++ b/config/_default/params.toml
@ -27,10 +27,11 @@ colorScheme = "congo"
  showHeadingAnchors = true
  showPagination = true
  showReadingTime = true
-  # sharingLinks = ["facebook", "twitter", "reddit", "linkedin", "email"]
+  # sharingLinks = ["facebook", "twitter", "pinterest", "reddit", "linkedin", "email"]

 [list]
  showBreadcrumbs = false
+  showSummary = false
  groupByYear = true

 [taxonomy]
--- a/data/sharing.json
+++ b/data/sharing.json
@ -14,6 +14,11 @@
    "title": "sharing.linkedin",
    "url": "https://www.linkedin.com/shareArticle?mini=true&url=%s&title=%s"
  },
+  "pinterest": {
+    "icon": "pinterest",
+    "title": "sharing.pinterest",
+    "url": "https://pinterest.com/pin/create/bookmarklet/?url=%s&description=%s"
+  },
  "reddit": {
    "icon": "reddit",
    "title": "sharing.reddit",
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@ -12,6 +12,7 @@ languageCode = "en-AU"
 defaultContentLanguage = "en"
 title = "Congo"
 enableEmoji = true
+summaryLength = 0

 [author]
  name = "Congo"
--- a/exampleSite/content/docs/advanced-customisation.md
+++ b/exampleSite/content/docs/advanced-customisation.md
@ -11,9 +11,9 @@ There are a few ways you can make style changes to Congo.

 ## Colour schemes

-Congo ships with a few colour schemes out of the box. To change the basic colour scheme, you can set the `colorScheme` theme parameter to one of the default configurations. Valid options are `congo` (the default), `avocado`, `fire` and `ocean`.
+Congo ships with a number of colour schemes out of the box. To change the basic colour scheme, you can set the `colorScheme` theme parameter. Refer to the [Getting Started]({{< ref "getting-started#colour-schemes" >}}) section to learn more about the built-in schemes.

-In addition to the default scheme, you can also create your own and restyle the entire website to your liking. Schemes are created by by placing a `<scheme-name>.css` file in the `assets/css/schemes/` folder. Once the file is created, simply refer to it by name in the theme configuration.
+In addition to the default schemes, you can also create your own and re-style the entire website to your liking. Schemes are created by by placing a `<scheme-name>.css` file in the `assets/css/schemes/` folder. Once the file is created, simply refer to it by name in the theme configuration.

 Congo defines a three-colour palette that is used throughout the theme. The three colours are defined as `neutral`, `primary` and `secondary` variants, each containing ten shades of colour.

--- a/exampleSite/content/docs/configuration.md
+++ b/exampleSite/content/docs/configuration.md
@ -19,7 +19,7 @@ The default theme configuration is documented in each file so you can freely adj
 As outlined in the [installation instructions]({{< ref "/docs/installation#set-up-theme-configuration-files" >}}), you should adjust your theme configuration by modifying the files in the `config/_default/` folder of your Hugo project and delete the `config.toml` file in your project root.
 {{< /alert >}}

-## Site Configuration
+## Site configuration

 Standard Hugo configuration variables are respected throughout the theme, however there are some specific things that should be configured for the best experience.

@ -30,22 +30,23 @@ Note that the variable names provided in this table use dot notation to simplify
 <!-- prettier-ignore-start -->
 |Name|Type|Default|Description|
 | --- | --- | --- | --- |
-|`theme`|string|`"congo"`|When using Hugo Modules this config value should be removed. For all other installation types, this must be set to `"congo"` for the theme to function.|
+|`theme`|string|`"congo"`|When using Hugo Modules this config value should be removed. For all other installation types, this must be set to `congo` for the theme to function.|
 |`baseURL`|string|_Not set_|The URL to the root of the website.|
-|`languageCode`|string|`en`|The language of the website for site metadata purposes. It can be a top-level language (ie. `"en"`) or a sub-variant (ie. `en-AU`)."|
+|`languageCode`|string|`"en"`|The language of the website for site metadata purposes. It can be a top-level language (ie. `en`) or a sub-variant (ie. `en-AU`)."|
 |`defaultContentLanguage`|string|`"en"`|This value determines the language of theme components."|
 |`title`|string|`"Congo"`|The title of the website. This will be displayed in the site header and footer.|
 |`copyright`|string|_Not set_|A Markdown string containing the copyright message to be displayed in the site footer. If none is provided, Congo will automatically generate a copyright string using the site `title`.
 |`enableEmoji`|boolean|`true`|Whether emoji strings in content should be converted to emoji symbols.|
 |`enableRobotsTXT`|boolean|`true`|When enabled a `robots.txt` file will be created in the site root that allows search engines to crawl the entire site. Set to `false` if you wish to provide your own file.|
+|`summaryLength`|integer|`0`|The number of words that are used to generate the article summary when one is not provided in the [front matter]({{< ref "front-matter" >}}). A value of `0` will use the first sentence. This value has no effect when summaries are hidden.|
 |`author.name`|string|_Not set_|The author's name. This will be displayed in article footers, and on the homepage when the profile layout is used.|
 |`author.image`|string|_Not set_|Path to the image file of the author. The image should be a 1:1 aspect ratio and placed in the site's `static/` folder.|
 |`author.links`|array of objects|_Not set_|The links to display alongside the author's details. The config file contains example links which can simply be uncommented to enable. The order that the links are displayed is determined by the order they appear in the array. Custom links can be added by providing corresponding SVG icon assets in `assets/icons/`.|
-|`[permalinks]`||_Not set_|Refer to the [Hugo docs](https://gohugo.io/content-management/urls/#permalinks) for permalink configuration.|
-|`[taxonomies]`||_Not set_|Refer to the [Hugo docs](https://gohugo.io/content-management/taxonomies/) for taxonomy configuration.|
+|`permalinks`||_Not set_|Refer to the [Hugo docs](https://gohugo.io/content-management/urls/#permalinks) for permalink configuration.|
+|`taxonomies`||_Not set_|Refer to the [Organising content]({{< ref "getting-started#organising-content" >}}) section for taxonomy configuration.|
 <!-- prettier-ignore-end -->

-## Theme Parameters
+## Theme parameters

 Congo provides a large number of configuration parameters that control how the theme functions. The table below outlines every available parameter in the `config/_default/params.toml` file.

@ -54,8 +55,8 @@ Many of the article defaults here can be overridden on a per article basis by sp
 <!-- prettier-ignore-start -->
 |Name|Type|Default|Description|
 | --- | --- | --- | --- |
-|`colorScheme`|string|`"congo"`|The theme colour scheme to use. Valid values are `congo` (default), `avocado`, `ocean` and `fire`. Refer to [Advanced Customisation]({{< ref "advanced-customisation#colour-schemes" >}}) for more details.|
-|`logo`|string|_Not set_|The relative path to the site logo file within the Hugo assets folder. The logo file should be provided at 2x resolution and supports any image dimensions.|
+|`colorScheme`|string|`"congo"`|The theme colour scheme to use. Valid values are `congo` (default), `avocado`, `ocean`, `fire` and `slate`. Refer to the [Colour Schemes]({{< ref "getting-started#colour-schemes" >}}) section for more details.|
+|`logo`|string|_Not set_|The relative path to the site logo file within the `assets/` folder. The logo file should be provided at 2x resolution and supports any image dimensions.|
 |`description`|string|_Not set_|The description of the website for metadata purposes.|
 |`mainSections`|array of strings|_Not set_|The sections that should be displayed in the recent articles list. If not provided the section with the greatest number of articles is used.|
 |`robots`|string|_Not set_|String that indicates how robots should handle your site. If set, it will be output in the page head. Refer to [Google's docs](https://developers.google.com/search/docs/advanced/robots/robots_meta_tag#directives) for valid values.|
@ -74,10 +75,11 @@ Many of the article defaults here can be overridden on a per article basis by sp
 |`article.showReadingTime`|boolean|`true`|Whether or not article reading times are displayed.|
 |`article.sharingLinks`|array of strings|_Not set_|Which sharing links to display at the end of each article. When not provided, or set to `false` no links will be displayed.|
 |`list.showBreadcrumbs`|boolean|`false`|Whether or not breadcrumbs are displayed in the header on list pages.|
+|`list.showSummary`|boolean|`false`|Whether or not article summaries are displayed on list pages. If a summary is not provided in the [front matter]({{< ref "front-matter" >}}), one will be auto generated using the `summaryLength` parameter in the [site configuration](#site-configuration).|
 |`list.groupByYear`|boolean|`true`|Whether or not articles are grouped by year on list pages.|
 |`sitemap.excludedKinds`|array of strings|`["taxonomy", "term"]`|Kinds of content that should be excluded from the generated `/sitemap.xml` file. Refer to the [Hugo docs](https://gohugo.io/templates/section-templates/#page-kinds) for acceptable values.|
 |`taxonomy.showTermCount`|boolean|`true`|Whether or not the number of articles within a taxonomy term is displayed on the taxonomy listing.|
-|`fathomAnalytics.site`|string|_Not set_|The site code generated by Fathom Analytics for the website. Refer to the [Analytics docs]({{< ref "partials#analytics" >}}) below for more details.|
+|`fathomAnalytics.site`|string|_Not set_|The site code generated by Fathom Analytics for the website. Refer to the [Analytics docs]({{< ref "partials#analytics" >}}) for more details.|
 |`fathomAnalytics.domain`|string|_Not set_|If using a custom domain with Fathom Analytics, provide it here to serve `script.js` from the custom domain.|
 |`verification.google`|string|_Not set_|The site verification string provided by Google to be included in the site metadata.|
 |`verification.bing`|string|_Not set_|The site verification string provided by Bing to be included in the site metadata.|
--- a/exampleSite/content/docs/front-matter.md
+++ b/exampleSite/content/docs/front-matter.md
@ -7,22 +7,27 @@ slug: "front-matter"
 tags: ["front matter", "config", "docs"]
 ---

-In addition to the [default Hugo front matter parameters](https://gohugo.io/content-management/front-matter/#front-matter-variables), Congo adds a number of additional options to customise the presentation of individual articles. All the available theme parameters are listed below.
+In addition to the [default Hugo front matter parameters](https://gohugo.io/content-management/front-matter/#front-matter-variables), Congo adds a number of additional options to customise the presentation of individual articles. All the available theme front matter parameters are listed below.

 Front matter parameter default values are inherited from the theme's [base configuration]({{< ref "configuration" >}}), so you only need to specify these parameters in your front matter when you want to override the default.

 <!-- prettier-ignore-start -->
 |Name|Type|Default|Description|
 | --- | --- | --- | --- |
+|`description`|string|_Not set_|The text description for the article. It is used in the HTML metadata.|
 |`externalUrl`|string|_Not set_|If this article is published on a third-party website, the URL to this article. Providing a URL will prevent a content page being generated and any references to this article will link directly to the third-party website.|
-|`showDate`|boolean|`article.showDate`|Whether or not article dates are displayed.|
-|`showAuthor`|boolean|`article.showAuthor`|Whether or not the author box is displayed in the article footer.|
-|`showEdit`|boolean|`article.showEdit`|Whether or not the link to edit the article content should be displayed.|
 |`editURL`|string|`article.editURL`|When `showEdit` is active, the URL for the edit link.|
 |`editAppendPath`|boolean|`article.editAppendPath`|When `showEdit` is active, whether or not the path to the current article should be appended to the URL set at `editURL`.|
+|`menu`|string or array|_Not set_|When a value is provided, a link to this article will appear in the named menus. Valid values are `main` or `footer`.|
 |`robots`|string|_Not set_|String that indicates how robots should handle this article. If set, it will be output in the page head. Refer to [Google's docs](https://developers.google.com/search/docs/advanced/robots/robots_meta_tag#directives) for valid values.|
+|`sharingLinks`|array of strings|`article.sharingLinks`|Which sharing links to display at the end of this article. When not provided, or set to `false` no links will be displayed.|
+|`showAuthor`|boolean|`article.showAuthor`|Whether or not the author box is displayed in the article footer.|
+|`showDate`|boolean|`article.showDate`|Whether or not article dates are displayed.|
+|`showEdit`|boolean|`article.showEdit`|Whether or not the link to edit the article content should be displayed.|
 |`showHeadingAnchors`|boolean|`article.showHeadingAnchors`|Whether or not heading anchor links are displayed alongside headings within this article.|
 |`showPagination`|boolean|`article.showPagination`|Whether or not the next/previous article links are displayed in the article footer.|
 |`showReadingTime`|boolean|`article.showReadingTime`|Whether or not article reading times are displayed.|
+|`showSummary`|boolean|`list.showSummary`|Whether or not the article summary should be displayed on list pages.|
+|`summary`|string|_Auto generated using `summaryLength` (see [site configuration]({{< ref "configuration#site-configuration" >}}))_|When `showSummary` is enabled, this is the Markdown string to be used as the summary for this article.|
 |`xml`|boolean|`true` unless excluded by `sitemap.excludedKinds`|Whether or not this article is included in the generated `/sitemap.xml` file.|
 <!-- prettier-ignore-end -->
--- a/exampleSite/content/docs/getting-started.md
+++ b/exampleSite/content/docs/getting-started.md
@ -34,6 +34,40 @@ The `[author]` configuration determines how the author information is displayed

 Further detail about these configuration options is covered in the [Configuration]({{< ref "configuration" >}}) section.

+## Colour schemes
+
+Congo ships with a number of colour schemes out of the box. To change the scheme, simply set the `colorScheme` theme parameter. Valid options are `congo` (default), `avocado`, `fire`, `ocean` and `slate`.
+
+```toml
+# config/_default/params.toml
+
+colorScheme = "congo"
+```
+
+Congo defines a three-colour palette that is used throughout the theme. Each main colour contains ten shades which are based upon the colours that are included in [Tailwind](https://tailwindcss.com/docs/customizing-colors#color-palette-reference).
+
+#### Congo (default)
+
+{{< swatches "#71717a" "#8b5cf6" "#d946ef" >}}
+
+#### Avocado
+
+{{< swatches "#78716c" "#84cc16" "#10b981" >}}
+
+#### Fire
+
+{{< swatches "#78716c" "#f97316" "#f43f5e" >}}
+
+#### Ocean
+
+{{< swatches "#64748b" "#3b82f6" "#06b6d4" >}}
+
+#### Slate
+
+{{< swatches "#6B7280" "#6B7280" "#6B7280" >}}
+
+Although these are the default schemes, you can also create your own. Refer to the [Advanced Customisation]({{< ref "advanced-customisation#colour-schemes" >}}) section for details.
+
 ## Organising content

 By default, Congo doesn't force you to use a particular content type. In doing so you are free to define your content as you wish. You might prefer _pages_ for a static site, _posts_ for a blog, or _projects_ for a portfolio.
@ -50,7 +84,13 @@ topic = "topics"

 This will replace the default _tags_ and _categories_ with _topics_. Refer to the [Hugo Taxonomy docs](https://gohugo.io/content-management/taxonomies/) for more information on naming taxonomies.

-When you create a new taxonomy, you will need to adjust the navigation links on the website to point to the new sections:
+When you create a new taxonomy, you will need to adjust the navigation links on the website to point to the correct sections.
+
+## Menus
+
+Congo has two menus that can be customised to suit the content and layout of your site. The `main` menu appears in the site header and the `footer` menu appears at the bottom of the page just above the copyright notice.
+
+Both menus are configured in the `menus.toml` file.

 ```toml
 # config/_default/menus.toml
@ -64,6 +104,20 @@ When you create a new taxonomy, you will need to adjust the navigation links on
  name = "Topics"
  pageRef = "topics"
  weight = 20
+
+[[footer]]
+  name = "Privacy"
+  url = "https://external-link"
 ```

-These steps are the bare minimum configuration. If you now run `hugo server` you will be presented with a blank Congo website. Detailed configuration is covered in the [Configuration]({{< ref "configuration" >}}) section.
+The `name` parameter specifies the text that is used in the menu link. You can also optionally provide a `title` which fills the HTML title attribute for the link.
+
+The `pageRef` parameter allows you to easily reference Hugo content pages and taxonomies. It is the quickest way to configure the menu as you can simply refer to any Hugo content item and it will automatically build the correct link. To link to external URLs, the `url` parameter can be used.
+
+Menu links will be sorted from lowest to highest `weight`, and then alphabetically by `name`.
+
+Both menus are completely optional and can be commented out if not required. Use the template provided in the file as a guide.
+
+## Detailed configuration
+
+The steps above are the bare minimum configuration. If you now run `hugo server` you will be presented with a blank Congo website. Detailed configuration is covered in the [Configuration]({{< ref "configuration" >}}) section.
--- a/exampleSite/content/docs/homepage-layout/index.md
+++ b/exampleSite/content/docs/homepage-layout/index.md
@ -9,7 +9,7 @@ tags: ["homepage", "layouts", "docs"]

 Congo provides a fully flexible homepage layout. There are two main templates to choose from with additional settings to adjust the design. Alternatively, you can also provide your own template and have complete control over the homepage content.

-The layout of the homepage is controlled by the `homepage.layout` setting in the `params.toml` configuration file. Additionally, all layouts have the option to include a listing of recent articles.
+The layout of the homepage is controlled by the `homepage.layout` setting in the `params.toml` configuration file. Additionally, all layouts have the option to include a listing of [recent articles](#recent-articles).

 ## Page layout

@ -23,10 +23,12 @@ To enable the page layout, set `homepage.layout = "page"` in the `params.toml` c

 The profile layout is great for personal websites and blogs. It puts the author's details front and centre by providing an image and links to social profiles.

-The author information is provided in the `author.toml` configuration file. Additionally, any Markdown content that is provided in the homepage content will be placed below the author profile. This allows extra flexibility for displaying a bio or other custom content using shortcodes.
-
 ![Profile layout](home-profile.jpg)

+The author information is provided in the `config.toml` configuration file. Refer to the [Getting Started]({{< ref "getting-started" >}}) and [Site Configuration]({{< ref "configuration#site-configuration" >}}) sections for parameter details.
+
+Additionally, any Markdown content that is provided in the homepage content will be placed below the author profile. This allows extra flexibility for displaying a bio or other custom content using shortcodes.
+
 To enable the profile layout, set `homepage.layout = "profile"` in the `params.toml` configuration file.

 ## Custom layout
@ -37,7 +39,9 @@ To enable the custom layout, set `homepage.layout = "custom"` in the `params.tom

 With the configuration value set, create a new `custom.html` file and place it in `layouts/partials/home/custom.html`. Now whatever is in the `custom.html` file will be placed in the content area of the site homepage. You can use whatever HTML, Tailwind, or Hugo templating functions to define your layout.

-To include recent articles on the custom layout, use the `recent-articles.html` partial.
+To include [recent articles](#recent-articles) on the custom layout, use the `recent-articles.html` partial.
+
+As an example, the [homepage]({{< ref "/" >}}) on this site uses the custom layout to allow toggling between the profile and page layouts. Visit the [GitHub repo](https://github.com/jpanther/congo/blob/dev/exampleSite/layouts/partials/home/custom.html) to see how it works.

 ## Recent articles

--- a/exampleSite/content/docs/installation.md
+++ b/exampleSite/content/docs/installation.md
@ -101,4 +101,4 @@ config/_default/

 You're now all set up to use Congo. From here you can add some content and start the Hugo server.

-Refer to the Hugo docs for more information or read the next section to learn more about configuring the theme.
+Refer to the [Hugo docs](https://gohugo.io/getting-started/) for more information or continue to the [Getting Started]({{< ref "getting-started" >}}) section to learn more about configuring the theme.
--- a/exampleSite/content/samples/_index.md
+++ b/exampleSite/content/samples/_index.md
@ -4,6 +4,7 @@ description: "See what's possible with Congo."

 cascade:
  showEdit: false
+  showSummary: true
 ---

 {{< lead >}}
@ -14,6 +15,6 @@ This section contains some demo pages that show how Congo renders different type

 You can also see an example [taxonomy listing]({{< ref "tags" >}}) page.

-_**Sidenote:** This page is just a standard Congo article listing and Hugo has been configured to generate a `samples` content type._
+_**Sidenote:** This page is just a standard Congo article listing and Hugo has been configured to generate a `samples` content type and display article summaries._

 ---
--- a/exampleSite/content/samples/emoji-support.md
+++ b/exampleSite/content/samples/emoji-support.md
@ -2,13 +2,12 @@
 title: "Emoji Support"
 date: 2019-03-05
 description: "Guide to emoji usage in Hugo"
+summary: "📖🏞️🧗🏽🪂🐉🧙🏽‍♂️🧚🏽👸"
 tags: ["emoji", "sample"]
 ---

 Emoji can be enabled in a Hugo project in a number of ways.

-<!--more-->
-
 The [`emojify`](https://gohugo.io/functions/emojify/) function can be called directly in templates or [Inline Shortcodes](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes).

 To enable emoji globally, set `enableEmoji` to `true` in your site's [configuration](https://gohugo.io/getting-started/configuration/) and then you can type emoji shorthand codes directly in content files; e.g.
--- a/exampleSite/content/samples/rich-content.md
+++ b/exampleSite/content/samples/rich-content.md
@ -2,13 +2,12 @@
 title: "Rich Content"
 date: 2019-03-10
 description: "A brief description of Hugo Shortcodes"
+summary: "This is an _example_ of a **rich** content summary."
 tags: ["shortcodes", "privacy", "sample"]
 ---

 Hugo ships with several [Built-in Shortcodes](https://gohugo.io/content-management/shortcodes/#use-hugos-built-in-shortcodes) for rich content, along with a [Privacy Config](https://gohugo.io/about/hugo-and-gdpr/) and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.

-## <!--more-->
-
 ## YouTube Privacy Enhanced Shortcode

 {{< youtube ZJthWmvUzzc >}}
--- a/exampleSite/content/users.md
+++ b/exampleSite/content/users.md
@ -19,5 +19,6 @@ Real websites that are built with Congo.
 | -------------------------------------------- | ---------------------------- |
 | [jamespanther.com](https://jamespanther.com) | Personal site - Theme author |
 | [zekeriyaay.com](https://zekeriyaay.com)     | Personal cheat sheets site   |
+| [srisco.dev](https://srisco.dev)             | Personal site                |

 **Congo user?** To add your site to this list, [submit a pull request](https://github.com/jpanther/congo/blob/dev/exampleSite/content/users.md).
--- a/exampleSite/layouts/shortcodes/swatches.html
+++ b/exampleSite/layouts/shortcodes/swatches.html
@ -0,0 +1,14 @@
+<div class="flex justify-between">
+  <span
+    class="w-full py-6 mr-3 rounded-md"
+    {{ with .Get 0 }}style="background-color: {{ . }}"{{ end }}
+  ></span>
+  <span
+    class="w-full py-6 mr-3 rounded-md"
+    {{ with .Get 1 }}style="background-color: {{ . }}"{{ end }}
+  ></span>
+  <span
+    class="w-full py-6 mr-3 rounded-md"
+    {{ with .Get 2 }}style="background-color: {{ . }}"{{ end }}
+  ></span>
+</div>
--- a/i18n/en.yaml
+++ b/i18n/en.yaml
@ -16,7 +16,7 @@ error:
  404_description: "It seems that the page you've requested does not exist."

 footer:
-  powered_by: "Powered by {{ .Hugo }}"
+  powered_by: "Powered by {{ .Hugo }} &amp; {{ .Congo }}"

 list:
  externalurl_title: "Link to external site"
@ -26,6 +26,7 @@ sharing:
  email: "Send via email"
  facebook: "Share on Facebook"
  linkedin: "Share on LinkedIn"
+  pinterest: "Pin on Pinterest"
  reddit: "Submit to Reddit"
  twitter: "Tweet on Twitter"

--- a/i18n/zh.yaml
+++ b/i18n/zh.yaml
@ -15,7 +15,7 @@ error:
  404_description: "您请求的页面似乎不存在。"

 footer:
-  powered_by: "由 {{ .Hugo }} 强力驱动"
+  powered_by: "由 {{ .Hugo }} &amp; {{ .Congo }} 强力驱动"

 list:
  externalurl_title: "链接到外部网站"
--- a/layouts/partials/article-link.html
+++ b/layouts/partials/article-link.html
@ -33,4 +33,9 @@
  <div class="text-sm text-neutral-400 dark:text-neutral-500">
    {{ partial "article-meta.html" . }}
  </div>
+  {{ if .Params.showSummary | default (.Site.Params.list.showSummary | default false) }}
+    <div class="py-1 prose">
+      {{ .Summary | emojify }}
+    </div>
+  {{ end }}
 </article>
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@ -1,6 +1,23 @@
-<footer class="py-10 text-sm">
+<footer class="py-10">
+  {{/* Footer menu */}}
+  {{ if .Site.Menus.footer }}
+    <nav class="pb-4 text-base font-medium text-neutral-400 dark:text-neutral-500">
+      <ul class="flex flex-col list-none sm:flex-row">
+        {{ range .Site.Menus.footer }}
+          <li class="mb-1 sm:mb-0 sm:mr-7 sm:last:mr-0">
+            <a
+              class="hover:underline hover:underline-primary-500 hover:underline-thickness-bold hover:underline-offset-small"
+              href="{{ .URL }}"
+              title="{{ .Title }}"
+              >{{ .Name }}</a
+            >
+          </li>
+        {{ end }}
+      </ul>
+    </nav>
+  {{ end }}
  {{/* Copyright */}}
-  <p class="text-neutral-400 dark:text-neutral-500">
+  <p class="text-sm text-neutral-400 dark:text-neutral-500">
    {{- with .Site.Copyright }}
      {{ . | emojify | markdownify }}
    {{- else }}
@ -13,13 +30,10 @@
  {{ if .Site.Params.attribution | default true }}
    <p class="text-xs text-neutral-300 dark:text-neutral-600">
      {{ $hugo := printf `<a class="hover:underline hover:underline-primary-300 hover:text-primary-400"
-        href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a>
-        &amp;
-        <a class="hover:underline hover:underline-primary-300 hover:text-primary-400" href="https://git.io/hugo-congo"
-        target="_blank" rel="noopener noreferrer">Congo</a>`
+        href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a>`
      }}
-
-      {{ i18n "footer.powered_by" (dict "Hugo" $hugo) | safeHTML }}
+      {{ $congo := printf `<a class="hover:underline hover:underline-primary-300 hover:text-primary-400" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>` }}
+      {{ i18n "footer.powered_by" (dict "Hugo" $hugo "Congo" $congo) | safeHTML }}
    </p>
  {{ end }}
  {{/* Extend footer - eg. for extra scripts, etc. */}}
@ -30,7 +44,7 @@

 {{/* Include mermaid.js only on pages that use the shortcode */}}
 {{- if .Page.HasShortcode "mermaid" -}}
-  <script src="https://unpkg.com/mermaid@8.11.4/dist/mermaid.min.js"></script>
+  <script src="https://unpkg.com/mermaid@8.13.3/dist/mermaid.min.js"></script>
  <script>
    mermaid.initialize({ theme: "default" });
  </script>
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@ -1,16 +1,19 @@
 <header
  class="flex justify-between py-6 font-semibold sm:items-center sm:py-10 text-neutral-800 dark:text-neutral"
 >
+  {{/* Site logo/title */}}
  <div>
    {{ if .Site.Params.Logo -}}
      {{ $logo := resources.Get .Site.Params.Logo }}
      {{ if $logo }}
+        <a href="{{ "/" | relURL }}">
          <img
            src="{{ $logo.RelPermalink }}"
            width="{{ div $logo.Width 2 }}"
            height="{{ div $logo.Height 2 }}"
            alt="{{ .Site.Title }}"
          />
+        </a>
      {{ end }}
    {{ else }}
      <a
@ -21,6 +24,8 @@
      >
    {{- end }}
  </div>
+  {{/* Main menu */}}
+  {{ if .Site.Menus.main }}
    <nav>
      <ul class="flex flex-col list-none sm:flex-row">
        {{ range .Site.Menus.main }}
@ -35,4 +40,5 @@
        {{ end }}
      </ul>
    </nav>
+  {{ end }}
 </header>
--- a/layouts/partials/sharing-links.html
+++ b/layouts/partials/sharing-links.html
@ -1,4 +1,4 @@
-{{ with .Site.Params.article.sharingLinks }}
+{{ with .Params.sharingLinks | default (.Site.Params.article.sharingLinks | default false) }}
  {{ $links := site.Data.sharing }}
  <section class="flex flex-row flex-wrap justify-center pt-4 text-xl">
    {{ range . }}
--- a/package-lock.json
+++ b/package-lock.json
@ -1,25 +1,25 @@
 {
  "name": "hugo-congo-theme",
-  "version": "1.2.1",
+  "version": "1.3.0",
  "lockfileVersion": 2,
  "requires": true,
  "packages": {
    "": {
      "name": "hugo-congo-theme",
-      "version": "1.2.1",
+      "version": "1.3.0",
      "license": "MIT",
      "devDependencies": {
        "@tailwindcss/typography": "^0.4.1",
        "prettier": "^2.3.2",
        "prettier-plugin-go-template": "^0.0.11",
        "tailwind-underline-utils": "^1.1.3",
-        "tailwindcss": "^2.2.7"
+        "tailwindcss": "^2.2.16"
      }
    },
    "node_modules/@babel/code-frame": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.14.5.tgz",
-      "integrity": "sha512-9pzDqyc6OLDaqe+zbACgFkb6fKMNG6CObKpnYXChRsvYGyEdc7CA2BaqeOM+vOtCS5ndmJicPJhKAwYRI6UfFw==",
+      "version": "7.15.8",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.15.8.tgz",
+      "integrity": "sha512-2IAnmn8zbvC/jKYhq5Ki9I+DwjlrtMPUCH/CpHvqI4dNnlwHwsxoIhlc8WcYY5LSYknXQtAlFYuHfqAFCvQ4Wg==",
      "dev": true,
      "dependencies": {
        "@babel/highlight": "^7.14.5"
@ -236,17 +236,17 @@
      "dev": true
    },
    "node_modules/autoprefixer": {
-      "version": "10.3.6",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.3.6.tgz",
-      "integrity": "sha512-3bDjTfF0MfZntwVCSd18XAT2Zndufh3Mep+mafbzdIQEeWbncVRUVDjH8/EPANV9Hq40seJ24QcYAyhUsFz7gQ==",
+      "version": "10.3.7",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.3.7.tgz",
+      "integrity": "sha512-EmGpu0nnQVmMhX8ROoJ7Mx8mKYPlcUHuxkwrRYEYMz85lu7H09v8w6R1P0JPdn/hKU32GjpLBFEOuIlDWCRWvg==",
      "dev": true,
      "peer": true,
      "dependencies": {
-        "browserslist": "^4.17.1",
-        "caniuse-lite": "^1.0.30001260",
+        "browserslist": "^4.17.3",
+        "caniuse-lite": "^1.0.30001264",
        "fraction.js": "^4.1.1",
-        "nanocolors": "^0.2.8",
        "normalize-range": "^0.1.2",
+        "picocolors": "^0.2.1",
        "postcss-value-parser": "^4.1.0"
      },
      "bin": {
@ -301,17 +301,17 @@
      }
    },
    "node_modules/browserslist": {
-      "version": "4.17.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.17.1.tgz",
-      "integrity": "sha512-aLD0ZMDSnF4lUt4ZDNgqi5BUn9BZ7YdQdI/cYlILrhdSSZJLU9aNZoD5/NBmM4SK34APB2e83MOsRt1EnkuyaQ==",
+      "version": "4.17.4",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.17.4.tgz",
+      "integrity": "sha512-Zg7RpbZpIJRW3am9Lyckue7PLytvVxxhJj1CaJVlCWENsGEAOlnlt8X0ZxGRPp7Bt9o8tIRM5SEXy4BCPMJjLQ==",
      "dev": true,
      "peer": true,
      "dependencies": {
-        "caniuse-lite": "^1.0.30001259",
-        "electron-to-chromium": "^1.3.846",
+        "caniuse-lite": "^1.0.30001265",
+        "electron-to-chromium": "^1.3.867",
        "escalade": "^3.1.1",
-        "nanocolors": "^0.1.5",
-        "node-releases": "^1.1.76"
+        "node-releases": "^2.0.0",
+        "picocolors": "^1.0.0"
      },
      "bin": {
        "browserslist": "cli.js"
@ -324,10 +324,10 @@
        "url": "https://opencollective.com/browserslist"
      }
    },
-    "node_modules/browserslist/node_modules/nanocolors": {
-      "version": "0.1.12",
-      "resolved": "https://registry.npmjs.org/nanocolors/-/nanocolors-0.1.12.tgz",
-      "integrity": "sha512-2nMHqg1x5PU+unxX7PGY7AuYxl2qDx7PSrTRjizr8sxdd3l/3hBuWWaki62qmtYm2U5i4Z5E7GbjlyDFhs9/EQ==",
+    "node_modules/browserslist/node_modules/picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
      "dev": true,
      "peer": true
    },
@ -359,9 +359,9 @@
      }
    },
    "node_modules/caniuse-lite": {
-      "version": "1.0.30001261",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001261.tgz",
-      "integrity": "sha512-vM8D9Uvp7bHIN0fZ2KQ4wnmYFpJo/Etb4Vwsuc+ka0tfGDHvOPrFm6S/7CCNLSOkAUjenT2HnUPESdOIL91FaA==",
+      "version": "1.0.30001269",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001269.tgz",
+      "integrity": "sha512-UOy8okEVs48MyHYgV+RdW1Oiudl1H6KolybD6ZquD0VcrPSgj25omXO1S7rDydjpqaISCwA8Pyx+jUQKZwWO5w==",
      "dev": true,
      "peer": true,
      "funding": {
@ -550,9 +550,9 @@
      "dev": true
    },
    "node_modules/electron-to-chromium": {
-      "version": "1.3.853",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.853.tgz",
-      "integrity": "sha512-W4U8n+U8I5/SUaFcqZgbKRmYZwcyEIQVBDf+j5QQK6xChjXnQD+wj248eGR9X4u+dDmDR//8vIfbu4PrdBBIoQ==",
+      "version": "1.3.873",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.873.tgz",
+      "integrity": "sha512-TiHlCgl2uP26Z0c67u442c0a2MZCWZNCRnPTQDPhVJ4h9G6z2zU0lApD9H0K9R5yFL5SfdaiVsVD2izOY24xBQ==",
      "dev": true,
      "peer": true
    },
@ -708,12 +708,12 @@
      }
    },
    "node_modules/glob-parent": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.1.tgz",
-      "integrity": "sha512-kEVjS71mQazDBHKcsq4E9u/vUzaLcw1A8EtUeydawvIWQCJM0qQ08G1H7/XTjFUulla6XQiDOG6MXSaG0HDKog==",
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
      "dev": true,
      "dependencies": {
-        "is-glob": "^4.0.1"
+        "is-glob": "^4.0.3"
      },
      "engines": {
        "node": ">=10.13.0"
@ -871,9 +871,9 @@
      }
    },
    "node_modules/is-core-module": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.7.0.tgz",
-      "integrity": "sha512-ByY+tjCciCr+9nLryBYcSD50EOGWt95c7tIsKTG1J2ixKKXPvF7Ej3AVd+UfDydAJom3biBGDBALaO79ktwgEQ==",
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.8.0.tgz",
+      "integrity": "sha512-vd15qHsaqrRL7dtH6QNuy0ndJmRDrS9HAM1CAiSifNUFv4x1a0CCVsj18hJ1mShxIG6T2i1sO78MkP56r0nYRw==",
      "dev": true,
      "dependencies": {
        "has": "^1.0.3"
@ -892,9 +892,9 @@
      }
    },
    "node_modules/is-glob": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.2.tgz",
-      "integrity": "sha512-ZZTOjRcDjuAAAv2cTBQP/lL59ZTArx77+7UzHdWW/XB1mrfp7DEaVpKmZ0XIzx+M7AxfhKcqV+nMetUQmFifwg==",
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
      "dev": true,
      "dependencies": {
        "is-extglob": "^2.1.1"
@ -1039,16 +1039,10 @@
        "url": "https://github.com/sponsors/sindresorhus"
      }
    },
-    "node_modules/nanocolors": {
-      "version": "0.2.12",
-      "resolved": "https://registry.npmjs.org/nanocolors/-/nanocolors-0.2.12.tgz",
-      "integrity": "sha512-SFNdALvzW+rVlzqexid6epYdt8H9Zol7xDoQarioEFcFN0JHo4CYNztAxmtfgGTVRCmFlEOqqhBpoFGKqSAMug==",
-      "dev": true
-    },
    "node_modules/nanoid": {
-      "version": "3.1.28",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.28.tgz",
-      "integrity": "sha512-gSu9VZ2HtmoKYe/lmyPFES5nknFrHa+/DT9muUFWFMi6Jh9E1I7bkvlQ8xxf1Kos9pi9o8lBnIOkatMhKX/YUw==",
+      "version": "3.1.30",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.30.tgz",
+      "integrity": "sha512-zJpuPDwOv8D2zq2WRoMe1HsfZthVewpel9CAvTfc/2mBD1uUT/agc5f7GHGWXlYkFvi1mVxe4IjvP2HNrop7nQ==",
      "dev": true,
      "bin": {
        "nanoid": "bin/nanoid.cjs"
@ -1067,9 +1061,9 @@
      }
    },
    "node_modules/node-releases": {
-      "version": "1.1.76",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.76.tgz",
-      "integrity": "sha512-9/IECtNr8dXNmPWmFXepT0/7o5eolGesHUa3mtr0KlgnCvnZxwh2qensKL42JJY2vQKC3nIBXetFAqR+PW1CmA==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.0.tgz",
+      "integrity": "sha512-aA87l0flFYMzCHpTM3DERFSYxc6lv/BltdbRTOMZuxZ0cwZCD3mejE5n9vLhSJCN++/eOqr77G1IO5uXxlQYWA==",
      "dev": true,
      "peer": true
    },
@ -1164,6 +1158,12 @@
        "node": ">=8"
      }
    },
+    "node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
    "node_modules/picomatch": {
      "version": "2.3.0",
      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.0.tgz",
@ -1177,13 +1177,13 @@
      }
    },
    "node_modules/postcss": {
-      "version": "8.3.8",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.8.tgz",
-      "integrity": "sha512-GT5bTjjZnwDifajzczOC+r3FI3Cu+PgPvrsjhQdRqa2kTJ4968/X9CUce9xttIB0xOs5c6xf0TCWZo/y9lF6bA==",
+      "version": "8.3.9",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.9.tgz",
+      "integrity": "sha512-f/ZFyAKh9Dnqytx5X62jgjhhzttjZS7hMsohcI7HEI5tjELX/HxCy3EFhsRxyzGvrzFF+82XPvCS8T9TFleVJw==",
      "dev": true,
      "dependencies": {
-        "nanocolors": "^0.2.2",
-        "nanoid": "^3.1.25",
+        "nanoid": "^3.1.28",
+        "picocolors": "^0.2.1",
        "source-map-js": "^0.6.2"
      },
      "engines": {
@ -1511,9 +1511,9 @@
      "dev": true
    },
    "node_modules/tailwindcss": {
-      "version": "2.2.16",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-2.2.16.tgz",
-      "integrity": "sha512-EireCtpQyyJ4Xz8NYzHafBoy4baCOO96flM0+HgtsFcIQ9KFy/YBK3GEtlnD+rXen0e4xm8t3WiUcKBJmN6yjg==",
+      "version": "2.2.17",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-2.2.17.tgz",
+      "integrity": "sha512-WgRpn+Pxn7eWqlruxnxEbL9ByVRWi3iC10z4b6dW0zSdnkPVC4hPMSWLQkkW8GCyBIv/vbJ0bxIi9dVrl4CfoA==",
      "dev": true,
      "dependencies": {
        "arg": "^5.0.1",
@ -1636,9 +1636,9 @@
  },
  "dependencies": {
    "@babel/code-frame": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.14.5.tgz",
-      "integrity": "sha512-9pzDqyc6OLDaqe+zbACgFkb6fKMNG6CObKpnYXChRsvYGyEdc7CA2BaqeOM+vOtCS5ndmJicPJhKAwYRI6UfFw==",
+      "version": "7.15.8",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.15.8.tgz",
+      "integrity": "sha512-2IAnmn8zbvC/jKYhq5Ki9I+DwjlrtMPUCH/CpHvqI4dNnlwHwsxoIhlc8WcYY5LSYknXQtAlFYuHfqAFCvQ4Wg==",
      "dev": true,
      "requires": {
        "@babel/highlight": "^7.14.5"
@ -1806,17 +1806,17 @@
      "dev": true
    },
    "autoprefixer": {
-      "version": "10.3.6",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.3.6.tgz",
-      "integrity": "sha512-3bDjTfF0MfZntwVCSd18XAT2Zndufh3Mep+mafbzdIQEeWbncVRUVDjH8/EPANV9Hq40seJ24QcYAyhUsFz7gQ==",
+      "version": "10.3.7",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.3.7.tgz",
+      "integrity": "sha512-EmGpu0nnQVmMhX8ROoJ7Mx8mKYPlcUHuxkwrRYEYMz85lu7H09v8w6R1P0JPdn/hKU32GjpLBFEOuIlDWCRWvg==",
      "dev": true,
      "peer": true,
      "requires": {
-        "browserslist": "^4.17.1",
-        "caniuse-lite": "^1.0.30001260",
+        "browserslist": "^4.17.3",
+        "caniuse-lite": "^1.0.30001264",
        "fraction.js": "^4.1.1",
-        "nanocolors": "^0.2.8",
        "normalize-range": "^0.1.2",
+        "picocolors": "^0.2.1",
        "postcss-value-parser": "^4.1.0"
      }
    },
@ -1852,23 +1852,23 @@
      }
    },
    "browserslist": {
-      "version": "4.17.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.17.1.tgz",
-      "integrity": "sha512-aLD0ZMDSnF4lUt4ZDNgqi5BUn9BZ7YdQdI/cYlILrhdSSZJLU9aNZoD5/NBmM4SK34APB2e83MOsRt1EnkuyaQ==",
+      "version": "4.17.4",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.17.4.tgz",
+      "integrity": "sha512-Zg7RpbZpIJRW3am9Lyckue7PLytvVxxhJj1CaJVlCWENsGEAOlnlt8X0ZxGRPp7Bt9o8tIRM5SEXy4BCPMJjLQ==",
      "dev": true,
      "peer": true,
      "requires": {
-        "caniuse-lite": "^1.0.30001259",
-        "electron-to-chromium": "^1.3.846",
+        "caniuse-lite": "^1.0.30001265",
+        "electron-to-chromium": "^1.3.867",
        "escalade": "^3.1.1",
-        "nanocolors": "^0.1.5",
-        "node-releases": "^1.1.76"
+        "node-releases": "^2.0.0",
+        "picocolors": "^1.0.0"
      },
      "dependencies": {
-        "nanocolors": {
-          "version": "0.1.12",
-          "resolved": "https://registry.npmjs.org/nanocolors/-/nanocolors-0.1.12.tgz",
-          "integrity": "sha512-2nMHqg1x5PU+unxX7PGY7AuYxl2qDx7PSrTRjizr8sxdd3l/3hBuWWaki62qmtYm2U5i4Z5E7GbjlyDFhs9/EQ==",
+        "picocolors": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+          "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
          "dev": true,
          "peer": true
        }
@ -1893,9 +1893,9 @@
      "dev": true
    },
    "caniuse-lite": {
-      "version": "1.0.30001261",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001261.tgz",
-      "integrity": "sha512-vM8D9Uvp7bHIN0fZ2KQ4wnmYFpJo/Etb4Vwsuc+ka0tfGDHvOPrFm6S/7CCNLSOkAUjenT2HnUPESdOIL91FaA==",
+      "version": "1.0.30001269",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001269.tgz",
+      "integrity": "sha512-UOy8okEVs48MyHYgV+RdW1Oiudl1H6KolybD6ZquD0VcrPSgj25omXO1S7rDydjpqaISCwA8Pyx+jUQKZwWO5w==",
      "dev": true,
      "peer": true
    },
@ -2044,9 +2044,9 @@
      "dev": true
    },
    "electron-to-chromium": {
-      "version": "1.3.853",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.853.tgz",
-      "integrity": "sha512-W4U8n+U8I5/SUaFcqZgbKRmYZwcyEIQVBDf+j5QQK6xChjXnQD+wj248eGR9X4u+dDmDR//8vIfbu4PrdBBIoQ==",
+      "version": "1.3.873",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.873.tgz",
+      "integrity": "sha512-TiHlCgl2uP26Z0c67u442c0a2MZCWZNCRnPTQDPhVJ4h9G6z2zU0lApD9H0K9R5yFL5SfdaiVsVD2izOY24xBQ==",
      "dev": true,
      "peer": true
    },
@ -2166,12 +2166,12 @@
      }
    },
    "glob-parent": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.1.tgz",
-      "integrity": "sha512-kEVjS71mQazDBHKcsq4E9u/vUzaLcw1A8EtUeydawvIWQCJM0qQ08G1H7/XTjFUulla6XQiDOG6MXSaG0HDKog==",
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
      "dev": true,
      "requires": {
-        "is-glob": "^4.0.1"
+        "is-glob": "^4.0.3"
      }
    },
    "graceful-fs": {
@ -2301,9 +2301,9 @@
      }
    },
    "is-core-module": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.7.0.tgz",
-      "integrity": "sha512-ByY+tjCciCr+9nLryBYcSD50EOGWt95c7tIsKTG1J2ixKKXPvF7Ej3AVd+UfDydAJom3biBGDBALaO79ktwgEQ==",
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.8.0.tgz",
+      "integrity": "sha512-vd15qHsaqrRL7dtH6QNuy0ndJmRDrS9HAM1CAiSifNUFv4x1a0CCVsj18hJ1mShxIG6T2i1sO78MkP56r0nYRw==",
      "dev": true,
      "requires": {
        "has": "^1.0.3"
@ -2316,9 +2316,9 @@
      "dev": true
    },
    "is-glob": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.2.tgz",
-      "integrity": "sha512-ZZTOjRcDjuAAAv2cTBQP/lL59ZTArx77+7UzHdWW/XB1mrfp7DEaVpKmZ0XIzx+M7AxfhKcqV+nMetUQmFifwg==",
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
      "dev": true,
      "requires": {
        "is-extglob": "^2.1.1"
@ -2437,16 +2437,10 @@
      "integrity": "sha512-2lMlY1Yc1+CUy0gw4H95uNN7vjbpoED7NNRSBHE25nWfLBdmMzFCsPshlzbxHz+gYMcBEUN8V4pU16prcdPSgA==",
      "dev": true
    },
-    "nanocolors": {
-      "version": "0.2.12",
-      "resolved": "https://registry.npmjs.org/nanocolors/-/nanocolors-0.2.12.tgz",
-      "integrity": "sha512-SFNdALvzW+rVlzqexid6epYdt8H9Zol7xDoQarioEFcFN0JHo4CYNztAxmtfgGTVRCmFlEOqqhBpoFGKqSAMug==",
-      "dev": true
-    },
    "nanoid": {
-      "version": "3.1.28",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.28.tgz",
-      "integrity": "sha512-gSu9VZ2HtmoKYe/lmyPFES5nknFrHa+/DT9muUFWFMi6Jh9E1I7bkvlQ8xxf1Kos9pi9o8lBnIOkatMhKX/YUw==",
+      "version": "3.1.30",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.30.tgz",
+      "integrity": "sha512-zJpuPDwOv8D2zq2WRoMe1HsfZthVewpel9CAvTfc/2mBD1uUT/agc5f7GHGWXlYkFvi1mVxe4IjvP2HNrop7nQ==",
      "dev": true
    },
    "node-emoji": {
@ -2459,9 +2453,9 @@
      }
    },
    "node-releases": {
-      "version": "1.1.76",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.76.tgz",
-      "integrity": "sha512-9/IECtNr8dXNmPWmFXepT0/7o5eolGesHUa3mtr0KlgnCvnZxwh2qensKL42JJY2vQKC3nIBXetFAqR+PW1CmA==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.0.tgz",
+      "integrity": "sha512-aA87l0flFYMzCHpTM3DERFSYxc6lv/BltdbRTOMZuxZ0cwZCD3mejE5n9vLhSJCN++/eOqr77G1IO5uXxlQYWA==",
      "dev": true,
      "peer": true
    },
@ -2532,6 +2526,12 @@
      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
      "dev": true
    },
+    "picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
    "picomatch": {
      "version": "2.3.0",
      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.0.tgz",
@ -2539,13 +2539,13 @@
      "dev": true
    },
    "postcss": {
-      "version": "8.3.8",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.8.tgz",
-      "integrity": "sha512-GT5bTjjZnwDifajzczOC+r3FI3Cu+PgPvrsjhQdRqa2kTJ4968/X9CUce9xttIB0xOs5c6xf0TCWZo/y9lF6bA==",
+      "version": "8.3.9",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.9.tgz",
+      "integrity": "sha512-f/ZFyAKh9Dnqytx5X62jgjhhzttjZS7hMsohcI7HEI5tjELX/HxCy3EFhsRxyzGvrzFF+82XPvCS8T9TFleVJw==",
      "dev": true,
      "requires": {
-        "nanocolors": "^0.2.2",
-        "nanoid": "^3.1.25",
+        "nanoid": "^3.1.28",
+        "picocolors": "^0.2.1",
        "source-map-js": "^0.6.2"
      }
    },
@ -2758,9 +2758,9 @@
      "dev": true
    },
    "tailwindcss": {
-      "version": "2.2.16",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-2.2.16.tgz",
-      "integrity": "sha512-EireCtpQyyJ4Xz8NYzHafBoy4baCOO96flM0+HgtsFcIQ9KFy/YBK3GEtlnD+rXen0e4xm8t3WiUcKBJmN6yjg==",
+      "version": "2.2.17",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-2.2.17.tgz",
+      "integrity": "sha512-WgRpn+Pxn7eWqlruxnxEbL9ByVRWi3iC10z4b6dW0zSdnkPVC4hPMSWLQkkW8GCyBIv/vbJ0bxIi9dVrl4CfoA==",
      "dev": true,
      "requires": {
        "arg": "^5.0.1",
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "hugo-congo-theme",
-  "version": "1.3.0",
+  "version": "1.4.0",
  "description": "Congo theme for Hugo",
  "main": "index.js",
  "scripts": {
@ -29,6 +29,6 @@
    "prettier": "^2.3.2",
    "prettier-plugin-go-template": "^0.0.11",
    "tailwind-underline-utils": "^1.1.3",
-    "tailwindcss": "^2.2.16"
+    "tailwindcss": "^2.2.17"
  }
 }
--- a/release.sh
+++ b/release.sh
@ -45,7 +45,7 @@ if [ $branch = "dev" ]; then
 		git merge --no-ff dev -m "🔖 Release v$version"

 		# create tag
-		git tag $version
+		git tag "v$version"

 		# push commit and tag to remote
 		git push
				`@ -0,0 +1 @@`
				<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="orcid" class="svg-inline--fa fa-orcid" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M294.8 188.2h-45.92V342h47.47c67.62 0 83.12-51.34 83.12-76.91 0-41.64-26.54-76.9-84.67-76.9zM256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm-80.79 360.8h-29.84v-207.5h29.84zm-14.92-231.1a19.57 19.57 0 1 1 19.57-19.57 19.64 19.64 0 0 1 -19.57 19.57zM300 369h-81V161.3h80.6c76.73 0 110.4 54.83 110.4 103.8C410 318.4 368.4 369 300 369z"></path></svg>