Merge pull request #235 from nunocoracao/dev

Dev

.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"

assets/css/compiled/main.css

@@ -1,6 +1,6 @@
-/*! Blowfish v0.0.1 | MIT License | https://github.com/nunocoracao/blowfish */
+/*! Blowfish | MIT License | https://github.com/nunocoracao/blowfish */
 
-/*! tailwindcss v3.2.1 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v3.2.3 | MIT License | https://tailwindcss.com */
 
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@@ -30,6 +30,7 @@
 2. Prevent adjustments of font size after orientation changes in iOS.
 3. Use a more readable tab size.
 4. Use the user's configured `sans` font-family by default.
+5. Use the user's configured `sans` font-feature-settings by default.
 */
 
 html {
@@ -44,6 +45,8 @@ html {
   /* 3 */
   font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   /* 4 */
+  font-feature-settings: normal;
+  /* 5 */
 }
 
 /*
@@ -629,53 +632,6 @@ select {
   --tw-backdrop-sepia:  ;
 }
 
-::-webkit-backdrop {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-}
-
 ::backdrop {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
@@ -1204,151 +1160,6 @@ select {
   border-radius: 0.12rem;
 }
 
-.prose-sm :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
-  margin-top: 0.5714286em;
-  margin-bottom: 0.5714286em;
-}
-
-.prose-sm :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 1.1428571em;
-}
-
-.prose-sm :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 1.1428571em;
-}
-
-.prose-sm :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 1.1428571em;
-}
-
-.prose-sm :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 1.1428571em;
-}
-
-.prose-sm :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 0;
-}
-
-.prose-sm :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 0;
-}
-
-.prose-base :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
-  margin-top: 0.75em;
-  margin-bottom: 0.75em;
-}
-
-.prose-base :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 1.25em;
-}
-
-.prose-base :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 1.25em;
-}
-
-.prose-base :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 1.25em;
-}
-
-.prose-base :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 1.25em;
-}
-
-.prose-base :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 0;
-}
-
-.prose-base :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 0;
-}
-
-.prose-lg :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
-  margin-top: 0.8888889em;
-  margin-bottom: 0.8888889em;
-}
-
-.prose-lg :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 1.3333333em;
-}
-
-.prose-lg :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 1.3333333em;
-}
-
-.prose-lg :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 1.3333333em;
-}
-
-.prose-lg :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 1.3333333em;
-}
-
-.prose-lg :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 0;
-}
-
-.prose-lg :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 0;
-}
-
-.prose-xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
-  margin-top: 0.8em;
-  margin-bottom: 0.8em;
-}
-
-.prose-xl :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 1.2em;
-}
-
-.prose-xl :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 1.2em;
-}
-
-.prose-xl :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 1.2em;
-}
-
-.prose-xl :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 1.2em;
-}
-
-.prose-xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 0;
-}
-
-.prose-xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 0;
-}
-
-.prose-2xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
-  margin-top: 0.8333333em;
-  margin-bottom: 0.8333333em;
-}
-
-.prose-2xl :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 1.3333333em;
-}
-
-.prose-2xl :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 1.3333333em;
-}
-
-.prose-2xl :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 1.3333333em;
-}
-
-.prose-2xl :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 1.3333333em;
-}
-
-.prose-2xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 0;
-}
-
-.prose-2xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 0;
-}
-
 .sr-only {
   position: absolute;
   width: 1px;
@@ -1425,10 +1236,6 @@ select {
   top: 5rem;
 }
 
-.z-50 {
-  z-index: 50;
-}
-
 .z-10 {
   z-index: 10;
 }
@@ -1499,14 +1306,26 @@ select {
   margin-bottom: 3rem;
 }
 
-.mt-0 {
+.mt-5 {
-  margin-top: 0px;
+  margin-top: 1.25rem;
+}
+
+.mt-1 {
+  margin-top: 0.25rem;
+}
+
+.mb-2 {
+  margin-bottom: 0.5rem;
 }
 
 .mt-12 {
   margin-top: 3rem;
 }
 
+.mt-0 {
+  margin-top: 0px;
+}
+
 .mb-5 {
   margin-bottom: 1.25rem;
 }
@@ -1519,14 +1338,6 @@ select {
   margin-top: 1.5rem;
 }
 
-.mt-5 {
-  margin-top: 1.25rem;
-}
-
-.mt-1 {
-  margin-top: 0.25rem;
-}
-
 .mb-6 {
   margin-bottom: 1.5rem;
 }
@@ -1571,10 +1382,6 @@ select {
   margin-bottom: 2.5rem;
 }
 
-.mb-2 {
-  margin-bottom: 0.5rem;
-}
-
 .-mb-1 {
   margin-bottom: -0.25rem;
 }
@@ -1667,12 +1474,12 @@ select {
   height: 100px;
 }
 
-.h-\[250px\] {
+.h-\[150px\] {
-  height: 250px;
+  height: 150px;
 }
 
-.h-\[900px\] {
+.h-\[800px\] {
-  height: 900px;
+  height: 800px;
 }
 
 .h-36 {
@@ -2234,16 +2041,16 @@ select {
   line-height: 1.75rem;
 }
 
-.text-2xl {
-  font-size: 1.5rem;
-  line-height: 2rem;
-}
-
 .text-base {
   font-size: 1rem;
   line-height: 1.5rem;
 }
 
+.text-2xl {
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+
 .text-xs {
   font-size: 0.75rem;
   line-height: 1rem;
@@ -3148,6 +2955,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;
+}
+
 @media (min-width: 640px) {
   .thumbnail {
     min-width: 100%;
@@ -3524,16 +3339,16 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-primary-400), var(--tw-text-opacity));
 }
 
-.dark .dark\:text-neutral-300 {
-  --tw-text-opacity: 1;
-  color: rgba(var(--color-neutral-300), var(--tw-text-opacity));
-}
-
 .dark .dark\:text-neutral-400 {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-400), var(--tw-text-opacity));
 }
 
+.dark .dark\:text-neutral-300 {
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-neutral-300), var(--tw-text-opacity));
+}
+
 .dark .dark\:text-neutral-800 {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-800), var(--tw-text-opacity));
@@ -3708,8 +3523,8 @@ body:has(#menu-controller:checked) {
     display: none;
   }
 
-  .md\:h-\[300px\] {
+  .md\:h-\[200px\] {
-    height: 300px;
+    height: 200px;
   }
 
   .md\:h-56 {
@@ -3801,10 +3616,6 @@ body:has(#menu-controller:checked) {
     display: none;
   }
 
-  .lg\:h-\[350px\] {
-    height: 350px;
-  }
-
   .lg\:h-72 {
     height: 18rem;
   }

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;
@@ -383,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%;

config/_default/params.toml

@@ -44,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
@@ -62,8 +63,12 @@ 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

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

@@ -44,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
@@ -62,8 +63,12 @@ mainSections = ["docs"]
   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 = true
   showCards = true
   groupByYear = false

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

@@ -125,7 +125,7 @@ Many of the article defaults here can be overridden on a per article basis by sp
 
 <!-- prettier-ignore-start -->
 | 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.                                                                                               |
 | `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`.                                                                                                                                  |
@@ -133,8 +133,11 @@ Many of the article defaults here can be overridden on a per article basis by sp
 | `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.                                                                                                                                                          |
 | `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.                                                                                                                                                                       |
+| `showViews`                     | _Not set_              | Whether or not articles and list views are displayed. This requires firebase integrations to be enabled, look below.                                                                                                                                                                                               |
+| `showLikes`                     | _Not set_              | Whether or not articles and list likes are displayed. This requires firebase integrations to be enabled, look below.                                                                                                                                                                                               |
 | `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.                                                                             |
 | `disableImageZoom`              | `false`                | Disables image zoom feature across all the images in the site.                                                                                                                                                                                                                                                     |
+| `header.layout`                 | `"basic"`              | Defines the header for the entire site, supported values are `basic` and `fixed`.                                                                                                                                                                                                                                  |
 | `footer.showMenu`               | `true`                 | Show/hide the footer menu, which can be configured in the `[[footer]]` section of the `config/_default/menus.en.toml` file.                                                                                                                                                                                        |
 | `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).                                                                                                                |
 | `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).                                                                                          |
@@ -154,8 +157,9 @@ Many of the article defaults here can be overridden on a per article basis by sp
 | `article.showLikes`             | `false`                | Whether or not article likes are displayed. This requires firebase integrations to be enabled, look below.                                                                                                                                                                                                         |
 | `article.showDateUpdated`       | `false`                | Whether or not the dates articles were updated are displayed.                                                                                                                                                                                                                                                      |
 | `article.showAuthor`            | `true`                 | Whether or not the author box is displayed in the article footer.                                                                                                                                                                                                                                                  |
-| `article.showHero`                | `true`                 | Whether the thumbnail image will be shown as a hero image within each article page.                                                                                                                                                                                                                                |
+| `article.showHero`              | `false`                | Whether the thumbnail image will be shown as a hero image within each article page.                                                                                                                                                                                                                                |
-| `heroStyle`                       | `basic`                | Style to display the hero image, valid options are: `basic`, `big`, `background`.                                                                                                                                                                                                                                  |
+| `article.heroStyle`             | _Not set_              | Style to display the hero image, valid options are: `basic`, `big`, `background`.                                                                                                                                                                                                                                  |
+| `article.layoutBackgroundBlur` | `false`                | Makes the background image in the background article heroStyle blur with the scroll                                                                                                                                                                                                                                             |
 | `article.showBreadcrumbs`       | `false`                | Whether or not breadcrumbs are displayed in the article header.                                                                                                                                                                                                                                                    |
 | `article.showDraftLabel`        | `true`                 | Whether or not the draft indicator is shown next to articles when site is built with `--buildDrafts`.                                                                                                                                                                                                              |
 | `article.showEdit`              | `false`                | Whether or not the link to edit the article content should be displayed.                                                                                                                                                                                                                                           |
@@ -172,9 +176,13 @@ Many of the article defaults here can be overridden on a per article basis by sp
 | `article.showWordCount`         | `false`                | Whether or not article word counts are displayed.                                                                                                                                                                                                                                                                  |
 | `article.showComments`          | `false`                | Whether or not the [comments partial]({{< ref "partials#comments" >}}) is included after the article footer.                                                                                                                                                                                                       |
 | `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.                                                                                                                                                                                        |
+| `list.showHero`                 | `false`                | Whether the thumbnail image will be shown as a hero image within each list page.                                                                                                                                                                                                                                   |
+| `list.heroStyle`                | _Not set_              | Style to display the hero image, valid options are: `basic`, `big`, `background`.                                                                                                                                                                                                                                  |
 | `list.showBreadcrumbs`          | `false`                | Whether or not breadcrumbs are displayed in the header on list pages.                                                                                                                                                                                                                                              |
 | `list.showTableOfContents`      | `false`                | Whether or not the table of contents is displayed on list pages.                                                                                                                                                                                                                                                   |
 | `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).                                                     |
+| `list.showViews`                | `false`                | Whether or not list views are displayed. This requires firebase integrations to be enabled, look below.                                                                                                                                                                                                            |
+| `list.showLikes`                | `false`                | Whether or not list likes are displayed. This requires firebase integrations to be enabled, look below.                                                                                                                                                                                                            |
 | `list.showCards`                | `false`                | Whether or not each article is displayed as a card or as simple inline text.                                                                                                                                                                                                                                       |
 | `list.groupByYear`              | `true`                 | Whether or not articles are grouped by year on list pages.                                                                                                                                                                                                                                                         |
 | `list.cardView`                 | `false`                | Display lists as a gallery of cards.                                                                                                                                                                                                                                                                               |

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/"
+---

i18n/bn.yaml

@@ -12,6 +12,12 @@ article:
   word_count:
     one: "{{ .Count }} টি শব্দ"
     other: "{{ .Count }} টি শব্দ"
+  views:
+    one: "{{ .Count }} বার দেখা হয়েছে"
+    other: "{{ .Count }} বার দেখা হয়েছে"
+  likes:
+    one: "{{ .Count }} বার পছন্দ করা হয়েছে"
+    other: "{{ .Count }} বার পছন্দ করা হয়েছে"
 
 author:
   byline_title: "লেখক"
@@ -53,3 +59,6 @@ sharing:
 
 shortcode:
   recent_articles: "সাম্প্রতিক"
+  
+recent:
+  show_more: "আরো দেখুন"

layouts/_default/_markup/render-heading.html

@@ -1 +1,8 @@
-<h{{ .Level }} id="{{ .Anchor | safeURL }}" class="relative group">{{ .Text | safeHTML }} {{ if .Page.Params.showHeadingAnchors | default (.Page.Site.Params.article.showHeadingAnchors | default true) }}<span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"><a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#{{ .Anchor | safeURL }}" aria-label="{{ i18n "article.anchor_label" }}">#</a></span>{{ end }}</h{{ .Level }}>
+<div id="{{ .Anchor | safeURL }}" class="anchor">{{ .Text | safeHTML }}></div>
+<h{{ .Level }} class="relative group">{{ .Text | safeHTML }} 
+    {{ if.Page.Params.showHeadingAnchors | default (.Page.Site.Params.article.showHeadingAnchors | default true) }}<span
+        class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100">
+        <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700"
+            style="text-decoration-line: none !important;" href="#{{ .Anchor | safeURL }}" aria-label="{{ i18n "article.anchor_label" }}">#</a></span>        
+    {{ end }}
+</h{{ .Level }}>

layouts/_default/list.html

@@ -1,10 +1,23 @@
 {{ define "main" }}
+
+{{ if .Site.Params.list.showHero | default false }}
+{{ $heroStyle := print "partials/hero/" .Site.Params.list.heroStyle ".html" }}
+{{ if templates.Exists $heroStyle }}
+{{ partial $heroStyle . }}
+{{ else }}
+{{ partial "partials/hero/basic.html" . }}
+{{ end }}
+{{- end -}}
+
 {{ $toc := and (.Params.showTableOfContents | default (.Site.Params.list.showTableOfContents | default false)) (in
 .TableOfContents "<ul") }} <header>
   {{ if .Params.showBreadcrumbs | default (.Site.Params.list.showBreadcrumbs | default false) }}
   {{ partial "breadcrumbs.html" . }}
   {{ end }}
-  <h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">{{ .Title }}</h1>
+  <h1 class="mt-5 text-4xl font-extrabold text-neutral-900 dark:text-neutral">{{ .Title }}</h1>
+  <div class="mt-1 mb-2 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
+    {{ partial "article-meta-list.html" (dict "context" . "scope" "single") }}
+  </div>
   </header>
   <section class="{{ if $toc -}}
       mt-12
@@ -21,10 +34,125 @@
     <div class="min-w-0 min-h-0 max-w-prose">
       {{ .Content | emojify }}
     </div>
+    <script>
+
+      var liked_article = false
+
+      if (typeof auth !== 'undefined') {
+        var oid = "views_{{ .File.Path }}"
+        var id = oid ? oid.replaceAll("/", "-") : oid
+
+        var viewed = localStorage.getItem(id);
+
+        if (!viewed) {
+          auth.signInAnonymously()
+            .then(() => {
+              var docRef = db.collection('views').doc(id)
+              localStorage.setItem(id, true);
+              docRef.get().then((doc) => {
+                if (doc.exists) {
+                  db.collection('views').doc(id).update({
+                    views: firebase.firestore.FieldValue.increment(1)
+                  });
+                } else {
+                  db.collection('views').doc(id).set({ views: 1 })
+                }
+              }).catch((error) => {
+                console.log("Error getting document:", error);
+              });
+            })
+            .catch((error) => {
+              var errorCode = error.code;
+              var errorMessage = error.message;
+              console.error(errorCode, errorMessage)
+            });
+        }
+
+        var oid_likes = "likes_{{ .File.Path }}"
+        var id_likes = oid_likes ? oid_likes.replaceAll("/", "-") : oid_likes
+
+        var liked = localStorage.getItem(id_likes);
+
+        if (liked) {
+          liked_article = true
+          document.querySelectorAll("span[id='likes_button_heart']")[0].style.display = ""
+          document.querySelectorAll("span[id='likes_button_emtpty_heart']")[0].style.display = "none"
+          document.querySelectorAll("span[id='likes_button_text']")[0].innerText = ""
+        }
+
+      }
+
+      function like_article(id_likes) {
+        auth.signInAnonymously()
+          .then(() => {
+            var docRef = db.collection('likes').doc(id_likes)
+            docRef.get().then((doc) => {
+              liked_article = true
+              localStorage.setItem(id_likes, true);
+              document.querySelectorAll("span[id='likes_button_heart']")[0].style.display = ""
+              document.querySelectorAll("span[id='likes_button_emtpty_heart']")[0].style.display = "none"
+              document.querySelectorAll("span[id='likes_button_text']")[0].innerText = ""
+              if (doc.exists) {
+                db.collection('likes').doc(id_likes).update({
+                  likes: firebase.firestore.FieldValue.increment(1)
+                });
+              } else {
+                db.collection('likes').doc(id_likes).set({ likes: 1 })
+              }
+            }).catch((error) => {
+              console.log("Error getting document:", error);
+            });
+          })
+          .catch((error) => {
+            var errorCode = error.code;
+            var errorMessage = error.message;
+            console.error(errorCode, errorMessage)
+          });
+      }
+
+      function remove_like_article(id_likes) {
+        auth.signInAnonymously()
+          .then(() => {
+            var docRef = db.collection('likes').doc(id_likes)
+            docRef.get().then((doc) => {
+              liked_article = false
+              localStorage.removeItem(id_likes);
+              document.querySelectorAll("span[id='likes_button_heart']")[0].style.display = "none"
+              document.querySelectorAll("span[id='likes_button_emtpty_heart']")[0].style.display = ""
+              document.querySelectorAll("span[id='likes_button_text']")[0].innerText = "\xa0Like"
+              if (doc.exists) {
+                db.collection('likes').doc(id_likes).update({
+                  likes: firebase.firestore.FieldValue.increment(-1)
+                });
+              } else {
+                db.collection('likes').doc(id_likes).set({ likes: 0 })
+              }
+            }).catch((error) => {
+              console.log("Error getting document:", error);
+            });
+          })
+          .catch((error) => {
+            var errorCode = error.code;
+            var errorMessage = error.message;
+            console.error(errorCode, errorMessage)
+          });
+      }
+
+      function process_article() {
+        var oid_likes = "likes_{{ .File.Path }}"
+        var id_likes = oid_likes ? oid_likes.replaceAll("/", "-") : oid_likes
+        if (!liked_article) {
+          like_article(id_likes)
+        } else {
+          remove_like_article(id_likes)
+        }
+      }
+
+    </script>
   </section>
   {{ if gt .Pages 0 }}
 
-  {{ if .Site.Params.list.cardView | default false }}
+  {{ if .Params.cardView | default (.Site.Params.list.cardView | default false) }}
 
   {{ $cardViewScreenWidth := .Site.Params.list.cardViewScreenWidth}}
 

layouts/partials/article-meta-list.html

@@ -0,0 +1,36 @@
+{{/* Determine the correct context and scope */}}
+{{/* This allows for different logic depending on where the partial is called */}}
+{{ $context := . }}
+{{ $scope := default nil }}
+
+{{ if (reflect.IsMap . ) }}
+{{ $context = .context }}
+{{ $scope = cond (not .scope) nil .scope }}
+{{ end }}
+
+{{ with $context }}
+{{ $meta := newScratch }}
+
+{{/* Gather partials for this context */}}
+
+{{ if (.Params.showViews | default (.Site.Params.list.showViews | default false)) }}
+{{ $meta.Add "partials" (slice (partial "meta/views.html" .)) }}
+{{ end }}
+
+{{ if (.Params.showLikes | default (.Site.Params.list.showLikes | default false)) }}
+{{ $meta.Add "partials" (slice (partial "meta/likes.html" .)) }}
+{{ end }}
+
+{{ if and (eq $scope "single") (.Params.showLikes | default (.Site.Params.list.showLikes | default false)) }}
+{{ $meta.Add "partials" (slice (partial "meta/likes_button.html" .)) }}
+{{ end }}
+
+
+<div class="flex flex-row flex-wrap items-center">
+  {{/* Output partials */}}
+  {{ with ($meta.Get "partials") }}
+  {{ delimit . "<span class=\"px-2 text-primary-500\">&middot;</span>" }}
+  {{ end }}
+</div>
+
+{{ end }}

