From b1e8e00267c58753aeb3cc201f9bfa5feea17161 Mon Sep 17 00:00:00 2001
From: Alex Haslam <alexhaslam12@gmail.com>
Date: Sat, 9 Dec 2023 21:40:30 +0000
Subject: [PATCH] Add keywords list component

---
 layouts/partials/keyword.html       | 9 +++++++++
 layouts/shortcodes/keyword.html     | 1 +
 layouts/shortcodes/keywordList.html | 1 +
 3 files changed, 11 insertions(+)
 create mode 100644 layouts/partials/keyword.html
 create mode 100644 layouts/shortcodes/keyword.html
 create mode 100644 layouts/shortcodes/keywordList.html

diff --git a/layouts/partials/keyword.html b/layouts/partials/keyword.html
new file mode 100644
index 00000000..9a5bbd6d
--- /dev/null
+++ b/layouts/partials/keyword.html
@@ -0,0 +1,9 @@
+<span style="margin-top: 0.5rem" class="mr-2">
+  <span class="flex">
+    <span
+      class="rounded-full bg-primary-500 dark:bg-primary-300 text-neutral-50 dark:text-neutral-700 px-1 py-[1px] text-xs font-normal"
+    >
+      {{ . }}
+    </span>
+  </span>
+</span>
diff --git a/layouts/shortcodes/keyword.html b/layouts/shortcodes/keyword.html
new file mode 100644
index 00000000..0453a36c
--- /dev/null
+++ b/layouts/shortcodes/keyword.html
@@ -0,0 +1 @@
+{{ partial "keyword.html" .Inner }}
diff --git a/layouts/shortcodes/keywordList.html b/layouts/shortcodes/keywordList.html
new file mode 100644
index 00000000..ae87a068
--- /dev/null
+++ b/layouts/shortcodes/keywordList.html
@@ -0,0 +1 @@
+<div class="flex flex-row flex-wrap items-center">{{- .Inner -}}</div>