From 23bb87b1cfd05cac4dba3b2e15c56e36915cc340 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20Cora=C3=A7=C3=A3o?= <nunocoracao@gmail.com>
Date: Thu, 4 Jan 2024 21:34:00 +0000
Subject: [PATCH] polish keywork shortcode

---
 exampleSite/config/_default/params.toml      |  2 +-
 exampleSite/content/docs/shortcodes/index.md | 11 ++++++++++-
 exampleSite/content/samples/icons/index.md   |  1 +
 layouts/shortcodes/keyword.html              |  2 +-
 4 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/exampleSite/config/_default/params.toml b/exampleSite/config/_default/params.toml
index daa8507d3..11319d687 100644
--- a/exampleSite/config/_default/params.toml
+++ b/exampleSite/config/_default/params.toml
@@ -44,7 +44,7 @@ smartTOCHideUnfocusedChildren = false
   showMoreLinkDest = "docs"
   cardView = false
   cardViewScreenWidth = false
-  layoutBackgroundBlur = false # only used when layout equals background
+  layoutBackgroundBlur = true # only used when layout equals background
 
 [article]
   showDate = false
diff --git a/exampleSite/content/docs/shortcodes/index.md b/exampleSite/content/docs/shortcodes/index.md
index 7bccb6431..505946906 100644
--- a/exampleSite/content/docs/shortcodes/index.md
+++ b/exampleSite/content/docs/shortcodes/index.md
@@ -392,13 +392,22 @@ The `keyword` component can be used to visually highlight certain important word
 
 The input is written in Markdown so you can format it however you please.
 
-**Example:**
+**Example1 :**
+
+```md
+{{</* keyword */>}} Super skill {{</* /keyword */>}}
+```
+
+{{< keyword >}} *Standalone* skill {{< /keyword >}}
+
+**Example2 :**
 
 ```md
 {{</* keywordList */>}}
 {{</* keyword icon="github" */>}} Lorem ipsum dolor. {{</* /keyword */>}}
 {{</* keyword icon="code" */>}} **Important** skill {{</* /keyword */>}}
 {{</* /keywordList */>}}
+
 {{</* keyword */>}} *Standalone* skill {{</* /keyword */>}}
 ```
 
diff --git a/exampleSite/content/samples/icons/index.md b/exampleSite/content/samples/icons/index.md
index e20880f5a..f11fd68c8 100644
--- a/exampleSite/content/samples/icons/index.md
+++ b/exampleSite/content/samples/icons/index.md
@@ -37,6 +37,7 @@ The full list of built-in icons and their corresponding names can referenced bel
 | edit                 | {{< icon edit >}}                 |
 | email                | {{< icon email >}}                |
 | envelope             | {{< icon envelope >}}             |
+| expand               | {{< icon expand >}}               |
 | eye                  | {{< icon eye >}}                  |
 | facebook             | {{< icon facebook >}}             |
 | fire                 | {{< icon fire >}}                 |
diff --git a/layouts/shortcodes/keyword.html b/layouts/shortcodes/keyword.html
index d8847679c..8e6528d27 100644
--- a/layouts/shortcodes/keyword.html
+++ b/layouts/shortcodes/keyword.html
@@ -1,7 +1,7 @@
 {{ $icon := .Get "icon"}}
 <div class="flex mt-2">
 <span
-  class="rounded-full bg-primary-500 dark:bg-primary-300 text-neutral-50 dark:text-neutral-700 px-1.5 py-[1px] text-xs font-normal"
+  class="rounded-full bg-primary-500 dark:bg-primary-400 text-neutral-50 dark:text-neutral-800 px-1.5 py-[1px] text-xs font-normal"
 >
   <span class="flex flex-row items-center">
     {{if $icon}}