layouts/partials/hero/background.html

@@ -3,8 +3,8 @@
 {{- if not $featured }}{{ $featured = $images.GetMatch "{*cover*,*thumbnail*}" }}{{ end -}}
 {{- with $featured -}}
 {{ with .Resize "1200x" }}
-<div id="hero" class="h-[250px] md:h-[300px] lg:h-[350px]"></div>
+<div id="hero" class="h-[150px] md:h-[200px]"></div>
-<div class="fixed inset-x-0 top-0 h-[900px] single_hero_background nozoom"
+<div class="fixed inset-x-0 top-0 h-[800px] single_hero_background nozoom"
     style="background-image:url({{ .RelPermalink }});">
     <div class="absolute inset-0 bg-gradient-to-t from-neutral dark:from-neutral-800 to-transparent mix-blend-normal">
     </div>
@@ -12,6 +12,7 @@
         class="absolute inset-0 opacity-30 dark:opacity-60 bg-gradient-to-t from-neutral dark:from-neutral-800 to-neutral dark:to-neutral-800 mix-blend-normal">
     </div>
 </div>
+{{ if $.Site.Params.article.layoutBackgroundBlur | default false }}
 <div id="background-blur" class="fixed opacity-0 inset-x-0 top-0 h-full single_hero_background nozoom backdrop-blur-2xl"></div>
 <script>
     window.addEventListener('scroll', function (e) {
@@ -21,4 +22,5 @@
     });
 </script>
 {{ end }}
