updated version

230 an option to disable blur on scroll for articles with featured images

.github/dependabot.yml

@@ -0,0 +1,24 @@
+# To get started with Dependabot version updates, you'll need to specify which
+# https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
+
+version: 2
+updates:
+  - package-ecosystem: "npm"
+    directory: "/"
+    target-branch: "dev"
+    schedule:
+      interval: "daily"
+    commit-message:
+      prefix: "📌"
+    labels:
+      - "dependencies"
+  - package-ecosystem: "github-actions"
+    directory: "/"
+    target-branch: "dev"
+    schedule:
+      interval: "weekly"
+      day: "sunday"
+    commit-message:
+      prefix: "👷"
+    labels:
+      - "dependencies"

README.md

@@ -1,6 +1,11 @@
 # Blowfish
 
 [![Blowfish Docs Deploy](https://github.com/nunocoracao/blowfish/actions/workflows/pages.yml/badge.svg)](https://github.com/nunocoracao/blowfish/actions/workflows/pages.yml)
+[![Minimum Hugo Version](https://img.shields.io/static/v1?label=min-HUGO-version&message=0.87.0&color=blue&logo=hugo)](https://github.com/gohugoio/hugo/releases/tag/v0.87.0)
+[![GitHub](https://img.shields.io/github/license/nunocoracao/blowfish)](https://github.com/nunocoracao/blowfish/blob/main/LICENSE)
+[![Blowfish](https://img.shields.io/badge/Hugo--Themes-@Blowfish-blue)](https://themes.gohugo.io/themes/blowfish/)
+![code-size](https://img.shields.io/github/languages/code-size/nunocoracao/blowfish)
+
 
 Blowfish is designed to be a powerful, lightweight theme for [Hugo](https://gohugo.io). It's built using Tailwind CSS with a clean and minimalist design that prioritises to your content. The theme is a fork of [Congo](https://github.com/jpanther/congo).
 

assets/css/main.css

@@ -1,4 +1,4 @@
-/*! Blowfish v0.0.1 | MIT License | https://github.com/nunocoracao/blowfish */
+/*! Blowfish | MIT License | https://github.com/nunocoracao/blowfish */
 
 @tailwind base;
 @tailwind components;
@@ -347,6 +347,13 @@ body:has(#menu-controller:checked) {
   background-position:center;
 }
 
+.thumbnail_card {
+  height: 250px;
+  background-repeat:no-repeat;
+  background-size:cover; 
+  background-position:center;
+}
+
 .single_hero_basic {
   background-repeat:no-repeat;
   background-size:cover; 
@@ -376,6 +383,14 @@ body:has(#menu-controller:checked) {
   box-shadow: 5px 5px 20px 1px rgba(0, 0, 0, 0.3);
 }
 
+.anchor {
+  display: block;
+  position: relative;
+  top: -100px;
+  height: 0px;
+  visibility: hidden;
+}
+
 @screen sm {
   .thumbnail {
     min-width: 100%;

assets/icons/envelope.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></svg>

config.toml

@@ -2,4 +2,4 @@
   [module.hugoVersion]
     extended = true
     min = "0.87.0 "
-    max = "0.104.3"
+    max = "0.105.0"

config/_default/params.toml

@@ -15,7 +15,11 @@ enableCodeCopy = true
 # mainSections = ["section1", "section2"]
 # robots = ""
 
+[header]
+  layout = "basic" # valid options: basic, fixed
+
 [footer]
+ # showMenu = true
   showCopyright = true
   showThemeAttribution = true
   showAppearanceSwitcher = true
@@ -28,6 +32,9 @@ enableCodeCopy = true
   showRecentItems = 5
   showMoreLink = false
   showMoreLinkDest = "/posts"
+  cardView = false
+  cardViewScreenWidth = false
+  layoutBackgroundBlur = false # only used when layout equals background
 
 [article]
   showDate = true
@@ -37,6 +44,7 @@ enableCodeCopy = true
   showAuthor = true
   showHero = true
   heroStyle = "basic" # valid options: basic, big, background
+  layoutBackgroundBlur = false # only used when heroStyle equals background
   showBreadcrumbs = true
   showDraftLabel = true
   showEdit = true
@@ -55,11 +63,17 @@ enableCodeCopy = true
   sharingLinks = [ "linkedin", "twitter", "whatsapp", "pinterest", "reddit", "facebook", "email"]
 
 [list]
+  #showHero = true
+  #heroStyle = "background" # valid options: basic, big, background
   showBreadcrumbs = false
   showSummary = false
+  #showViews = true
+  #showLikes = true
   showTableOfContents = false
   showCards = false
   groupByYear = true
+  cardView = false
+  cardViewScreenWidth = false
 
 [sitemap]
   excludedKinds = []

exampleSite/assets/js/home.js

@@ -2,8 +2,8 @@ var layouts = [
   "background",
   "hero",
   "profile",
-  "card",
+  "page",
-  "page"
+  "card"
 ]
 
 var currentLayout = 0
@@ -33,3 +33,44 @@ window.addEventListener("DOMContentLoaded", (event) => {
     })
   );
 });
+
+var list_config = [
+  "CardViewScreenWidth",
+  "CardViewProse",
+  "NormalView"
+]
+
+var titles = {
+  "CardViewProse" : "card view with constrained width",
+  "CardViewScreenWidth" : "card view with full width",
+  "NormalView" : "standard list view"
+}
+
+var currentConfig = 0
+
+function switchList() {
+
+  var old = currentConfig
+  currentConfig = currentConfig == list_config.length - 1 ? 0 : currentConfig + 1
+
+  var oldDiv = document.getElementById(list_config[old])
+  var currentDiv = document.getElementById(list_config[currentConfig])
+  const configCode = document.querySelectorAll("code[id=config]");
+
+  currentDiv.style.display = "block";
+  oldDiv.style.display = "none";
+
+  configCode.forEach(function (el) {
+    el.innerText = titles[list_config[currentConfig]];
+  });
+
+}
+
+window.addEventListener("DOMContentLoaded", (event) => {
+  document.querySelectorAll("#switch-config-button").forEach((button) =>
+    button.addEventListener("click", function (e) {
+      e.preventDefault();
+      switchList();
+    })
+  );
+});

exampleSite/config/_default/config.toml

@@ -3,7 +3,7 @@
 # https://nunocoracao.github.io/blowfish/docs/getting-started/
 
 theme = "blowfish"
-baseURL = "https://nunocoracao.github.io/blowfish/"
+baseURL = "https://nunocoracao.github.io/blowfish"
 defaultContentLanguage = "en"
 
 enableRobotsTXT = true

exampleSite/config/_default/menus.en.toml

@@ -20,22 +20,27 @@
   pageRef = "samples"
   weight = 20
 
+[[main]]
+  name = "Showcase"
+  pageRef = "examples"
+  weight = 30
+
 [[main]]
   name = "Users"
   pageRef = "users"
-  weight = 30
+  weight = 40
 
 [[main]]
   identifier = "github"
   pre = "github"
   url = "https://github.com/nunocoracao/blowfish"
-  weight = 40
+  weight = 50
 
 [[main]]
   identifier = "twitter"
   pre = "twitter"
   url = "https://twitter.com/burufugu"
-  weight = 50
+  weight = 60
 
 
 # -- Footer Menu --

exampleSite/config/_default/params.toml

@@ -15,7 +15,11 @@ enableCodeCopy = true
 mainSections = ["docs"]
 # robots = ""
 
+[header]
+  layout = "fixed" # valid options: basic, fixed
+
 [footer]
+  showMenu = true
   showCopyright = true
   showThemeAttribution = true
   showAppearanceSwitcher = true
@@ -24,10 +28,13 @@ mainSections = ["docs"]
 [homepage]
   layout = "custom" # valid options: page, profile, hero, card, background, custom
   homepageImage = "/img/iceland.jpg" # used in: hero, and card
-  showRecent = true
+  showRecent = false
-  showRecentItems = 5
+  showRecentItems = 10
   showMoreLink = true
   showMoreLinkDest = "docs"
+  cardView = true
+  cardViewScreenWidth = false
+  layoutBackgroundBlur = true # only used when layout equals background
 
 [article]
   showDate = false
@@ -37,6 +44,7 @@ mainSections = ["docs"]
   showAuthor = true
   showHero = true
   heroStyle = "background" # valid options: basic, big, background
+  layoutBackgroundBlur = true # only used when heroStyle equals background
   showBreadcrumbs = true
   showDraftLabel = true
   showEdit = true
@@ -55,11 +63,17 @@ mainSections = ["docs"]
   sharingLinks = [ "linkedin", "twitter", "whatsapp", "pinterest", "reddit", "facebook", "email"]
 
 [list]
+  showHero = true
+  heroStyle = "background" # valid options: basic, big, background
   showBreadcrumbs = false
-  showSummary = true
+  showSummary = false
+  showViews = true
+  showLikes = true
   showTableOfContents = true
   showCards = true
   groupByYear = false
+  cardView = true
+  cardViewScreenWidth = false
 
 [sitemap]
   excludedKinds = ["taxonomy","term"]

exampleSite/content/.Ulysses-Settings.plist

@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-<dict>
-	<key>defaultPathExtensions</key>
-	<string>md</string>
-	<key>enforceFencedCodeBlocks</key>
-	<false/>
-	<key>sheetFormat</key>
-	<string>foreign</string>
-	<key>useInlineLinks</key>
-	<false/>
-</dict>
-</plist>

exampleSite/content/docs/_index.md

@@ -12,8 +12,6 @@ cascade:
 Simple, yet powerful. Learn how to use Blowfish and its features.
 {{< /lead >}}
 
-![Featured Blowfish image](featured.png)
-
 This section contains everything you need to know about Blowfish. If you're new, check out the [Installation]({{< ref "docs/installation" >}}) guide to begin or visit the [Samples]({{< ref "samples" >}}) section to see what Blowfish can do.
 
 ---

exampleSite/content/docs/configuration/index.md

@@ -30,17 +30,17 @@ The site configuration is managed through the `config/_default/config.toml` file
 Note that the variable names provided in this table use dot notation to simplify the TOML data structure (ie. `outputs.home` refers to `[outputs] home`).
 
 <!-- prettier-ignore-start -->
-|Name|Default|Description|
+| Name                     | Default                   | Description                                                                                                                                                                                                                                                                                                                                                                  |
-|---|---|---|
+| ------------------------ | ------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-|`theme`|`"blowfish"`|When using Hugo Modules this config value should be removed. For all other installation types, this must be set to `blowfish` for the theme to function.|
+| `theme`                  | `"blowfish"`              | When using Hugo Modules this config value should be removed. For all other installation types, this must be set to `blowfish` for the theme to function.                                                                                                                                                                                                                     |
-|`baseURL`|_Not set_|The URL to the root of the website.|
+| `baseURL`                | _Not set_                 | The URL to the root of the website.                                                                                                                                                                                                                                                                                                                                          |
-|`defaultContentLanguage`|`"en"`|This value determines the default language of theme components and content. Refer to the [language and i18n](#language-and-i18n) section below for supported language codes.|
+| `defaultContentLanguage` | `"en"`                    | This value determines the default language of theme components and content. Refer to the [language and i18n](#language-and-i18n) section below for supported language codes.                                                                                                                                                                                                 |
-|`enableRobotsTXT`|`true`|When enabled, a `robots.txt` file will be created in the site root that allows search engines to crawl the entire site. If you prefer to provide your own pre-made `robots.txt`, set to `false` and place your file in the `static` directory. For complete control, you may provide a [custom layout]({{< ref "content-examples#custom-layouts" >}}) to generate this file.|
+| `enableRobotsTXT`        | `true`                    | When enabled, a `robots.txt` file will be created in the site root that allows search engines to crawl the entire site. If you prefer to provide your own pre-made `robots.txt`, set to `false` and place your file in the `static` directory. For complete control, you may provide a [custom layout]({{< ref "content-examples#custom-layouts" >}}) to generate this file. |
-|`paginate`|`10`|The number of articles listed on each page of the article listing.|
+| `paginate`               | `10`                      | The number of articles listed on each page of the article listing.                                                                                                                                                                                                                                                                                                           |
-|`summaryLength`|`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.|
+| `summaryLength`          | `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.                                                                                                                                |
-|`outputs.home`|`["HTML", "RSS", "JSON"]`|The output formats that are generated for the site. Blowfish requires HTML, RSS and JSON for all theme components to work correctly.|
+| `outputs.home`           | `["HTML", "RSS", "JSON"]` | The output formats that are generated for the site. Blowfish requires HTML, RSS and JSON for all theme components to work correctly.                                                                                                                                                                                                                                         |
-|`permalinks`|_Not set_|Refer to the [Hugo docs](https://gohugo.io/content-management/urls/#permalinks) for permalink 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.|
+| `taxonomies`             | _Not set_                 | Refer to the [Organising content]({{< ref "getting-started#organising-content" >}}) section for taxonomy configuration.                                                                                                                                                                                                                                                      |
 <!-- prettier-ignore-end -->
 
 ## Thumbnails
@@ -55,26 +55,27 @@ Blowfish is optimised for full multilingual websites and theme assets are transl
 
 The theme currently supports the following languages by default:
 
-| Language                               | Code    |
+| Language                              | Code    |
-| -------------------------------------- | ------- |
+| ------------------------------------- | ------- |
-| :gb: English                           | `en`    |
+| :gb: English                          | `en`    |
-| :bangladesh: Bengali                   | `bn`    |
+| :bangladesh: Bengali                  | `bn`    |
-| :cn: Simplified Chinese (China)        | `zh-cn` |
+| :cn: Simplified Chinese (China)       | `zh-cn` |
-| :taiwan: Traditional Chinese (Taiwan)  | `zh-tw` |
+| :taiwan: Traditional Chinese (Taiwan) | `zh-tw` |
-| :finland: Finnish                      | `fi`    |
+| :finland: Finnish                     | `fi`    |
-| :fr: French                            | `fr`    |
+| :fr: French                           | `fr`    |
-| :de: German                            | `de`    |
+| :de: German                           | `de`    |
-| :israel: Hebrew                        | `he`    |
+| :israel: Hebrew                       | `he`    |
-| :hungary: Hungarian                    | `hu`    |
+| :hungary: Hungarian                   | `hu`    |
-| :it: Italian                           | `it`    |
+| :it: Italian                          | `it`    |
-| :jp: Japanese                          | `ja`    |
+| :jp: Japanese                         | `ja`    |
-| :brazil: Portuguese (Brazil)           | `pt-br` |
+| :brazil: Portuguese (Brazil)          | `pt-br` |
-| :portugal: Portuguese (Portugal)       | `pt-pt` |
+| :portugal: Portuguese (Portugal)      | `pt-pt` |
-| :poland: Polish                        | `pl`    |
+| :poland: Polish                       | `pl`    |
-| :romania: Romanian                     | `ro`    |
+| :romania: Romanian                    | `ro`    |
-| :es: Spanish (Spain)                   | `es`    |
+| :es: Spanish (Spain)                  | `es`    |
-| :tr: Turkish                           | `tr`    |
+| :tr: Turkish                          | `tr`    |
-| 🇭🇷 Croatian                          | `hr`    |
+| 🇭🇷 Croatian                            | `hr`    |
+| 🇮🇩 Indonesian                          | `id`    |
 
 The default translations can be overridden by creating a custom file in `i18n/[code].yaml` that contains the translation strings. You can also use this method to add new languages. If you'd like to share a new translation with the community, please [open a pull request](https://github.com/nunocoracao/blowfish/pulls).
 
@@ -89,23 +90,23 @@ The default file can be used as a template to create additional languages, or re
 {{< /alert >}}
 
 <!-- prettier-ignore-start -->
-|Name|Default|Description|
+| Name              | Default            | Description                                                                                                                                                                                                                                                                                                                 |
-|---|---|---|
+| ----------------- | ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-|`languageCode`|`"en"`|The Hugo language code for this file. It can be a top-level language (ie. `en`) or a sub-variant (ie. `en-au`) and should match the language code in the filename. Hugo expects this value to always be in lowercase. For proper HTML compliance, set the `isoCode` parameter which is case-sensitive.|
+| `languageCode`    | `"en"`             | The Hugo language code for this file. It can be a top-level language (ie. `en`) or a sub-variant (ie. `en-au`) and should match the language code in the filename. Hugo expects this value to always be in lowercase. For proper HTML compliance, set the `isoCode` parameter which is case-sensitive.                      |
-|`languageName`|`"English"`|The name of the language.|
+| `languageName`    | `"English"`        | The name of the language.                                                                                                                                                                                                                                                                                                   |
-|`displayName`|`"EN"`|The name used when the language appears on the website.|
+| `displayName`     | `"EN"`             | The name used when the language appears on the website.                                                                                                                                                                                                                                                                     |
-|`isoCode`|`"en"`|The ISO language code for HTML metadata purposes. It can be a top-level language (ie. `en`) or a sub-variant (ie. `en-AU`).|
+| `isoCode`         | `"en"`             | The ISO language code for HTML metadata purposes. It can be a top-level language (ie. `en`) or a sub-variant (ie. `en-AU`).                                                                                                                                                                                                 |
-|`weight`|`1`|The weight determines the order of languages when building multilingual sites.|
+| `weight`          | `1`                | The weight determines the order of languages when building multilingual sites.                                                                                                                                                                                                                                              |
-|`rtl`|`false`|Whether or not this is a RTL language. Set to `true` to reflow content from right-to-left. Blowfish fully supports using RTL and LTR languages at the same time and will dynamically adjust to both.|
+| `rtl`             | `false`            | Whether or not this is a RTL language. Set to `true` to reflow content from right-to-left. Blowfish fully supports using RTL and LTR languages at the same time and will dynamically adjust to both.                                                                                                                        |
-|`dateFormat`|`"2 January 2006"`|How dates are formatted in this language. Refer to the [Hugo docs](https://gohugo.io/functions/format/#gos-layout-string) for acceptable formats.|
+| `dateFormat`      | `"2 January 2006"` | How dates are formatted in this language. Refer to the [Hugo docs](https://gohugo.io/functions/format/#gos-layout-string) for acceptable formats.                                                                                                                                                                           |
-|`title`|`"Blowfish"`|The title of the website. This will be displayed in the site header and footer.|
+| `title`           | `"Blowfish"`       | The title of the website. This will be displayed in the site header and footer.                                                                                                                                                                                                                                             |
-|`description`|_Not set_|The website description. This will be used in the site metadata.|
+| `description`     | _Not set_          | The website description. This will be used in the site metadata.                                                                                                                                                                                                                                                            |
-|`copyright`|_Not set_|A Markdown string containing the copyright message to be displayed in the site footer. If none is provided, Blowfish will automatically generate a copyright string using the site `title`.|
+| `copyright`       | _Not set_          | A Markdown string containing the copyright message to be displayed in the site footer. If none is provided, Blowfish will automatically generate a copyright string using the site `title`.                                                                                                                                 |
-|`author.name`|_Not set_|The author's name. This will be displayed in article footers, and on the homepage when the profile layout is used.|
+| `author.name`     | _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`|_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 `assets/` folder.|
+| `author.image`    | _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 `assets/` folder.                                                                                                                                                                                                     |
-|`author.headline`|_Not set_|A Markdown string containing the author's headline. It will be displayed on the profile homepage under the author's name.|
+| `author.headline` | _Not set_          | A Markdown string containing the author's headline. It will be displayed on the profile homepage under the author's name.                                                                                                                                                                                                   |
-|`author.bio`|_Not set_|A Markdown string containing the author's bio. It will be displayed in article footers.|
+| `author.bio`      | _Not set_          | A Markdown string containing the author's bio. It will be displayed in article footers.                                                                                                                                                                                                                                     |
-|`author.links`|_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/`.|
+| `author.links`    | _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/`. |
 <!-- prettier-ignore-end -->
 
 ### Menus
@@ -123,69 +124,84 @@ Blowfish provides a large number of configuration parameters that control how th
 Many of the article defaults here can be overridden on a per article basis by specifying it in the front matter. Refer to the [Front Matter]({{< ref "front-matter" >}}) section for further details.
 
 <!-- prettier-ignore-start -->
-|Name|Default|Description|
+| Name                            | Default                | Description                                                                                                                                                                                                                                                                                                        |
-|---|---|---|
+| ------------------------------- | ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-|`colorScheme`|`"blowfish"`|The theme colour scheme to use. Valid values are `blowfish` (default), `avocado`, `ocean`, `fire` and `slate`. Refer to the [Colour Schemes]({{< ref "getting-started#colour-schemes" >}}) section for more details.|
+| `colorScheme`                   | `"blowfish"`           | The theme colour scheme to use. Valid values are `blowfish` (default), `avocado`, `ocean`, `fire` and `slate`. Refer to the [Colour Schemes]({{< ref "getting-started#colour-schemes" >}}) section for more details.                                                                                               |
-|`defaultAppearance`|`"light"`|The default theme appearance, either `light` or `dark`.|
+| `defaultAppearance`             | `"light"`              | The default theme appearance, either `light` or `dark`.                                                                                                                                                                                                                                                            |
-|`autoSwitchAppearance`|`true`|Whether the theme appearance automatically switches based upon the visitor's operating system preference. Set to `false` to force the site to always use the `defaultAppearance`.|
+| `autoSwitchAppearance`          | `true`                 | Whether the theme appearance automatically switches based upon the visitor's operating system preference. Set to `false` to force the site to always use the `defaultAppearance`.                                                                                                                                  |
-|`enableSearch`|`false`|Whether site search is enabled. Set to `true` to enable search functionality. Note that the search feature depends on the `outputs.home` setting in the [site configuration](#site-configuration) being set correctly.|
+| `enableSearch`                  | `false`                | Whether site search is enabled. Set to `true` to enable search functionality. Note that the search feature depends on the `outputs.home` setting in the [site configuration](#site-configuration) being set correctly.                                                                                             |
-|`enableCodeCopy`|`false`|Whether copy-to-clipboard buttons are enabled for `<code>` blocks. The `highlight.noClasses` parameter must be set to `false` for code copy to function correctly. Read more about [other configuration files](#other-configuration-files) below.|
+| `enableCodeCopy`                | `false`                | Whether copy-to-clipboard buttons are enabled for `<code>` blocks. The `highlight.noClasses` parameter must be set to `false` for code copy to function correctly. Read more about [other configuration files](#other-configuration-files) below.                                                                  |
-|`logo`|_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.|
+| `logo`                          | _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.                                                                                                                                                          |
-|`mainSections`|_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.|
+| `mainSections`                  | _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`|_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.|
+| `showViews`                     | _Not set_              | Whether or not articles and list views are displayed. This requires firebase integrations to be enabled, look below.                                                                                                                                                                                               |
-|`footer.showCopyright`|`true`|Whether or not to show the copyright string in the site footer. Note that the string itself can be customised using the `copyright` parameter in the [languages configuration](#language-and-i18n).|
+| `showLikes`                     | _Not set_              | Whether or not articles and list likes are displayed. This requires firebase integrations to be enabled, look below.                                                                                                                                                                                               |
-|`footer.showThemeAttribution`|`true`|Whether or not to show the "powered by" theme attribution in the site footer. If you choose to disable this message, please consider attributing the theme somewhere else on your site (for example, on your about page).|
+| `robots`                        | _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.                                                                             |
-|`footer.showAppearanceSwitcher`|`false`|Whether or not to show the appearance switcher in the site footer. The browser's local storage is used to persist the visitor's preference.|
+| `disableImageZoom`              | `false`                | Disables image zoom feature across all the images in the site.                                                                                                                                                                                                                                                     |
-|`footer.showScrollToTop`|`true`|When set to `true` the scroll to top arrow is displayed.|
+| `header.layout`                 | `"basic"`              | Defines the header for the entire site, supported values are `basic` and `fixed`.                                                                                                                                                                                                                                  |
-|`homepage.layout`|`"profile"`|The layout of the homepage. Valid values are `page`, `profile`, `hero`, `card`, `background`, or `custom`. When set to `custom`, you must provide your own layout by creating a `/layouts/partials/home/custom.html` file. Refer to the [Homepage Layout]({{< ref "homepage-layout" >}}) section for more details.|
+| `footer.showMenu`               | `true`                 | Show/hide the footer menu, which can be configured in the `[[footer]]` section of the `config/_default/menus.en.toml` file.                                                                                                                                                                                        |
-|`homepage.homepageImage`|_Not set_|Image to be used in `hero` and `card` layouts. Refer to the [Homepage Layout]({{< ref "homepage-layout" >}}) section for more details.|
+| `footer.showCopyright`          | `true`                 | Whether or not to show the copyright string in the site footer. Note that the string itself can be customised using the `copyright` parameter in the [languages configuration](#language-and-i18n).                                                                                                                |
-|`homepage.showRecent`|`false`|Whether or not to display the recent articles list on the homepage.|
+| `footer.showThemeAttribution`   | `true`                 | Whether or not to show the "powered by" theme attribution in the site footer. If you choose to disable this message, please consider attributing the theme somewhere else on your site (for example, on your about page).                                                                                          |
-|`homepage.showRecentItems`|5|How many articles to display if showRecent is true. If variable is set to 0 or if it isn't defined the system will default to 5 articles.|
+| `footer.showAppearanceSwitcher` | `false`                | Whether or not to show the appearance switcher in the site footer. The browser's local storage is used to persist the visitor's preference.                                                                                                                                                                        |
-|`homepage.showMoreLink`|'false'|Wether or not to display a show more link at the end of your posts that takes the user to a predefined place.|
+| `footer.showScrollToTop`        | `true`                 | When set to `true` the scroll to top arrow is displayed.                                                                                                                                                                                                                                                           |
-|`homepage.showMoreLinkDest`|'/posts'|The destination of the show more button.|
+| `homepage.layout`               | `"profile"`            | The layout of the homepage. Valid values are `page`, `profile`, `hero`, `card`, `background`, or `custom`. When set to `custom`, you must provide your own layout by creating a `/layouts/partials/home/custom.html` file. Refer to the [Homepage Layout]({{< ref "homepage-layout" >}}) section for more details. |
-|`article.showDate`|`true`|Whether or not article dates are displayed.|
+| `homepage.homepageImage`        | _Not set_              | Image to be used in `hero` and `card` layouts. Refer to the [Homepage Layout]({{< ref "homepage-layout" >}}) section for more details.                                                                                                                                                                             |
-|`article.showViews`|`false`|Whether or not article views are displayed. This requires firebase integrations to be enabled, look below.|
+| `homepage.showRecent`           | `false`                | Whether or not to display the recent articles list on the homepage.                                                                                                                                                                                                                                                |
-|`article.showLikes`|`false`|Whether or not article likes are displayed. This requires firebase integrations to be enabled, look below.|
+| `homepage.showRecentItems`      | 5                      | How many articles to display if showRecent is true. If variable is set to 0 or if it isn't defined the system will default to 5 articles.                                                                                                                                                                          |
-|`article.showDateUpdated`|`false`|Whether or not the dates articles were updated are displayed.|
+| `homepage.showMoreLink`         | 'false'                | Wether or not to display a show more link at the end of your posts that takes the user to a predefined place.                                                                                                                                                                                                      |
-|`article.showAuthor`|`true`|Whether or not the author box is displayed in the article footer.|
+| `homepage.showMoreLinkDest`     | '/posts'               | The destination of the show more button.                                                                                                                                                                                                                                                                           |
-|`article.showHero`|`true`|Whether the thumbnail image will be shown as a hero image within each article page.|
+| `homepage.cardView`             | `false`                | Display recent articles as a gallery of cards.                                                                                                                                                                                                                                                                     |
-|`heroStyle`|`basic`|Style to display the hero image, valid options are: `basic`, `big`, `background`.|
+| `homepage.cardViewScreenWidth`  | `false`                | Enhance the width of the recent articles card gallery to take the full width available.                                                                                                                                                                                                                            |
-|`article.showBreadcrumbs`|`false`|Whether or not breadcrumbs are displayed in the article header.|
+| `homepage.layoutBackgroundBlur` | `false`                | Makes the background image in the homepage layout blur with the scroll                                                                                                                                                                                                                                             |
-|`article.showDraftLabel`|`true`|Whether or not the draft indicator is shown next to articles when site is built with `--buildDrafts`.|
+| `article.showDate`              | `true`                 | Whether or not article dates are displayed.                                                                                                                                                                                                                                                                        |
-|`article.showEdit`|`false`|Whether or not the link to edit the article content should be displayed.|
+| `article.showViews`             | `false`                | Whether or not article views are displayed. This requires firebase integrations to be enabled, look below.                                                                                                                                                                                                         |
-|`article.editURL`|_Not set_|When `article.showEdit` is active, the URL for the edit link.|
+| `article.showLikes`             | `false`                | Whether or not article likes are displayed. This requires firebase integrations to be enabled, look below.                                                                                                                                                                                                         |
-|`article.editAppendPath`|`true`|When `article.showEdit` is active, whether or not the path to the current article should be appended to the URL set at `article.editURL`.|
+| `article.showDateUpdated`       | `false`                | Whether or not the dates articles were updated are displayed.                                                                                                                                                                                                                                                      |
-|`article.seriesOpened`|`false`|Whether or not the series module will be displayed open by default or not.|
+| `article.showAuthor`            | `true`                 | Whether or not the author box is displayed in the article footer.                                                                                                                                                                                                                                                  |
-|`article.showHeadingAnchors`|`true`|Whether or not heading anchor links are displayed alongside headings within articles.|
+| `article.showHero`              | `false`                | Whether the thumbnail image will be shown as a hero image within each article page.                                                                                                                                                                                                                                |
-|`article.showPagination`|`true`|Whether or not the next/previous article links are displayed in the article footer.|
+| `article.heroStyle`             | _Not set_              | Style to display the hero image, valid options are: `basic`, `big`, `background`.                                                                                                                                                                                                                                  |
-|`article.invertPagination`|`false`|Whether or not to flip the direction of the next/previous article links.|
+| `article.layoutBackgroundBlur` | `false`                | Makes the background image in the background article heroStyle blur with the scroll                                                                                                                                                                                                                                             |
-|`article.showReadingTime`|`true`|Whether or not article reading times are displayed.|
+| `article.showBreadcrumbs`       | `false`                | Whether or not breadcrumbs are displayed in the article header.                                                                                                                                                                                                                                                    |
-|`article.showTableOfContents`|`false`|Whether or not the table of contents is displayed on articles.|
+| `article.showDraftLabel`        | `true`                 | Whether or not the draft indicator is shown next to articles when site is built with `--buildDrafts`.                                                                                                                                                                                                              |
-|`article.showTaxonomies`|`false`|Whether or not the taxonomies related to this article are displayed.|
+| `article.showEdit`              | `false`                | Whether or not the link to edit the article content should be displayed.                                                                                                                                                                                                                                           |
-|`article.showAuthorsBadges`|`false`|Whether the `authors` taxonomies are are displayed in the article or list header. This requires the setup of `multiple authors` and the `authors` taxonomy. Check [this page]({{< ref "multi-author" >}}) for more details on how to configure that feature.|
+| `article.editURL`               | _Not set_              | When `article.showEdit` is active, the URL for the edit link.                                                                                                                                                                                                                                                      |
-|`article.showWordCount`|`false`|Whether or not article word counts are displayed.|
+| `article.editAppendPath`        | `true`                 | When `article.showEdit` is active, whether or not the path to the current article should be appended to the URL set at `article.editURL`.                                                                                                                                                                          |
-|`article.showComments`|`false`|Whether or not the [comments partial]({{< ref "partials#comments" >}}) is included after the article footer.|
+| `article.seriesOpened`          | `false`                | Whether or not the series module will be displayed open by default or not.                                                                                                                                                                                                                                         |
-|`article.sharingLinks`|_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.|
+| `article.showHeadingAnchors`    | `true`                 | Whether or not heading anchor links are displayed alongside headings within articles.                                                                                                                                                                                                                              |
-|`list.showBreadcrumbs`|`false`|Whether or not breadcrumbs are displayed in the header on list pages.|
+| `article.showPagination`        | `true`                 | Whether or not the next/previous article links are displayed in the article footer.                                                                                                                                                                                                                                |
-|`list.showTableOfContents`|`false`|Whether or not the table of contents is displayed on list pages.|
+| `article.invertPagination`      | `false`                | Whether or not to flip the direction of the next/previous article links.                                                                                                                                                                                                                                           |
-|`list.showSummary`|`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).|
+| `article.showReadingTime`       | `true`                 | Whether or not article reading times are displayed.                                                                                                                                                                                                                                                                |
-|`list.showCards`|`false`|Whether or not each article is displayed as a card or as simple inline text.|
+| `article.showTableOfContents`   | `false`                | Whether or not the table of contents is displayed on articles.                                                                                                                                                                                                                                                     |
-|`list.groupByYear`|`true`|Whether or not articles are grouped by year on list pages.|
+| `article.showTaxonomies`        | `false`                | Whether or not the taxonomies related to this article are displayed.                                                                                                                                                                                                                                               |
-|`sitemap.excludedKinds`|`["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.|
+| `article.showAuthorsBadges`     | `false`                | Whether the `authors` taxonomies are are displayed in the article or list header. This requires the setup of `multiple authors` and the `authors` taxonomy. Check [this page]({{< ref "multi-author" >}}) for more details on how to configure that feature.                                                       |
-|`taxonomy.showTermCount`|`true`|Whether or not the number of articles within a taxonomy term is displayed on the taxonomy listing.|
+| `article.showWordCount`         | `false`                | Whether or not article word counts are displayed.                                                                                                                                                                                                                                                                  |
-|`firebase.apiKey`|_Not set_|Firebase apiKey, required to integrate against Firebase. Check [this page]({{< ref "firebase-views" >}}) for a guide on how to integrate Firebase into Blowfish|
+| `article.showComments`          | `false`                | Whether or not the [comments partial]({{< ref "partials#comments" >}}) is included after the article footer.                                                                                                                                                                                                       |
-|`firebase.authDomain`|_Not set_|Firebase authDomain, required to integrate against Firebase. Check [this page]({{< ref "firebase-views" >}}) for a guide on how to integrate Firebase into Blowfish|
+| `article.sharingLinks`          | _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.                                                                                                                                                                                        |
-|`firebase.projectId`|_Not set_|Firebase projectId, required to integrate against Firebase. Check [this page]({{< ref "firebase-views" >}}) for a guide on how to integrate Firebase into Blowfish|
+| `list.showHero`                 | `false`                | Whether the thumbnail image will be shown as a hero image within each list page.                                                                                                                                                                                                                                   |
-|`firebase.storageBucket`|_Not set_|Firebase storageBucket, required to integrate against Firebase. Check [this page]({{< ref "firebase-views" >}}) for a guide on how to integrate Firebase into Blowfish|
+| `list.heroStyle`                | _Not set_              | Style to display the hero image, valid options are: `basic`, `big`, `background`.                                                                                                                                                                                                                                  |
-|`firebase.messagingSenderId`|_Not set_|Firebase messagingSenderId, required to integrate against Firebase. Check [this page]({{< ref "firebase-views" >}}) for a guide on how to integrate Firebase into Blowfish|
+| `list.showBreadcrumbs`          | `false`                | Whether or not breadcrumbs are displayed in the header on list pages.                                                                                                                                                                                                                                              |
-|`firebase.appId`|_Not set_|Firebase appId, required to integrate against Firebase. Check [this page]({{< ref "firebase-views" >}}) for a guide on how to integrate Firebase into Blowfish|
+| `list.showTableOfContents`      | `false`                | Whether or not the table of contents is displayed on list pages.                                                                                                                                                                                                                                                   |
-|`firebase.measurementId`|_Not set_|Firebase measurementId, required to integrate against Firebase. Check [this page]({{< ref "firebase-views" >}}) for a guide on how to integrate Firebase into Blowfish|
+| `list.showSummary`              | `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).                                                     |
-|`fathomAnalytics.site`|_Not set_|The site code generated by Fathom Analytics for the website. Refer to the [Analytics docs]({{< ref "partials#analytics" >}}) for more details.|
+| `list.showViews`                | `false`                | Whether or not list views are displayed. This requires firebase integrations to be enabled, look below.                                                                                                                                                                                                            |
-|`fathomAnalytics.domain`|_Not set_|If using a custom domain with Fathom Analytics, provide it here to serve `script.js` from the custom domain.|
+| `list.showLikes`                | `false`                | Whether or not list likes are displayed. This requires firebase integrations to be enabled, look below.                                                                                                                                                                                                            |
-|`verification.google`|_Not set_|The site verification string provided by Google to be included in the site metadata.|
+| `list.showCards`                | `false`                | Whether or not each article is displayed as a card or as simple inline text.                                                                                                                                                                                                                                       |
-|`verification.bing`|_Not set_|The site verification string provided by Bing to be included in the site metadata.|
+| `list.groupByYear`              | `true`                 | Whether or not articles are grouped by year on list pages.                                                                                                                                                                                                                                                         |
-|`verification.pinterest`|_Not set_|The site verification string provided by Pinterest to be included in the site metadata.|
+| `list.cardView`                 | `false`                | Display lists as a gallery of cards.                                                                                                                                                                                                                                                                               |
-|`verification.yandex`|_Not set_|The site verification string provided by Yandex to be included in the site metadata.|
+| `list.cardViewScreenWidth`      | `false`                | Enhance the width of card galleries in lists to take the full width available.                                                                                                                                                                                                                                     |
+| `sitemap.excludedKinds`         | `["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`        | `true`                 | Whether or not the number of articles within a taxonomy term is displayed on the taxonomy listing.                                                                                                                                                                                                                 |
+| `firebase.apiKey`               | _Not set_              | Firebase apiKey, required to integrate against Firebase. Check [this page]({{< ref "firebase-views" >}}) for a guide on how to integrate Firebase into Blowfish                                                                                                                                                    |
+| `firebase.authDomain`           | _Not set_              | Firebase authDomain, required to integrate against Firebase. Check [this page]({{< ref "firebase-views" >}}) for a guide on how to integrate Firebase into Blowfish                                                                                                                                                |
+| `firebase.projectId`            | _Not set_              | Firebase projectId, required to integrate against Firebase. Check [this page]({{< ref "firebase-views" >}}) for a guide on how to integrate Firebase into Blowfish                                                                                                                                                 |
+| `firebase.storageBucket`        | _Not set_              | Firebase storageBucket, required to integrate against Firebase. Check [this page]({{< ref "firebase-views" >}}) for a guide on how to integrate Firebase into Blowfish                                                                                                                                             |
+| `firebase.messagingSenderId`    | _Not set_              | Firebase messagingSenderId, required to integrate against Firebase. Check [this page]({{< ref "firebase-views" >}}) for a guide on how to integrate Firebase into Blowfish                                                                                                                                         |
+| `firebase.appId`                | _Not set_              | Firebase appId, required to integrate against Firebase. Check [this page]({{< ref "firebase-views" >}}) for a guide on how to integrate Firebase into Blowfish                                                                                                                                                     |
+| `firebase.measurementId`        | _Not set_              | Firebase measurementId, required to integrate against Firebase. Check [this page]({{< ref "firebase-views" >}}) for a guide on how to integrate Firebase into Blowfish                                                                                                                                             |
+| `fathomAnalytics.site`          | _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`        | _Not set_              | If using a custom domain with Fathom Analytics, provide it here to serve `script.js` from the custom domain.                                                                                                                                                                                                       |
+| `verification.google`           | _Not set_              | The site verification string provided by Google to be included in the site metadata.                                                                                                                                                                                                                               |
+| `verification.bing`             | _Not set_              | The site verification string provided by Bing to be included in the site metadata.                                                                                                                                                                                                                                 |
+| `verification.pinterest`        | _Not set_              | The site verification string provided by Pinterest to be included in the site metadata.                                                                                                                                                                                                                            |
+| `verification.yandex`           | _Not set_              | The site verification string provided by Yandex to be included in the site metadata.                                                                                                                                                                                                                               |
 <!-- prettier-ignore-end -->
 
 ## Other configuration files

exampleSite/content/docs/homepage-layout/index.md

@@ -82,4 +82,8 @@ The articles listed in this section are derived from the `mainSections` setting
 
 Blowfish was built so it would be easy to add visual support to your articles. If your familiar with Hugo article strucutre, you just need to place an image file (almost all formats are supported bue we recommend `.png` or `.jpg`) that starts with `feature*` inside your article folder. And that's it, Blowfish will then able to both use the image as a thumbnail within your website as well as for <a target="_blank" href="https://oembed.com/">oEmbed</a> cards across social platforms. 
 
-[Here]({{< ref "thumbnails" >}}) is a guide with more info and a [sample]({{< ref "thumbnail_sample" >}}) if you want to see an example.
+[Here]({{< ref "thumbnails" >}}) is a guide with more info and a [sample]({{< ref "thumbnail_sample" >}}) if you want to see an example.
+
+## Card Gallery
+
+Blowfish also supports displaying the standard lists of articles as card galleries. You can config this both for the recent section in the homepage and for lists of articles across your website. For homepage you can use `homepage.cardView` and `homepage.cardViewScreenWidth`; and for lists use `list.cardView` and `list.cardViewScreenWidth`. Check the [Configuration docs]({{< ref "configuration" >}}) for more details, and the homepage for a live demo.

exampleSite/content/docs/multi-author/index.md

@@ -32,16 +32,16 @@ _Note: the key in the social object will be used to fetch one of the theme’s i
     "name": "Nuno Coração",
     "image" : "img/nuno_avatar.jpg",
     "bio": "Theme Creator",
-    "social": {
+    "social": [
-        "linkedin": "https://linkedin.com/in/nunocoracao",
+        { "linkedin": "https://linkedin.com/in/nunocoracao" },
-        "twitter": "https://twitter.com/nunocoracao",
+        { "twitter": "https://twitter.com/nunocoracao" },
-        "instagram": "https://instagram.com/nunocoracao",
+        { "instagram": "https://instagram.com/nunocoracao" },
-        "medium": "https://medium.com/@nunocoracao",
+        { "medium": "https://medium.com/@nunocoracao" },
-        "github": "https://github.com/nunocoracao",
+        { "github": "https://github.com/nunocoracao" },
-        "goodreads": "http://goodreads.com/nunocoracao",
+        { "goodreads": "http://goodreads.com/nunocoracao" },
-        "keybase": "https://keybase.io/nunocoracao",
+        { "keybase": "https://keybase.io/nunocoracao" },
-        "reddit": "https://reddit.com/user/nunoheart"
+        { "reddit": "https://reddit.com/user/nunoheart" }
-    }
+    ]
 }
 ```
 
@@ -99,4 +99,4 @@ Nuno's awesome dummy bio.
 
 This sample sample below shows an example where the default site author is turned off and the article has multiple authors.
 
-{{< article link="/blowfish/samples/multiple-authors/" >}}
+{{< article link="/samples/multiple-authors/" >}}

exampleSite/content/docs/welcome/index.md

@@ -76,6 +76,4 @@ The new image resizing features also provide full control over `alt` and `title`
 
 ## A whole lot more
 
-There's countless other features to explore. From being able to display taxonomies on articles and list pages, to using the new `headline` author parameter to customise your homepage. There's also improved JSON-LD strucured data which further optimises SEO performance. 
+There's countless other features to explore. From being able to display taxonomies on articles and list pages, to using the new `headline` author parameter to customise your homepage. There's also improved JSON-LD strucured data which further optimises SEO performance. 
-
----

exampleSite/content/examples/_index.md

@@ -0,0 +1,22 @@
+---
+title: "Showcase"
+description: "See what's possible with Blowfish."
+
+showLikes: true
+showViews: true
+
+cascade:
+  showEdit: false
+  showReadingTime: false
+  showSummary: false
+  showLikes: false
+  showViews: false
+---
+
+{{< lead >}}
+See what's possible with Blowfish.
+{{< /lead >}}
+
+This section contains links to example templates and pages created using Blowfish to get you inspired.
+
+---

exampleSite/content/examples/blowfish-artist/_index.md

@@ -0,0 +1,5 @@
+---
+title: "Blowfish Artist"
+date: 2022-11-06
+externalUrl: "https://nunocoracao.github.io/blowfish_artist/"
+---

exampleSite/content/examples/blowfish-lite/_index.md

@@ -0,0 +1,5 @@
+---
+title: "Blowfish Lite"
+date: 2022-11-07
+externalUrl: "https://nunocoracao.github.io/blowfish_lite/"
+---

exampleSite/content/examples/blowfish-lowkey/_index.md

@@ -0,0 +1,5 @@
+---
+title: "Blowfish Lowkey"
+date: 2022-11-06
+externalUrl: "https://nunocoracao.github.io/blowfish_lowkey/"
+---

exampleSite/content/examples/blowfish-template-repo/_index.md

@@ -0,0 +1,5 @@
+---
+title: "Blowfish Template - GitHub Repo"
+date: 2020-11-06
+externalUrl: "https://github.com/nunocoracao/blowfish_template"
+---

exampleSite/content/examples/blowfish-template/_index.md

@@ -0,0 +1,5 @@
+---
+title: "Blowfish Template"
+date: 2020-11-06
+externalUrl: "https://nunocoracao.github.io/blowfish_template/"
+---

exampleSite/content/examples/repo-blowfish-artist/_index.md

@@ -0,0 +1,5 @@
+---
+title: "Blowfish Artist - Repo"
+date: 2021-11-06
+externalUrl: "https://github.com/nunocoracao/blowfish_artist/"
+---

exampleSite/content/examples/repo-blowfish-lite/_index.md

@@ -0,0 +1,5 @@
+---
+title: "Blowfish Lite - Repo"
+date: 2021-11-07
+externalUrl: "https://github.com/nunocoracao/blowfish_lite/"
+---

exampleSite/content/examples/repo-blowfish-lowkey/_index.md

@@ -0,0 +1,5 @@
+---
+title: "Blowfish Lowkey - Repo"
+date: 2021-11-06
+externalUrl: "https://github.com/nunocoracao/blowfish_lowkey/"
+---

exampleSite/content/samples/_index.md

@@ -4,7 +4,7 @@ description: "See what's possible with Blowfish."
 
 cascade:
   showEdit: false
-  showSummary: true
+  showSummary: false
 ---
 
 {{< lead >}}

exampleSite/content/samples/icons/index.md

@@ -35,6 +35,7 @@ The full list of built-in icons and their corresponding names can referenced bel
 | dribbble             | {{< icon dribbble >}}             |
 | edit                 | {{< icon edit >}}                 |
 | email                | {{< icon email >}}                |
+| envelope             | {{< icon envelope >}}             |
 | eye                  | {{< icon eye >}}                  |
 | facebook             | {{< icon facebook >}}             |
 | fire                 | {{< icon fire >}}                 |

exampleSite/content/samples/thumbnail_sample/index.md

@@ -25,7 +25,7 @@ content
     └── featured.png
 ```
 
-Inside the article you can now add an image file (almost all formats are supported bue we recommend `.png` or `.jpg`) that starts with `feature*`. Example below.
+Inside the article you can now add an image file (almost all formats are supported but we recommend `.png` or `.jpg`) that starts with `feature*`. Example below.
 
 ```shell
 content

exampleSite/content/users/_index.md

@@ -42,9 +42,11 @@ Real websites that are built with Blowfish.
 | [tabletopflore.com](https://www.tabletopflore.com)                    | Personal site                |
 | [omarohn.de](https://omarohn.de)                                      | Personal site                |
 | [spelucin.me](https://spelucin.me)                                    | Personal site                |
+| [insidemordecai.com](https://insidemordecai.com)                      | Personal site                |
+| [sajayprakash.com](https://sajayprakash.com)                          | Personal site                |
 
 {{< alert >}}
 
-**Blowfish user?** To add your site to this list, [submit a pull request](https://github.com/nunocoracao/blowfish/blob/dev/exampleSite/content/users.md).
+**Blowfish user?** To add your site to this list, [submit a pull request](https://github.com/nunocoracao/blowfish/blob/main/exampleSite/content/users.md).
 
 {{</ alert >}}

exampleSite/data/authors/nunocoracao.json

@@ -2,14 +2,14 @@
     "name": "Nuno Coração",
     "image" : "img/nuno_avatar.jpg",
     "bio": "Theme Creator",
-    "social": {
+    "social": [
-        "linkedin": "https://linkedin.com/in/nunocoracao",
+        { "linkedin": "https://linkedin.com/in/nunocoracao" },
-        "twitter": "https://twitter.com/nunocoracao",
+        { "twitter": "https://twitter.com/nunocoracao" },
-        "instagram": "https://instagram.com/nunocoracao",
+        { "instagram": "https://instagram.com/nunocoracao" },
-        "medium": "https://medium.com/@nunocoracao",
+        { "medium": "https://medium.com/@nunocoracao" },
-        "github": "https://github.com/nunocoracao",
+        { "github": "https://github.com/nunocoracao" },
-        "goodreads": "http://goodreads.com/nunocoracao",
+        { "goodreads": "http://goodreads.com/nunocoracao" },
-        "keybase": "https://keybase.io/nunocoracao",
+        { "keybase": "https://keybase.io/nunocoracao" },
-        "reddit": "https://reddit.com/user/nunoheart"
+        { "reddit": "https://reddit.com/user/nunoheart" }
-    }
+    ]
 }

exampleSite/data/authors/secondauthor.json

@@ -2,14 +2,14 @@
     "name": "Dummy Second Author",
     "image" : "img/author2.png",
     "bio": "Dummy",
-    "social": {
+    "social": [
-        "linkedin": "https://linkedin.com/in/nunocoracao",
+        { "linkedin": "https://linkedin.com/in/nunocoracao" },
-        "twitter": "https://twitter.com/nunocoracao",
+        { "twitter": "https://twitter.com/nunocoracao" },
-        "instagram": "https://instagram.com/nunocoracao",
+        { "instagram": "https://instagram.com/nunocoracao" },
-        "medium": "https://medium.com/@nunocoracao",
+        { "medium": "https://medium.com/@nunocoracao" },
-        "github": "https://github.com/nunocoracao",
+        { "github": "https://github.com/nunocoracao" },
-        "goodreads": "http://goodreads.com/nunocoracao",
+        { "goodreads": "http://goodreads.com/nunocoracao" },
-        "keybase": "https://keybase.io/nunocoracao",
+        { "keybase": "https://keybase.io/nunocoracao" },
-        "reddit": "https://reddit.com/user/nunoheart"
+        { "reddit": "https://reddit.com/user/nunoheart" }
-    }
+    ]
 }

exampleSite/layouts/partials/home/custom.html

@@ -1,17 +1,20 @@
 {{ $jsHome := resources.Get "js/home.js" | resources.Minify | resources.Fingerprint "sha512" }}
-<div id="background" class="">
+<div id="background">
   {{ partial "partials/home/background.html" . }}
 </div>
-<div id="hero" class="hidden h-full">
+<div id="hero" style="display:none">
   {{ partial "partials/home/hero.html" . }}
 </div>
-<div id="profile" class="hidden h-full">
+<div id="profile" style="display:none">
   {{ partial "partials/home/profile.html" . }}
 </div>
-<div id="card" class="hidden h-full">
+<div id="card" style="display:none">
   {{ partial "partials/home/card.html" . }}
 </div>
-<div id="page" class="hidden h-full">
+<div id="page" style="display:none">
   {{ partial "partials/home/page.html" . }}
 </div>
+<section>
+  {{ partial "recent-articles-demo.html" . }}
+</section>
 <script defer type="text/javascript" src="{{ $jsHome.RelPermalink }}" integrity="{{ $jsHome.Data.Integrity }}"></script>

exampleSite/layouts/partials/recent-articles-demo.html

@@ -0,0 +1,66 @@
+{{ $recentArticles := 5 }}
+{{ $showMoreLinkDest := "/posts" }}
+{{ if index .Site.Params.homepage "showRecentItems" }}
+{{ $recentArticles = .Site.Params.homepage.showRecentItems }}
+{{ end }}
+
+<h2 class="mt-8 text-2xl font-extrabold mb-10">{{ i18n "shortcode.recent_articles" | emojify }}</h2>
+
+<div class="flex mb-6 px-4 py-2 mb-8 text-base rounded-md bg-primary-100 dark:bg-primary-900">
+    <span class="flex items-center justify-between grow dark:text-neutral-300">
+        <span class="prose dark:prose-invert">This is a demo of theme's list configurations: <code id="config">card view with constrained width</code></span>
+        <button id="switch-config-button"
+            class="px-4 !text-neutral !no-underline rounded-md bg-primary-600 hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700">
+            Switch config &orarr;
+        </button>
+    </span>
+</div>
+
+<div id="CardViewScreenWidth" class="">
+    <section class="relative w-screen max-w-[1600px]" style="left: calc(max(-50vw,-800px) + 50%);">
+        <div class="flex flex-wrap pl-8 pr-8">
+            {{ range first $recentArticles (.Paginate (where .Site.RegularPages "Type" "in"
+            .Site.Params.mainSections)).Pages }}
+            <div class="flex flex-wrap w-full p-4 sm:w-1/2 md:w-1/3 xl:w-1/4 2xl:w-1/5">
+                {{ partial "article-link-card.html" . }}
+            </div>
+            {{ end }}
+        </div>
+    </section>
+</div>
+
+<div id="CardViewProse" class="hidden h-full">
+    <section class="w-full">
+        <div class="flex flex-wrap">
+            {{ range first $recentArticles (.Paginate (where .Site.RegularPages "Type" "in"
+            .Site.Params.mainSections)).Pages }}
+            <div class="flex flex-wrap w-full p-4 sm:w-1/2 md:w-1/3">
+                {{ partial "article-link-card.html" . }}
+            </div>
+            {{ end }}
+        </div>
+    </section>
+</div>
+
+<div id="NormalView" class="hidden h-full">
+    <section class="space-y-10 w-full">
+        {{ range first $recentArticles (.Paginate (where .Site.RegularPages "Type" "in"
+        .Site.Params.mainSections)).Pages
+        }}
+        {{ partial "article-link.html" . }}
+        {{ end }}
+    </section>
+</div>
+
+{{ if .Site.Params.homepage.showMoreLink | default false }}
+{{ if index .Site.Params.homepage "showRecentItems" }}
+{{ $showMoreLinkDest = .Site.Params.homepage.showMoreLinkDest }}
+{{ end }}
+<div class="mt-10 flex justify-center">
+    <a href="{{ $showMoreLinkDest }}">
+        <button
+            class="bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold hover:text-white py-2 px-4 border border-primary-500 hover:border-transparent rounded">Show
+            More</button>
+    </a>
+</div>
+{{ end }}

i18n/bn.yaml

@@ -52,4 +52,4 @@ sharing:
   twitter: "ট্যুইট করুন"
 
 shortcode:
-  recent_articles: "সাম্প্রতিক"
+  recent_articles: "সাম্প্রতিক"

i18n/de.yaml

@@ -53,3 +53,7 @@ sharing:
 
 shortcode:
   recent_articles: "Neue Beiträge"
+
+
+recent:
+  show_more: "Zeig Mehr"

i18n/en.yaml

@@ -59,3 +59,6 @@ sharing:
 
 shortcode:
   recent_articles: "Recent"
+
+recent:
+  show_more: "Show More"

i18n/es.yaml

@@ -53,3 +53,6 @@ sharing:
 
 shortcode:
   recent_articles: "Reciente"
+
+recent:
+  show_more: "Mostrar Más"