+{{ end }}
 {{- end -}}

layouts/partials/search.html

@@ -1,7 +1,8 @@
 <div
   id="search-wrapper"
-  class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
+  class="invisible fixed inset-0 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
   data-url="{{ "" | absLangURL }}"
+  style="z-index:500"
 >
   <div
     id="search-modal"

package-lock.json

@@ -1,31 +1,31 @@
 {
   "name": "hugo-blowfish-theme",
-  "version": "2.6.0",
+  "version": "2.11.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "hugo-blowfish-theme",
-      "version": "2.6.0",
+      "version": "2.11.0",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
-        "@headlessui/react": "^1.7.3",
+        "@headlessui/react": "^1.7.4",
-        "@heroicons/react": "^2.0.12",
+        "@heroicons/react": "^2.0.13",
         "@tailwindcss/forms": "^0.5.3",
         "commander": "^9.4.1"
       },
       "devDependencies": {
-        "@tailwindcss/typography": "^0.5.7",
+        "@tailwindcss/typography": "^0.5.8",
         "chart.js": "^3.9.1",
         "fuse.js": "^6.6.2",
         "katex": "^0.16.3",
-        "mermaid": "^9.1.7",
+        "mermaid": "^9.2.2",
         "prettier": "^2.7.1",
         "prettier-plugin-go-template": "^0.0.13",
         "prettier-plugin-tailwindcss": "^0.1.13",
         "rimraf": "^3.0.2",
-        "tailwindcss": "^3.2.1",
+        "tailwindcss": "^3.2.3",
         "vendor-copy": "^3.0.1"
       }
     },
@@ -36,9 +36,12 @@
       "dev": true
     },
     "node_modules/@headlessui/react": {
-      "version": "1.7.3",
+      "version": "1.7.4",
-      "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-1.7.3.tgz",
+      "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-1.7.4.tgz",
-      "integrity": "sha512-LGp06SrGv7BMaIQlTs8s2G06moqkI0cb0b8stgq7KZ3xcHdH3qMP+cRyV7qe5x4XEW/IGY48BW4fLesD6NQLng==",
+      "integrity": "sha512-D8n5yGCF3WIkPsjEYeM8knn9jQ70bigGGb5aUvN6y4BGxcT3OcOQOKcM3zRGllRCZCFxCZyQvYJF6ZE7bQUOyQ==",
+      "dependencies": {
+        "client-only": "^0.0.1"
+      },
       "engines": {
         "node": ">=10"
       },
@@ -48,9 +51,9 @@
       }
     },
     "node_modules/@heroicons/react": {
-      "version": "2.0.12",
+      "version": "2.0.13",
-      "resolved": "https://registry.npmjs.org/@heroicons/react/-/react-2.0.12.tgz",
+      "resolved": "https://registry.npmjs.org/@heroicons/react/-/react-2.0.13.tgz",
-      "integrity": "sha512-FZxKh3i9aKIDxyALTgIpSF2t6V6/eZfF5mRu41QlwkX3Oxzecdm1u6dpft6PQGxIBwO7TKYWaMAYYL8mp/EaOg==",
+      "integrity": "sha512-iSN5XwmagrnirWlYEWNPdCDj9aRYVD/lnK3JlsC9/+fqGF80k8C7rl+1HCvBX0dBoagKqOFBs6fMhJJ1hOg1EQ==",
       "peerDependencies": {
         "react": ">= 16"
       }
@@ -99,9 +102,9 @@
       }
     },
     "node_modules/@tailwindcss/typography": {
-      "version": "0.5.7",
+      "version": "0.5.8",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.7.tgz",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.8.tgz",
-      "integrity": "sha512-JTTSTrgZfp6Ki4svhPA4mkd9nmQ/j9EfE7SbHJ1cLtthKkpW2OxsFXzSmxbhYbEkfNIyAyhle5p4SYyKRbz/jg==",
+      "integrity": "sha512-xGQEp8KXN8Sd8m6R4xYmwxghmswrd0cPnNI2Lc6fmrC3OojysTBJJGSIVwPV56q4t6THFUK3HJ0EaWwpglSxWw==",
       "dev": true,
       "dependencies": {
         "lodash.castarray": "^4.4.0",
@@ -245,6 +248,11 @@
         "node": ">= 6"
       }
     },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
+    },
     "node_modules/color-name": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
@@ -1078,6 +1086,12 @@
       "integrity": "sha512-Be9tbQMZds4a3C6xTmz68NlMfeONA//4dOavl/1rNw50E+/QO0KVpbcU0PcaW0nsQxurXls9ZocqFxk8R2mWEA==",
       "dev": true
     },
+    "node_modules/fast-clone": {
+      "version": "1.5.13",
+      "resolved": "https://registry.npmjs.org/fast-clone/-/fast-clone-1.5.13.tgz",
+      "integrity": "sha512-0ez7coyFBQFjZtId+RJqJ+EQs61w9xARfqjqK0AD9vIUkSxWD4HvPt80+5evebZ1tTnv1GYKrPTipx7kOW5ipA==",
+      "dev": true
+    },
     "node_modules/fast-glob": {
       "version": "3.2.12",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.12.tgz",
@@ -1383,9 +1397,9 @@
       }
     },
     "node_modules/mermaid": {
-      "version": "9.1.7",
+      "version": "9.2.2",
-      "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-9.1.7.tgz",
+      "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-9.2.2.tgz",
-      "integrity": "sha512-MRVHXy5FLjnUQUG7YS3UN9jEN6FXCJbFCXVGJQjVIbiR6Vhw0j/6pLIjqsiah9xoHmQU6DEaKOvB3S1g/1nBPA==",
+      "integrity": "sha512-6s7eKMqFJGS+0MYjmx8f6ZigqKBJVoSx5ql2gw6a4Aa+WJ49QiEJg7gPwywaBg3DZMs79UP7trESp4+jmaQccw==",
       "dev": true,
       "dependencies": {
         "@braintree/sanitize-url": "^6.0.0",
@@ -1393,10 +1407,14 @@
         "dagre": "^0.8.5",
         "dagre-d3": "^0.6.4",
         "dompurify": "2.4.0",
+        "fast-clone": "^1.5.13",
         "graphlib": "^2.1.8",
         "khroma": "^2.0.0",
-        "moment-mini": "2.24.0",
+        "lodash": "^4.17.21",
-        "stylis": "^4.0.10"
+        "moment-mini": "^2.24.0",
+        "non-layered-tidy-tree-layout": "^2.0.2",
+        "stylis": "^4.1.2",
+        "uuid": "^9.0.0"
       }
     },
     "node_modules/micromatch": {
@@ -1462,6 +1480,12 @@
         "ncp": "bin/ncp"
       }
     },
+    "node_modules/non-layered-tidy-tree-layout": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/non-layered-tidy-tree-layout/-/non-layered-tidy-tree-layout-2.0.2.tgz",
+      "integrity": "sha512-gkXMxRzUH+PB0ax9dUN0yYF0S25BqeAYqhgMaLUFmpXLEk7Fcu8f4emJuOAY0V8kjDICxROIKsTAKsV/v355xw==",
+      "dev": true
+    },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -1876,9 +1900,9 @@
       }
     },
     "node_modules/tailwindcss": {
-      "version": "3.2.1",
+      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.2.1.tgz",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.2.3.tgz",
-      "integrity": "sha512-Uw+GVSxp5CM48krnjHObqoOwlCt5Qo6nw1jlCRwfGy68dSYb/LwS9ZFidYGRiM+w6rMawkZiu1mEMAsHYAfoLg==",
+      "integrity": "sha512-Xt9D4PK4zuuQCEB8bwK9JUCKmTgUwyac/6b0/42Vqhgl6YJkep+Wf5wq+5uXYfmrupdAD0YY2NY1hyZp1HjRrg==",
       "dependencies": {
         "arg": "^5.0.2",
         "chokidar": "^3.5.3",
@@ -1894,7 +1918,7 @@
         "normalize-path": "^3.0.0",
         "object-hash": "^3.0.0",
         "picocolors": "^1.0.0",
-        "postcss": "^8.4.17",
+        "postcss": "^8.4.18",
         "postcss-import": "^14.1.0",
         "postcss-js": "^4.0.0",
         "postcss-load-config": "^3.1.4",
@@ -1940,6 +1964,15 @@
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
     },
+    "node_modules/uuid": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.0.tgz",
+      "integrity": "sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg==",
+      "dev": true,
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
     "node_modules/vendor-copy": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/vendor-copy/-/vendor-copy-3.0.1.tgz",
@@ -1986,15 +2019,17 @@
       "dev": true
     },
     "@headlessui/react": {
-      "version": "1.7.3",
+      "version": "1.7.4",
-      "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-1.7.3.tgz",
+      "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-1.7.4.tgz",
-      "integrity": "sha512-LGp06SrGv7BMaIQlTs8s2G06moqkI0cb0b8stgq7KZ3xcHdH3qMP+cRyV7qe5x4XEW/IGY48BW4fLesD6NQLng==",
+      "integrity": "sha512-D8n5yGCF3WIkPsjEYeM8knn9jQ70bigGGb5aUvN6y4BGxcT3OcOQOKcM3zRGllRCZCFxCZyQvYJF6ZE7bQUOyQ==",
-      "requires": {}
+      "requires": {
+        "client-only": "^0.0.1"
+      }
     },
     "@heroicons/react": {
-      "version": "2.0.12",
+      "version": "2.0.13",
-      "resolved": "https://registry.npmjs.org/@heroicons/react/-/react-2.0.12.tgz",
+      "resolved": "https://registry.npmjs.org/@heroicons/react/-/react-2.0.13.tgz",
-      "integrity": "sha512-FZxKh3i9aKIDxyALTgIpSF2t6V6/eZfF5mRu41QlwkX3Oxzecdm1u6dpft6PQGxIBwO7TKYWaMAYYL8mp/EaOg==",
+      "integrity": "sha512-iSN5XwmagrnirWlYEWNPdCDj9aRYVD/lnK3JlsC9/+fqGF80k8C7rl+1HCvBX0dBoagKqOFBs6fMhJJ1hOg1EQ==",
       "requires": {}
     },
     "@nodelib/fs.scandir": {
@@ -2029,9 +2064,9 @@
       }
     },
     "@tailwindcss/typography": {
-      "version": "0.5.7",
+      "version": "0.5.8",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.7.tgz",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.8.tgz",
-      "integrity": "sha512-JTTSTrgZfp6Ki4svhPA4mkd9nmQ/j9EfE7SbHJ1cLtthKkpW2OxsFXzSmxbhYbEkfNIyAyhle5p4SYyKRbz/jg==",
+      "integrity": "sha512-xGQEp8KXN8Sd8m6R4xYmwxghmswrd0cPnNI2Lc6fmrC3OojysTBJJGSIVwPV56q4t6THFUK3HJ0EaWwpglSxWw==",
       "dev": true,
       "requires": {
         "lodash.castarray": "^4.4.0",
@@ -2139,6 +2174,11 @@
         }
       }
     },
+    "client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
+    },
     "color-name": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
@@ -2837,6 +2877,12 @@
       "integrity": "sha512-Be9tbQMZds4a3C6xTmz68NlMfeONA//4dOavl/1rNw50E+/QO0KVpbcU0PcaW0nsQxurXls9ZocqFxk8R2mWEA==",
       "dev": true
     },
+    "fast-clone": {
+      "version": "1.5.13",
+      "resolved": "https://registry.npmjs.org/fast-clone/-/fast-clone-1.5.13.tgz",
+      "integrity": "sha512-0ez7coyFBQFjZtId+RJqJ+EQs61w9xARfqjqK0AD9vIUkSxWD4HvPt80+5evebZ1tTnv1GYKrPTipx7kOW5ipA==",
+      "dev": true
+    },
     "fast-glob": {
       "version": "3.2.12",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.12.tgz",
@@ -3075,9 +3121,9 @@
       "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg=="
     },
     "mermaid": {
-      "version": "9.1.7",
+      "version": "9.2.2",
-      "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-9.1.7.tgz",
+      "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-9.2.2.tgz",
-      "integrity": "sha512-MRVHXy5FLjnUQUG7YS3UN9jEN6FXCJbFCXVGJQjVIbiR6Vhw0j/6pLIjqsiah9xoHmQU6DEaKOvB3S1g/1nBPA==",
+      "integrity": "sha512-6s7eKMqFJGS+0MYjmx8f6ZigqKBJVoSx5ql2gw6a4Aa+WJ49QiEJg7gPwywaBg3DZMs79UP7trESp4+jmaQccw==",
       "dev": true,
       "requires": {
         "@braintree/sanitize-url": "^6.0.0",
@@ -3085,10 +3131,14 @@
         "dagre": "^0.8.5",
         "dagre-d3": "^0.6.4",
         "dompurify": "2.4.0",
+        "fast-clone": "^1.5.13",
         "graphlib": "^2.1.8",
         "khroma": "^2.0.0",
-        "moment-mini": "2.24.0",
+        "lodash": "^4.17.21",
-        "stylis": "^4.0.10"
+        "moment-mini": "^2.24.0",
+        "non-layered-tidy-tree-layout": "^2.0.2",
+        "stylis": "^4.1.2",
+        "uuid": "^9.0.0"
       }
     },
     "micromatch": {
@@ -3136,6 +3186,12 @@
       "integrity": "sha512-zIdGUrPRFTUELUvr3Gmc7KZ2Sw/h1PiVM0Af/oHB6zgnV1ikqSfRk+TOufi79aHYCW3NiOXmr1BP5nWbzojLaA==",
       "dev": true
     },
+    "non-layered-tidy-tree-layout": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/non-layered-tidy-tree-layout/-/non-layered-tidy-tree-layout-2.0.2.tgz",
+      "integrity": "sha512-gkXMxRzUH+PB0ax9dUN0yYF0S25BqeAYqhgMaLUFmpXLEk7Fcu8f4emJuOAY0V8kjDICxROIKsTAKsV/v355xw==",
+      "dev": true
+    },
     "normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -3383,9 +3439,9 @@
       "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w=="
     },
     "tailwindcss": {
-      "version": "3.2.1",
+      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.2.1.tgz",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.2.3.tgz",
-      "integrity": "sha512-Uw+GVSxp5CM48krnjHObqoOwlCt5Qo6nw1jlCRwfGy68dSYb/LwS9ZFidYGRiM+w6rMawkZiu1mEMAsHYAfoLg==",
+      "integrity": "sha512-Xt9D4PK4zuuQCEB8bwK9JUCKmTgUwyac/6b0/42Vqhgl6YJkep+Wf5wq+5uXYfmrupdAD0YY2NY1hyZp1HjRrg==",
       "requires": {
         "arg": "^5.0.2",
         "chokidar": "^3.5.3",
@@ -3401,7 +3457,7 @@
         "normalize-path": "^3.0.0",
         "object-hash": "^3.0.0",
         "picocolors": "^1.0.0",
-        "postcss": "^8.4.17",
+        "postcss": "^8.4.18",
         "postcss-import": "^14.1.0",
         "postcss-js": "^4.0.0",
         "postcss-load-config": "^3.1.4",
@@ -3431,6 +3487,12 @@
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
     },
+    "uuid": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.0.tgz",
+      "integrity": "sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg==",
+      "dev": true
+    },
     "vendor-copy": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/vendor-copy/-/vendor-copy-3.0.1.tgz",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hugo-blowfish-theme",
-  "version": "2.8.0",
+  "version": "2.11.0",
   "description": "Blowfish theme for Hugo",
   "scripts": {
     "preinstall": "rimraf assets/vendor",
@@ -33,16 +33,16 @@
   },
   "homepage": "https://github.com/nunocoracao/blowfish#readme",
   "devDependencies": {
-    "@tailwindcss/typography": "^0.5.7",
+    "@tailwindcss/typography": "^0.5.8",
     "chart.js": "^3.9.1",
     "fuse.js": "^6.6.2",
     "katex": "^0.16.3",
-    "mermaid": "^9.1.7",
+    "mermaid": "^9.2.2",
     "prettier": "^2.7.1",
     "prettier-plugin-go-template": "^0.0.13",
     "prettier-plugin-tailwindcss": "^0.1.13",
     "rimraf": "^3.0.2",
-    "tailwindcss": "^3.2.1",
+    "tailwindcss": "^3.2.3",
     "vendor-copy": "^3.0.1"
   },
   "vendorCopy": [],
@@ -77,8 +77,8 @@
     }
   ],
   "dependencies": {
-    "@headlessui/react": "^1.7.3",
+    "@headlessui/react": "^1.7.4",
-    "@heroicons/react": "^2.0.12",
+    "@heroicons/react": "^2.0.13",
     "@tailwindcss/forms": "^0.5.3",
     "commander": "^9.4.1"
   }