From 2c2e98f6093bd633c55e3fb1efb6605212ce7c55 Mon Sep 17 00:00:00 2001
From: Jeremy Nusser <jeremy.nusser@protonmail.com>
Date: Thu, 3 Nov 2022 14:06:11 -0500
Subject: [PATCH] Updated homepage text classes and logo section for better
 accessibility.

---
 README.md                                     |   3 +
 assets/css/style.css                          |  10 +
 layouts/index.html                            | 260 +++++-
 layouts/partials/nav.html                     |   2 +-
 public/404.html                               | 324 +------
 public/about/index.html                       | 552 +-----------
 public/categories/blog/index.html             | 650 +------------
 public/categories/blog/index.xml              |  66 +-
 public/categories/blog/page/1/index.html      |  11 +-
 public/categories/index.html                  | 408 +--------
 public/categories/index.xml                   |  30 +-
 public/categories/news/index.html             | 650 +------------
 public/categories/news/index.xml              |  66 +-
 public/categories/news/page/1/index.html      |  11 +-
 public/categories/page/1/index.html           |  11 +-
 public/contact/index.html                     | 347 +------
 ...b8cb45bbb72aeb79e3be33a015b9d80b93d07d.css |   1 +
 public/images/sample-logo-white.svg           |  36 +
 public/index.html                             | 832 ++---------------
 public/index.xml                              | 155 +---
 public/page/1/index.html                      |  11 +-
 public/page/2/index.html                      | 832 ++---------------
 public/page/3/index.html                      | 824 ++---------------
 public/page/4/index.html                      | 832 ++---------------
 public/page/5/index.html                      | 810 ++---------------
 public/posts/blog-post-1/index.html           | 563 +-----------
 public/posts/blog-post-2/index.html           | 563 +-----------
 public/posts/blog-post-3/index.html           | 563 +-----------
 public/posts/blog-post-4/index.html           | 563 +-----------
 public/posts/blog-post-5/index.html           | 563 +-----------
 public/posts/blog-post-6/index.html           | 563 +-----------
 public/posts/index.html                       | 853 ++----------------
 public/posts/index.xml                        | 120 +--
 public/posts/news-post-1/index.html           | 563 +-----------
 public/posts/news-post-2/index.html           | 563 +-----------
 public/posts/news-post-3/index.html           | 563 +-----------
 public/posts/news-post-4/index.html           | 336 +------
 public/posts/news-post-5/index.html           | 336 +------
 public/posts/news-post-6/index.html           | 336 +------
 public/posts/page/1/index.html                |  11 +-
 public/posts/page/2/index.html                | 529 +----------
 public/prose/index.html                       | 599 +-----------
 public/sitemap.xml                            |  75 +-
 public/tags/blog/index.html                   | 650 +------------
 public/tags/blog/index.xml                    |  66 +-
 public/tags/blog/page/1/index.html            |  11 +-
 public/tags/index.html                        | 408 +--------
 public/tags/index.xml                         |  30 +-
 public/tags/news/index.html                   | 650 +------------
 public/tags/news/index.xml                    |  66 +-
 public/tags/news/page/1/index.html            |  11 +-
 public/tags/page/1/index.html                 |  11 +-
 ...s_53d8db2e382030cdec351f02c8b70385.content |   2 +-
 ....css_53d8db2e382030cdec351f02c8b70385.json |   2 +-
 ...s_ad9a12809e06de71aca16e9138fbecf4.content |  44 +
 static/images/sample-logo-white.svg           |  36 +
 56 files changed, 1446 insertions(+), 16537 deletions(-)
 create mode 100644 public/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css
 create mode 100644 public/images/sample-logo-white.svg
 create mode 100644 static/images/sample-logo-white.svg

diff --git a/README.md b/README.md
index e129ecd..ec6deb5 100644
--- a/README.md
+++ b/README.md
@@ -43,6 +43,9 @@
   </p>
 </p>
 
+![build](https://github.com/buttons/github-buttons/workflows/build/badge.svg)
+[![npm](https://img.shields.io/npm/v/github-buttons)](https://www.npmjs.com/github-buttons)
+[![Build Status](https://img.shields.io/github/workflow/status/mdo/github-buttons/CI/master?label=CI&logo=github)](https://github.com/mdo/github-buttons/actions?query=workflow%3ACI+branch%3Amaster)
 
 **Install to VS Code with:**  
 `git clone git@github.com:nusserstudios/hugo-twcss-alpine.git your-name`
diff --git a/assets/css/style.css b/assets/css/style.css
index 60088cd..7774cd8 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -3639,6 +3639,16 @@ EmojiSymbols;
   color: rgb(17 24 39 / 0.6);
 }
 
+.dark .dark\:text-indigo-300 {
+  --tw-text-opacity: 1;
+  color: rgb(165 180 252 / var(--tw-text-opacity));
+}
+
+.dark .dark\:text-gray-100 {
+  --tw-text-opacity: 1;
+  color: rgb(243 244 246 / var(--tw-text-opacity));
+}
+
 .dark .dark\:text-zinc-200 {
   --tw-text-opacity: 1;
   color: rgb(228 228 231 / var(--tw-text-opacity));
diff --git a/layouts/index.html b/layouts/index.html
index ad799bf..df18a94 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -58,7 +58,7 @@
                          class="absolute inset-y-0 w-full bg-gray-50 dark:bg-gray-900/10 right-1/2 rounded-r-3xl lg:right-72">
                     </div>
                     <svg class="absolute -ml-3 top-8 left-1/2 lg:-right-8 lg:left-auto lg:top-12" width="404"
-                         height="392" fill="none" viewBox="0 0 404 392">
+                         height="392" fill="none" viewBox="0 0 404 392" loading="lazy">
                         <defs>
                             <pattern id="02f20b47-fd69-4224-a62a-4c9de5c763f7" x="0" y="0" width="20" height="20"
                                      patternUnits="userSpaceOnUse">
@@ -76,7 +76,8 @@
                         {{ with $missionimage }}
                         {{ with .Resize (printf "%dx%d webp q50" .Width .Height) }}
                         <img imgh src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}"
-                             class="absolute inset-0 object-cover w-full h-full" alt="TailBliss - Our Mission" />
+                             class="absolute inset-0 object-cover w-full h-full" alt="TailBliss - Our Mission"
+                             loading="lazy" />
                         {{ end }}>
                         {{ end }}
                         <div class="absolute inset-0 bg-indigo-300 mix-blend-multiply"></div>
@@ -146,10 +147,10 @@
             <div>
                 <div class="md:mt-8">
                     <div class="mt-6 sm:max-w-xl">
-                        <h1 class="text-4xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-5xl">
+                        <h1 class="text-4xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-5xl">
                             Just in time for Hacktoberfest with JIT Tailwind.
                         </h1>
-                        <p class="pb-12 mt-6 text-lg text-gray-500 dark:text-gray-400">
+                        <p class="pb-12 mt-6 text-lg text-gray-900 dark:text-white">
                             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur at purus non enim commodo
                             tincidunt vel in nulla. Aenean pretium dolor non ultricies bibendum. Etiam quis blandit
                             enim. Nunc condimentum ut lorem in faucibus. Phasellus varius ligula et commodo tristique.
@@ -177,7 +178,7 @@
                          class="absolute inset-y-0 w-screen left-1/2 rounded-l-3xl bg-gray-50 dark:bg-gray-900/10 lg:left-80 lg:right-0 lg:w-full">
                     </div>
                     <svg class="absolute -mr-3 top-8 right-1/2 lg:left-0 lg:m-0" width="404" height="392" fill="none"
-                         viewBox="0 0 404 392">
+                         viewBox="0 0 404 392" loading="lazy">
                         <defs>
                             <pattern id="837c3e70-6c3a-44e6-8854-cc48c737b659" x="0" y="0" width="20" height="20"
                                      patternUnits="userSpaceOnUse">
@@ -202,7 +203,7 @@
                         {{- with $medium.RelPermalink -}}, {{.}} 1024w{{- end -}}
                         {{- with $large.RelPermalink -}}, {{.}} 1374w{{- end -}}" src="{{ $heroOne.RelPermalink }}"
                          alt="TailBliss Hacktoberfest Image"
-                         class="w-full rounded-lg shadow-xl lg:h-full lg:w-auto lg:max-w-none" />
+                         class="w-full rounded-lg shadow-xl lg:h-full lg:w-auto lg:max-w-none" loading="lazy" />
                 </div>
             </div>
         </div>
@@ -213,38 +214,250 @@
         <div class="lg:grid lg:grid-cols-2 lg:items-center lg:gap-24">
             <div class="mt-12 grid grid-cols-2 gap-0.5 md:grid-cols-3 lg:mt-0 lg:grid-cols-2">
                 <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/transistor-logo-gray-400.svg"
-                         alt="Transistor">
+                    <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
+                         xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 138 48"
+                         style="enable-background:new 0 0 138 48;" xml:space="preserve" alt="Logo" class="max-h-12">
+                        <g>
+                            <path class="text-gray-900 dark:text-white" d="M62,32.6V15.4h4.7v13.5h7v3.8H62z"
+                                  fill="currentColor" />
+                            <path class="text-gray-900 dark:text-white" fill="currentColor"
+                                  d="M89.8,24c0,1.9-0.4,3.5-1.1,4.8c-0.7,1.3-1.8,2.3-3,3c-1.3,0.7-2.7,1-4.2,1c-1.6,0-3-0.3-4.2-1
+                            c-1.3-0.7-2.3-1.7-3-3c-0.7-1.3-1.1-2.9-1.1-4.8c0-1.9,0.4-3.5,1.1-4.8c0.7-1.3,1.7-2.3,3-3c1.3-0.7,2.7-1,4.2-1c1.6,0,3,0.3,4.2,1
+                            c1.3,0.7,2.3,1.7,3,3C89.5,20.5,89.8,22.1,89.8,24z M85,24c0-1-0.1-1.9-0.4-2.6c-0.3-0.7-0.7-1.2-1.2-1.6c-0.5-0.4-1.2-0.6-2-0.6
+                            c-0.8,0-1.4,0.2-2,0.6c-0.5,0.4-0.9,0.9-1.2,1.6C78,22.1,77.9,23,77.9,24c0,1,0.1,1.9,0.4,2.6c0.3,0.7,0.7,1.2,1.2,1.6
+                            c0.5,0.4,1.2,0.6,2,0.6c0.8,0,1.4-0.2,2-0.6c0.5-0.4,0.9-0.9,1.2-1.6C84.9,25.9,85,25,85,24z" />
+                            <path class="text-gray-900 dark:text-white" fill="currentColor" d="M102,21.1c-0.1-0.3-0.2-0.6-0.3-0.8c-0.2-0.2-0.4-0.4-0.6-0.6c-0.2-0.2-0.5-0.3-0.8-0.4s-0.6-0.1-1-0.1
+                            c-0.8,0-1.5,0.2-2,0.6c-0.6,0.4-1,0.9-1.3,1.6c-0.3,0.7-0.4,1.6-0.4,2.6c0,1,0.1,1.9,0.4,2.6c0.3,0.7,0.7,1.3,1.2,1.6
+                            c0.5,0.4,1.2,0.6,2,0.6c0.7,0,1.3-0.1,1.8-0.3s0.8-0.5,1.1-0.9c0.2-0.4,0.4-0.8,0.4-1.3l0.8,0.1h-3.9V23h7.6v2.4c0,1.6-0.3,2.9-1,4
+                            c-0.7,1.1-1.6,2-2.7,2.6c-1.2,0.6-2.5,0.9-4,0.9c-1.7,0-3.1-0.4-4.4-1.1c-1.3-0.7-2.3-1.7-3-3c-0.7-1.3-1.1-2.9-1.1-4.7
+                            c0-1.4,0.2-2.7,0.7-3.8c0.4-1.1,1-2,1.8-2.8c0.8-0.8,1.7-1.3,2.7-1.7c1-0.4,2.1-0.6,3.3-0.6c1,0,2,0.1,2.8,0.4s1.7,0.7,2.3,1.2
+                            c0.7,0.5,1.2,1.2,1.6,1.9c0.4,0.7,0.7,1.5,0.8,2.4H102z" />
+                            <path class="text-gray-900 dark:text-white" fill="currentColor"
+                                  d="M124.6,24c0,1.9-0.4,3.5-1.1,4.8c-0.7,1.3-1.8,2.3-3,3c-1.3,0.7-2.7,1-4.2,1c-1.6,0-3-0.3-4.2-1
+                            c-1.3-0.7-2.3-1.7-3-3c-0.7-1.3-1.1-2.9-1.1-4.8c0-1.9,0.4-3.5,1.1-4.8c0.7-1.3,1.7-2.3,3-3c1.3-0.7,2.7-1,4.2-1c1.6,0,3,0.3,4.2,1
+                            c1.3,0.7,2.3,1.7,3,3C124.2,20.5,124.6,22.1,124.6,24z M119.8,24c0-1-0.1-1.9-0.4-2.6c-0.3-0.7-0.7-1.2-1.2-1.6
+                            c-0.5-0.4-1.2-0.6-2-0.6c-0.8,0-1.4,0.2-2,0.6c-0.5,0.4-0.9,0.9-1.2,1.6c-0.3,0.7-0.4,1.6-0.4,2.6c0,1,0.1,1.9,0.4,2.6
+                            c0.3,0.7,0.7,1.2,1.2,1.6c0.5,0.4,1.2,0.6,2,0.6c0.8,0,1.4-0.2,2-0.6c0.5-0.4,0.9-0.9,1.2-1.6C119.7,25.9,119.8,25,119.8,24z" />
+                        </g>
+                        <g>
+                            <g>
+                                <polygon class="text-gray-900 dark:text-white" fill="currentColor"
+                                         points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7" />
+                            </g>
+                            <g>
+                                <polygon class="text-gray-900 dark:text-white" fill="currentColor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 
+                                36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9" />
+                            </g>
+                        </g>
+                    </svg>
+
                 </div>
 
                 <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/mirage-logo-gray-400.svg" alt="Mirage">
+                    <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
+                         xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 138 48"
+                         style="enable-background:new 0 0 138 48;" xml:space="preserve" alt="Logo" class="max-h-12">
+                        <g>
+                            <path class="text-gray-900 dark:text-white" d="M62,32.6V15.4h4.7v13.5h7v3.8H62z"
+                                  fill="currentColor" />
+                            <path class="text-gray-900 dark:text-white" fill="currentColor"
+                                  d="M89.8,24c0,1.9-0.4,3.5-1.1,4.8c-0.7,1.3-1.8,2.3-3,3c-1.3,0.7-2.7,1-4.2,1c-1.6,0-3-0.3-4.2-1
+                                                c-1.3-0.7-2.3-1.7-3-3c-0.7-1.3-1.1-2.9-1.1-4.8c0-1.9,0.4-3.5,1.1-4.8c0.7-1.3,1.7-2.3,3-3c1.3-0.7,2.7-1,4.2-1c1.6,0,3,0.3,4.2,1
+                                                c1.3,0.7,2.3,1.7,3,3C89.5,20.5,89.8,22.1,89.8,24z M85,24c0-1-0.1-1.9-0.4-2.6c-0.3-0.7-0.7-1.2-1.2-1.6c-0.5-0.4-1.2-0.6-2-0.6
+                                                c-0.8,0-1.4,0.2-2,0.6c-0.5,0.4-0.9,0.9-1.2,1.6C78,22.1,77.9,23,77.9,24c0,1,0.1,1.9,0.4,2.6c0.3,0.7,0.7,1.2,1.2,1.6
+                                                c0.5,0.4,1.2,0.6,2,0.6c0.8,0,1.4-0.2,2-0.6c0.5-0.4,0.9-0.9,1.2-1.6C84.9,25.9,85,25,85,24z" />
+                            <path class="text-gray-900 dark:text-white" fill="currentColor" d="M102,21.1c-0.1-0.3-0.2-0.6-0.3-0.8c-0.2-0.2-0.4-0.4-0.6-0.6c-0.2-0.2-0.5-0.3-0.8-0.4s-0.6-0.1-1-0.1
+                                                c-0.8,0-1.5,0.2-2,0.6c-0.6,0.4-1,0.9-1.3,1.6c-0.3,0.7-0.4,1.6-0.4,2.6c0,1,0.1,1.9,0.4,2.6c0.3,0.7,0.7,1.3,1.2,1.6
+                                                c0.5,0.4,1.2,0.6,2,0.6c0.7,0,1.3-0.1,1.8-0.3s0.8-0.5,1.1-0.9c0.2-0.4,0.4-0.8,0.4-1.3l0.8,0.1h-3.9V23h7.6v2.4c0,1.6-0.3,2.9-1,4
+                                                c-0.7,1.1-1.6,2-2.7,2.6c-1.2,0.6-2.5,0.9-4,0.9c-1.7,0-3.1-0.4-4.4-1.1c-1.3-0.7-2.3-1.7-3-3c-0.7-1.3-1.1-2.9-1.1-4.7
+                                                c0-1.4,0.2-2.7,0.7-3.8c0.4-1.1,1-2,1.8-2.8c0.8-0.8,1.7-1.3,2.7-1.7c1-0.4,2.1-0.6,3.3-0.6c1,0,2,0.1,2.8,0.4s1.7,0.7,2.3,1.2
+                                                c0.7,0.5,1.2,1.2,1.6,1.9c0.4,0.7,0.7,1.5,0.8,2.4H102z" />
+                            <path class="text-gray-900 dark:text-white" fill="currentColor"
+                                  d="M124.6,24c0,1.9-0.4,3.5-1.1,4.8c-0.7,1.3-1.8,2.3-3,3c-1.3,0.7-2.7,1-4.2,1c-1.6,0-3-0.3-4.2-1
+                                                c-1.3-0.7-2.3-1.7-3-3c-0.7-1.3-1.1-2.9-1.1-4.8c0-1.9,0.4-3.5,1.1-4.8c0.7-1.3,1.7-2.3,3-3c1.3-0.7,2.7-1,4.2-1c1.6,0,3,0.3,4.2,1
+                                                c1.3,0.7,2.3,1.7,3,3C124.2,20.5,124.6,22.1,124.6,24z M119.8,24c0-1-0.1-1.9-0.4-2.6c-0.3-0.7-0.7-1.2-1.2-1.6
+                                                c-0.5-0.4-1.2-0.6-2-0.6c-0.8,0-1.4,0.2-2,0.6c-0.5,0.4-0.9,0.9-1.2,1.6c-0.3,0.7-0.4,1.6-0.4,2.6c0,1,0.1,1.9,0.4,2.6
+                                                c0.3,0.7,0.7,1.2,1.2,1.6c0.5,0.4,1.2,0.6,2,0.6c0.8,0,1.4-0.2,2-0.6c0.5-0.4,0.9-0.9,1.2-1.6C119.7,25.9,119.8,25,119.8,24z" />
+                        </g>
+                        <g>
+                            <g>
+                                <polygon class="text-gray-900 dark:text-white" fill="currentColor"
+                                         points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7" />
+                            </g>
+                            <g>
+                                <polygon class="text-gray-900 dark:text-white" fill="currentColor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 
+                                                    36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9" />
+                            </g>
+                        </g>
+                    </svg>
                 </div>
 
                 <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/tuple-logo-gray-400.svg" alt="Tuple">
+                    <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
+                         xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 138 48"
+                         style="enable-background:new 0 0 138 48;" xml:space="preserve" alt="Logo" class="max-h-12">
+                        <g>
+                            <path class="text-gray-900 dark:text-white" d="M62,32.6V15.4h4.7v13.5h7v3.8H62z"
+                                  fill="currentColor" />
+                            <path class="text-gray-900 dark:text-white" fill="currentColor"
+                                  d="M89.8,24c0,1.9-0.4,3.5-1.1,4.8c-0.7,1.3-1.8,2.3-3,3c-1.3,0.7-2.7,1-4.2,1c-1.6,0-3-0.3-4.2-1
+                                                                    c-1.3-0.7-2.3-1.7-3-3c-0.7-1.3-1.1-2.9-1.1-4.8c0-1.9,0.4-3.5,1.1-4.8c0.7-1.3,1.7-2.3,3-3c1.3-0.7,2.7-1,4.2-1c1.6,0,3,0.3,4.2,1
+                                                                    c1.3,0.7,2.3,1.7,3,3C89.5,20.5,89.8,22.1,89.8,24z M85,24c0-1-0.1-1.9-0.4-2.6c-0.3-0.7-0.7-1.2-1.2-1.6c-0.5-0.4-1.2-0.6-2-0.6
+                                                                    c-0.8,0-1.4,0.2-2,0.6c-0.5,0.4-0.9,0.9-1.2,1.6C78,22.1,77.9,23,77.9,24c0,1,0.1,1.9,0.4,2.6c0.3,0.7,0.7,1.2,1.2,1.6
+                                                                    c0.5,0.4,1.2,0.6,2,0.6c0.8,0,1.4-0.2,2-0.6c0.5-0.4,0.9-0.9,1.2-1.6C84.9,25.9,85,25,85,24z" />
+                            <path class="text-gray-900 dark:text-white" fill="currentColor"
+                                  d="M102,21.1c-0.1-0.3-0.2-0.6-0.3-0.8c-0.2-0.2-0.4-0.4-0.6-0.6c-0.2-0.2-0.5-0.3-0.8-0.4s-0.6-0.1-1-0.1
+                                                                    c-0.8,0-1.5,0.2-2,0.6c-0.6,0.4-1,0.9-1.3,1.6c-0.3,0.7-0.4,1.6-0.4,2.6c0,1,0.1,1.9,0.4,2.6c0.3,0.7,0.7,1.3,1.2,1.6
+                                                                    c0.5,0.4,1.2,0.6,2,0.6c0.7,0,1.3-0.1,1.8-0.3s0.8-0.5,1.1-0.9c0.2-0.4,0.4-0.8,0.4-1.3l0.8,0.1h-3.9V23h7.6v2.4c0,1.6-0.3,2.9-1,4
+                                                                    c-0.7,1.1-1.6,2-2.7,2.6c-1.2,0.6-2.5,0.9-4,0.9c-1.7,0-3.1-0.4-4.4-1.1c-1.3-0.7-2.3-1.7-3-3c-0.7-1.3-1.1-2.9-1.1-4.7
+                                                                    c0-1.4,0.2-2.7,0.7-3.8c0.4-1.1,1-2,1.8-2.8c0.8-0.8,1.7-1.3,2.7-1.7c1-0.4,2.1-0.6,3.3-0.6c1,0,2,0.1,2.8,0.4s1.7,0.7,2.3,1.2
+                                                                    c0.7,0.5,1.2,1.2,1.6,1.9c0.4,0.7,0.7,1.5,0.8,2.4H102z" />
+                            <path class="text-gray-900 dark:text-white" fill="currentColor"
+                                  d="M124.6,24c0,1.9-0.4,3.5-1.1,4.8c-0.7,1.3-1.8,2.3-3,3c-1.3,0.7-2.7,1-4.2,1c-1.6,0-3-0.3-4.2-1
+                                                                    c-1.3-0.7-2.3-1.7-3-3c-0.7-1.3-1.1-2.9-1.1-4.8c0-1.9,0.4-3.5,1.1-4.8c0.7-1.3,1.7-2.3,3-3c1.3-0.7,2.7-1,4.2-1c1.6,0,3,0.3,4.2,1
+                                                                    c1.3,0.7,2.3,1.7,3,3C124.2,20.5,124.6,22.1,124.6,24z M119.8,24c0-1-0.1-1.9-0.4-2.6c-0.3-0.7-0.7-1.2-1.2-1.6
+                                                                    c-0.5-0.4-1.2-0.6-2-0.6c-0.8,0-1.4,0.2-2,0.6c-0.5,0.4-0.9,0.9-1.2,1.6c-0.3,0.7-0.4,1.6-0.4,2.6c0,1,0.1,1.9,0.4,2.6
+                                                                    c0.3,0.7,0.7,1.2,1.2,1.6c0.5,0.4,1.2,0.6,2,0.6c0.8,0,1.4-0.2,2-0.6c0.5-0.4,0.9-0.9,1.2-1.6C119.7,25.9,119.8,25,119.8,24z" />
+                        </g>
+                        <g>
+                            <g>
+                                <polygon class="text-gray-900 dark:text-white" fill="currentColor"
+                                         points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7" />
+                            </g>
+                            <g>
+                                <polygon class="text-gray-900 dark:text-white" fill="currentColor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 
+                                                                        36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9" />
+                            </g>
+                        </g>
+                    </svg>
                 </div>
 
                 <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/laravel-logo-gray-400.svg"
-                         alt="Laravel">
+                    <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
+                         xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 138 48"
+                         style="enable-background:new 0 0 138 48;" xml:space="preserve" alt="Logo" class="max-h-12">
+                        <g>
+                            <path class="text-gray-900 dark:text-white" d="M62,32.6V15.4h4.7v13.5h7v3.8H62z"
+                                  fill="currentColor" />
+                            <path class="text-gray-900 dark:text-white" fill="currentColor"
+                                  d="M89.8,24c0,1.9-0.4,3.5-1.1,4.8c-0.7,1.3-1.8,2.3-3,3c-1.3,0.7-2.7,1-4.2,1c-1.6,0-3-0.3-4.2-1
+                                                                    c-1.3-0.7-2.3-1.7-3-3c-0.7-1.3-1.1-2.9-1.1-4.8c0-1.9,0.4-3.5,1.1-4.8c0.7-1.3,1.7-2.3,3-3c1.3-0.7,2.7-1,4.2-1c1.6,0,3,0.3,4.2,1
+                                                                    c1.3,0.7,2.3,1.7,3,3C89.5,20.5,89.8,22.1,89.8,24z M85,24c0-1-0.1-1.9-0.4-2.6c-0.3-0.7-0.7-1.2-1.2-1.6c-0.5-0.4-1.2-0.6-2-0.6
+                                                                    c-0.8,0-1.4,0.2-2,0.6c-0.5,0.4-0.9,0.9-1.2,1.6C78,22.1,77.9,23,77.9,24c0,1,0.1,1.9,0.4,2.6c0.3,0.7,0.7,1.2,1.2,1.6
+                                                                    c0.5,0.4,1.2,0.6,2,0.6c0.8,0,1.4-0.2,2-0.6c0.5-0.4,0.9-0.9,1.2-1.6C84.9,25.9,85,25,85,24z" />
+                            <path class="text-gray-900 dark:text-white" fill="currentColor"
+                                  d="M102,21.1c-0.1-0.3-0.2-0.6-0.3-0.8c-0.2-0.2-0.4-0.4-0.6-0.6c-0.2-0.2-0.5-0.3-0.8-0.4s-0.6-0.1-1-0.1
+                                                                    c-0.8,0-1.5,0.2-2,0.6c-0.6,0.4-1,0.9-1.3,1.6c-0.3,0.7-0.4,1.6-0.4,2.6c0,1,0.1,1.9,0.4,2.6c0.3,0.7,0.7,1.3,1.2,1.6
+                                                                    c0.5,0.4,1.2,0.6,2,0.6c0.7,0,1.3-0.1,1.8-0.3s0.8-0.5,1.1-0.9c0.2-0.4,0.4-0.8,0.4-1.3l0.8,0.1h-3.9V23h7.6v2.4c0,1.6-0.3,2.9-1,4
+                                                                    c-0.7,1.1-1.6,2-2.7,2.6c-1.2,0.6-2.5,0.9-4,0.9c-1.7,0-3.1-0.4-4.4-1.1c-1.3-0.7-2.3-1.7-3-3c-0.7-1.3-1.1-2.9-1.1-4.7
+                                                                    c0-1.4,0.2-2.7,0.7-3.8c0.4-1.1,1-2,1.8-2.8c0.8-0.8,1.7-1.3,2.7-1.7c1-0.4,2.1-0.6,3.3-0.6c1,0,2,0.1,2.8,0.4s1.7,0.7,2.3,1.2
+                                                                    c0.7,0.5,1.2,1.2,1.6,1.9c0.4,0.7,0.7,1.5,0.8,2.4H102z" />
+                            <path class="text-gray-900 dark:text-white" fill="currentColor"
+                                  d="M124.6,24c0,1.9-0.4,3.5-1.1,4.8c-0.7,1.3-1.8,2.3-3,3c-1.3,0.7-2.7,1-4.2,1c-1.6,0-3-0.3-4.2-1
+                                                                    c-1.3-0.7-2.3-1.7-3-3c-0.7-1.3-1.1-2.9-1.1-4.8c0-1.9,0.4-3.5,1.1-4.8c0.7-1.3,1.7-2.3,3-3c1.3-0.7,2.7-1,4.2-1c1.6,0,3,0.3,4.2,1
+                                                                    c1.3,0.7,2.3,1.7,3,3C124.2,20.5,124.6,22.1,124.6,24z M119.8,24c0-1-0.1-1.9-0.4-2.6c-0.3-0.7-0.7-1.2-1.2-1.6
+                                                                    c-0.5-0.4-1.2-0.6-2-0.6c-0.8,0-1.4,0.2-2,0.6c-0.5,0.4-0.9,0.9-1.2,1.6c-0.3,0.7-0.4,1.6-0.4,2.6c0,1,0.1,1.9,0.4,2.6
+                                                                    c0.3,0.7,0.7,1.2,1.2,1.6c0.5,0.4,1.2,0.6,2,0.6c0.8,0,1.4-0.2,2-0.6c0.5-0.4,0.9-0.9,1.2-1.6C119.7,25.9,119.8,25,119.8,24z" />
+                        </g>
+                        <g>
+                            <g>
+                                <polygon class="text-gray-900 dark:text-white" fill="currentColor"
+                                         points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7" />
+                            </g>
+                            <g>
+                                <polygon class="text-gray-900 dark:text-white" fill="currentColor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 
+                                                                        36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9" />
+                            </g>
+                        </g>
+                    </svg>
                 </div>
 
                 <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/statickit-logo-gray-400.svg"
-                         alt="StaticKit">
+                    <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
+                         xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 138 48"
+                         style="enable-background:new 0 0 138 48;" xml:space="preserve" alt="Logo" class="max-h-12">
+                        <g>
+                            <path class="text-gray-900 dark:text-white" d="M62,32.6V15.4h4.7v13.5h7v3.8H62z"
+                                  fill="currentColor" />
+                            <path class="text-gray-900 dark:text-white" fill="currentColor"
+                                  d="M89.8,24c0,1.9-0.4,3.5-1.1,4.8c-0.7,1.3-1.8,2.3-3,3c-1.3,0.7-2.7,1-4.2,1c-1.6,0-3-0.3-4.2-1
+                                                                    c-1.3-0.7-2.3-1.7-3-3c-0.7-1.3-1.1-2.9-1.1-4.8c0-1.9,0.4-3.5,1.1-4.8c0.7-1.3,1.7-2.3,3-3c1.3-0.7,2.7-1,4.2-1c1.6,0,3,0.3,4.2,1
+                                                                    c1.3,0.7,2.3,1.7,3,3C89.5,20.5,89.8,22.1,89.8,24z M85,24c0-1-0.1-1.9-0.4-2.6c-0.3-0.7-0.7-1.2-1.2-1.6c-0.5-0.4-1.2-0.6-2-0.6
+                                                                    c-0.8,0-1.4,0.2-2,0.6c-0.5,0.4-0.9,0.9-1.2,1.6C78,22.1,77.9,23,77.9,24c0,1,0.1,1.9,0.4,2.6c0.3,0.7,0.7,1.2,1.2,1.6
+                                                                    c0.5,0.4,1.2,0.6,2,0.6c0.8,0,1.4-0.2,2-0.6c0.5-0.4,0.9-0.9,1.2-1.6C84.9,25.9,85,25,85,24z" />
+                            <path class="text-gray-900 dark:text-white" fill="currentColor"
+                                  d="M102,21.1c-0.1-0.3-0.2-0.6-0.3-0.8c-0.2-0.2-0.4-0.4-0.6-0.6c-0.2-0.2-0.5-0.3-0.8-0.4s-0.6-0.1-1-0.1
+                                                                    c-0.8,0-1.5,0.2-2,0.6c-0.6,0.4-1,0.9-1.3,1.6c-0.3,0.7-0.4,1.6-0.4,2.6c0,1,0.1,1.9,0.4,2.6c0.3,0.7,0.7,1.3,1.2,1.6
+                                                                    c0.5,0.4,1.2,0.6,2,0.6c0.7,0,1.3-0.1,1.8-0.3s0.8-0.5,1.1-0.9c0.2-0.4,0.4-0.8,0.4-1.3l0.8,0.1h-3.9V23h7.6v2.4c0,1.6-0.3,2.9-1,4
+                                                                    c-0.7,1.1-1.6,2-2.7,2.6c-1.2,0.6-2.5,0.9-4,0.9c-1.7,0-3.1-0.4-4.4-1.1c-1.3-0.7-2.3-1.7-3-3c-0.7-1.3-1.1-2.9-1.1-4.7
+                                                                    c0-1.4,0.2-2.7,0.7-3.8c0.4-1.1,1-2,1.8-2.8c0.8-0.8,1.7-1.3,2.7-1.7c1-0.4,2.1-0.6,3.3-0.6c1,0,2,0.1,2.8,0.4s1.7,0.7,2.3,1.2
+                                                                    c0.7,0.5,1.2,1.2,1.6,1.9c0.4,0.7,0.7,1.5,0.8,2.4H102z" />
+                            <path class="text-gray-900 dark:text-white" fill="currentColor"
+                                  d="M124.6,24c0,1.9-0.4,3.5-1.1,4.8c-0.7,1.3-1.8,2.3-3,3c-1.3,0.7-2.7,1-4.2,1c-1.6,0-3-0.3-4.2-1
+                                                                    c-1.3-0.7-2.3-1.7-3-3c-0.7-1.3-1.1-2.9-1.1-4.8c0-1.9,0.4-3.5,1.1-4.8c0.7-1.3,1.7-2.3,3-3c1.3-0.7,2.7-1,4.2-1c1.6,0,3,0.3,4.2,1
+                                                                    c1.3,0.7,2.3,1.7,3,3C124.2,20.5,124.6,22.1,124.6,24z M119.8,24c0-1-0.1-1.9-0.4-2.6c-0.3-0.7-0.7-1.2-1.2-1.6
+                                                                    c-0.5-0.4-1.2-0.6-2-0.6c-0.8,0-1.4,0.2-2,0.6c-0.5,0.4-0.9,0.9-1.2,1.6c-0.3,0.7-0.4,1.6-0.4,2.6c0,1,0.1,1.9,0.4,2.6
+                                                                    c0.3,0.7,0.7,1.2,1.2,1.6c0.5,0.4,1.2,0.6,2,0.6c0.8,0,1.4-0.2,2-0.6c0.5-0.4,0.9-0.9,1.2-1.6C119.7,25.9,119.8,25,119.8,24z" />
+                        </g>
+                        <g>
+                            <g>
+                                <polygon class="text-gray-900 dark:text-white" fill="currentColor"
+                                         points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7" />
+                            </g>
+                            <g>
+                                <polygon class="text-gray-900 dark:text-white" fill="currentColor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 
+                                                                        36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9" />
+                            </g>
+                        </g>
+                    </svg>
                 </div>
 
                 <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/workcation-logo-gray-400.svg"
-                         alt="Workcation">
+                    <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
+                         xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 138 48"
+                         style="enable-background:new 0 0 138 48;" xml:space="preserve" alt="Logo" class="max-h-12">
+                        <g>
+                            <path class="text-gray-900 dark:text-white" d="M62,32.6V15.4h4.7v13.5h7v3.8H62z"
+                                  fill="currentColor" />
+                            <path class="text-gray-900 dark:text-white" fill="currentColor"
+                                  d="M89.8,24c0,1.9-0.4,3.5-1.1,4.8c-0.7,1.3-1.8,2.3-3,3c-1.3,0.7-2.7,1-4.2,1c-1.6,0-3-0.3-4.2-1
+                                                                    c-1.3-0.7-2.3-1.7-3-3c-0.7-1.3-1.1-2.9-1.1-4.8c0-1.9,0.4-3.5,1.1-4.8c0.7-1.3,1.7-2.3,3-3c1.3-0.7,2.7-1,4.2-1c1.6,0,3,0.3,4.2,1
+                                                                    c1.3,0.7,2.3,1.7,3,3C89.5,20.5,89.8,22.1,89.8,24z M85,24c0-1-0.1-1.9-0.4-2.6c-0.3-0.7-0.7-1.2-1.2-1.6c-0.5-0.4-1.2-0.6-2-0.6
+                                                                    c-0.8,0-1.4,0.2-2,0.6c-0.5,0.4-0.9,0.9-1.2,1.6C78,22.1,77.9,23,77.9,24c0,1,0.1,1.9,0.4,2.6c0.3,0.7,0.7,1.2,1.2,1.6
+                                                                    c0.5,0.4,1.2,0.6,2,0.6c0.8,0,1.4-0.2,2-0.6c0.5-0.4,0.9-0.9,1.2-1.6C84.9,25.9,85,25,85,24z" />
+                            <path class="text-gray-900 dark:text-white" fill="currentColor"
+                                  d="M102,21.1c-0.1-0.3-0.2-0.6-0.3-0.8c-0.2-0.2-0.4-0.4-0.6-0.6c-0.2-0.2-0.5-0.3-0.8-0.4s-0.6-0.1-1-0.1
+                                                                    c-0.8,0-1.5,0.2-2,0.6c-0.6,0.4-1,0.9-1.3,1.6c-0.3,0.7-0.4,1.6-0.4,2.6c0,1,0.1,1.9,0.4,2.6c0.3,0.7,0.7,1.3,1.2,1.6
+                                                                    c0.5,0.4,1.2,0.6,2,0.6c0.7,0,1.3-0.1,1.8-0.3s0.8-0.5,1.1-0.9c0.2-0.4,0.4-0.8,0.4-1.3l0.8,0.1h-3.9V23h7.6v2.4c0,1.6-0.3,2.9-1,4
+                                                                    c-0.7,1.1-1.6,2-2.7,2.6c-1.2,0.6-2.5,0.9-4,0.9c-1.7,0-3.1-0.4-4.4-1.1c-1.3-0.7-2.3-1.7-3-3c-0.7-1.3-1.1-2.9-1.1-4.7
+                                                                    c0-1.4,0.2-2.7,0.7-3.8c0.4-1.1,1-2,1.8-2.8c0.8-0.8,1.7-1.3,2.7-1.7c1-0.4,2.1-0.6,3.3-0.6c1,0,2,0.1,2.8,0.4s1.7,0.7,2.3,1.2
+                                                                    c0.7,0.5,1.2,1.2,1.6,1.9c0.4,0.7,0.7,1.5,0.8,2.4H102z" />
+                            <path class="text-gray-900 dark:text-white" fill="currentColor"
+                                  d="M124.6,24c0,1.9-0.4,3.5-1.1,4.8c-0.7,1.3-1.8,2.3-3,3c-1.3,0.7-2.7,1-4.2,1c-1.6,0-3-0.3-4.2-1
+                                                                    c-1.3-0.7-2.3-1.7-3-3c-0.7-1.3-1.1-2.9-1.1-4.8c0-1.9,0.4-3.5,1.1-4.8c0.7-1.3,1.7-2.3,3-3c1.3-0.7,2.7-1,4.2-1c1.6,0,3,0.3,4.2,1
+                                                                    c1.3,0.7,2.3,1.7,3,3C124.2,20.5,124.6,22.1,124.6,24z M119.8,24c0-1-0.1-1.9-0.4-2.6c-0.3-0.7-0.7-1.2-1.2-1.6
+                                                                    c-0.5-0.4-1.2-0.6-2-0.6c-0.8,0-1.4,0.2-2,0.6c-0.5,0.4-0.9,0.9-1.2,1.6c-0.3,0.7-0.4,1.6-0.4,2.6c0,1,0.1,1.9,0.4,2.6
+                                                                    c0.3,0.7,0.7,1.2,1.2,1.6c0.5,0.4,1.2,0.6,2,0.6c0.8,0,1.4-0.2,2-0.6c0.5-0.4,0.9-0.9,1.2-1.6C119.7,25.9,119.8,25,119.8,24z" />
+                        </g>
+                        <g>
+                            <g>
+                                <polygon class="text-gray-900 dark:text-white" fill="currentColor"
+                                         points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7" />
+                            </g>
+                            <g>
+                                <polygon class="text-gray-900 dark:text-white" fill="currentColor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 
+                                                                        36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9" />
+                            </g>
+                        </g>
+                    </svg>
                 </div>
             </div>
             <div>
-                <h2 class="pt-6 text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-4xl">
+                <h2 class="pt-6 text-3xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-4xl">
                     Backed by world-renowned investors
                 </h2>
-                <p class="max-w-3xl mt-6 text-lg leading-7 text-gray-500">Sagittis scelerisque nulla cursus in enim
+                <p class="max-w-3xl mt-6 text-lg leading-7 text-gray-900 dark:text-white">Sagittis scelerisque nulla
+                    cursus in enim
                     consectetur quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit amet, sed
                     aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi vel porttitor vitae ut. Amet vitae
                     fames senectus vitae.
@@ -264,16 +477,17 @@
         </div>
         <div class="relative px-2 mx-auto max-w-7xl">
             <div class="text-center">
-                <h2 class="text-3xl font-black tracking-tight text-indigo-500 capitalize dark:text-gray-50 sm:text-4xl">
+                <h2
+                    class="text-3xl font-black tracking-tight text-indigo-500 capitalize dark:text-indigo-300 sm:text-4xl">
                     From the blog
                 </h2>
-                <p class="max-w-2xl mx-auto mt-3 text-xl text-gray-500 sm:mt-4">Lorem ipsum dolor
+                <p class="max-w-2xl mx-auto mt-3 text-xl text-gray-200 sm:mt-4">Lorem ipsum dolor
                     sit amet consectetur,
                     adipisicing elit. Ipsa libero labore natus atque, ducimus sed.</p>
             </div>
 
             <div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50 md:px-1.5">
-                <div class="px-4 text-gray-900 not-prose dark:text-zinc-200">
+                <div class="px-4 text-gray-900 dark:text-white not-prose dark:text-zinc-200">
                     <div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3">
                         {{ range (.Paginator 3).Pages }}
                         <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
@@ -281,7 +495,7 @@
                             {{ with resources.Get . }}
                             {{ $postimage := (.Resize "500x webp q90").RelPermalink }}
                             <img src="{{ $postimage }}" class="object-fill overflow-hidden rounded-t-lg" width="100%"
-                                 height="" />
+                                 height="" loading="lazy" />
                             {{ end }}
                             {{ end }}
                             <div class="p-6">
@@ -353,7 +567,7 @@
             <div class="relative px-6 py-10 overflow-hidden bg-indigo-500 shadow-xl rounded-2xl sm:px-12 sm:py-20">
                 <div aria-hidden="true" class="absolute inset-0 -mt-72 sm:-mt-32 md:mt-0">
                     <svg class="absolute inset-0 w-full h-full" preserveAspectRatio="xMidYMid slice"
-                         xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1463 360">
+                         xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1463 360" loading="lazy">
                         <path class="text-indigo-600 text-opacity-40" fill="currentColor"
                               d="M-82.673 72l1761.849 472.086-134.327 501.315-1761.85-472.086z" />
                         <path class="text-indigo-600 text-opacity-40" fill="currentColor"
diff --git a/layouts/partials/nav.html b/layouts/partials/nav.html
index 0245476..6869cde 100644
--- a/layouts/partials/nav.html
+++ b/layouts/partials/nav.html
@@ -142,7 +142,7 @@
                     </path>
                 </svg>
                 <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
+                     aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg">
                     <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
                           fill-rule="evenodd" clip-rule="evenodd"></path>
                 </svg>
diff --git a/public/404.html b/public/404.html
index a1d4df9..58d8b0f 100644
--- a/public/404.html
+++ b/public/404.html
@@ -1,307 +1,17 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> 404 Page not found | TailBliss 
-</title>
-<meta name="description" content="TailBliss is Hugo Starter" />
-<meta property="og:title" content="404 Page not found | TailBliss" />
-<meta name="twitter:title" content="404 Page not found | TailBliss" />
-<meta itemprop="name" content="404 Page not found | TailBliss" />
-<meta name="application-name" content="404 Page not found | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="TailBliss is Hugo Starter" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/404.html" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<main id="main">
-    <div class="max-w-screen-xl px-4 py-8 mx-auto lg:py-16 lg:px-6">
-        <div class="max-w-screen-sm mx-auto text-center">
-            <h1 class="mb-4 font-black tracking-tight capitalize text-8xl lg:text-7xl xl:text-9xl dark:text-white">
-                404
-            </h1>
-            <p class="mb-4 text-3xl font-bold tracking-tight text-gray-900 md:text-4xl dark:text-white">
-                Ooooops, something&rsquo;s missing.
-            </p>
-            <p class="mb-4 text-lg font-light text-gray-500 dark:text-gray-400">Sorry, we can't find that page.
-                You'll
-                find lots to explore on the home page. </p>
-            <a href="https://tailbliss.vercel.app/"
-                class="inline-flex text-white bg-indigo-600 hover:bg-indigo-800 focus:ring-4 focus:outline-none focus:ring-indigo-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:focus:ring-indigo-900 my-4">Back
-                to Homepage</a>
-        </div>
-    </div>
-</main>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+<!doctype html><html lang=en><head><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>404 Page not found | TailBliss</title><meta name=description content="TailBliss is Hugo Starter"><meta property="og:title" content="404 Page not found | TailBliss"><meta name=twitter:title content="404 Page not found | TailBliss"><meta itemprop=name content="404 Page not found | TailBliss"><meta name=application-name content="404 Page not found | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="TailBliss is Hugo Starter"><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/404.html"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><main id=main><div class="max-w-screen-xl px-4 py-8 mx-auto lg:py-16 lg:px-6"><div class="max-w-screen-sm mx-auto text-center"><h1 class="mb-4 font-black tracking-tight capitalize text-8xl lg:text-7xl xl:text-9xl dark:text-white">404</h1><p class="mb-4 text-3xl font-bold tracking-tight text-gray-900 md:text-4xl dark:text-white">Ooooops, something&rsquo;s missing.</p><p class="mb-4 text-lg font-light text-gray-500 dark:text-gray-400">Sorry, we can't find that page.
+You'll
+find lots to explore on the home page.</p><a href=https://tailbliss.netlify.app/ class="inline-flex text-white bg-indigo-600 hover:bg-indigo-800 focus:ring-4 focus:outline-none focus:ring-indigo-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:focus:ring-indigo-900 my-4">Back
+to Homepage</a></div></div></main><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/about/index.html b/public/about/index.html
index da9af54..f17aeae 100644
--- a/public/about/index.html
+++ b/public/about/index.html
@@ -1,529 +1,33 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> About | TailBliss 
-</title>
-<meta name="description" content="About Us" />
-<meta property="og:title" content="About | TailBliss" />
-<meta name="twitter:title" content="About | TailBliss" />
-<meta itemprop="name" content="About | TailBliss" />
-<meta name="application-name" content="About | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="About Us" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/about/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<article>
-  <header class="mb-4 bg-indigo-600">
-    <span class="py-96">
-      <h1 class="py-16 text-5xl font-black text-center text-white capitalize">
-        About
-      </h1>
-    </span>
-  </header>
-  <div class="max-w-4xl mx-auto mt-8 mb-2">
-    <div class="px-6">
-      
-      
-      
-      
-      
-      
-      <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp" srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w"
-           class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40"
-           width="100%" alt="" />
-      
-      
-    </div>
-  </div>
-  
-  <div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white">
-    <h1 id="h1-heading-">h1 Heading 😊</h1>
-<h2 id="h2-heading">h2 Heading</h2>
-<h3 id="h3-heading">h3 Heading</h3>
-<h4 id="h4-heading">h4 Heading</h4>
-<h5 id="h5-heading">h5 Heading</h5>
-<h6 id="h6-heading">h6 Heading</h6>
-<h2 id="horizontal-rules">Horizontal Rules</h2>
-<hr>
-<hr>
-<hr>
-<h2 id="typographic-replacements">Typographic replacements</h2>
-<p>Enable typographer option to see result.</p>
-<p>(c) (C) (r) (R) (tm) (TM) (p) (P) +-</p>
-<p>test.. test&hellip; test&hellip;.. test?&hellip;.. test!&hellip;.</p>
-<p>!!!!!! ???? ,,  &ndash; &mdash;</p>
-<p>&ldquo;Smartypants, double quotes&rdquo; and &lsquo;single quotes&rsquo;</p>
-<h2 id="emphasis">Emphasis</h2>
-<p><strong>This is bold text</strong></p>
-<p><strong>This is bold text</strong></p>
-<p><em>This is italic text</em></p>
-<p><em>This is italic text</em></p>
-<p><del>Strikethrough</del></p>
-<h2 id="blockquotes">Blockquotes</h2>
-<blockquote>
-<p>Blockquotes can also be nested&hellip;</p>
-<blockquote>
-<p>&hellip;by using additional greater-than signs right next to each other&hellip;</p>
-<blockquote>
-<p>&hellip;or with spaces between arrows.</p>
-</blockquote>
-</blockquote>
-</blockquote>
-<h2 id="lists">Lists</h2>
-<p>Unordered</p>
-<ul>
-<li>Create a list by starting a line with <code>+</code>, <code>-</code>, or <code>*</code></li>
-<li>Sub-lists are made by indenting 2 spaces:
-<ul>
-<li>Marker character change forces new list start:
-<ul>
-<li>Ac tristique libero volutpat at</li>
-</ul>
-<ul>
-<li>Facilisis in pretium nisl aliquet</li>
-</ul>
-<ul>
-<li>Nulla volutpat aliquam velit</li>
-</ul>
-</li>
-</ul>
-</li>
-<li>Very easy!</li>
-</ul>
-<p>Ordered</p>
-<ol>
-<li>
-<p>Lorem ipsum dolor sit amet</p>
-</li>
-<li>
-<p>Consectetur adipiscing elit</p>
-</li>
-<li>
-<p>Integer molestie lorem at massa</p>
-</li>
-<li>
-<p>You can use sequential numbers&hellip;</p>
-</li>
-<li>
-<p>&hellip;or keep all the numbers as <code>1.</code></p>
-</li>
-</ol>
-<p>Start numbering with offset:</p>
-<ol start="57">
-<li>foo</li>
-<li>bar</li>
-</ol>
-<h2 id="code">Code</h2>
-<p>Inline <code>code</code></p>
-<p>Indented code</p>
-<pre><code>// Some comments
+<!doctype html><html lang=en><head><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>About | TailBliss</title><meta name=description content="About Us"><meta property="og:title" content="About | TailBliss"><meta name=twitter:title content="About | TailBliss"><meta itemprop=name content="About | TailBliss"><meta name=application-name content="About | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="About Us"><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/about/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><article><header class="mb-4 bg-indigo-600"><span class=py-96><h1 class="py-16 text-5xl font-black text-center text-white capitalize">About</h1></span></header><div class="max-w-4xl mx-auto mt-8 mb-2"><div class=px-6><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w" class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40" width=100% alt></div></div><div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white"><h1 id=h1-heading->h1 Heading 😊</h1><h2 id=h2-heading>h2 Heading</h2><h3 id=h3-heading>h3 Heading</h3><h4 id=h4-heading>h4 Heading</h4><h5 id=h5-heading>h5 Heading</h5><h6 id=h6-heading>h6 Heading</h6><h2 id=horizontal-rules>Horizontal Rules</h2><hr><hr><hr><h2 id=typographic-replacements>Typographic replacements</h2><p>Enable typographer option to see result.</p><p>(c) (C) (r) (R) (tm) (TM) (p) (P) +-</p><p>test.. test&mldr; test&mldr;.. test?&mldr;.. test!&mldr;.</p><p>!!!!!! ???? ,, &ndash; &mdash;</p><p>&ldquo;Smartypants, double quotes&rdquo; and &lsquo;single quotes&rsquo;</p><h2 id=emphasis>Emphasis</h2><p><strong>This is bold text</strong></p><p><strong>This is bold text</strong></p><p><em>This is italic text</em></p><p><em>This is italic text</em></p><p><del>Strikethrough</del></p><h2 id=blockquotes>Blockquotes</h2><blockquote><p>Blockquotes can also be nested&mldr;</p><blockquote><p>&mldr;by using additional greater-than signs right next to each other&mldr;</p><blockquote><p>&mldr;or with spaces between arrows.</p></blockquote></blockquote></blockquote><h2 id=lists>Lists</h2><p>Unordered</p><ul><li>Create a list by starting a line with <code>+</code>, <code>-</code>, or <code>*</code></li><li>Sub-lists are made by indenting 2 spaces:<ul><li>Marker character change forces new list start:<ul><li>Ac tristique libero volutpat at</li></ul><ul><li>Facilisis in pretium nisl aliquet</li></ul><ul><li>Nulla volutpat aliquam velit</li></ul></li></ul></li><li>Very easy!</li></ul><p>Ordered</p><ol><li><p>Lorem ipsum dolor sit amet</p></li><li><p>Consectetur adipiscing elit</p></li><li><p>Integer molestie lorem at massa</p></li><li><p>You can use sequential numbers&mldr;</p></li><li><p>&mldr;or keep all the numbers as <code>1.</code></p></li></ol><p>Start numbering with offset:</p><ol start=57><li>foo</li><li>bar</li></ol><h2 id=code>Code</h2><p>Inline <code>code</code></p><p>Indented code</p><pre><code>// Some comments
 line 1 of code
 line 2 of code
 line 3 of code
-</code></pre>
-<p>Block code &ldquo;fences&rdquo;</p>
-<pre tabindex="0"><code>Sample text here...
-</code></pre><p>Syntax highlighting</p>
-<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-js" data-lang="js"><span style="display:flex;"><span><span style="color:#66d9ef">var</span> <span style="color:#a6e22e">foo</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">function</span> (<span style="color:#a6e22e">bar</span>) {
-</span></span><span style="display:flex;"><span>  <span style="color:#66d9ef">return</span> <span style="color:#a6e22e">bar</span><span style="color:#f92672">++</span>;
-</span></span><span style="display:flex;"><span>};
-</span></span><span style="display:flex;"><span>
-</span></span><span style="display:flex;"><span><span style="color:#a6e22e">console</span>.<span style="color:#a6e22e">log</span>(<span style="color:#a6e22e">foo</span>(<span style="color:#ae81ff">5</span>));
-</span></span></code></pre></div><h2 id="tables">Tables</h2>
-<table>
-<thead>
-<tr>
-<th>Option</th>
-<th>Description</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>data</td>
-<td>path to data files to supply the data that will be passed into templates.</td>
-</tr>
-<tr>
-<td>engine</td>
-<td>engine to be used for processing templates. Handlebars is the default.</td>
-</tr>
-<tr>
-<td>ext</td>
-<td>extension to be used for dest files.</td>
-</tr>
-</tbody>
-</table>
-<p>Right aligned columns</p>
-<table>
-<thead>
-<tr>
-<th style="text-align:right">Option</th>
-<th style="text-align:right">Description</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td style="text-align:right">data</td>
-<td style="text-align:right">path to data files to supply the data that will be passed into templates.</td>
-</tr>
-<tr>
-<td style="text-align:right">engine</td>
-<td style="text-align:right">engine to be used for processing templates. Handlebars is the default.</td>
-</tr>
-<tr>
-<td style="text-align:right">ext</td>
-<td style="text-align:right">extension to be used for dest files.</td>
-</tr>
-</tbody>
-</table>
-<h2 id="links">Links</h2>
-<p><a href="http://dev.nodeca.com">link text</a></p>
-<p><a href="http://nodeca.github.io/pica/demo/" title="title text!">link with title</a></p>
-<p>Autoconverted link <a href="https://github.com/nodeca/pica">https://github.com/nodeca/pica</a> (enable linkify to see)</p>
-<h2 id="images">Images</h2>
-<p><img src="https://octodex.github.com/images/minion.png" alt="Minion">
-<img src="https://octodex.github.com/images/stormtroopocat.jpg" alt="Stormtroopocat" title="The Stormtroopocat"></p>
-<p>Like links, Images also have a footnote style syntax</p>
-<p><img src="https://octodex.github.com/images/dojocat.jpg" alt="Alt text" title="The Dojocat"></p>
-<p>With a reference later in the document defining the URL location:</p>
-<h2 id="plugins">Plugins</h2>
-<p>The killer feature of <code>markdown-it</code> is very effective support of
-<a href="https://www.npmjs.org/browse/keyword/markdown-it-plugin">syntax plugins</a>.</p>
-<h3 id="emojieshttpsgithubcommarkdown-itmarkdown-it-emoji"><a href="https://github.com/markdown-it/markdown-it-emoji">Emojies</a></h3>
-<blockquote>
-<p>Classic markup: 😉 :crush: 😢 :tear: 😆 😋</p>
-<p>Shortcuts (emoticons): :-) :-( 8-) ;)</p>
-</blockquote>
-<p>see <a href="https://github.com/markdown-it/markdown-it-emoji#change-output">how to change output</a> with twemoji.</p>
-<h3 id="subscripthttpsgithubcommarkdown-itmarkdown-it-sub--superscripthttpsgithubcommarkdown-itmarkdown-it-sup"><a href="https://github.com/markdown-it/markdown-it-sub">Subscript</a> / <a href="https://github.com/markdown-it/markdown-it-sup">Superscript</a></h3>
-<ul>
-<li>19^th^</li>
-<li>H~2~O</li>
-</ul>
-<h3 id="inshttpsgithubcommarkdown-itmarkdown-it-ins"><a href="https://github.com/markdown-it/markdown-it-ins">&lt;ins&gt;</a></h3>
-<p>++Inserted text++</p>
-<h3 id="markhttpsgithubcommarkdown-itmarkdown-it-mark"><a href="https://github.com/markdown-it/markdown-it-mark">&lt;mark&gt;</a></h3>
-<p>==Marked text==</p>
-<h3 id="footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote"><a href="https://github.com/markdown-it/markdown-it-footnote">Footnotes</a></h3>
-<p>Footnote 1 link<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>.</p>
-<p>Footnote 2 link<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
-<p>Inline footnote^[Text of inline footnote] definition.</p>
-<p>Duplicated footnote reference<sup id="fnref1:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
-<h3 id="definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist"><a href="https://github.com/markdown-it/markdown-it-deflist">Definition lists</a></h3>
-<dl>
-<dt>Term 1</dt>
-<dd>
-<p>Definition 1
-with lazy continuation.</p>
-</dd>
-<dt>Term 2 with <em>inline markup</em></dt>
-<dd>
-<p>Definition 2</p>
-<pre><code>{ some code, part of Definition 2 }
-</code></pre>
-<p>Third paragraph of definition 2.</p>
-</dd>
-</dl>
-<p><em>Compact style:</em></p>
-<p>Term 1
-~ Definition 1</p>
-<p>Term 2
+</code></pre><p>Block code &ldquo;fences&rdquo;</p><pre tabindex=0><code>Sample text here...
+</code></pre><p>Syntax highlighting</p><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-js data-lang=js><span style=display:flex><span><span style=color:#66d9ef>var</span> <span style=color:#a6e22e>foo</span> <span style=color:#f92672>=</span> <span style=color:#66d9ef>function</span> (<span style=color:#a6e22e>bar</span>) {
+</span></span><span style=display:flex><span>  <span style=color:#66d9ef>return</span> <span style=color:#a6e22e>bar</span><span style=color:#f92672>++</span>;
+</span></span><span style=display:flex><span>};
+</span></span><span style=display:flex><span>
+</span></span><span style=display:flex><span><span style=color:#a6e22e>console</span>.<span style=color:#a6e22e>log</span>(<span style=color:#a6e22e>foo</span>(<span style=color:#ae81ff>5</span>));
+</span></span></code></pre></div><h2 id=tables>Tables</h2><table><thead><tr><th>Option</th><th>Description</th></tr></thead><tbody><tr><td>data</td><td>path to data files to supply the data that will be passed into templates.</td></tr><tr><td>engine</td><td>engine to be used for processing templates. Handlebars is the default.</td></tr><tr><td>ext</td><td>extension to be used for dest files.</td></tr></tbody></table><p>Right aligned columns</p><table><thead><tr><th style=text-align:right>Option</th><th style=text-align:right>Description</th></tr></thead><tbody><tr><td style=text-align:right>data</td><td style=text-align:right>path to data files to supply the data that will be passed into templates.</td></tr><tr><td style=text-align:right>engine</td><td style=text-align:right>engine to be used for processing templates. Handlebars is the default.</td></tr><tr><td style=text-align:right>ext</td><td style=text-align:right>extension to be used for dest files.</td></tr></tbody></table><h2 id=links>Links</h2><p><a href=http://dev.nodeca.com>link text</a></p><p><a href=http://nodeca.github.io/pica/demo/ title="title text!">link with title</a></p><p>Autoconverted link <a href=https://github.com/nodeca/pica>https://github.com/nodeca/pica</a> (enable linkify to see)</p><h2 id=images>Images</h2><p><img src=https://octodex.github.com/images/minion.png alt=Minion>
+<img src=https://octodex.github.com/images/stormtroopocat.jpg alt=Stormtroopocat title="The Stormtroopocat"></p><p>Like links, Images also have a footnote style syntax</p><p><img src=https://octodex.github.com/images/dojocat.jpg alt="Alt text" title="The Dojocat"></p><p>With a reference later in the document defining the URL location:</p><h2 id=plugins>Plugins</h2><p>The killer feature of <code>markdown-it</code> is very effective support of
+<a href=https://www.npmjs.org/browse/keyword/markdown-it-plugin>syntax plugins</a>.</p><h3 id=emojieshttpsgithubcommarkdown-itmarkdown-it-emoji><a href=https://github.com/markdown-it/markdown-it-emoji>Emojies</a></h3><blockquote><p>Classic markup: 😉 :crush: 😢 :tear: 😆 😋</p><p>Shortcuts (emoticons): :-) :-( 8-) ;)</p></blockquote><p>see <a href=https://github.com/markdown-it/markdown-it-emoji#change-output>how to change output</a> with twemoji.</p><h3 id=subscripthttpsgithubcommarkdown-itmarkdown-it-sub--superscripthttpsgithubcommarkdown-itmarkdown-it-sup><a href=https://github.com/markdown-it/markdown-it-sub>Subscript</a> / <a href=https://github.com/markdown-it/markdown-it-sup>Superscript</a></h3><ul><li>19^th^</li><li>H~2~O</li></ul><h3 id=inshttpsgithubcommarkdown-itmarkdown-it-ins><a href=https://github.com/markdown-it/markdown-it-ins>&lt;ins></a></h3><p>++Inserted text++</p><h3 id=markhttpsgithubcommarkdown-itmarkdown-it-mark><a href=https://github.com/markdown-it/markdown-it-mark>&lt;mark></a></h3><p>==Marked text==</p><h3 id=footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote><a href=https://github.com/markdown-it/markdown-it-footnote>Footnotes</a></h3><p>Footnote 1 link<sup id=fnref:1><a href=#fn:1 class=footnote-ref role=doc-noteref>1</a></sup>.</p><p>Footnote 2 link<sup id=fnref:2><a href=#fn:2 class=footnote-ref role=doc-noteref>2</a></sup>.</p><p>Inline footnote^[Text of inline footnote] definition.</p><p>Duplicated footnote reference<sup id=fnref1:2><a href=#fn:2 class=footnote-ref role=doc-noteref>2</a></sup>.</p><h3 id=definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist><a href=https://github.com/markdown-it/markdown-it-deflist>Definition lists</a></h3><dl><dt>Term 1</dt><dd><p>Definition 1
+with lazy continuation.</p></dd><dt>Term 2 with <em>inline markup</em></dt><dd><p>Definition 2</p><pre><code>{ some code, part of Definition 2 }
+</code></pre><p>Third paragraph of definition 2.</p></dd></dl><p><em>Compact style:</em></p><p>Term 1
+~ Definition 1</p><p>Term 2
 ~ Definition 2a
-~ Definition 2b</p>
-<h3 id="abbreviationshttpsgithubcommarkdown-itmarkdown-it-abbr"><a href="https://github.com/markdown-it/markdown-it-abbr">Abbreviations</a></h3>
-<p>This is HTML abbreviation example.</p>
-<p>It converts &ldquo;HTML&rdquo;, but keep intact partial entries like &ldquo;xxxHTMLyyy&rdquo; and so on.</p>
-<p>*[HTML]: Hyper Text Markup Language</p>
-<h3 id="custom-containershttpsgithubcommarkdown-itmarkdown-it-container"><a href="https://github.com/markdown-it/markdown-it-container">Custom containers</a></h3>
-<p>::: warning
+~ Definition 2b</p><h3 id=abbreviationshttpsgithubcommarkdown-itmarkdown-it-abbr><a href=https://github.com/markdown-it/markdown-it-abbr>Abbreviations</a></h3><p>This is HTML abbreviation example.</p><p>It converts &ldquo;HTML&rdquo;, but keep intact partial entries like &ldquo;xxxHTMLyyy&rdquo; and so on.</p><p>*[HTML]: Hyper Text Markup Language</p><h3 id=custom-containershttpsgithubcommarkdown-itmarkdown-it-container><a href=https://github.com/markdown-it/markdown-it-container>Custom containers</a></h3><p>::: warning
 <em>here be dragons</em>
-:::</p>
-<div class="footnotes" role="doc-endnotes">
-<hr>
-<ol>
-<li id="fn:1">
-<p>Footnote <strong>can have markup</strong></p>
-<p>and multiple paragraphs.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
-</li>
-<li id="fn:2">
-<p>Footnote text.&#160;<a href="#fnref:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a>&#160;<a href="#fnref1:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
-</li>
-</ol>
-</div>
-
-  </div>
-</article>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+:::</p><div class=footnotes role=doc-endnotes><hr><ol><li id=fn:1><p>Footnote <strong>can have markup</strong></p><p>and multiple paragraphs.&#160;<a href=#fnref:1 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a></p></li><li id=fn:2><p>Footnote text.&#160;<a href=#fnref:2 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a>&#160;<a href=#fnref1:2 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a></p></li></ol></div></div></article><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/categories/blog/index.html b/public/categories/blog/index.html
index be5194d..064ab45 100644
--- a/public/categories/blog/index.html
+++ b/public/categories/blog/index.html
@@ -1,606 +1,44 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> Blog | TailBliss 
-</title>
-<meta name="description" content="TailBliss is Hugo Starter" />
-<meta property="og:title" content="Blog | TailBliss" />
-<meta name="twitter:title" content="Blog | TailBliss" />
-<meta itemprop="name" content="Blog | TailBliss" />
-<meta name="application-name" content="Blog | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="TailBliss is Hugo Starter" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/categories/blog/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<main>
-    <article>
-        <header class="mb-4 bg-indigo-600">
-            <span class="py-96">
-                <h1 class="py-16 text-5xl font-black text-center text-white capitalize">
-                    Blog
-                </h1>
-            </span>
-        </header>
-        
-        <div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50">
-    <div class="px-4 not-prose">
-        <div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3">
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/blog-post-1/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            Blog Post 1
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/blog/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2022-06-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/blog-post-2/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            Blog Post 2
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/blog/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2021-12-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/blog-post-3/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            Blog Post 3
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/blog/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2021-12-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/blog-post-4/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            Blog Post 4
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/blog/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2021-12-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/blog-post-5/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            Blog Post 5
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/blog/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2021-12-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/blog-post-6/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            Blog Post 6
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/blog/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2021-12-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-        </div>
-    </div>
-</div>
-    </article>
-    <div class="max-w-xl mx-auto my-16">
-        
-
-    </div>
-</main>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+<!doctype html><html lang=en><head><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>Blog | TailBliss</title><meta name=description content="TailBliss is Hugo Starter"><meta property="og:title" content="Blog | TailBliss"><meta name=twitter:title content="Blog | TailBliss"><meta itemprop=name content="Blog | TailBliss"><meta name=application-name content="Blog | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="TailBliss is Hugo Starter"><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/categories/blog/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><main><article><header class="mb-4 bg-indigo-600"><span class=py-96><h1 class="py-16 text-5xl font-black text-center text-white capitalize">Blog</h1></span></header><div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50"><div class="px-4 not-prose"><div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3"><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/blog-post-1/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Blog Post 1</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/blog/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-06-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/blog-post-2/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Blog Post 2</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/blog/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2021-12-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/blog-post-3/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Blog Post 3</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/blog/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2021-12-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/blog-post-4/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Blog Post 4</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/blog/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2021-12-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/blog-post-5/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Blog Post 5</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/blog/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2021-12-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/blog-post-6/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Blog Post 6</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/blog/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2021-12-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div></div></div></div></article><div class="max-w-xl mx-auto my-16"></div></main><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/categories/blog/index.xml b/public/categories/blog/index.xml
index a633719..6034b1f 100644
--- a/public/categories/blog/index.xml
+++ b/public/categories/blog/index.xml
@@ -1,65 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Blog on TailBliss</title>
-    <link>https://tailbliss.vercel.app/categories/blog/</link>
-    <description>Recent content in Blog on TailBliss</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <lastBuildDate>Sat, 18 Jun 2022 11:10:36 +0800</lastBuildDate><atom:link href="https://tailbliss.vercel.app/categories/blog/index.xml" rel="self" type="application/rss+xml" />
-    <item>
-      <title>Blog Post 1</title>
-      <link>https://tailbliss.vercel.app/posts/blog-post-1/</link>
-      <pubDate>Sat, 18 Jun 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/blog-post-1/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>Blog Post 2</title>
-      <link>https://tailbliss.vercel.app/posts/blog-post-2/</link>
-      <pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/blog-post-2/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>Blog Post 3</title>
-      <link>https://tailbliss.vercel.app/posts/blog-post-3/</link>
-      <pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/blog-post-3/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>Blog Post 4</title>
-      <link>https://tailbliss.vercel.app/posts/blog-post-4/</link>
-      <pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/blog-post-4/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>Blog Post 5</title>
-      <link>https://tailbliss.vercel.app/posts/blog-post-5/</link>
-      <pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/blog-post-5/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>Blog Post 6</title>
-      <link>https://tailbliss.vercel.app/posts/blog-post-6/</link>
-      <pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/blog-post-6/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-  </channel>
-</rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Blog on TailBliss</title><link>https://tailbliss.netlify.app/categories/blog/</link><description>Recent content in Blog on TailBliss</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Sat, 18 Jun 2022 11:10:36 +0800</lastBuildDate><atom:link href="https://tailbliss.netlify.app/categories/blog/index.xml" rel="self" type="application/rss+xml"/><item><title>Blog Post 1</title><link>https://tailbliss.netlify.app/posts/blog-post-1/</link><pubDate>Sat, 18 Jun 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/blog-post-1/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>Blog Post 2</title><link>https://tailbliss.netlify.app/posts/blog-post-2/</link><pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/blog-post-2/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>Blog Post 3</title><link>https://tailbliss.netlify.app/posts/blog-post-3/</link><pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/blog-post-3/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>Blog Post 4</title><link>https://tailbliss.netlify.app/posts/blog-post-4/</link><pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/blog-post-4/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>Blog Post 5</title><link>https://tailbliss.netlify.app/posts/blog-post-5/</link><pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/blog-post-5/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>Blog Post 6</title><link>https://tailbliss.netlify.app/posts/blog-post-6/</link><pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/blog-post-6/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item></channel></rss>
\ No newline at end of file
diff --git a/public/categories/blog/page/1/index.html b/public/categories/blog/page/1/index.html
index be914ff..e140890 100644
--- a/public/categories/blog/page/1/index.html
+++ b/public/categories/blog/page/1/index.html
@@ -1,10 +1 @@
-<!DOCTYPE html>
-<html lang="en-us">
-  <head>
-    <title>https://tailbliss.vercel.app/categories/blog/</title>
-    <link rel="canonical" href="https://tailbliss.vercel.app/categories/blog/">
-    <meta name="robots" content="noindex">
-    <meta charset="utf-8">
-    <meta http-equiv="refresh" content="0; url=https://tailbliss.vercel.app/categories/blog/">
-  </head>
-</html>
+<!doctype html><html lang=en-us><head><title>https://tailbliss.netlify.app/categories/blog/</title><link rel=canonical href=https://tailbliss.netlify.app/categories/blog/><meta name=robots content="noindex"><meta charset=utf-8><meta http-equiv=refresh content="0; url=https://tailbliss.netlify.app/categories/blog/"></head></html>
\ No newline at end of file
diff --git a/public/categories/index.html b/public/categories/index.html
index b5e5b1e..4953b0b 100644
--- a/public/categories/index.html
+++ b/public/categories/index.html
@@ -1,388 +1,20 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> Categories | TailBliss 
-</title>
-<meta name="description" content="TailBliss is Hugo Starter" />
-<meta property="og:title" content="Categories | TailBliss" />
-<meta name="twitter:title" content="Categories | TailBliss" />
-<meta itemprop="name" content="Categories | TailBliss" />
-<meta name="application-name" content="Categories | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="TailBliss is Hugo Starter" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/categories/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<main>
-    <article>
-        <header class="mb-4 bg-indigo-600">
-            <span class="py-96">
-                <h1 class="py-16 text-5xl font-black text-center text-white capitalize">
-                    Categories
-                </h1>
-            </span>
-        </header>
-        
-        <div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50">
-    <div class="px-4 not-prose">
-        <div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3">
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/categories/blog/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            Blog
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        </div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only"></span>
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline"></a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2022-06-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>0 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/categories/news/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            News
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        </div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only"></span>
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline"></a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2022-05-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>0 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-        </div>
-    </div>
-</div>
-    </article>
-    <div class="max-w-xl mx-auto my-16">
-        
-
-    </div>
-</main>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+<!doctype html><html lang=en><head><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>Categories | TailBliss</title><meta name=description content="TailBliss is Hugo Starter"><meta property="og:title" content="Categories | TailBliss"><meta name=twitter:title content="Categories | TailBliss"><meta itemprop=name content="Categories | TailBliss"><meta name=application-name content="Categories | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="TailBliss is Hugo Starter"><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/categories/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><main><article><header class="mb-4 bg-indigo-600"><span class=py-96><h1 class="py-16 text-5xl font-black text-center text-white capitalize">Categories</h1></span></header><div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50"><div class="px-4 not-prose"><div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3"><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/categories/blog/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Blog</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300"></p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only></span></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline></a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-06-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>0 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/categories/news/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">News</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300"></p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only></span></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline></a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-05-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>0 min
+read</span></div></div></div></div></div></div></div></div></article><div class="max-w-xl mx-auto my-16"></div></main><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/categories/index.xml b/public/categories/index.xml
index 8f1f305..c4396f2 100644
--- a/public/categories/index.xml
+++ b/public/categories/index.xml
@@ -1,29 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Categories on TailBliss</title>
-    <link>https://tailbliss.vercel.app/categories/</link>
-    <description>Recent content in Categories on TailBliss</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <lastBuildDate>Sat, 18 Jun 2022 11:10:36 +0800</lastBuildDate><atom:link href="https://tailbliss.vercel.app/categories/index.xml" rel="self" type="application/rss+xml" />
-    <item>
-      <title>Blog</title>
-      <link>https://tailbliss.vercel.app/categories/blog/</link>
-      <pubDate>Sat, 18 Jun 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/categories/blog/</guid>
-      <description></description>
-    </item>
-    
-    <item>
-      <title>News</title>
-      <link>https://tailbliss.vercel.app/categories/news/</link>
-      <pubDate>Wed, 18 May 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/categories/news/</guid>
-      <description></description>
-    </item>
-    
-  </channel>
-</rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Categories on TailBliss</title><link>https://tailbliss.netlify.app/categories/</link><description>Recent content in Categories on TailBliss</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Sat, 18 Jun 2022 11:10:36 +0800</lastBuildDate><atom:link href="https://tailbliss.netlify.app/categories/index.xml" rel="self" type="application/rss+xml"/><item><title>Blog</title><link>https://tailbliss.netlify.app/categories/blog/</link><pubDate>Sat, 18 Jun 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/categories/blog/</guid><description/></item><item><title>News</title><link>https://tailbliss.netlify.app/categories/news/</link><pubDate>Wed, 18 May 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/categories/news/</guid><description/></item></channel></rss>
\ No newline at end of file
diff --git a/public/categories/news/index.html b/public/categories/news/index.html
index 550e381..d8f065a 100644
--- a/public/categories/news/index.html
+++ b/public/categories/news/index.html
@@ -1,606 +1,44 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> News | TailBliss 
-</title>
-<meta name="description" content="TailBliss is Hugo Starter" />
-<meta property="og:title" content="News | TailBliss" />
-<meta name="twitter:title" content="News | TailBliss" />
-<meta itemprop="name" content="News | TailBliss" />
-<meta name="application-name" content="News | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="TailBliss is Hugo Starter" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/categories/news/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<main>
-    <article>
-        <header class="mb-4 bg-indigo-600">
-            <span class="py-96">
-                <h1 class="py-16 text-5xl font-black text-center text-white capitalize">
-                    News
-                </h1>
-            </span>
-        </header>
-        
-        <div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50">
-    <div class="px-4 not-prose">
-        <div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3">
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/news-post-1/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            News Post 1
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/news/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2022-05-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/news-post-2/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            News Post 2
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/news/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2022-04-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/news-post-4/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            News Post 4
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/news/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2022-03-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/news-post-5/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            News Post 5
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/news/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2022-03-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/news-post-6/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            News Post 6
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/news/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2022-03-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/news-post-3/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            News Post 3
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/news/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2021-12-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-        </div>
-    </div>
-</div>
-    </article>
-    <div class="max-w-xl mx-auto my-16">
-        
-
-    </div>
-</main>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+<!doctype html><html lang=en><head><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>News | TailBliss</title><meta name=description content="TailBliss is Hugo Starter"><meta property="og:title" content="News | TailBliss"><meta name=twitter:title content="News | TailBliss"><meta itemprop=name content="News | TailBliss"><meta name=application-name content="News | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="TailBliss is Hugo Starter"><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/categories/news/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><main><article><header class="mb-4 bg-indigo-600"><span class=py-96><h1 class="py-16 text-5xl font-black text-center text-white capitalize">News</h1></span></header><div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50"><div class="px-4 not-prose"><div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3"><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/news-post-1/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">News Post 1</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/news/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-05-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/news-post-2/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">News Post 2</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/news/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-04-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/news-post-4/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">News Post 4</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/news/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-03-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/news-post-5/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">News Post 5</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/news/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-03-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/news-post-6/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">News Post 6</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/news/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-03-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/news-post-3/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">News Post 3</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/news/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2021-12-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div></div></div></div></article><div class="max-w-xl mx-auto my-16"></div></main><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/categories/news/index.xml b/public/categories/news/index.xml
index 1cc939b..634c5f7 100644
--- a/public/categories/news/index.xml
+++ b/public/categories/news/index.xml
@@ -1,65 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>News on TailBliss</title>
-    <link>https://tailbliss.vercel.app/categories/news/</link>
-    <description>Recent content in News on TailBliss</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <lastBuildDate>Wed, 18 May 2022 11:10:36 +0800</lastBuildDate><atom:link href="https://tailbliss.vercel.app/categories/news/index.xml" rel="self" type="application/rss+xml" />
-    <item>
-      <title>News Post 1</title>
-      <link>https://tailbliss.vercel.app/posts/news-post-1/</link>
-      <pubDate>Wed, 18 May 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/news-post-1/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>News Post 2</title>
-      <link>https://tailbliss.vercel.app/posts/news-post-2/</link>
-      <pubDate>Mon, 18 Apr 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/news-post-2/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>News Post 4</title>
-      <link>https://tailbliss.vercel.app/posts/news-post-4/</link>
-      <pubDate>Fri, 18 Mar 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/news-post-4/</guid>
-      <description>&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.&lt;/p&gt;</description>
-    </item>
-    
-    <item>
-      <title>News Post 5</title>
-      <link>https://tailbliss.vercel.app/posts/news-post-5/</link>
-      <pubDate>Fri, 18 Mar 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/news-post-5/</guid>
-      <description>&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.&lt;/p&gt;</description>
-    </item>
-    
-    <item>
-      <title>News Post 6</title>
-      <link>https://tailbliss.vercel.app/posts/news-post-6/</link>
-      <pubDate>Fri, 18 Mar 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/news-post-6/</guid>
-      <description>&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.&lt;/p&gt;</description>
-    </item>
-    
-    <item>
-      <title>News Post 3</title>
-      <link>https://tailbliss.vercel.app/posts/news-post-3/</link>
-      <pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/news-post-3/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-  </channel>
-</rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>News on TailBliss</title><link>https://tailbliss.netlify.app/categories/news/</link><description>Recent content in News on TailBliss</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Wed, 18 May 2022 11:10:36 +0800</lastBuildDate><atom:link href="https://tailbliss.netlify.app/categories/news/index.xml" rel="self" type="application/rss+xml"/><item><title>News Post 1</title><link>https://tailbliss.netlify.app/posts/news-post-1/</link><pubDate>Wed, 18 May 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/news-post-1/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>News Post 2</title><link>https://tailbliss.netlify.app/posts/news-post-2/</link><pubDate>Mon, 18 Apr 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/news-post-2/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>News Post 4</title><link>https://tailbliss.netlify.app/posts/news-post-4/</link><pubDate>Fri, 18 Mar 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/news-post-4/</guid><description>&lt;p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.&lt;/p></description></item><item><title>News Post 5</title><link>https://tailbliss.netlify.app/posts/news-post-5/</link><pubDate>Fri, 18 Mar 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/news-post-5/</guid><description>&lt;p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.&lt;/p></description></item><item><title>News Post 6</title><link>https://tailbliss.netlify.app/posts/news-post-6/</link><pubDate>Fri, 18 Mar 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/news-post-6/</guid><description>&lt;p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.&lt;/p></description></item><item><title>News Post 3</title><link>https://tailbliss.netlify.app/posts/news-post-3/</link><pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/news-post-3/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item></channel></rss>
\ No newline at end of file
diff --git a/public/categories/news/page/1/index.html b/public/categories/news/page/1/index.html
index 0c63747..bc6f3a9 100644
--- a/public/categories/news/page/1/index.html
+++ b/public/categories/news/page/1/index.html
@@ -1,10 +1 @@
-<!DOCTYPE html>
-<html lang="en-us">
-  <head>
-    <title>https://tailbliss.vercel.app/categories/news/</title>
-    <link rel="canonical" href="https://tailbliss.vercel.app/categories/news/">
-    <meta name="robots" content="noindex">
-    <meta charset="utf-8">
-    <meta http-equiv="refresh" content="0; url=https://tailbliss.vercel.app/categories/news/">
-  </head>
-</html>
+<!doctype html><html lang=en-us><head><title>https://tailbliss.netlify.app/categories/news/</title><link rel=canonical href=https://tailbliss.netlify.app/categories/news/><meta name=robots content="noindex"><meta charset=utf-8><meta http-equiv=refresh content="0; url=https://tailbliss.netlify.app/categories/news/"></head></html>
\ No newline at end of file
diff --git a/public/categories/page/1/index.html b/public/categories/page/1/index.html
index dd6b88e..dfa7d92 100644
--- a/public/categories/page/1/index.html
+++ b/public/categories/page/1/index.html
@@ -1,10 +1 @@
-<!DOCTYPE html>
-<html lang="en-us">
-  <head>
-    <title>https://tailbliss.vercel.app/categories/</title>
-    <link rel="canonical" href="https://tailbliss.vercel.app/categories/">
-    <meta name="robots" content="noindex">
-    <meta charset="utf-8">
-    <meta http-equiv="refresh" content="0; url=https://tailbliss.vercel.app/categories/">
-  </head>
-</html>
+<!doctype html><html lang=en-us><head><title>https://tailbliss.netlify.app/categories/</title><link rel=canonical href=https://tailbliss.netlify.app/categories/><meta name=robots content="noindex"><meta charset=utf-8><meta http-equiv=refresh content="0; url=https://tailbliss.netlify.app/categories/"></head></html>
\ No newline at end of file
diff --git a/public/contact/index.html b/public/contact/index.html
index ca4c68f..ccab69f 100644
--- a/public/contact/index.html
+++ b/public/contact/index.html
@@ -1,330 +1,17 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> Contact | TailBliss 
-</title>
-<meta name="description" content="A test with @tailwindcss/typography &amp; Prose" />
-<meta property="og:title" content="Contact | TailBliss" />
-<meta name="twitter:title" content="Contact | TailBliss" />
-<meta itemprop="name" content="Contact | TailBliss" />
-<meta name="application-name" content="Contact | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="A test with @tailwindcss/typography &amp; Prose" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/contact/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<article>
-  <header class="mb-4 bg-indigo-600">
-    <span class="py-96">
-      <h1 class="py-16 text-5xl font-black text-center text-white capitalize">
-        Contact
-      </h1>
-    </span>
-  </header>
-  <div class="max-w-4xl mx-auto mt-8 mb-2">
-    <div class="px-6">
-      
-    </div>
-  </div>
-  
-  <div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white">
-    <!-- @format -->
-<section class="lg:pb-24">
-  <div class="max-w-screen-md px-4 mx-auto">
-      <p class="mb-8 font-light text-center text-gray-500 lg:mb-16 dark:text-gray-400 sm:text-xl">Got a technical issue? Want to send feedback about a beta feature? Need details about our Business plan? Let us know.</p>
-      <form name="contact" netlify class="space-y-8">
-          <div class="my-4">
-              <label for="email" class="block mb-2 font-medium text-gray-900 text-md dark:text-gray-300"><strong>Your Email:</strong></label>
-              <input type="email" id="email" class="shadow-sm bg-gray-50 border border-gray-300 text-gray-900 text-md rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-indigo-500 dark:focus:border-indigo-500 dark:shadow-sm-light" placeholder="name@example.com" required>
-          </div>
-          <div class="my-4">
-              <label for="subject" class="block mb-2 font-medium text-gray-900 text-md dark:text-gray-300"><strong>Subject:</strong></label>
-              <input type="text" id="subject" class="block w-full p-3 text-gray-900 border border-gray-300 rounded-lg shadow-sm text-md bg-gray-50 focus:ring-indigo-500 focus:border-indigo-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-indigo-500 dark:focus:border-indigo-500 dark:shadow-sm-light" placeholder="Let us know how we can help you" required>
-          </div>
-          <div class="my-4 sm:col-span-2">
-              <label for="message" class="block mb-2 font-medium text-gray-900 text-md dark:text-gray-400"><strong>Your message:</strong></label>
-              <textarea id="message" rows="6" class="block p-2.5 w-full text-md text-gray-900 bg-gray-50 rounded-lg shadow-sm border border-gray-300 focus:ring-indigo-500 focus:border-indigo-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-indigo-500 dark:focus:border-indigo-500" placeholder="Leave a comment..."></textarea>
-          </div>
-          <div class="mt-6 lg:pb-16">
-             <button type="submit" class="px-5 py-3 font-bold text-center text-white bg-indigo-600 rounded-lg text-md sm:w-fit hover:bg-indigo-800 focus:ring-4 focus:outline-none focus:ring-indigo-300 dark:bg-indigo-600 dark:hover:bg-indigo-700 dark:focus:ring-indigo-800">Send Message</button>
-          </div>
-      </form>
-  </div>
-</section>
-
-  </div>
-</article>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+<!doctype html><html lang=en><head><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>Contact | TailBliss</title><meta name=description content="A test with @tailwindcss/typography & Prose"><meta property="og:title" content="Contact | TailBliss"><meta name=twitter:title content="Contact | TailBliss"><meta itemprop=name content="Contact | TailBliss"><meta name=application-name content="Contact | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="A test with @tailwindcss/typography & Prose"><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/contact/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><article><header class="mb-4 bg-indigo-600"><span class=py-96><h1 class="py-16 text-5xl font-black text-center text-white capitalize">Contact</h1></span></header><div class="max-w-4xl mx-auto mt-8 mb-2"><div class=px-6></div></div><div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white"><section class=lg:pb-24><div class="max-w-screen-md px-4 mx-auto"><p class="mb-8 font-light text-center text-gray-500 lg:mb-16 dark:text-gray-400 sm:text-xl">Got a technical issue? Want to send feedback about a beta feature? Need details about our Business plan? Let us know.</p><form name=contact netlify class=space-y-8><div class=my-4><label for=email class="block mb-2 font-medium text-gray-900 text-md dark:text-gray-300"><strong>Your Email:</strong></label>
+<input type=email id=email class="shadow-sm bg-gray-50 border border-gray-300 text-gray-900 text-md rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-indigo-500 dark:focus:border-indigo-500 dark:shadow-sm-light" placeholder=name@example.com required></div><div class=my-4><label for=subject class="block mb-2 font-medium text-gray-900 text-md dark:text-gray-300"><strong>Subject:</strong></label>
+<input type=text id=subject class="block w-full p-3 text-gray-900 border border-gray-300 rounded-lg shadow-sm text-md bg-gray-50 focus:ring-indigo-500 focus:border-indigo-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-indigo-500 dark:focus:border-indigo-500 dark:shadow-sm-light" placeholder="Let us know how we can help you" required></div><div class="my-4 sm:col-span-2"><label for=message class="block mb-2 font-medium text-gray-900 text-md dark:text-gray-400"><strong>Your message:</strong></label>
+<textarea id=message rows=6 class="block p-2.5 w-full text-md text-gray-900 bg-gray-50 rounded-lg shadow-sm border border-gray-300 focus:ring-indigo-500 focus:border-indigo-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-indigo-500 dark:focus:border-indigo-500" placeholder="Leave a comment..."></textarea></div><div class="mt-6 lg:pb-16"><button type=submit class="px-5 py-3 font-bold text-center text-white bg-indigo-600 rounded-lg text-md sm:w-fit hover:bg-indigo-800 focus:ring-4 focus:outline-none focus:ring-indigo-300 dark:bg-indigo-600 dark:hover:bg-indigo-700 dark:focus:ring-indigo-800">Send Message</button></div></form></div></section></div></article><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css b/public/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css
new file mode 100644
index 0000000..cd9febb
--- /dev/null
+++ b/public/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css
@@ -0,0 +1 @@
+*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::before,::after{--tw-content:''}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;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}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::before,::after{--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;--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: }.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where([class~=lead]):not(:where([class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=As]):not(:where([class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=as]):not(:where([class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=Is]):not(:where([class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=is]):not(:where([class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose :where(ol>li):not(:where([class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(hr):not(:where([class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-left-width:.25rem;border-left-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose] *))::before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose] *))::after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(figure>*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose :where(code):not(:where([class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose] *))::before{content:"`"}.prose :where(code):not(:where([class~=not-prose] *))::after{content:"`"}.prose :where(a code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-right:1.1428571em;padding-bottom:.8571429em;padding-left:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose] *))::before{content:none}.prose :where(pre code):not(:where([class~=not-prose] *))::after{content:none}.prose :where(table):not(:where([class~=not-prose] *)){width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose] *)){vertical-align:top}.prose{--tw-prose-body:#27272a;--tw-prose-headings:#18181b;--tw-prose-lead:#3f3f46;--tw-prose-links:#18181b;--tw-prose-bold:#18181b;--tw-prose-counters:#52525b;--tw-prose-bullets:#a1a1aa;--tw-prose-hr:#d4d4d8;--tw-prose-quotes:#18181b;--tw-prose-quote-borders:#d4d4d8;--tw-prose-captions:#3f3f46;--tw-prose-code:#6366f1;--tw-prose-pre-code:#a5b4fc;--tw-prose-pre-bg:#111827;--tw-prose-th-borders:#d4d4d8;--tw-prose-td-borders:#e4e4e7;--tw-prose-invert-body:#e4e4e7;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#d4d4d8;--tw-prose-invert-links:#818cf8;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#a1a1aa;--tw-prose-invert-bullets:#e4e4e7;--tw-prose-invert-hr:#71717a;--tw-prose-invert-quotes:#f4f4f5;--tw-prose-invert-quote-borders:#3f3f46;--tw-prose-invert-captions:#a1a1aa;--tw-prose-invert-code:#818cf8;--tw-prose-invert-pre-code:#a5b4fc;--tw-prose-invert-pre-bg:#111827;--tw-prose-invert-th-borders:#f4f4f5;--tw-prose-invert-td-borders:#71717a;font-size:1rem;line-height:1.75}.prose :where(p):not(:where([class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(video):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(figure):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(li):not(:where([class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.375em}.prose :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>*:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>*:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>*:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>*:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding-top:.5714286em;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-top:.8888889em;margin-bottom:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose] *)){font-size:2.1428571em;margin-top:0;margin-bottom:.8em;line-height:1.2}.prose-sm :where(h2):not(:where([class~=not-prose] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:.8em;line-height:1.4}.prose-sm :where(h3):not(:where([class~=not-prose] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:.4444444em;line-height:1.5555556}.prose-sm :where(h4):not(:where([class~=not-prose] *)){margin-top:1.4285714em;margin-bottom:.5714286em;line-height:1.4285714}.prose-sm :where(img):not(:where([class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(video):not(:where([class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure):not(:where([class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure>*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(code):not(:where([class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose] *)){font-size:.8571429em;line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:.25rem;padding-top:.6666667em;padding-right:1em;padding-bottom:.6666667em;padding-left:1em}.prose-sm :where(ol):not(:where([class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-left:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-left:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose] *)){margin-top:.2857143em;margin-bottom:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.4285714em}.prose-sm :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.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(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose] *)){margin-top:2.8571429em;margin-bottom:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose] *)){padding-right:1em;padding-bottom:.6666667em;padding-left:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding-top:.6666667em;padding-right:1em;padding-bottom:.6666667em;padding-left:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.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{font-size:1rem;line-height:1.75}.prose-base :where(p):not(:where([class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose-base :where([class~=lead]):not(:where([class~=not-prose] *)){font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose-base :where(blockquote):not(:where([class~=not-prose] *)){margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}.prose-base :where(h1):not(:where([class~=not-prose] *)){font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose-base :where(h2):not(:where([class~=not-prose] *)){font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose-base :where(h3):not(:where([class~=not-prose] *)){font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose-base :where(h4):not(:where([class~=not-prose] *)){margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose-base :where(img):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose-base :where(video):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose-base :where(figure):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose-base :where(figure>*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-base :where(figcaption):not(:where([class~=not-prose] *)){font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose-base :where(code):not(:where([class~=not-prose] *)){font-size:.875em}.prose-base :where(h2 code):not(:where([class~=not-prose] *)){font-size:.875em}.prose-base :where(h3 code):not(:where([class~=not-prose] *)){font-size:.9em}.prose-base :where(pre):not(:where([class~=not-prose] *)){font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-right:1.1428571em;padding-bottom:.8571429em;padding-left:1.1428571em}.prose-base :where(ol):not(:where([class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose-base :where(ul):not(:where([class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose-base :where(li):not(:where([class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose-base :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.375em}.prose-base :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.375em}.prose-base :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.75em;margin-bottom:.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(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose-base :where(hr):not(:where([class~=not-prose] *)){margin-top:3em;margin-bottom:3em}.prose-base :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-base :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-base :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-base :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-base :where(table):not(:where([class~=not-prose] *)){font-size:.875em;line-height:1.7142857}.prose-base :where(thead th):not(:where([class~=not-prose] *)){padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose-base :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-base :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose-base :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding-top:.5714286em;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose-base :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-base :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.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{font-size:1.125rem;line-height:1.7777778}.prose-lg :where(p):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.prose-lg :where([class~=lead]):not(:where([class~=not-prose] *)){font-size:1.2222222em;line-height:1.4545455;margin-top:1.0909091em;margin-bottom:1.0909091em}.prose-lg :where(blockquote):not(:where([class~=not-prose] *)){margin-top:1.6666667em;margin-bottom:1.6666667em;padding-left:1em}.prose-lg :where(h1):not(:where([class~=not-prose] *)){font-size:2.6666667em;margin-top:0;margin-bottom:.8333333em;line-height:1}.prose-lg :where(h2):not(:where([class~=not-prose] *)){font-size:1.6666667em;margin-top:1.8666667em;margin-bottom:1.0666667em;line-height:1.3333333}.prose-lg :where(h3):not(:where([class~=not-prose] *)){font-size:1.3333333em;margin-top:1.6666667em;margin-bottom:.6666667em;line-height:1.5}.prose-lg :where(h4):not(:where([class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:.4444444em;line-height:1.5555556}.prose-lg :where(img):not(:where([class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.prose-lg :where(video):not(:where([class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.prose-lg :where(figure):not(:where([class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.prose-lg :where(figure>*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-lg :where(figcaption):not(:where([class~=not-prose] *)){font-size:.8888889em;line-height:1.5;margin-top:1em}.prose-lg :where(code):not(:where([class~=not-prose] *)){font-size:.8888889em}.prose-lg :where(h2 code):not(:where([class~=not-prose] *)){font-size:.8666667em}.prose-lg :where(h3 code):not(:where([class~=not-prose] *)){font-size:.875em}.prose-lg :where(pre):not(:where([class~=not-prose] *)){font-size:.8888889em;line-height:1.75;margin-top:2em;margin-bottom:2em;border-radius:.375rem;padding-top:1em;padding-right:1.5em;padding-bottom:1em;padding-left:1.5em}.prose-lg :where(ol):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.5555556em}.prose-lg :where(ul):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.5555556em}.prose-lg :where(li):not(:where([class~=not-prose] *)){margin-top:.6666667em;margin-bottom:.6666667em}.prose-lg :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.4444444em}.prose-lg :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.4444444em}.prose-lg :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.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(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.prose-lg :where(hr):not(:where([class~=not-prose] *)){margin-top:3.1111111em;margin-bottom:3.1111111em}.prose-lg :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-lg :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-lg :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-lg :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-lg :where(table):not(:where([class~=not-prose] *)){font-size:.8888889em;line-height:1.5}.prose-lg :where(thead th):not(:where([class~=not-prose] *)){padding-right:.75em;padding-bottom:.75em;padding-left:.75em}.prose-lg :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-lg :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose-lg :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding-top:.75em;padding-right:.75em;padding-bottom:.75em;padding-left:.75em}.prose-lg :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-lg :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.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{font-size:1.25rem;line-height:1.8}.prose-xl :where(p):not(:where([class~=not-prose] *)){margin-top:1.2em;margin-bottom:1.2em}.prose-xl :where([class~=lead]):not(:where([class~=not-prose] *)){font-size:1.2em;line-height:1.5;margin-top:1em;margin-bottom:1em}.prose-xl :where(blockquote):not(:where([class~=not-prose] *)){margin-top:1.6em;margin-bottom:1.6em;padding-left:1.0666667em}.prose-xl :where(h1):not(:where([class~=not-prose] *)){font-size:2.8em;margin-top:0;margin-bottom:.8571429em;line-height:1}.prose-xl :where(h2):not(:where([class~=not-prose] *)){font-size:1.8em;margin-top:1.5555556em;margin-bottom:.8888889em;line-height:1.1111111}.prose-xl :where(h3):not(:where([class~=not-prose] *)){font-size:1.5em;margin-top:1.6em;margin-bottom:.6666667em;line-height:1.3333333}.prose-xl :where(h4):not(:where([class~=not-prose] *)){margin-top:1.8em;margin-bottom:.6em;line-height:1.6}.prose-xl :where(img):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose-xl :where(video):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose-xl :where(figure):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose-xl :where(figure>*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-xl :where(figcaption):not(:where([class~=not-prose] *)){font-size:.9em;line-height:1.5555556;margin-top:1em}.prose-xl :where(code):not(:where([class~=not-prose] *)){font-size:.9em}.prose-xl :where(h2 code):not(:where([class~=not-prose] *)){font-size:.8611111em}.prose-xl :where(h3 code):not(:where([class~=not-prose] *)){font-size:.9em}.prose-xl :where(pre):not(:where([class~=not-prose] *)){font-size:.9em;line-height:1.7777778;margin-top:2em;margin-bottom:2em;border-radius:.5rem;padding-top:1.1111111em;padding-right:1.3333333em;padding-bottom:1.1111111em;padding-left:1.3333333em}.prose-xl :where(ol):not(:where([class~=not-prose] *)){margin-top:1.2em;margin-bottom:1.2em;padding-left:1.6em}.prose-xl :where(ul):not(:where([class~=not-prose] *)){margin-top:1.2em;margin-bottom:1.2em;padding-left:1.6em}.prose-xl :where(li):not(:where([class~=not-prose] *)){margin-top:.6em;margin-bottom:.6em}.prose-xl :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.4em}.prose-xl :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.4em}.prose-xl :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.8em;margin-bottom:.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(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.8em;margin-bottom:.8em}.prose-xl :where(hr):not(:where([class~=not-prose] *)){margin-top:2.8em;margin-bottom:2.8em}.prose-xl :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-xl :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-xl :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-xl :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-xl :where(table):not(:where([class~=not-prose] *)){font-size:.9em;line-height:1.5555556}.prose-xl :where(thead th):not(:where([class~=not-prose] *)){padding-right:.6666667em;padding-bottom:.8888889em;padding-left:.6666667em}.prose-xl :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-xl :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose-xl :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding-top:.8888889em;padding-right:.6666667em;padding-bottom:.8888889em;padding-left:.6666667em}.prose-xl :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-xl :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.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{font-size:1.5rem;line-height:1.6666667}.prose-2xl :where(p):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.prose-2xl :where([class~=lead]):not(:where([class~=not-prose] *)){font-size:1.25em;line-height:1.4666667;margin-top:1.0666667em;margin-bottom:1.0666667em}.prose-2xl :where(blockquote):not(:where([class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em;padding-left:1.1111111em}.prose-2xl :where(h1):not(:where([class~=not-prose] *)){font-size:2.6666667em;margin-top:0;margin-bottom:.875em;line-height:1}.prose-2xl :where(h2):not(:where([class~=not-prose] *)){font-size:2em;margin-top:1.5em;margin-bottom:.8333333em;line-height:1.0833333}.prose-2xl :where(h3):not(:where([class~=not-prose] *)){font-size:1.5em;margin-top:1.5555556em;margin-bottom:.6666667em;line-height:1.2222222}.prose-2xl :where(h4):not(:where([class~=not-prose] *)){margin-top:1.6666667em;margin-bottom:.6666667em;line-height:1.5}.prose-2xl :where(img):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose-2xl :where(video):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose-2xl :where(figure):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose-2xl :where(figure>*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-2xl :where(figcaption):not(:where([class~=not-prose] *)){font-size:.8333333em;line-height:1.6;margin-top:1em}.prose-2xl :where(code):not(:where([class~=not-prose] *)){font-size:.8333333em}.prose-2xl :where(h2 code):not(:where([class~=not-prose] *)){font-size:.875em}.prose-2xl :where(h3 code):not(:where([class~=not-prose] *)){font-size:.8888889em}.prose-2xl :where(pre):not(:where([class~=not-prose] *)){font-size:.8333333em;line-height:1.8;margin-top:2em;margin-bottom:2em;border-radius:.5rem;padding-top:1.2em;padding-right:1.6em;padding-bottom:1.2em;padding-left:1.6em}.prose-2xl :where(ol):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.5833333em}.prose-2xl :where(ul):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.5833333em}.prose-2xl :where(li):not(:where([class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose-2xl :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.4166667em}.prose-2xl :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.4166667em}.prose-2xl :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.8333333em;margin-bottom:.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(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.6666667em;margin-bottom:.6666667em}.prose-2xl :where(hr):not(:where([class~=not-prose] *)){margin-top:3em;margin-bottom:3em}.prose-2xl :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-2xl :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-2xl :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-2xl :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-2xl :where(table):not(:where([class~=not-prose] *)){font-size:.8333333em;line-height:1.4}.prose-2xl :where(thead th):not(:where([class~=not-prose] *)){padding-right:.6em;padding-bottom:.8em;padding-left:.6em}.prose-2xl :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-2xl :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose-2xl :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding-top:.8em;padding-right:.6em;padding-bottom:.8em;padding-left:.6em}.prose-2xl :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-2xl :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.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}.prose-invert{--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}.prose-slate{--tw-prose-body:#334155;--tw-prose-headings:#0f172a;--tw-prose-lead:#475569;--tw-prose-links:#0f172a;--tw-prose-bold:#0f172a;--tw-prose-counters:#64748b;--tw-prose-bullets:#cbd5e1;--tw-prose-hr:#e2e8f0;--tw-prose-quotes:#0f172a;--tw-prose-quote-borders:#e2e8f0;--tw-prose-captions:#64748b;--tw-prose-code:#0f172a;--tw-prose-pre-code:#e2e8f0;--tw-prose-pre-bg:#1e293b;--tw-prose-th-borders:#cbd5e1;--tw-prose-td-borders:#e2e8f0;--tw-prose-invert-body:#cbd5e1;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#94a3b8;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#94a3b8;--tw-prose-invert-bullets:#475569;--tw-prose-invert-hr:#334155;--tw-prose-invert-quotes:#f1f5f9;--tw-prose-invert-quote-borders:#334155;--tw-prose-invert-captions:#94a3b8;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#cbd5e1;--tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);--tw-prose-invert-th-borders:#475569;--tw-prose-invert-td-borders:#334155}.prose-gray{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151}.prose-zinc{--tw-prose-body:#3f3f46;--tw-prose-headings:#18181b;--tw-prose-lead:#52525b;--tw-prose-links:#18181b;--tw-prose-bold:#18181b;--tw-prose-counters:#71717a;--tw-prose-bullets:#d4d4d8;--tw-prose-hr:#e4e4e7;--tw-prose-quotes:#18181b;--tw-prose-quote-borders:#e4e4e7;--tw-prose-captions:#71717a;--tw-prose-code:#18181b;--tw-prose-pre-code:#e4e4e7;--tw-prose-pre-bg:#27272a;--tw-prose-th-borders:#d4d4d8;--tw-prose-td-borders:#e4e4e7;--tw-prose-invert-body:#d4d4d8;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#a1a1aa;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#a1a1aa;--tw-prose-invert-bullets:#52525b;--tw-prose-invert-hr:#3f3f46;--tw-prose-invert-quotes:#f4f4f5;--tw-prose-invert-quote-borders:#3f3f46;--tw-prose-invert-captions:#a1a1aa;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d4d4d8;--tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);--tw-prose-invert-th-borders:#52525b;--tw-prose-invert-td-borders:#3f3f46}.prose-neutral{--tw-prose-body:#404040;--tw-prose-headings:#171717;--tw-prose-lead:#525252;--tw-prose-links:#171717;--tw-prose-bold:#171717;--tw-prose-counters:#737373;--tw-prose-bullets:#d4d4d4;--tw-prose-hr:#e5e5e5;--tw-prose-quotes:#171717;--tw-prose-quote-borders:#e5e5e5;--tw-prose-captions:#737373;--tw-prose-code:#171717;--tw-prose-pre-code:#e5e5e5;--tw-prose-pre-bg:#262626;--tw-prose-th-borders:#d4d4d4;--tw-prose-td-borders:#e5e5e5;--tw-prose-invert-body:#d4d4d4;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#a3a3a3;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#a3a3a3;--tw-prose-invert-bullets:#525252;--tw-prose-invert-hr:#404040;--tw-prose-invert-quotes:#f5f5f5;--tw-prose-invert-quote-borders:#404040;--tw-prose-invert-captions:#a3a3a3;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d4d4d4;--tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);--tw-prose-invert-th-borders:#525252;--tw-prose-invert-td-borders:#404040}.prose-stone{--tw-prose-body:#44403c;--tw-prose-headings:#1c1917;--tw-prose-lead:#57534e;--tw-prose-links:#1c1917;--tw-prose-bold:#1c1917;--tw-prose-counters:#78716c;--tw-prose-bullets:#d6d3d1;--tw-prose-hr:#e7e5e4;--tw-prose-quotes:#1c1917;--tw-prose-quote-borders:#e7e5e4;--tw-prose-captions:#78716c;--tw-prose-code:#1c1917;--tw-prose-pre-code:#e7e5e4;--tw-prose-pre-bg:#292524;--tw-prose-th-borders:#d6d3d1;--tw-prose-td-borders:#e7e5e4;--tw-prose-invert-body:#d6d3d1;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#a8a29e;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#a8a29e;--tw-prose-invert-bullets:#57534e;--tw-prose-invert-hr:#44403c;--tw-prose-invert-quotes:#f5f5f4;--tw-prose-invert-quote-borders:#44403c;--tw-prose-invert-captions:#a8a29e;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d6d3d1;--tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);--tw-prose-invert-th-borders:#57534e;--tw-prose-invert-td-borders:#44403c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.right-1\/2{right:50%}.top-8{top:2rem}.left-1\/2{left:50%}.top-0{top:0}.left-0{left:0}.right-0{right:0}.z-0{z-index:0}.z-50{z-index:50}.z-30{z-index:30}.col-span-6{grid-column:span 6/span 6}.col-span-1{grid-column:span 1/span 1}.col-span-3{grid-column:span 3/span 3}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-16{margin-top:4rem;margin-bottom:4rem}.-mx-5{margin-left:-1.25rem;margin-right:-1.25rem}.-my-2{margin-top:-.5rem;margin-bottom:-.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mb-2{margin-bottom:.5rem}.mb-6{margin-bottom:1.5rem}.-ml-3{margin-left:-.75rem}.mt-8{margin-top:2rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.-mr-3{margin-right:-.75rem}.-mr-40{margin-right:-10rem}.mt-12{margin-top:3rem}.mt-3{margin-top:.75rem}.mt-2{margin-top:.5rem}.ml-3{margin-left:.75rem}.-mt-72{margin-top:-18rem}.mt-10{margin-top:2.5rem}.mt-1{margin-top:.25rem}.ml-1{margin-left:.25rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-5{height:1.25rem}.h-full{height:100%}.h-12{height:3rem}.h-8{height:2rem}.h-1\/3{height:33.333333%}.h-10{height:2.5rem}.h-6{height:1.5rem}.h-auto{height:auto}.h-9{height:2.25rem}.h-4{height:1rem}.max-h-12{max-height:3rem}.w-5{width:1.25rem}.w-full{width:100%}.w-8{width:2rem}.w-screen{width:100vw}.w-10{width:2.5rem}.w-1\/2{width:50%}.w-6{width:1.5rem}.w-9{width:2.25rem}.w-4{width:1rem}.w-0{width:0}.min-w-0{min-width:0}.max-w-screen-xl{max-width:1280px}.max-w-screen-sm{max-width:640px}.max-w-xl{max-width:36rem}.max-w-md{max-width:28rem}.max-w-3xl{max-width:48rem}.max-w-7xl{max-width:80rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-full{max-width:100%}.max-w-screen-md{max-width:768px}.max-w-none{max-width:none}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.origin-top-right{transform-origin:top right}.-translate-x-3{--tw-translate-x:-0.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.-translate-y-2{--tw-translate-y:-0.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-8{gap:2rem}.gap-0\.5{gap:.125rem}.gap-0{gap:0}.gap-4{gap:1rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:.5rem}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-md{border-radius:.375rem}.rounded-full{border-radius:9999px}.rounded-r-3xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.rounded-l-3xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-t-2{border-top-width:2px}.border-transparent{border-color:transparent}.border-gray-900{--tw-border-opacity:1;border-color:rgb(17 24 39/var(--tw-border-opacity))}.border-indigo-300{--tw-border-opacity:1;border-color:rgb(165 180 252/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-b-stone-200\/10{border-bottom-color:rgb(231 229 228/.1)}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-indigo-300{--tw-bg-opacity:1;background-color:rgb(165 180 252/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity))}.bg-zinc-100{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-indigo-600{--tw-gradient-from:#4f46e5;--tw-gradient-to:rgb(79 70 229 / 0);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.bg-center{background-position:50%}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.p-6{padding:1.5rem}.p-4{padding:1rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-2\.5{padding:.625rem}.px-4{padding-left:1rem;padding-right:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-0{padding-top:0;padding-bottom:0}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-96{padding-top:24rem;padding-bottom:24rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-12{padding-top:3rem;padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pt-64{padding-top:16rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pl-4{padding-left:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pb-4{padding-bottom:1rem}.pr-2{padding-right:.5rem}.pt-1{padding-top:.25rem}.pb-16{padding-bottom:4rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-8xl{font-size:6rem;line-height:1}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.font-black{font-weight:900}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-extrabold{font-weight:800}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-none{line-height:1}.leading-7{line-height:1.75rem}.leading-extra-loose{line-height:2.5}.tracking-tight{letter-spacing:-.025em}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.text-indigo-400\/30{color:rgb(129 140 248/.3)}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.text-indigo-100{--tw-text-opacity:1;color:rgb(224 231 255/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity))}.text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.text-indigo-900{--tw-text-opacity:1;color:rgb(49 46 129/var(--tw-text-opacity))}.text-zinc-900{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.text-opacity-40{--tw-text-opacity:0.4}.placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity))}.opacity-80{opacity:.8}.opacity-0{opacity:0}.opacity-100{opacity:1}.mix-blend-multiply{mix-blend-mode:multiply}.shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-zinc-300\/40{--tw-ring-color:rgb(212 212 216 / 0.4)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.duration-1000{transition-duration:1000ms}.duration-200{transition-duration:200ms}.duration-100{transition-duration:100ms}.duration-75{transition-duration:75ms}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}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,notocoloremoji,segoe ui symbol,android emoji,emojisymbols; .prose :where(h1):not(:where([class~=not-prose] *)){color:#fff!important}.hover\:bg-indigo-800:hover{--tw-bg-opacity:1;background-color:rgb(55 48 163/var(--tw-bg-opacity))}.hover\:bg-indigo-200:hover{--tw-bg-opacity:1;background-color:rgb(199 210 254/var(--tw-bg-opacity))}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\:bg-indigo-600:hover{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:text-indigo-600:hover{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.hover\:text-gray-300:hover{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.focus\:border-transparent:focus{border-color:transparent}.focus\:border-indigo-500:focus{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity))}.focus\:bg-indigo-700:focus{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity))}.focus\:bg-indigo-600:focus{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity))}.focus\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-indigo-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(165 180 252 / var(--tw-ring-opacity))}.focus\:ring-white:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255 / var(--tw-ring-opacity))}.focus\:ring-gray-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(229 231 235 / var(--tw-ring-opacity))}.focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241 / var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus\:ring-offset-indigo-500:focus{--tw-ring-offset-color:#6366f1}.group:hover .group-hover\:bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.group:hover .group-hover\:text-gray-400\/60{color:rgb(156 163 175/.6)}.group:hover .group-hover\:opacity-50{opacity:.5}.group:focus .group-focus\:opacity-70{opacity:.7}.prose-headings\:underline :is(:where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose] *))){text-decoration-line:underline}.prose-a\:text-blue-600 :is(:where(a):not(:where([class~=not-prose] *))){--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.hover\:prose-a\:text-blue-500 :is(:where(a):not(:where([class~=not-prose] *))):hover{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.prose-img\:rounded-xl :is(:where(img):not(:where([class~=not-prose] *))){border-radius:.75rem}.dark .dark\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.dark .dark\:bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.dark .dark\:bg-gray-900\/10{background-color:rgb(17 24 39/.1)}.dark .dark\:bg-gray-900\/50{background-color:rgb(17 24 39/.5)}.dark .dark\:bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.dark .dark\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark .dark\:bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity))}.dark .dark\:bg-gray-900\/40{background-color:rgb(17 24 39/.4)}.dark .dark\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.dark .dark\:prose-invert{--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}.dark .dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .dark\:text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.dark .dark\:text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.dark .dark\:text-gray-50{--tw-text-opacity:1;color:rgb(249 250 251/var(--tw-text-opacity))}.dark .dark\:text-gray-900\/60{color:rgb(17 24 39/.6)}.dark .dark\:text-zinc-200{--tw-text-opacity:1;color:rgb(228 228 231/var(--tw-text-opacity))}.dark .dark\:text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.dark .dark\:text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity))}.dark .dark\:text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.dark .dark\:text-zinc-50{--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity))}.dark .dark\:text-zinc-100{--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity))}.dark .dark\:text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.dark .dark\:text-indigo-200{--tw-text-opacity:1;color:rgb(199 210 254/var(--tw-text-opacity))}.dark .dark\:text-indigo-300{--tw-text-opacity:1;color:rgb(165 180 252/var(--tw-text-opacity))}.dark .dark\:placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.dark .dark\:placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.dark .dark\:ring-gray-900\/40{--tw-ring-color:rgb(17 24 39 / 0.4)}.dark .dark\:hover\:bg-gray-900\/80:hover{background-color:rgb(17 24 39/.8)}.dark .dark\:hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity))}.dark .dark\:hover\:text-indigo-500:hover{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.dark .dark\:focus\:border-indigo-500:focus{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity))}.dark .dark\:focus\:ring-indigo-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(49 46 129 / var(--tw-ring-opacity))}.dark .dark\:focus\:ring-gray-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(55 65 81 / var(--tw-ring-opacity))}.dark .dark\:focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241 / var(--tw-ring-opacity))}.dark .dark\:focus\:ring-indigo-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(55 48 163 / var(--tw-ring-opacity))}@media(min-width:640px){.sm\:relative{position:relative}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:mb-0{margin-bottom:0}.sm\:mb-6{margin-bottom:1.5rem}.sm\:mt-12{margin-top:3rem}.sm\:mt-4{margin-top:1rem}.sm\:-mt-32{margin-top:-8rem}.sm\:mt-0{margin-top:0}.sm\:ml-3{margin-left:.75rem}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:h-2\/3{height:66.666667%}.sm\:w-fit{width:-moz-fit-content;width:fit-content}.sm\:max-w-3xl{max-width:48rem}.sm\:max-w-xl{max-width:36rem}.sm\:max-w-lg{max-width:32rem}.sm\:justify-center{justify-content:center}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-12{padding-left:3rem;padding-right:3rem}.sm\:py-20{padding-top:5rem;padding-bottom:5rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:pt-6{padding-top:1.5rem}.sm\:text-center{text-align:center}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media(min-width:768px){.md\:sticky{position:sticky}.md\:mt-8{margin-top:2rem}.md\:mt-12{margin-top:3rem}.md\:mt-0{margin-top:0}.md\:mt-5{margin-top:1.25rem}.md\:ml-4{margin-left:1rem}.md\:-mt-1{margin-top:-.25rem}.md\:ml-2{margin-left:.5rem}.md\:inline{display:inline}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-6{height:1.5rem}.md\:w-auto{width:auto}.md\:w-48{width:12rem}.md\:w-screen{width:100vw}.md\:w-6{width:1.5rem}.md\:max-w-3xl{max-width:48rem}.md\:max-w-sm{max-width:24rem}.md\:flex-grow{flex-grow:1}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-end{justify-content:flex-end}.md\:prose-lg{font-size:1.125rem;line-height:1.7777778}.md\:justify-between{justify-content:space-between}.md\:prose-lg :where(p):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.md\:prose-lg :where([class~=lead]):not(:where([class~=not-prose] *)){font-size:1.2222222em;line-height:1.4545455;margin-top:1.0909091em;margin-bottom:1.0909091em}.md\:prose-lg :where(blockquote):not(:where([class~=not-prose] *)){margin-top:1.6666667em;margin-bottom:1.6666667em;padding-left:1em}.md\:prose-lg :where(h1):not(:where([class~=not-prose] *)){font-size:2.6666667em;margin-top:0;margin-bottom:.8333333em;line-height:1}.md\:prose-lg :where(h2):not(:where([class~=not-prose] *)){font-size:1.6666667em;margin-top:1.8666667em;margin-bottom:1.0666667em;line-height:1.3333333}.md\:prose-lg :where(h3):not(:where([class~=not-prose] *)){font-size:1.3333333em;margin-top:1.6666667em;margin-bottom:.6666667em;line-height:1.5}.md\:prose-lg :where(h4):not(:where([class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:.4444444em;line-height:1.5555556}.md\:prose-lg :where(img):not(:where([class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.md\:prose-lg :where(video):not(:where([class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.md\:prose-lg :where(figure):not(:where([class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.md\:prose-lg :where(figure>*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.md\:prose-lg :where(figcaption):not(:where([class~=not-prose] *)){font-size:.8888889em;line-height:1.5;margin-top:1em}.md\:prose-lg :where(code):not(:where([class~=not-prose] *)){font-size:.8888889em}.md\:prose-lg :where(h2 code):not(:where([class~=not-prose] *)){font-size:.8666667em}.md\:prose-lg :where(h3 code):not(:where([class~=not-prose] *)){font-size:.875em}.md\:prose-lg :where(pre):not(:where([class~=not-prose] *)){font-size:.8888889em;line-height:1.75;margin-top:2em;margin-bottom:2em;border-radius:.375rem;padding-top:1em;padding-right:1.5em;padding-bottom:1em;padding-left:1.5em}.md\:prose-lg :where(ol):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.5555556em}.md\:prose-lg :where(ul):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.5555556em}.md\:prose-lg :where(li):not(:where([class~=not-prose] *)){margin-top:.6666667em;margin-bottom:.6666667em}.md\:prose-lg :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.4444444em}.md\:prose-lg :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.4444444em}.md\:prose-lg :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.md\:prose-lg :where(.prose>ul>li>*:first-child):not(:where([class~=not-prose] *)){margin-top:1.3333333em}.md\:prose-lg :where(.prose>ul>li>*:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.3333333em}.md\:prose-lg :where(.prose>ol>li>*:first-child):not(:where([class~=not-prose] *)){margin-top:1.3333333em}.md\:prose-lg :where(.prose>ol>li>*:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.3333333em}.md\:prose-lg :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.md\:prose-lg :where(hr):not(:where([class~=not-prose] *)){margin-top:3.1111111em;margin-bottom:3.1111111em}.md\:prose-lg :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.md\:prose-lg :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.md\:prose-lg :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.md\:prose-lg :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.md\:prose-lg :where(table):not(:where([class~=not-prose] *)){font-size:.8888889em;line-height:1.5}.md\:prose-lg :where(thead th):not(:where([class~=not-prose] *)){padding-right:.75em;padding-bottom:.75em;padding-left:.75em}.md\:prose-lg :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.md\:prose-lg :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.md\:prose-lg :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding-top:.75em;padding-right:.75em;padding-bottom:.75em;padding-left:.75em}.md\:prose-lg :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.md\:prose-lg :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.md\:prose-lg :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.md\:prose-lg :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.md\:rounded-bl-lg{border-bottom-left-radius:.5rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:px-1\.5{padding-left:.375rem;padding-right:.375rem}.md\:px-1{padding-left:.25rem;padding-right:.25rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:pt-12{padding-top:3rem}.md\:pt-24{padding-top:6rem}.md\:pb-16{padding-bottom:4rem}.md\:pb-0{padding-bottom:0}.md\:text-left{text-align:left}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media(min-width:1024px){.lg\:absolute{position:absolute}.lg\:relative{position:relative}.lg\:inset-y-0{top:0;bottom:0}.lg\:right-0{right:0}.lg\:right-72{right:18rem}.lg\:-right-8{right:-2rem}.lg\:left-auto{left:auto}.lg\:top-12{top:3rem}.lg\:left-80{left:20rem}.lg\:left-0{left:0}.lg\:m-0{margin:0}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:mx-auto{margin-left:auto;margin-right:auto}.lg\:mb-0{margin-bottom:0}.lg\:mt-0{margin-top:0}.lg\:mb-4{margin-bottom:1rem}.lg\:mb-16{margin-bottom:4rem}.lg\:grid{display:grid}.lg\:h-full{height:100%}.lg\:w-screen{width:100vw}.lg\:w-1\/2{width:50%}.lg\:w-full{width:100%}.lg\:w-auto{width:auto}.lg\:max-w-7xl{max-width:80rem}.lg\:max-w-none{max-width:none}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:justify-start{justify-content:flex-start}.lg\:gap-12{gap:3rem}.lg\:gap-24{gap:6rem}.lg\:prose-xl{font-size:1.25rem;line-height:1.8}.lg\:prose-xl :where(p):not(:where([class~=not-prose] *)){margin-top:1.2em;margin-bottom:1.2em}.lg\:prose-xl :where([class~=lead]):not(:where([class~=not-prose] *)){font-size:1.2em;line-height:1.5;margin-top:1em;margin-bottom:1em}.lg\:prose-xl :where(blockquote):not(:where([class~=not-prose] *)){margin-top:1.6em;margin-bottom:1.6em;padding-left:1.0666667em}.lg\:prose-xl :where(h1):not(:where([class~=not-prose] *)){font-size:2.8em;margin-top:0;margin-bottom:.8571429em;line-height:1}.lg\:prose-xl :where(h2):not(:where([class~=not-prose] *)){font-size:1.8em;margin-top:1.5555556em;margin-bottom:.8888889em;line-height:1.1111111}.lg\:prose-xl :where(h3):not(:where([class~=not-prose] *)){font-size:1.5em;margin-top:1.6em;margin-bottom:.6666667em;line-height:1.3333333}.lg\:prose-xl :where(h4):not(:where([class~=not-prose] *)){margin-top:1.8em;margin-bottom:.6em;line-height:1.6}.lg\:prose-xl :where(img):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.lg\:prose-xl :where(video):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.lg\:prose-xl :where(figure):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.lg\:prose-xl :where(figure>*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.lg\:prose-xl :where(figcaption):not(:where([class~=not-prose] *)){font-size:.9em;line-height:1.5555556;margin-top:1em}.lg\:prose-xl :where(code):not(:where([class~=not-prose] *)){font-size:.9em}.lg\:prose-xl :where(h2 code):not(:where([class~=not-prose] *)){font-size:.8611111em}.lg\:prose-xl :where(h3 code):not(:where([class~=not-prose] *)){font-size:.9em}.lg\:prose-xl :where(pre):not(:where([class~=not-prose] *)){font-size:.9em;line-height:1.7777778;margin-top:2em;margin-bottom:2em;border-radius:.5rem;padding-top:1.1111111em;padding-right:1.3333333em;padding-bottom:1.1111111em;padding-left:1.3333333em}.lg\:prose-xl :where(ol):not(:where([class~=not-prose] *)){margin-top:1.2em;margin-bottom:1.2em;padding-left:1.6em}.lg\:prose-xl :where(ul):not(:where([class~=not-prose] *)){margin-top:1.2em;margin-bottom:1.2em;padding-left:1.6em}.lg\:prose-xl :where(li):not(:where([class~=not-prose] *)){margin-top:.6em;margin-bottom:.6em}.lg\:prose-xl :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.4em}.lg\:prose-xl :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.4em}.lg\:prose-xl :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.8em;margin-bottom:.8em}.lg\:prose-xl :where(.prose>ul>li>*:first-child):not(:where([class~=not-prose] *)){margin-top:1.2em}.lg\:prose-xl :where(.prose>ul>li>*:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.2em}.lg\:prose-xl :where(.prose>ol>li>*:first-child):not(:where([class~=not-prose] *)){margin-top:1.2em}.lg\:prose-xl :where(.prose>ol>li>*:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.2em}.lg\:prose-xl :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.8em;margin-bottom:.8em}.lg\:prose-xl :where(hr):not(:where([class~=not-prose] *)){margin-top:2.8em;margin-bottom:2.8em}.lg\:prose-xl :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.lg\:prose-xl :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.lg\:prose-xl :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.lg\:prose-xl :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.lg\:prose-xl :where(table):not(:where([class~=not-prose] *)){font-size:.9em;line-height:1.5555556}.lg\:prose-xl :where(thead th):not(:where([class~=not-prose] *)){padding-right:.6666667em;padding-bottom:.8888889em;padding-left:.6666667em}.lg\:prose-xl :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.lg\:prose-xl :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.lg\:prose-xl :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding-top:.8888889em;padding-right:.6666667em;padding-bottom:.8888889em;padding-left:.6666667em}.lg\:prose-xl :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.lg\:prose-xl :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.lg\:prose-xl :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.lg\:prose-xl :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.lg\:py-16{padding-top:4rem;padding-bottom:4rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-0{padding-top:0;padding-bottom:0}.lg\:px-0{padding-left:0;padding-right:0}.lg\:py-20{padding-top:5rem;padding-bottom:5rem}.lg\:pt-20{padding-top:5rem}.lg\:pl-12{padding-left:3rem}.lg\:pt-12{padding-top:3rem}.lg\:pb-24{padding-bottom:6rem}.lg\:pb-16{padding-bottom:4rem}.lg\:text-left{text-align:left}.lg\:text-7xl{font-size:4.5rem;line-height:1}}@media(min-width:1280px){.xl\:mb-2{margin-bottom:.5rem}.xl\:inline{display:inline}.xl\:text-9xl{font-size:8rem;line-height:1}.xl\:text-6xl{font-size:3.75rem;line-height:1}.xl\:text-xl{font-size:1.25rem;line-height:1.75rem}.xl\:text-lg{font-size:1.125rem;line-height:1.75rem}}
\ No newline at end of file
diff --git a/public/images/sample-logo-white.svg b/public/images/sample-logo-white.svg
new file mode 100644
index 0000000..30d7ba9
--- /dev/null
+++ b/public/images/sample-logo-white.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY st0 "fill:#FFFFFF;">
+]>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 138 48" style="enable-background:new 0 0 138 48;" xml:space="preserve">
+<g>
+	<path style="&st0;" d="M62,32.6V15.4h4.7v13.5h7v3.8H62z"/>
+	<path style="&st0;" d="M89.8,24c0,1.9-0.4,3.5-1.1,4.8c-0.7,1.3-1.8,2.3-3,3c-1.3,0.7-2.7,1-4.2,1c-1.6,0-3-0.3-4.2-1
+		c-1.3-0.7-2.3-1.7-3-3c-0.7-1.3-1.1-2.9-1.1-4.8c0-1.9,0.4-3.5,1.1-4.8c0.7-1.3,1.7-2.3,3-3c1.3-0.7,2.7-1,4.2-1c1.6,0,3,0.3,4.2,1
+		c1.3,0.7,2.3,1.7,3,3C89.5,20.5,89.8,22.1,89.8,24z M85,24c0-1-0.1-1.9-0.4-2.6c-0.3-0.7-0.7-1.2-1.2-1.6c-0.5-0.4-1.2-0.6-2-0.6
+		c-0.8,0-1.4,0.2-2,0.6c-0.5,0.4-0.9,0.9-1.2,1.6C78,22.1,77.9,23,77.9,24c0,1,0.1,1.9,0.4,2.6c0.3,0.7,0.7,1.2,1.2,1.6
+		c0.5,0.4,1.2,0.6,2,0.6c0.8,0,1.4-0.2,2-0.6c0.5-0.4,0.9-0.9,1.2-1.6C84.9,25.9,85,25,85,24z"/>
+	<path style="&st0;" d="M102,21.1c-0.1-0.3-0.2-0.6-0.3-0.8c-0.2-0.2-0.4-0.4-0.6-0.6c-0.2-0.2-0.5-0.3-0.8-0.4s-0.6-0.1-1-0.1
+		c-0.8,0-1.5,0.2-2,0.6c-0.6,0.4-1,0.9-1.3,1.6c-0.3,0.7-0.4,1.6-0.4,2.6c0,1,0.1,1.9,0.4,2.6c0.3,0.7,0.7,1.3,1.2,1.6
+		c0.5,0.4,1.2,0.6,2,0.6c0.7,0,1.3-0.1,1.8-0.3s0.8-0.5,1.1-0.9c0.2-0.4,0.4-0.8,0.4-1.3l0.8,0.1h-3.9V23h7.6v2.4c0,1.6-0.3,2.9-1,4
+		c-0.7,1.1-1.6,2-2.7,2.6c-1.2,0.6-2.5,0.9-4,0.9c-1.7,0-3.1-0.4-4.4-1.1c-1.3-0.7-2.3-1.7-3-3c-0.7-1.3-1.1-2.9-1.1-4.7
+		c0-1.4,0.2-2.7,0.7-3.8c0.4-1.1,1-2,1.8-2.8c0.8-0.8,1.7-1.3,2.7-1.7c1-0.4,2.1-0.6,3.3-0.6c1,0,2,0.1,2.8,0.4s1.7,0.7,2.3,1.2
+		c0.7,0.5,1.2,1.2,1.6,1.9c0.4,0.7,0.7,1.5,0.8,2.4H102z"/>
+	<path style="&st0;" d="M124.6,24c0,1.9-0.4,3.5-1.1,4.8c-0.7,1.3-1.8,2.3-3,3c-1.3,0.7-2.7,1-4.2,1c-1.6,0-3-0.3-4.2-1
+		c-1.3-0.7-2.3-1.7-3-3c-0.7-1.3-1.1-2.9-1.1-4.8c0-1.9,0.4-3.5,1.1-4.8c0.7-1.3,1.7-2.3,3-3c1.3-0.7,2.7-1,4.2-1c1.6,0,3,0.3,4.2,1
+		c1.3,0.7,2.3,1.7,3,3C124.2,20.5,124.6,22.1,124.6,24z M119.8,24c0-1-0.1-1.9-0.4-2.6c-0.3-0.7-0.7-1.2-1.2-1.6
+		c-0.5-0.4-1.2-0.6-2-0.6c-0.8,0-1.4,0.2-2,0.6c-0.5,0.4-0.9,0.9-1.2,1.6c-0.3,0.7-0.4,1.6-0.4,2.6c0,1,0.1,1.9,0.4,2.6
+		c0.3,0.7,0.7,1.2,1.2,1.6c0.5,0.4,1.2,0.6,2,0.6c0.8,0,1.4-0.2,2-0.6c0.5-0.4,0.9-0.9,1.2-1.6C119.7,25.9,119.8,25,119.8,24z"/>
+</g>
+<g>
+	<g>
+		<polygon style="&st0;" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7 		"/>
+	</g>
+	<g>
+		<polygon style="&st0;" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 
+			36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9 		"/>
+	</g>
+</g>
+</svg>
diff --git a/public/index.html b/public/index.html
index 07c8f13..6dfc621 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,764 +1,68 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-	<meta name="generator" content="Hugo 0.105.0">
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> TailBliss is Hugo Starter | TailBliss
-    
-</title>
-<meta name="description" content="TailBliss is Hugo Starter" />
-<meta property="og:title" content="TailBliss | TailBliss" />
-<meta name="twitter:title" content="TailBliss | TailBliss" />
-<meta itemprop="name" content="TailBliss | TailBliss" />
-<meta name="application-name" content="TailBliss | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="TailBliss is Hugo Starter" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<main>
-    <div class="bg-gray-200 dark:bg-gray-900">
-        <div class="max-w-screen-xl px-4 py-8 mx-auto">
-            <div class="grid items-center gap-8 mb-8 sm:mb-0 lg:gap-12 lg:grid-cols-12">
-                <div class="col-span-6 px-4 text-center sm:mb-6 lg:text-left lg:mb-0">
-                    <h1
-                        class="mb-2 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl xl:text-6xl dark:text-white">
-                        TailBliss</h1>
-                    <h2 class="pb-2 text-3xl font-light text-gray-800 dark:text-gray-300 md:text-4xl">
-                        Super Fast, and Flexible
-                    </h2>
-                    <a href="https://github.com/nusserstudios/tailbliss"
-                       class="inline-flex py-4 mx-auto space-x-4 sm:text-center">
-                        <span class="rounded bg-gray-50 px-2.5 py-1 text-sm font-bold text-gray-900">
-                            What's new
-                        </span>
-                        <span
-                              class="inline-flex items-center space-x-1 text-sm font-medium text-gray-800 dark:text-white">
-                            <span>Just shipped version 0.1.0</span>
-                            
-                            <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
-                                 fill="currentColor" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                      d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
-                                      clip-rule="evenodd" />
-                            </svg>
-                        </span>
-                    </a>
-                    <p
-                       class="max-w-xl mx-auto mb-6 font-normal text-gray-900 lg:mx-0 xl:mb-2 md:text-lg xl:text-xl dark:text-gray-50">
-                        A Hugo theme built with love, using TailwindCSS 3, Apline.JS, and Hugo
-                        Pipes. Images are optimized for use with Hugo Pipes for WebP format.</p>
-                </div>
-                <div class="col-span-6">
-                    
-
-                    
-                    
-
-                    <img srcset="https://tailbliss.vercel.app/images/pages/tailbliss-rocket-indigo_hufd548659203cff68f253872614e51f33_333717_400x400_fill_q90_h2_box_smart1_3.webp 400w, https://tailbliss.vercel.app/images/pages/tailbliss-rocket-indigo_hufd548659203cff68f253872614e51f33_333717_576x576_fill_q90_h2_box_smart1_3.webp 576w" src="https://tailbliss.vercel.app/images/pages/tailbliss-rocket-indigo.png"
-                         width="100%" height="" alt="TailBliss Hero" class="w-full max-w-xl mx-auto rounded-lg" />
-                </div>
-            </div>
-        </div>
-    </div>
-
-    
-
-    
-    <div class="relative my-4">
-        <div class="lg:mx-auto lg:grid lg:max-w-7xl lg:grid-cols-2 lg:items-start lg:gap-24 lg:px-8">
-            <div class="relative sm:py-8 lg:py-0">
-                <div aria-hidden="true" class="hidden sm:block lg:absolute lg:inset-y-0 lg:right-0 lg:w-screen">
-                    <div
-                         class="absolute inset-y-0 w-full bg-gray-50 dark:bg-gray-900/10 right-1/2 rounded-r-3xl lg:right-72">
-                    </div>
-                    <svg class="absolute -ml-3 top-8 left-1/2 lg:-right-8 lg:left-auto lg:top-12" width="404"
-                         height="392" fill="none" viewBox="0 0 404 392">
-                        <defs>
-                            <pattern id="02f20b47-fd69-4224-a62a-4c9de5c763f7" x="0" y="0" width="20" height="20"
-                                     patternUnits="userSpaceOnUse">
-                                <rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60"
-                                      fill="currentColor" />
-                            </pattern>
-                        </defs>
-                        <rect width="404" height="392" fill="url(#02f20b47-fd69-4224-a62a-4c9de5c763f7)" />
-                    </svg>
-                </div>
-                <div class="relative max-w-md px-4 py-6 mx-auto sm:max-w-3xl sm:px-6 lg:max-w-none lg:px-0 lg:py-20">
-                    
-                    <div class="relative pt-64 pb-10 overflow-hidden shadow-xl rounded-2xl">
-                        
-                        
-                        
-                        <img imgh src="https://tailbliss.vercel.app/images/pages/our-mission_hu9e41904be62b5e78e796dc304a702e2b_1640902_1440x1440_resize_q50_h2_box_3.webp" width="1440" height="1440"
-                             class="absolute inset-0 object-cover w-full h-full" alt="TailBliss - Our Mission" />
-                        >
-                        
-                        <div class="absolute inset-0 bg-indigo-300 mix-blend-multiply"></div>
-                        <div class="absolute inset-0 bg-gradient-to-t from-indigo-600 opacity-80">
-                        </div>
-                        <div class="relative px-8">
-                            <div>
-                                <img class="h-12" src="images/tailbliss-white.svg" alt="Workcation">
-                            </div>
-                            <blockquote class="mt-8">
-                                <div class="relative text-lg font-medium text-white md:flex-grow">
-                                    <svg class="absolute top-0 left-0 w-8 h-8 transform -translate-x-3 -translate-y-2 text-indigo-400/30"
-                                         fill="currentColor" viewBox="0 0 32 32" aria-hidden="true">
-                                        <path
-                                              d="M9.352 4C4.456 7.456 1 13.12 1 19.36c0 5.088 3.072 8.064 6.624 8.064 3.36 0 5.856-2.688 5.856-5.856 0-3.168-2.208-5.472-5.088-5.472-.576 0-1.344.096-1.536.192.48-3.264 3.552-7.104 6.624-9.024L9.352 4zm16.512 0c-4.8 3.456-8.256 9.12-8.256 15.36 0 5.088 3.072 8.064 6.624 8.064 3.264 0 5.856-2.688 5.856-5.856 0-3.168-2.304-5.472-5.184-5.472-.576 0-1.248.096-1.44.192.48-3.264 3.456-7.104 6.528-9.024L25.864 4z" />
-                                    </svg>
-                                    <p class="relative">Tincidunt integer commodo, cursus etiam
-                                        aliquam neque, et. Consectetur pretium in volutpat, diam.
-                                        Montes, magna cursus nulla feugiat dignissim id lobortis
-                                        amet.
-                                    </p>
-                                </div>
-
-                                <footer class="mt-4">
-                                    <p class="text-base font-semibold text-gray-200">
-                                        John Doe, CEO at TailBliss
-                                    </p>
-                                </footer>
-                            </blockquote>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div class="relative max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:px-0">
-                
-                <div class="md:pt-12 sm:pt-6 lg:pt-20">
-                    <h2
-                        class="text-3xl font-bold tracking-tight text-gray-900 capitalize dark:text-gray-50 sm:text-4xl">
-                        Our mission</h2>
-                    <div class="mt-6 space-y-6 text-gray-900 dark:text-gray-300">
-                        <p class="text-lg">Sagittis scelerisque nulla cursus in enim consectetur
-                            quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit
-                            amet, sed aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi
-                            vel porttitor vitae ut. Amet vitae fames senectus vitae.
-                        </p>
-                        <p class="text-base leading-7">Sollicitudin tristique eros erat odio sed
-                            vitae, consequat turpis elementum. Lorem nibh vel, eget pretium arcu
-                            vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.
-                            Sollicitudin tristique eroserat odio sed vitae, consequat turpis elementum. Lorem nibh vel,
-                            eget pretium arcu vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.
-                        </p>
-                        <p class="text-base leading-7">Rhoncus nisl, libero egestas diam fermentum
-                            dui. At quis tincidunt vel ultricies. Vulputate aliquet velit faucibus semper.
-                            Pellentesque in venenatis vestibulum consectetur nibh id. In id ut tempus egestas. Enim sit
-                            aliquam nec, a. Morbi enim fermentum lacus in. Viverra.
-                        </p>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    
-    <div class="overflow-hidden sm:pt-6 lg:relative">
-        <div class="max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:grid lg:max-w-7xl lg:grid-cols-2 lg:gap-12 lg:px-8">
-            <div>
-                <div class="md:mt-8">
-                    <div class="mt-6 sm:max-w-xl">
-                        <h1 class="text-4xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-5xl">
-                            Just in time for Hacktoberfest with JIT Tailwind.
-                        </h1>
-                        <p class="pb-12 mt-6 text-lg text-gray-500 dark:text-gray-400">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur at purus non enim commodo
-                            tincidunt vel in nulla. Aenean pretium dolor non ultricies bibendum. Etiam quis blandit
-                            enim. Nunc condimentum ut lorem in faucibus. Phasellus varius ligula et commodo tristique.
-                            Nunc sodales nisl nec
-                            laoreet vehicula. Donec velit nibh, sollicitudin at nulla a, egestas dignissim eros. Sed
-                            lacinia hendrerit interdum.
-                            Vestibulum pellentesque sem venenatis nisl tempor accumsan sit amet tempus felis. Mauris leo
-                            diam, porttitor nec
-                            bibendum id, tempus ac nulla. Etiam congue ornare erat at convallis. Donec in nisi dapibus,
-                            mattis risus vel, imperdiet enim. Donec
-                            fermentum sit amet tortor nec tincidunt. Nam nec lectus tortor. Nunc sit amet laoreet orci,
-                            porta ornare massa. Phasellus
-                            eget lorem mi. Nam eleifend ultricies sapien, quis mollis leo bibendum at. Quisque viverra
-                            lorem sit amet magna aliquet, et dignissim arcu eleifend.
-                        </p>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <div class="sm:mx-auto sm:max-w-3xl sm:px-6">
-            <div class="md:py-12 sm:relative sm:mt-12 lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2">
-                <div class="hidden sm:block">
-                    <div
-                         class="absolute inset-y-0 w-screen left-1/2 rounded-l-3xl bg-gray-50 dark:bg-gray-900/10 lg:left-80 lg:right-0 lg:w-full">
-                    </div>
-                    <svg class="absolute -mr-3 top-8 right-1/2 lg:left-0 lg:m-0" width="404" height="392" fill="none"
-                         viewBox="0 0 404 392">
-                        <defs>
-                            <pattern id="837c3e70-6c3a-44e6-8854-cc48c737b659" x="0" y="0" width="20" height="20"
-                                     patternUnits="userSpaceOnUse">
-                                <rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60"
-                                      fill="currentColor" />
-                            </pattern>
-                        </defs>
-                        <rect width="404" height="392" fill="url(#837c3e70-6c3a-44e6-8854-cc48c737b659)" />
-                    </svg>
-                </div>
-                <div class="relative pl-4 -mr-40 sm:mx-auto sm:max-w-3xl sm:px-0 lg:h-full lg:max-w-none lg:pl-12">
-                    
-
-                    
-                    
-                    
-                    
-
-                    <img srcset="https://tailbliss.vercel.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_480x280_fit_q80_box.jpg 480w, https://tailbliss.vercel.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_768x280_fit_q80_box.jpg 768w, https://tailbliss.vercel.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_1024x280_fit_q80_box.jpg 1024w, https://tailbliss.vercel.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_1374x1000_fit_q80_box.jpg 1374w" src="https://tailbliss.vercel.app/images/pages/hacktoberfest.jpg"
-                         alt="TailBliss Hacktoberfest Image"
-                         class="w-full rounded-lg shadow-xl lg:h-full lg:w-auto lg:max-w-none" />
-                </div>
-            </div>
-        </div>
-    </div>
-
-    
-    <div class="max-w-md px-4 mx-auto md:pt-24 md:pb-16 sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <div class="lg:grid lg:grid-cols-2 lg:items-center lg:gap-24">
-            <div class="mt-12 grid grid-cols-2 gap-0.5 md:grid-cols-3 lg:mt-0 lg:grid-cols-2">
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/transistor-logo-gray-400.svg"
-                         alt="Transistor">
-                </div>
-
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/mirage-logo-gray-400.svg" alt="Mirage">
-                </div>
-
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/tuple-logo-gray-400.svg" alt="Tuple">
-                </div>
-
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/laravel-logo-gray-400.svg"
-                         alt="Laravel">
-                </div>
-
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/statickit-logo-gray-400.svg"
-                         alt="StaticKit">
-                </div>
-
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/workcation-logo-gray-400.svg"
-                         alt="Workcation">
-                </div>
-            </div>
-            <div>
-                <h2 class="pt-6 text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-4xl">
-                    Backed by world-renowned investors
-                </h2>
-                <p class="max-w-3xl mt-6 text-lg leading-7 text-gray-500">Sagittis scelerisque nulla cursus in enim
-                    consectetur quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit amet, sed
-                    aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi vel porttitor vitae ut. Amet vitae
-                    fames senectus vitae.
-                </p>
-                <div class="my-6">
-                    <a href="#" class="text-base font-medium text-indigo-500">
-                        Meet our investors and advisors&nbsp&rarr;
-                    </a>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <div class="relative px-1 pt-8 pb-4 bg-transparent lg:px-8 lg:pt-12 lg:mb-4 md:mt-12">
-        <div class="absolute inset-0">
-            <div class="bg-gray-900 dark:bg-gray-900/50 h-1/3 sm:h-2/3"></div>
-        </div>
-        <div class="relative px-2 mx-auto max-w-7xl">
-            <div class="text-center">
-                <h2 class="text-3xl font-black tracking-tight text-indigo-500 capitalize dark:text-gray-50 sm:text-4xl">
-                    From the blog
-                </h2>
-                <p class="max-w-2xl mx-auto mt-3 text-xl text-gray-500 sm:mt-4">Lorem ipsum dolor
-                    sit amet consectetur,
-                    adipisicing elit. Ipsa libero labore natus atque, ducimus sed.</p>
-            </div>
-
-            <div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50 md:px-1.5">
-                <div class="px-4 text-gray-900 not-prose dark:text-zinc-200">
-                    <div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3">
-                        
-                        <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                            
-                            
-                            
-                            <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%"
-                                 height="" />
-                            
-                            
-                            <div class="p-6">
-                                <div class="flex-1">
-                                    <a href="https://tailbliss.vercel.app/posts/blog-post-1/"
-                                       class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                                        Blog Post 1
-                                    </a>
-                                    <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                                    </p>
-                                </div>
-                                <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                                    <span class="pr-2 font-black">Tags:</span>
-                                    <a href="https://tailbliss.vercel.app/tags/blog/"
-                                       class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div>
-                                <div class="flex items-center mt-6">
-                                    <div class="flex-shrink-0">
-                                        <span class="sr-only">TailBliss</span>
-                                        
-                                        
-                                        
-                                        <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                        
-                                        
-                                    </div>
-                                    <div class="pt-1 ml-3">
-                                        <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                            TailBliss
-                                        </p>
-                                        <div class="flex space-x-1 text-sm text-gray-500">
-                                            <time datetime="2020-02-12">2022-06-18</time>
-                                            <span aria-hidden="true">&middot;</span>
-                                            <span>2
-                                                min read</span>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        
-                        <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                            
-                            
-                            
-                            <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%"
-                                 height="" />
-                            
-                            
-                            <div class="p-6">
-                                <div class="flex-1">
-                                    <a href="https://tailbliss.vercel.app/posts/news-post-1/"
-                                       class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                                        News Post 1
-                                    </a>
-                                    <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                                    </p>
-                                </div>
-                                <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                                    <span class="pr-2 font-black">Tags:</span>
-                                    <a href="https://tailbliss.vercel.app/tags/news/"
-                                       class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div>
-                                <div class="flex items-center mt-6">
-                                    <div class="flex-shrink-0">
-                                        <span class="sr-only">TailBliss</span>
-                                        
-                                        
-                                        
-                                        <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                        
-                                        
-                                    </div>
-                                    <div class="pt-1 ml-3">
-                                        <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                            TailBliss
-                                        </p>
-                                        <div class="flex space-x-1 text-sm text-gray-500">
-                                            <time datetime="2020-02-12">2022-05-18</time>
-                                            <span aria-hidden="true">&middot;</span>
-                                            <span>2
-                                                min read</span>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        
-                        <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                            
-                            
-                            
-                            <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%"
-                                 height="" />
-                            
-                            
-                            <div class="p-6">
-                                <div class="flex-1">
-                                    <a href="https://tailbliss.vercel.app/posts/news-post-2/"
-                                       class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                                        News Post 2
-                                    </a>
-                                    <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                                    </p>
-                                </div>
-                                <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                                    <span class="pr-2 font-black">Tags:</span>
-                                    <a href="https://tailbliss.vercel.app/tags/news/"
-                                       class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div>
-                                <div class="flex items-center mt-6">
-                                    <div class="flex-shrink-0">
-                                        <span class="sr-only">TailBliss</span>
-                                        
-                                        
-                                        
-                                        <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                        
-                                        
-                                    </div>
-                                    <div class="pt-1 ml-3">
-                                        <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                            TailBliss
-                                        </p>
-                                        <div class="flex space-x-1 text-sm text-gray-500">
-                                            <time datetime="2020-02-12">2022-04-18</time>
-                                            <span aria-hidden="true">&middot;</span>
-                                            <span>2
-                                                min read</span>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    
-    <div class="relative pb-16 mt-6">
-        <div aria-hidden="true" class="hidden sm:block">
-            <div class="absolute inset-y-0 left-0 w-1/2 rounded-r-3xl bg-gray-50 dark:bg-gray-900/10">
-            </div>
-            <svg class="absolute -ml-3 top-8 left-1/2" width="404" height="392" fill="none" viewBox="0 0 404 392">
-                <defs>
-                    <pattern id="8228f071-bcee-4ec8-905a-2a059a2cc4fb" x="0" y="0" width="20" height="20"
-                             patternUnits="userSpaceOnUse">
-                        <rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60"
-                              fill="currentColor" />
-                    </pattern>
-                </defs>
-                <rect width="404" height="392" fill="url(#8228f071-bcee-4ec8-905a-2a059a2cc4fb)" />
-            </svg>
-        </div>
-        <div class="max-w-md mx-auto px-7 sm:max-w-3xl lg:max-w-7xl">
-            <div class="relative px-6 py-10 overflow-hidden bg-indigo-500 shadow-xl rounded-2xl sm:px-12 sm:py-20">
-                <div aria-hidden="true" class="absolute inset-0 -mt-72 sm:-mt-32 md:mt-0">
-                    <svg class="absolute inset-0 w-full h-full" preserveAspectRatio="xMidYMid slice"
-                         xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1463 360">
-                        <path class="text-indigo-600 text-opacity-40" fill="currentColor"
-                              d="M-82.673 72l1761.849 472.086-134.327 501.315-1761.85-472.086z" />
-                        <path class="text-indigo-600 text-opacity-40" fill="currentColor"
-                              d="M-217.088 544.086L1544.761 72l134.327 501.316-1761.849 472.086z" />
-                    </svg>
-                </div>
-                <div class="relative">
-                    <div class="sm:text-center">
-                        <h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">
-                            Stay Up to Date
-                        </h2>
-                        <p class="max-w-2xl mx-auto mt-6 text-lg text-indigo-100">Sagittis
-                            scelerisque nulla cursus in enim consectetur quam. Dictum urna sed
-                            consectetur neque tristique pellentesque.</p>
-                    </div>
-                    <form action="#" class="mt-12 sm:mx-auto sm:flex sm:max-w-lg">
-                        <div class="flex-1 min-w-0">
-                            <label for="cta-email" class="sr-only">Email address</label>
-                            <input id="cta-email" type="email"
-                                   class="block w-full px-5 py-3 text-base text-gray-900 placeholder-gray-500 border border-transparent rounded-md shadow-sm focus:border-transparent focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-indigo-500"
-                                   placeholder="Enter your email">
-                        </div>
-                        <div class="mt-4 sm:mt-0 sm:ml-3">
-                            <button type="submit"
-                                    class="block w-full px-5 py-3 text-base font-medium text-white bg-gray-900 border border-transparent rounded-md shadow hover:bg-black focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-indigo-500 sm:px-10">Notify
-                                me</button>
-                        </div>
-                    </form>
-                </div>
-            </div>
-        </div>
-    </div>
-
-</main>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+<!doctype html><html lang=en><head><meta name=generator content="Hugo 0.105.0"><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>TailBliss is Hugo Starter | TailBliss</title><meta name=description content="TailBliss is Hugo Starter"><meta property="og:title" content="TailBliss | TailBliss"><meta name=twitter:title content="TailBliss | TailBliss"><meta itemprop=name content="TailBliss | TailBliss"><meta name=application-name content="TailBliss | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="TailBliss is Hugo Starter"><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><main><div class="bg-gray-200 dark:bg-gray-900"><div class="max-w-screen-xl px-4 py-8 mx-auto"><div class="grid items-center gap-8 mb-8 sm:mb-0 lg:gap-12 lg:grid-cols-12"><div class="col-span-6 px-4 text-center sm:mb-6 lg:text-left lg:mb-0"><h1 class="mb-2 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl xl:text-6xl dark:text-white">TailBliss</h1><h2 class="pb-2 text-3xl font-light text-gray-800 dark:text-gray-300 md:text-4xl">Super Fast, and Flexible</h2><a href=https://github.com/nusserstudios/tailbliss class="inline-flex py-4 mx-auto space-x-4 sm:text-center"><span class="rounded bg-gray-50 px-2.5 py-1 text-sm font-bold text-gray-900">What's new</span>
+<span class="inline-flex items-center space-x-1 text-sm font-medium text-gray-800 dark:text-white"><span>Just shipped version 0.1.0</span><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentcolor" aria-hidden="true"><path fill-rule="evenodd" d="M7.21 14.77a.75.75.0 01.02-1.06L11.168 10 7.23 6.29a.75.75.0 111.04-1.08l4.5 4.25a.75.75.0 010 1.08l-4.5 4.25a.75.75.0 01-1.06-.02z" clip-rule="evenodd"/></svg></span></a><p class="max-w-xl mx-auto mb-6 font-normal text-gray-900 lg:mx-0 xl:mb-2 md:text-lg xl:text-xl dark:text-gray-50">A Hugo theme built with love, using TailwindCSS 3, Apline.JS, and Hugo
+Pipes. Images are optimized for use with Hugo Pipes for WebP format.</p></div><div class=col-span-6><img srcset="https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hufd548659203cff68f253872614e51f33_333717_400x400_fill_q90_h2_box_smart1_3.webp 400w, https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hufd548659203cff68f253872614e51f33_333717_576x576_fill_q90_h2_box_smart1_3.webp 576w" src=https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo.png width=100% height alt="TailBliss Hero" class="w-full max-w-xl mx-auto rounded-lg"></div></div></div></div><div class="relative my-4"><div class="lg:mx-auto lg:grid lg:max-w-7xl lg:grid-cols-2 lg:items-start lg:gap-24 lg:px-8"><div class="relative sm:py-8 lg:py-0"><div aria-hidden=true class="hidden sm:block lg:absolute lg:inset-y-0 lg:right-0 lg:w-screen"><div class="absolute inset-y-0 w-full bg-gray-50 dark:bg-gray-900/10 right-1/2 rounded-r-3xl lg:right-72"></div><svg class="absolute -ml-3 top-8 left-1/2 lg:-right-8 lg:left-auto lg:top-12" width="404" height="392" fill="none" viewBox="0 0 404 392" loading="lazy"><defs><pattern id="02f20b47-fd69-4224-a62a-4c9de5c763f7" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60" fill="currentcolor"/></pattern></defs><rect width="404" height="392" fill="url(#02f20b47-fd69-4224-a62a-4c9de5c763f7)"/></svg></div><div class="relative max-w-md px-4 py-6 mx-auto sm:max-w-3xl sm:px-6 lg:max-w-none lg:px-0 lg:py-20"><div class="relative pt-64 pb-10 overflow-hidden shadow-xl rounded-2xl"><img imgh src=https://tailbliss.netlify.app/images/pages/our-mission_hu9e41904be62b5e78e796dc304a702e2b_1640902_1440x1440_resize_q50_h2_box_3.webp width=1440 height=1440 class="absolute inset-0 object-cover w-full h-full" alt="TailBliss - Our Mission" loading=lazy>
+><div class="absolute inset-0 bg-indigo-300 mix-blend-multiply"></div><div class="absolute inset-0 bg-gradient-to-t from-indigo-600 opacity-80"></div><div class="relative px-8"><div><img class=h-12 src=images/tailbliss-white.svg alt=Workcation></div><blockquote class=mt-8><div class="relative text-lg font-medium text-white md:flex-grow"><svg class="absolute top-0 left-0 w-8 h-8 transform -translate-x-3 -translate-y-2 text-indigo-400/30" fill="currentcolor" viewBox="0 0 32 32" aria-hidden="true"><path d="M9.352 4C4.456 7.456 1 13.12 1 19.36c0 5.088 3.072 8.064 6.624 8.064 3.36.0 5.856-2.688 5.856-5.856.0-3.168-2.208-5.472-5.088-5.472-.576.0-1.344.096-1.536.192.48-3.264 3.552-7.104 6.624-9.024L9.352 4zm16.512.0c-4.8 3.456-8.256 9.12-8.256 15.36.0 5.088 3.072 8.064 6.624 8.064 3.264.0 5.856-2.688 5.856-5.856.0-3.168-2.304-5.472-5.184-5.472-.576.0-1.248.096-1.44.192.48-3.264 3.456-7.104 6.528-9.024L25.864 4z"/></svg><p class=relative>Tincidunt integer commodo, cursus etiam
+aliquam neque, et. Consectetur pretium in volutpat, diam.
+Montes, magna cursus nulla feugiat dignissim id lobortis
+amet.</p></div><footer class=mt-4><p class="text-base font-semibold text-gray-200">John Doe, CEO at TailBliss</p></footer></blockquote></div></div></div></div><div class="relative max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:px-0"><div class="md:pt-12 sm:pt-6 lg:pt-20"><h2 class="text-3xl font-bold tracking-tight text-gray-900 capitalize dark:text-gray-50 sm:text-4xl">Our mission</h2><div class="mt-6 space-y-6 text-gray-900 dark:text-gray-300"><p class=text-lg>Sagittis scelerisque nulla cursus in enim consectetur
+quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit
+amet, sed aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi
+vel porttitor vitae ut. Amet vitae fames senectus vitae.</p><p class="text-base leading-7">Sollicitudin tristique eros erat odio sed
+vitae, consequat turpis elementum. Lorem nibh vel, eget pretium arcu
+vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.
+Sollicitudin tristique eroserat odio sed vitae, consequat turpis elementum. Lorem nibh vel,
+eget pretium arcu vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.</p><p class="text-base leading-7">Rhoncus nisl, libero egestas diam fermentum
+dui. At quis tincidunt vel ultricies. Vulputate aliquet velit faucibus semper.
+Pellentesque in venenatis vestibulum consectetur nibh id. In id ut tempus egestas. Enim sit
+aliquam nec, a. Morbi enim fermentum lacus in. Viverra.</p></div></div></div></div></div><div class="overflow-hidden sm:pt-6 lg:relative"><div class="max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:grid lg:max-w-7xl lg:grid-cols-2 lg:gap-12 lg:px-8"><div><div class=md:mt-8><div class="mt-6 sm:max-w-xl"><h1 class="text-4xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-5xl">Just in time for Hacktoberfest with JIT Tailwind.</h1><p class="pb-12 mt-6 text-lg text-gray-900 dark:text-white">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur at purus non enim commodo
+tincidunt vel in nulla. Aenean pretium dolor non ultricies bibendum. Etiam quis blandit
+enim. Nunc condimentum ut lorem in faucibus. Phasellus varius ligula et commodo tristique.
+Nunc sodales nisl nec
+laoreet vehicula. Donec velit nibh, sollicitudin at nulla a, egestas dignissim eros. Sed
+lacinia hendrerit interdum.
+Vestibulum pellentesque sem venenatis nisl tempor accumsan sit amet tempus felis. Mauris leo
+diam, porttitor nec
+bibendum id, tempus ac nulla. Etiam congue ornare erat at convallis. Donec in nisi dapibus,
+mattis risus vel, imperdiet enim. Donec
+fermentum sit amet tortor nec tincidunt. Nam nec lectus tortor. Nunc sit amet laoreet orci,
+porta ornare massa. Phasellus
+eget lorem mi. Nam eleifend ultricies sapien, quis mollis leo bibendum at. Quisque viverra
+lorem sit amet magna aliquet, et dignissim arcu eleifend.</p></div></div></div></div><div class="sm:mx-auto sm:max-w-3xl sm:px-6"><div class="md:py-12 sm:relative sm:mt-12 lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2"><div class="hidden sm:block"><div class="absolute inset-y-0 w-screen left-1/2 rounded-l-3xl bg-gray-50 dark:bg-gray-900/10 lg:left-80 lg:right-0 lg:w-full"></div><svg class="absolute -mr-3 top-8 right-1/2 lg:left-0 lg:m-0" width="404" height="392" fill="none" viewBox="0 0 404 392" loading="lazy"><defs><pattern id="837c3e70-6c3a-44e6-8854-cc48c737b659" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60" fill="currentcolor"/></pattern></defs><rect width="404" height="392" fill="url(#837c3e70-6c3a-44e6-8854-cc48c737b659)"/></svg></div><div class="relative pl-4 -mr-40 sm:mx-auto sm:max-w-3xl sm:px-0 lg:h-full lg:max-w-none lg:pl-12"><img srcset="https://tailbliss.netlify.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_480x280_fit_q80_box.jpg 480w, https://tailbliss.netlify.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_768x280_fit_q80_box.jpg 768w, https://tailbliss.netlify.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_1024x280_fit_q80_box.jpg 1024w, https://tailbliss.netlify.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_1374x1000_fit_q80_box.jpg 1374w" src=https://tailbliss.netlify.app/images/pages/hacktoberfest.jpg alt="TailBliss Hacktoberfest Image" class="w-full rounded-lg shadow-xl lg:h-full lg:w-auto lg:max-w-none" loading=lazy></div></div></div></div><div class="max-w-md px-4 mx-auto md:pt-24 md:pb-16 sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><div class="lg:grid lg:grid-cols-2 lg:items-center lg:gap-24"><div class="mt-12 grid grid-cols-2 gap-0.5 md:grid-cols-3 lg:mt-0 lg:grid-cols-2"><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div></div><div><h2 class="pt-6 text-3xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-4xl">Backed by world-renowned investors</h2><p class="max-w-3xl mt-6 text-lg leading-7 text-gray-900 dark:text-white">Sagittis scelerisque nulla
+cursus in enim
+consectetur quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit amet, sed
+aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi vel porttitor vitae ut. Amet vitae
+fames senectus vitae.</p><div class=my-6><a href=# class="text-base font-medium text-indigo-500">Meet our investors and advisors&nbsp&rarr;</a></div></div></div></div><div class="relative px-1 pt-8 pb-4 bg-transparent lg:px-8 lg:pt-12 lg:mb-4 md:mt-12"><div class="absolute inset-0"><div class="bg-gray-900 dark:bg-gray-900/50 h-1/3 sm:h-2/3"></div></div><div class="relative px-2 mx-auto max-w-7xl"><div class=text-center><h2 class="text-3xl font-black tracking-tight text-indigo-500 capitalize dark:text-indigo-300 sm:text-4xl">From the blog</h2><p class="max-w-2xl mx-auto mt-3 text-xl text-gray-900 dark:text-gray-100 sm:mt-4">Lorem ipsum dolor
+sit amet consectetur,
+adipisicing elit. Ipsa libero labore natus atque, ducimus sed.</p></div><div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50 md:px-1.5"><div class="px-4 text-gray-900 dark:text-white not-prose dark:text-zinc-200"><div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3"><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height loading=lazy><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/blog-post-1/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Blog Post 1</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/blog/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></div><div class="pt-1 ml-3"><p class="text-sm font-medium text-gray-900 dark:text-gray-300">TailBliss</p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-06-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2
+min read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height loading=lazy><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/news-post-1/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">News Post 1</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/news/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></div><div class="pt-1 ml-3"><p class="text-sm font-medium text-gray-900 dark:text-gray-300">TailBliss</p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-05-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2
+min read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height loading=lazy><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/news-post-2/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">News Post 2</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/news/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></div><div class="pt-1 ml-3"><p class="text-sm font-medium text-gray-900 dark:text-gray-300">TailBliss</p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-04-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2
+min read</span></div></div></div></div></div></div></div></div></div></div><div class="relative pb-16 mt-6"><div aria-hidden=true class="hidden sm:block"><div class="absolute inset-y-0 left-0 w-1/2 rounded-r-3xl bg-gray-50 dark:bg-gray-900/10"></div><svg class="absolute -ml-3 top-8 left-1/2" width="404" height="392" fill="none" viewBox="0 0 404 392"><defs><pattern id="8228f071-bcee-4ec8-905a-2a059a2cc4fb" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60" fill="currentcolor"/></pattern></defs><rect width="404" height="392" fill="url(#8228f071-bcee-4ec8-905a-2a059a2cc4fb)"/></svg></div><div class="max-w-md mx-auto px-7 sm:max-w-3xl lg:max-w-7xl"><div class="relative px-6 py-10 overflow-hidden bg-indigo-500 shadow-xl rounded-2xl sm:px-12 sm:py-20"><div aria-hidden=true class="absolute inset-0 -mt-72 sm:-mt-32 md:mt-0"><svg class="absolute inset-0 w-full h-full" preserveAspectRatio="xMidYMid slice" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1463 360" loading="lazy"><path class="text-indigo-600 text-opacity-40" fill="currentcolor" d="M-82.673 72l1761.849 472.086-134.327 501.315-1761.85-472.086z"/><path class="text-indigo-600 text-opacity-40" fill="currentcolor" d="M-217.088 544.086 1544.761 72l134.327 501.316-1761.849 472.086z"/></svg></div><div class=relative><div class=sm:text-center><h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">Stay Up to Date</h2><p class="max-w-2xl mx-auto mt-6 text-lg text-indigo-100">Sagittis
+scelerisque nulla cursus in enim consectetur quam. Dictum urna sed
+consectetur neque tristique pellentesque.</p></div><form action=# class="mt-12 sm:mx-auto sm:flex sm:max-w-lg"><div class="flex-1 min-w-0"><label for=cta-email class=sr-only>Email address</label>
+<input id=cta-email type=email class="block w-full px-5 py-3 text-base text-gray-900 placeholder-gray-500 border border-transparent rounded-md shadow-sm focus:border-transparent focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-indigo-500" placeholder="Enter your email"></div><div class="mt-4 sm:mt-0 sm:ml-3"><button type=submit class="block w-full px-5 py-3 text-base font-medium text-white bg-gray-900 border border-transparent rounded-md shadow hover:bg-black focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-indigo-500 sm:px-10">Notify
+me</button></div></form></div></div></div></div></main><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/index.xml b/public/index.xml
index eac9265..32263cf 100644
--- a/public/index.xml
+++ b/public/index.xml
@@ -1,73 +1,4 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>TailBliss</title>
-    <link>https://tailbliss.vercel.app/</link>
-    <description>Recent content on TailBliss</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <lastBuildDate>Sat, 18 Jun 2022 11:10:36 +0800</lastBuildDate><atom:link href="https://tailbliss.vercel.app/index.xml" rel="self" type="application/rss+xml" />
-    <item>
-      <title>Blog Post 1</title>
-      <link>https://tailbliss.vercel.app/posts/blog-post-1/</link>
-      <pubDate>Sat, 18 Jun 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/blog-post-1/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>News Post 1</title>
-      <link>https://tailbliss.vercel.app/posts/news-post-1/</link>
-      <pubDate>Wed, 18 May 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/news-post-1/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>News Post 2</title>
-      <link>https://tailbliss.vercel.app/posts/news-post-2/</link>
-      <pubDate>Mon, 18 Apr 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/news-post-2/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>News Post 4</title>
-      <link>https://tailbliss.vercel.app/posts/news-post-4/</link>
-      <pubDate>Fri, 18 Mar 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/news-post-4/</guid>
-      <description>&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.&lt;/p&gt;</description>
-    </item>
-    
-    <item>
-      <title>News Post 5</title>
-      <link>https://tailbliss.vercel.app/posts/news-post-5/</link>
-      <pubDate>Fri, 18 Mar 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/news-post-5/</guid>
-      <description>&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.&lt;/p&gt;</description>
-    </item>
-    
-    <item>
-      <title>News Post 6</title>
-      <link>https://tailbliss.vercel.app/posts/news-post-6/</link>
-      <pubDate>Fri, 18 Mar 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/news-post-6/</guid>
-      <description>&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.&lt;/p&gt;</description>
-    </item>
-    
-    <item>
-      <title>About</title>
-      <link>https://tailbliss.vercel.app/about/</link>
-      <pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/about/</guid>
-      <description>h1 Heading 😊 h2 Heading h3 Heading h4 Heading h5 Heading h6 Heading Horizontal Rules Typographic replacements Enable typographer option to see result.
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>TailBliss</title><link>https://tailbliss.netlify.app/</link><description>Recent content on TailBliss</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Sat, 18 Jun 2022 11:10:36 +0800</lastBuildDate><atom:link href="https://tailbliss.netlify.app/index.xml" rel="self" type="application/rss+xml"/><item><title>Blog Post 1</title><link>https://tailbliss.netlify.app/posts/blog-post-1/</link><pubDate>Sat, 18 Jun 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/blog-post-1/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>News Post 1</title><link>https://tailbliss.netlify.app/posts/news-post-1/</link><pubDate>Wed, 18 May 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/news-post-1/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>News Post 2</title><link>https://tailbliss.netlify.app/posts/news-post-2/</link><pubDate>Mon, 18 Apr 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/news-post-2/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>News Post 4</title><link>https://tailbliss.netlify.app/posts/news-post-4/</link><pubDate>Fri, 18 Mar 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/news-post-4/</guid><description>&lt;p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.&lt;/p></description></item><item><title>News Post 5</title><link>https://tailbliss.netlify.app/posts/news-post-5/</link><pubDate>Fri, 18 Mar 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/news-post-5/</guid><description>&lt;p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.&lt;/p></description></item><item><title>News Post 6</title><link>https://tailbliss.netlify.app/posts/news-post-6/</link><pubDate>Fri, 18 Mar 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/news-post-6/</guid><description>&lt;p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.&lt;/p></description></item><item><title>About</title><link>https://tailbliss.netlify.app/about/</link><pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/about/</guid><description>h1 Heading 😊 h2 Heading h3 Heading h4 Heading h5 Heading h6 Heading Horizontal Rules Typographic replacements Enable typographer option to see result.
 (c) (C) (r) (R) (tm) (TM) (p) (P) +-
 test.. test&amp;hellip; test&amp;hellip;.. test?&amp;hellip;.. test!&amp;hellip;.
 !!!!!! ???? ,, &amp;ndash; &amp;mdash;
@@ -77,85 +8,11 @@ This is bold text
 This is italic text
 This is italic text
 Strikethrough
-Blockquotes Blockquotes can also be nested&amp;hellip;</description>
-    </item>
-    
-    <item>
-      <title>Blog Post 2</title>
-      <link>https://tailbliss.vercel.app/posts/blog-post-2/</link>
-      <pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/blog-post-2/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>Blog Post 3</title>
-      <link>https://tailbliss.vercel.app/posts/blog-post-3/</link>
-      <pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/blog-post-3/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>Blog Post 4</title>
-      <link>https://tailbliss.vercel.app/posts/blog-post-4/</link>
-      <pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/blog-post-4/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>Blog Post 5</title>
-      <link>https://tailbliss.vercel.app/posts/blog-post-5/</link>
-      <pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/blog-post-5/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>Blog Post 6</title>
-      <link>https://tailbliss.vercel.app/posts/blog-post-6/</link>
-      <pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/blog-post-6/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>Contact</title>
-      <link>https://tailbliss.vercel.app/contact/</link>
-      <pubDate>Sat, 18 Dec 2021 03:10:36 +0000</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/contact/</guid>
-      <description> Got a technical issue? Want to send feedback about a beta feature? Need details about our Business plan? Let us know.
-Your Email: Subject: Your message: Send Message </description>
-    </item>
-    
-    <item>
-      <title>News Post 3</title>
-      <link>https://tailbliss.vercel.app/posts/news-post-3/</link>
-      <pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/news-post-3/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>Prose</title>
-      <link>https://tailbliss.vercel.app/prose/</link>
-      <pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/prose/</guid>
-      <description>@tailwindcss/typography View on GitHub!
+Blockquotes Blockquotes can also be nested&amp;hellip;</description></item><item><title>Blog Post 2</title><link>https://tailbliss.netlify.app/posts/blog-post-2/</link><pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/blog-post-2/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>Blog Post 3</title><link>https://tailbliss.netlify.app/posts/blog-post-3/</link><pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/blog-post-3/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>Blog Post 4</title><link>https://tailbliss.netlify.app/posts/blog-post-4/</link><pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/blog-post-4/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>Blog Post 5</title><link>https://tailbliss.netlify.app/posts/blog-post-5/</link><pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/blog-post-5/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>Blog Post 6</title><link>https://tailbliss.netlify.app/posts/blog-post-6/</link><pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/blog-post-6/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>Contact</title><link>https://tailbliss.netlify.app/contact/</link><pubDate>Sat, 18 Dec 2021 03:10:36 +0000</pubDate><guid>https://tailbliss.netlify.app/contact/</guid><description> Got a technical issue? Want to send feedback about a beta feature? Need details about our Business plan? Let us know.
+Your Email: Subject: Your message: Send Message</description></item><item><title>News Post 3</title><link>https://tailbliss.netlify.app/posts/news-post-3/</link><pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/news-post-3/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>Prose</title><link>https://tailbliss.netlify.app/prose/</link><pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/prose/</guid><description>@tailwindcss/typography View on GitHub!
 Beautiful typographic defaults for HTML you don&amp;rsquo;t control.
 The official Tailwind CSS Typography plugin provides a set of prose classes you can use to add beautiful typographic defaults to any vanilla HTML you don’t control, like HTML rendered from Markdown, or pulled from a CMS.
 Tailwind CSS IntelliSense extension for Visual Studio Code
-&amp;lt;article class=&amp;#34;prose lg:prose-xl&amp;#34;&amp;gt;
{{ markdown }}
&amp;lt;/article&amp;gt; To see what it looks like in action, check out our live demo on Tailwind Play.</description>
-    </item>
-    
-  </channel>
-</rss>
+&amp;lt;article class=&amp;#34;prose lg:prose-xl&amp;#34;&amp;gt;
+{{ markdown }}
+&amp;lt;/article&amp;gt; To see what it looks like in action, check out our live demo on Tailwind Play.</description></item></channel></rss>
\ No newline at end of file
diff --git a/public/page/1/index.html b/public/page/1/index.html
index 0333525..9611bb8 100644
--- a/public/page/1/index.html
+++ b/public/page/1/index.html
@@ -1,10 +1 @@
-<!DOCTYPE html>
-<html lang="en-us">
-  <head>
-    <title>https://tailbliss.vercel.app/</title>
-    <link rel="canonical" href="https://tailbliss.vercel.app/">
-    <meta name="robots" content="noindex">
-    <meta charset="utf-8">
-    <meta http-equiv="refresh" content="0; url=https://tailbliss.vercel.app/">
-  </head>
-</html>
+<!doctype html><html lang=en-us><head><title>https://tailbliss.netlify.app/</title><link rel=canonical href=https://tailbliss.netlify.app/><meta name=robots content="noindex"><meta charset=utf-8><meta http-equiv=refresh content="0; url=https://tailbliss.netlify.app/"></head></html>
\ No newline at end of file
diff --git a/public/page/2/index.html b/public/page/2/index.html
index 845d916..2490ecf 100644
--- a/public/page/2/index.html
+++ b/public/page/2/index.html
@@ -1,764 +1,68 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-	<meta name="generator" content="Hugo 0.105.0">
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> TailBliss is Hugo Starter | TailBliss
-    
-</title>
-<meta name="description" content="TailBliss is Hugo Starter" />
-<meta property="og:title" content="TailBliss | TailBliss" />
-<meta name="twitter:title" content="TailBliss | TailBliss" />
-<meta itemprop="name" content="TailBliss | TailBliss" />
-<meta name="application-name" content="TailBliss | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="TailBliss is Hugo Starter" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<main>
-    <div class="bg-gray-200 dark:bg-gray-900">
-        <div class="max-w-screen-xl px-4 py-8 mx-auto">
-            <div class="grid items-center gap-8 mb-8 sm:mb-0 lg:gap-12 lg:grid-cols-12">
-                <div class="col-span-6 px-4 text-center sm:mb-6 lg:text-left lg:mb-0">
-                    <h1
-                        class="mb-2 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl xl:text-6xl dark:text-white">
-                        TailBliss</h1>
-                    <h2 class="pb-2 text-3xl font-light text-gray-800 dark:text-gray-300 md:text-4xl">
-                        Super Fast, and Flexible
-                    </h2>
-                    <a href="https://github.com/nusserstudios/tailbliss"
-                       class="inline-flex py-4 mx-auto space-x-4 sm:text-center">
-                        <span class="rounded bg-gray-50 px-2.5 py-1 text-sm font-bold text-gray-900">
-                            What's new
-                        </span>
-                        <span
-                              class="inline-flex items-center space-x-1 text-sm font-medium text-gray-800 dark:text-white">
-                            <span>Just shipped version 0.1.0</span>
-                            
-                            <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
-                                 fill="currentColor" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                      d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
-                                      clip-rule="evenodd" />
-                            </svg>
-                        </span>
-                    </a>
-                    <p
-                       class="max-w-xl mx-auto mb-6 font-normal text-gray-900 lg:mx-0 xl:mb-2 md:text-lg xl:text-xl dark:text-gray-50">
-                        A Hugo theme built with love, using TailwindCSS 3, Apline.JS, and Hugo
-                        Pipes. Images are optimized for use with Hugo Pipes for WebP format.</p>
-                </div>
-                <div class="col-span-6">
-                    
-
-                    
-                    
-
-                    <img srcset="https://tailbliss.vercel.app/images/pages/tailbliss-rocket-indigo_hufd548659203cff68f253872614e51f33_333717_400x400_fill_q90_h2_box_smart1_3.webp 400w, https://tailbliss.vercel.app/images/pages/tailbliss-rocket-indigo_hufd548659203cff68f253872614e51f33_333717_576x576_fill_q90_h2_box_smart1_3.webp 576w" src="https://tailbliss.vercel.app/images/pages/tailbliss-rocket-indigo.png"
-                         width="100%" height="" alt="TailBliss Hero" class="w-full max-w-xl mx-auto rounded-lg" />
-                </div>
-            </div>
-        </div>
-    </div>
-
-    
-
-    
-    <div class="relative my-4">
-        <div class="lg:mx-auto lg:grid lg:max-w-7xl lg:grid-cols-2 lg:items-start lg:gap-24 lg:px-8">
-            <div class="relative sm:py-8 lg:py-0">
-                <div aria-hidden="true" class="hidden sm:block lg:absolute lg:inset-y-0 lg:right-0 lg:w-screen">
-                    <div
-                         class="absolute inset-y-0 w-full bg-gray-50 dark:bg-gray-900/10 right-1/2 rounded-r-3xl lg:right-72">
-                    </div>
-                    <svg class="absolute -ml-3 top-8 left-1/2 lg:-right-8 lg:left-auto lg:top-12" width="404"
-                         height="392" fill="none" viewBox="0 0 404 392">
-                        <defs>
-                            <pattern id="02f20b47-fd69-4224-a62a-4c9de5c763f7" x="0" y="0" width="20" height="20"
-                                     patternUnits="userSpaceOnUse">
-                                <rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60"
-                                      fill="currentColor" />
-                            </pattern>
-                        </defs>
-                        <rect width="404" height="392" fill="url(#02f20b47-fd69-4224-a62a-4c9de5c763f7)" />
-                    </svg>
-                </div>
-                <div class="relative max-w-md px-4 py-6 mx-auto sm:max-w-3xl sm:px-6 lg:max-w-none lg:px-0 lg:py-20">
-                    
-                    <div class="relative pt-64 pb-10 overflow-hidden shadow-xl rounded-2xl">
-                        
-                        
-                        
-                        <img imgh src="https://tailbliss.vercel.app/images/pages/our-mission_hu9e41904be62b5e78e796dc304a702e2b_1640902_1440x1440_resize_q50_h2_box_3.webp" width="1440" height="1440"
-                             class="absolute inset-0 object-cover w-full h-full" alt="TailBliss - Our Mission" />
-                        >
-                        
-                        <div class="absolute inset-0 bg-indigo-300 mix-blend-multiply"></div>
-                        <div class="absolute inset-0 bg-gradient-to-t from-indigo-600 opacity-80">
-                        </div>
-                        <div class="relative px-8">
-                            <div>
-                                <img class="h-12" src="images/tailbliss-white.svg" alt="Workcation">
-                            </div>
-                            <blockquote class="mt-8">
-                                <div class="relative text-lg font-medium text-white md:flex-grow">
-                                    <svg class="absolute top-0 left-0 w-8 h-8 transform -translate-x-3 -translate-y-2 text-indigo-400/30"
-                                         fill="currentColor" viewBox="0 0 32 32" aria-hidden="true">
-                                        <path
-                                              d="M9.352 4C4.456 7.456 1 13.12 1 19.36c0 5.088 3.072 8.064 6.624 8.064 3.36 0 5.856-2.688 5.856-5.856 0-3.168-2.208-5.472-5.088-5.472-.576 0-1.344.096-1.536.192.48-3.264 3.552-7.104 6.624-9.024L9.352 4zm16.512 0c-4.8 3.456-8.256 9.12-8.256 15.36 0 5.088 3.072 8.064 6.624 8.064 3.264 0 5.856-2.688 5.856-5.856 0-3.168-2.304-5.472-5.184-5.472-.576 0-1.248.096-1.44.192.48-3.264 3.456-7.104 6.528-9.024L25.864 4z" />
-                                    </svg>
-                                    <p class="relative">Tincidunt integer commodo, cursus etiam
-                                        aliquam neque, et. Consectetur pretium in volutpat, diam.
-                                        Montes, magna cursus nulla feugiat dignissim id lobortis
-                                        amet.
-                                    </p>
-                                </div>
-
-                                <footer class="mt-4">
-                                    <p class="text-base font-semibold text-gray-200">
-                                        John Doe, CEO at TailBliss
-                                    </p>
-                                </footer>
-                            </blockquote>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div class="relative max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:px-0">
-                
-                <div class="md:pt-12 sm:pt-6 lg:pt-20">
-                    <h2
-                        class="text-3xl font-bold tracking-tight text-gray-900 capitalize dark:text-gray-50 sm:text-4xl">
-                        Our mission</h2>
-                    <div class="mt-6 space-y-6 text-gray-900 dark:text-gray-300">
-                        <p class="text-lg">Sagittis scelerisque nulla cursus in enim consectetur
-                            quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit
-                            amet, sed aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi
-                            vel porttitor vitae ut. Amet vitae fames senectus vitae.
-                        </p>
-                        <p class="text-base leading-7">Sollicitudin tristique eros erat odio sed
-                            vitae, consequat turpis elementum. Lorem nibh vel, eget pretium arcu
-                            vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.
-                            Sollicitudin tristique eroserat odio sed vitae, consequat turpis elementum. Lorem nibh vel,
-                            eget pretium arcu vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.
-                        </p>
-                        <p class="text-base leading-7">Rhoncus nisl, libero egestas diam fermentum
-                            dui. At quis tincidunt vel ultricies. Vulputate aliquet velit faucibus semper.
-                            Pellentesque in venenatis vestibulum consectetur nibh id. In id ut tempus egestas. Enim sit
-                            aliquam nec, a. Morbi enim fermentum lacus in. Viverra.
-                        </p>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    
-    <div class="overflow-hidden sm:pt-6 lg:relative">
-        <div class="max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:grid lg:max-w-7xl lg:grid-cols-2 lg:gap-12 lg:px-8">
-            <div>
-                <div class="md:mt-8">
-                    <div class="mt-6 sm:max-w-xl">
-                        <h1 class="text-4xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-5xl">
-                            Just in time for Hacktoberfest with JIT Tailwind.
-                        </h1>
-                        <p class="pb-12 mt-6 text-lg text-gray-500 dark:text-gray-400">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur at purus non enim commodo
-                            tincidunt vel in nulla. Aenean pretium dolor non ultricies bibendum. Etiam quis blandit
-                            enim. Nunc condimentum ut lorem in faucibus. Phasellus varius ligula et commodo tristique.
-                            Nunc sodales nisl nec
-                            laoreet vehicula. Donec velit nibh, sollicitudin at nulla a, egestas dignissim eros. Sed
-                            lacinia hendrerit interdum.
-                            Vestibulum pellentesque sem venenatis nisl tempor accumsan sit amet tempus felis. Mauris leo
-                            diam, porttitor nec
-                            bibendum id, tempus ac nulla. Etiam congue ornare erat at convallis. Donec in nisi dapibus,
-                            mattis risus vel, imperdiet enim. Donec
-                            fermentum sit amet tortor nec tincidunt. Nam nec lectus tortor. Nunc sit amet laoreet orci,
-                            porta ornare massa. Phasellus
-                            eget lorem mi. Nam eleifend ultricies sapien, quis mollis leo bibendum at. Quisque viverra
-                            lorem sit amet magna aliquet, et dignissim arcu eleifend.
-                        </p>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <div class="sm:mx-auto sm:max-w-3xl sm:px-6">
-            <div class="md:py-12 sm:relative sm:mt-12 lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2">
-                <div class="hidden sm:block">
-                    <div
-                         class="absolute inset-y-0 w-screen left-1/2 rounded-l-3xl bg-gray-50 dark:bg-gray-900/10 lg:left-80 lg:right-0 lg:w-full">
-                    </div>
-                    <svg class="absolute -mr-3 top-8 right-1/2 lg:left-0 lg:m-0" width="404" height="392" fill="none"
-                         viewBox="0 0 404 392">
-                        <defs>
-                            <pattern id="837c3e70-6c3a-44e6-8854-cc48c737b659" x="0" y="0" width="20" height="20"
-                                     patternUnits="userSpaceOnUse">
-                                <rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60"
-                                      fill="currentColor" />
-                            </pattern>
-                        </defs>
-                        <rect width="404" height="392" fill="url(#837c3e70-6c3a-44e6-8854-cc48c737b659)" />
-                    </svg>
-                </div>
-                <div class="relative pl-4 -mr-40 sm:mx-auto sm:max-w-3xl sm:px-0 lg:h-full lg:max-w-none lg:pl-12">
-                    
-
-                    
-                    
-                    
-                    
-
-                    <img srcset="https://tailbliss.vercel.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_480x280_fit_q80_box.jpg 480w, https://tailbliss.vercel.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_768x280_fit_q80_box.jpg 768w, https://tailbliss.vercel.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_1024x280_fit_q80_box.jpg 1024w, https://tailbliss.vercel.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_1374x1000_fit_q80_box.jpg 1374w" src="https://tailbliss.vercel.app/images/pages/hacktoberfest.jpg"
-                         alt="TailBliss Hacktoberfest Image"
-                         class="w-full rounded-lg shadow-xl lg:h-full lg:w-auto lg:max-w-none" />
-                </div>
-            </div>
-        </div>
-    </div>
-
-    
-    <div class="max-w-md px-4 mx-auto md:pt-24 md:pb-16 sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <div class="lg:grid lg:grid-cols-2 lg:items-center lg:gap-24">
-            <div class="mt-12 grid grid-cols-2 gap-0.5 md:grid-cols-3 lg:mt-0 lg:grid-cols-2">
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/transistor-logo-gray-400.svg"
-                         alt="Transistor">
-                </div>
-
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/mirage-logo-gray-400.svg" alt="Mirage">
-                </div>
-
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/tuple-logo-gray-400.svg" alt="Tuple">
-                </div>
-
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/laravel-logo-gray-400.svg"
-                         alt="Laravel">
-                </div>
-
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/statickit-logo-gray-400.svg"
-                         alt="StaticKit">
-                </div>
-
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/workcation-logo-gray-400.svg"
-                         alt="Workcation">
-                </div>
-            </div>
-            <div>
-                <h2 class="pt-6 text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-4xl">
-                    Backed by world-renowned investors
-                </h2>
-                <p class="max-w-3xl mt-6 text-lg leading-7 text-gray-500">Sagittis scelerisque nulla cursus in enim
-                    consectetur quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit amet, sed
-                    aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi vel porttitor vitae ut. Amet vitae
-                    fames senectus vitae.
-                </p>
-                <div class="my-6">
-                    <a href="#" class="text-base font-medium text-indigo-500">
-                        Meet our investors and advisors&nbsp&rarr;
-                    </a>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <div class="relative px-1 pt-8 pb-4 bg-transparent lg:px-8 lg:pt-12 lg:mb-4 md:mt-12">
-        <div class="absolute inset-0">
-            <div class="bg-gray-900 dark:bg-gray-900/50 h-1/3 sm:h-2/3"></div>
-        </div>
-        <div class="relative px-2 mx-auto max-w-7xl">
-            <div class="text-center">
-                <h2 class="text-3xl font-black tracking-tight text-indigo-500 capitalize dark:text-gray-50 sm:text-4xl">
-                    From the blog
-                </h2>
-                <p class="max-w-2xl mx-auto mt-3 text-xl text-gray-500 sm:mt-4">Lorem ipsum dolor
-                    sit amet consectetur,
-                    adipisicing elit. Ipsa libero labore natus atque, ducimus sed.</p>
-            </div>
-
-            <div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50 md:px-1.5">
-                <div class="px-4 text-gray-900 not-prose dark:text-zinc-200">
-                    <div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3">
-                        
-                        <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                            
-                            
-                            
-                            <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%"
-                                 height="" />
-                            
-                            
-                            <div class="p-6">
-                                <div class="flex-1">
-                                    <a href="https://tailbliss.vercel.app/posts/news-post-4/"
-                                       class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                                        News Post 4
-                                    </a>
-                                    <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                                    </p>
-                                </div>
-                                <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                                    <span class="pr-2 font-black">Tags:</span>
-                                    <a href="https://tailbliss.vercel.app/tags/news/"
-                                       class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div>
-                                <div class="flex items-center mt-6">
-                                    <div class="flex-shrink-0">
-                                        <span class="sr-only">TailBliss</span>
-                                        
-                                        
-                                        
-                                        <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                        
-                                        
-                                    </div>
-                                    <div class="pt-1 ml-3">
-                                        <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                            TailBliss
-                                        </p>
-                                        <div class="flex space-x-1 text-sm text-gray-500">
-                                            <time datetime="2020-02-12">2022-03-18</time>
-                                            <span aria-hidden="true">&middot;</span>
-                                            <span>2
-                                                min read</span>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        
-                        <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                            
-                            
-                            
-                            <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%"
-                                 height="" />
-                            
-                            
-                            <div class="p-6">
-                                <div class="flex-1">
-                                    <a href="https://tailbliss.vercel.app/posts/news-post-5/"
-                                       class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                                        News Post 5
-                                    </a>
-                                    <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                                    </p>
-                                </div>
-                                <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                                    <span class="pr-2 font-black">Tags:</span>
-                                    <a href="https://tailbliss.vercel.app/tags/news/"
-                                       class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div>
-                                <div class="flex items-center mt-6">
-                                    <div class="flex-shrink-0">
-                                        <span class="sr-only">TailBliss</span>
-                                        
-                                        
-                                        
-                                        <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                        
-                                        
-                                    </div>
-                                    <div class="pt-1 ml-3">
-                                        <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                            TailBliss
-                                        </p>
-                                        <div class="flex space-x-1 text-sm text-gray-500">
-                                            <time datetime="2020-02-12">2022-03-18</time>
-                                            <span aria-hidden="true">&middot;</span>
-                                            <span>2
-                                                min read</span>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        
-                        <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                            
-                            
-                            
-                            <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%"
-                                 height="" />
-                            
-                            
-                            <div class="p-6">
-                                <div class="flex-1">
-                                    <a href="https://tailbliss.vercel.app/posts/news-post-6/"
-                                       class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                                        News Post 6
-                                    </a>
-                                    <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                                    </p>
-                                </div>
-                                <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                                    <span class="pr-2 font-black">Tags:</span>
-                                    <a href="https://tailbliss.vercel.app/tags/news/"
-                                       class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div>
-                                <div class="flex items-center mt-6">
-                                    <div class="flex-shrink-0">
-                                        <span class="sr-only">TailBliss</span>
-                                        
-                                        
-                                        
-                                        <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                        
-                                        
-                                    </div>
-                                    <div class="pt-1 ml-3">
-                                        <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                            TailBliss
-                                        </p>
-                                        <div class="flex space-x-1 text-sm text-gray-500">
-                                            <time datetime="2020-02-12">2022-03-18</time>
-                                            <span aria-hidden="true">&middot;</span>
-                                            <span>2
-                                                min read</span>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    
-    <div class="relative pb-16 mt-6">
-        <div aria-hidden="true" class="hidden sm:block">
-            <div class="absolute inset-y-0 left-0 w-1/2 rounded-r-3xl bg-gray-50 dark:bg-gray-900/10">
-            </div>
-            <svg class="absolute -ml-3 top-8 left-1/2" width="404" height="392" fill="none" viewBox="0 0 404 392">
-                <defs>
-                    <pattern id="8228f071-bcee-4ec8-905a-2a059a2cc4fb" x="0" y="0" width="20" height="20"
-                             patternUnits="userSpaceOnUse">
-                        <rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60"
-                              fill="currentColor" />
-                    </pattern>
-                </defs>
-                <rect width="404" height="392" fill="url(#8228f071-bcee-4ec8-905a-2a059a2cc4fb)" />
-            </svg>
-        </div>
-        <div class="max-w-md mx-auto px-7 sm:max-w-3xl lg:max-w-7xl">
-            <div class="relative px-6 py-10 overflow-hidden bg-indigo-500 shadow-xl rounded-2xl sm:px-12 sm:py-20">
-                <div aria-hidden="true" class="absolute inset-0 -mt-72 sm:-mt-32 md:mt-0">
-                    <svg class="absolute inset-0 w-full h-full" preserveAspectRatio="xMidYMid slice"
-                         xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1463 360">
-                        <path class="text-indigo-600 text-opacity-40" fill="currentColor"
-                              d="M-82.673 72l1761.849 472.086-134.327 501.315-1761.85-472.086z" />
-                        <path class="text-indigo-600 text-opacity-40" fill="currentColor"
-                              d="M-217.088 544.086L1544.761 72l134.327 501.316-1761.849 472.086z" />
-                    </svg>
-                </div>
-                <div class="relative">
-                    <div class="sm:text-center">
-                        <h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">
-                            Stay Up to Date
-                        </h2>
-                        <p class="max-w-2xl mx-auto mt-6 text-lg text-indigo-100">Sagittis
-                            scelerisque nulla cursus in enim consectetur quam. Dictum urna sed
-                            consectetur neque tristique pellentesque.</p>
-                    </div>
-                    <form action="#" class="mt-12 sm:mx-auto sm:flex sm:max-w-lg">
-                        <div class="flex-1 min-w-0">
-                            <label for="cta-email" class="sr-only">Email address</label>
-                            <input id="cta-email" type="email"
-                                   class="block w-full px-5 py-3 text-base text-gray-900 placeholder-gray-500 border border-transparent rounded-md shadow-sm focus:border-transparent focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-indigo-500"
-                                   placeholder="Enter your email">
-                        </div>
-                        <div class="mt-4 sm:mt-0 sm:ml-3">
-                            <button type="submit"
-                                    class="block w-full px-5 py-3 text-base font-medium text-white bg-gray-900 border border-transparent rounded-md shadow hover:bg-black focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-indigo-500 sm:px-10">Notify
-                                me</button>
-                        </div>
-                    </form>
-                </div>
-            </div>
-        </div>
-    </div>
-
-</main>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+<!doctype html><html lang=en><head><meta name=generator content="Hugo 0.105.0"><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>TailBliss is Hugo Starter | TailBliss</title><meta name=description content="TailBliss is Hugo Starter"><meta property="og:title" content="TailBliss | TailBliss"><meta name=twitter:title content="TailBliss | TailBliss"><meta itemprop=name content="TailBliss | TailBliss"><meta name=application-name content="TailBliss | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="TailBliss is Hugo Starter"><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><main><div class="bg-gray-200 dark:bg-gray-900"><div class="max-w-screen-xl px-4 py-8 mx-auto"><div class="grid items-center gap-8 mb-8 sm:mb-0 lg:gap-12 lg:grid-cols-12"><div class="col-span-6 px-4 text-center sm:mb-6 lg:text-left lg:mb-0"><h1 class="mb-2 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl xl:text-6xl dark:text-white">TailBliss</h1><h2 class="pb-2 text-3xl font-light text-gray-800 dark:text-gray-300 md:text-4xl">Super Fast, and Flexible</h2><a href=https://github.com/nusserstudios/tailbliss class="inline-flex py-4 mx-auto space-x-4 sm:text-center"><span class="rounded bg-gray-50 px-2.5 py-1 text-sm font-bold text-gray-900">What's new</span>
+<span class="inline-flex items-center space-x-1 text-sm font-medium text-gray-800 dark:text-white"><span>Just shipped version 0.1.0</span><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentcolor" aria-hidden="true"><path fill-rule="evenodd" d="M7.21 14.77a.75.75.0 01.02-1.06L11.168 10 7.23 6.29a.75.75.0 111.04-1.08l4.5 4.25a.75.75.0 010 1.08l-4.5 4.25a.75.75.0 01-1.06-.02z" clip-rule="evenodd"/></svg></span></a><p class="max-w-xl mx-auto mb-6 font-normal text-gray-900 lg:mx-0 xl:mb-2 md:text-lg xl:text-xl dark:text-gray-50">A Hugo theme built with love, using TailwindCSS 3, Apline.JS, and Hugo
+Pipes. Images are optimized for use with Hugo Pipes for WebP format.</p></div><div class=col-span-6><img srcset="https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hufd548659203cff68f253872614e51f33_333717_400x400_fill_q90_h2_box_smart1_3.webp 400w, https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hufd548659203cff68f253872614e51f33_333717_576x576_fill_q90_h2_box_smart1_3.webp 576w" src=https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo.png width=100% height alt="TailBliss Hero" class="w-full max-w-xl mx-auto rounded-lg"></div></div></div></div><div class="relative my-4"><div class="lg:mx-auto lg:grid lg:max-w-7xl lg:grid-cols-2 lg:items-start lg:gap-24 lg:px-8"><div class="relative sm:py-8 lg:py-0"><div aria-hidden=true class="hidden sm:block lg:absolute lg:inset-y-0 lg:right-0 lg:w-screen"><div class="absolute inset-y-0 w-full bg-gray-50 dark:bg-gray-900/10 right-1/2 rounded-r-3xl lg:right-72"></div><svg class="absolute -ml-3 top-8 left-1/2 lg:-right-8 lg:left-auto lg:top-12" width="404" height="392" fill="none" viewBox="0 0 404 392" loading="lazy"><defs><pattern id="02f20b47-fd69-4224-a62a-4c9de5c763f7" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60" fill="currentcolor"/></pattern></defs><rect width="404" height="392" fill="url(#02f20b47-fd69-4224-a62a-4c9de5c763f7)"/></svg></div><div class="relative max-w-md px-4 py-6 mx-auto sm:max-w-3xl sm:px-6 lg:max-w-none lg:px-0 lg:py-20"><div class="relative pt-64 pb-10 overflow-hidden shadow-xl rounded-2xl"><img imgh src=https://tailbliss.netlify.app/images/pages/our-mission_hu9e41904be62b5e78e796dc304a702e2b_1640902_1440x1440_resize_q50_h2_box_3.webp width=1440 height=1440 class="absolute inset-0 object-cover w-full h-full" alt="TailBliss - Our Mission" loading=lazy>
+><div class="absolute inset-0 bg-indigo-300 mix-blend-multiply"></div><div class="absolute inset-0 bg-gradient-to-t from-indigo-600 opacity-80"></div><div class="relative px-8"><div><img class=h-12 src=images/tailbliss-white.svg alt=Workcation></div><blockquote class=mt-8><div class="relative text-lg font-medium text-white md:flex-grow"><svg class="absolute top-0 left-0 w-8 h-8 transform -translate-x-3 -translate-y-2 text-indigo-400/30" fill="currentcolor" viewBox="0 0 32 32" aria-hidden="true"><path d="M9.352 4C4.456 7.456 1 13.12 1 19.36c0 5.088 3.072 8.064 6.624 8.064 3.36.0 5.856-2.688 5.856-5.856.0-3.168-2.208-5.472-5.088-5.472-.576.0-1.344.096-1.536.192.48-3.264 3.552-7.104 6.624-9.024L9.352 4zm16.512.0c-4.8 3.456-8.256 9.12-8.256 15.36.0 5.088 3.072 8.064 6.624 8.064 3.264.0 5.856-2.688 5.856-5.856.0-3.168-2.304-5.472-5.184-5.472-.576.0-1.248.096-1.44.192.48-3.264 3.456-7.104 6.528-9.024L25.864 4z"/></svg><p class=relative>Tincidunt integer commodo, cursus etiam
+aliquam neque, et. Consectetur pretium in volutpat, diam.
+Montes, magna cursus nulla feugiat dignissim id lobortis
+amet.</p></div><footer class=mt-4><p class="text-base font-semibold text-gray-200">John Doe, CEO at TailBliss</p></footer></blockquote></div></div></div></div><div class="relative max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:px-0"><div class="md:pt-12 sm:pt-6 lg:pt-20"><h2 class="text-3xl font-bold tracking-tight text-gray-900 capitalize dark:text-gray-50 sm:text-4xl">Our mission</h2><div class="mt-6 space-y-6 text-gray-900 dark:text-gray-300"><p class=text-lg>Sagittis scelerisque nulla cursus in enim consectetur
+quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit
+amet, sed aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi
+vel porttitor vitae ut. Amet vitae fames senectus vitae.</p><p class="text-base leading-7">Sollicitudin tristique eros erat odio sed
+vitae, consequat turpis elementum. Lorem nibh vel, eget pretium arcu
+vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.
+Sollicitudin tristique eroserat odio sed vitae, consequat turpis elementum. Lorem nibh vel,
+eget pretium arcu vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.</p><p class="text-base leading-7">Rhoncus nisl, libero egestas diam fermentum
+dui. At quis tincidunt vel ultricies. Vulputate aliquet velit faucibus semper.
+Pellentesque in venenatis vestibulum consectetur nibh id. In id ut tempus egestas. Enim sit
+aliquam nec, a. Morbi enim fermentum lacus in. Viverra.</p></div></div></div></div></div><div class="overflow-hidden sm:pt-6 lg:relative"><div class="max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:grid lg:max-w-7xl lg:grid-cols-2 lg:gap-12 lg:px-8"><div><div class=md:mt-8><div class="mt-6 sm:max-w-xl"><h1 class="text-4xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-5xl">Just in time for Hacktoberfest with JIT Tailwind.</h1><p class="pb-12 mt-6 text-lg text-gray-900 dark:text-white">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur at purus non enim commodo
+tincidunt vel in nulla. Aenean pretium dolor non ultricies bibendum. Etiam quis blandit
+enim. Nunc condimentum ut lorem in faucibus. Phasellus varius ligula et commodo tristique.
+Nunc sodales nisl nec
+laoreet vehicula. Donec velit nibh, sollicitudin at nulla a, egestas dignissim eros. Sed
+lacinia hendrerit interdum.
+Vestibulum pellentesque sem venenatis nisl tempor accumsan sit amet tempus felis. Mauris leo
+diam, porttitor nec
+bibendum id, tempus ac nulla. Etiam congue ornare erat at convallis. Donec in nisi dapibus,
+mattis risus vel, imperdiet enim. Donec
+fermentum sit amet tortor nec tincidunt. Nam nec lectus tortor. Nunc sit amet laoreet orci,
+porta ornare massa. Phasellus
+eget lorem mi. Nam eleifend ultricies sapien, quis mollis leo bibendum at. Quisque viverra
+lorem sit amet magna aliquet, et dignissim arcu eleifend.</p></div></div></div></div><div class="sm:mx-auto sm:max-w-3xl sm:px-6"><div class="md:py-12 sm:relative sm:mt-12 lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2"><div class="hidden sm:block"><div class="absolute inset-y-0 w-screen left-1/2 rounded-l-3xl bg-gray-50 dark:bg-gray-900/10 lg:left-80 lg:right-0 lg:w-full"></div><svg class="absolute -mr-3 top-8 right-1/2 lg:left-0 lg:m-0" width="404" height="392" fill="none" viewBox="0 0 404 392" loading="lazy"><defs><pattern id="837c3e70-6c3a-44e6-8854-cc48c737b659" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60" fill="currentcolor"/></pattern></defs><rect width="404" height="392" fill="url(#837c3e70-6c3a-44e6-8854-cc48c737b659)"/></svg></div><div class="relative pl-4 -mr-40 sm:mx-auto sm:max-w-3xl sm:px-0 lg:h-full lg:max-w-none lg:pl-12"><img srcset="https://tailbliss.netlify.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_480x280_fit_q80_box.jpg 480w, https://tailbliss.netlify.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_768x280_fit_q80_box.jpg 768w, https://tailbliss.netlify.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_1024x280_fit_q80_box.jpg 1024w, https://tailbliss.netlify.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_1374x1000_fit_q80_box.jpg 1374w" src=https://tailbliss.netlify.app/images/pages/hacktoberfest.jpg alt="TailBliss Hacktoberfest Image" class="w-full rounded-lg shadow-xl lg:h-full lg:w-auto lg:max-w-none" loading=lazy></div></div></div></div><div class="max-w-md px-4 mx-auto md:pt-24 md:pb-16 sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><div class="lg:grid lg:grid-cols-2 lg:items-center lg:gap-24"><div class="mt-12 grid grid-cols-2 gap-0.5 md:grid-cols-3 lg:mt-0 lg:grid-cols-2"><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div></div><div><h2 class="pt-6 text-3xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-4xl">Backed by world-renowned investors</h2><p class="max-w-3xl mt-6 text-lg leading-7 text-gray-900 dark:text-white">Sagittis scelerisque nulla
+cursus in enim
+consectetur quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit amet, sed
+aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi vel porttitor vitae ut. Amet vitae
+fames senectus vitae.</p><div class=my-6><a href=# class="text-base font-medium text-indigo-500">Meet our investors and advisors&nbsp&rarr;</a></div></div></div></div><div class="relative px-1 pt-8 pb-4 bg-transparent lg:px-8 lg:pt-12 lg:mb-4 md:mt-12"><div class="absolute inset-0"><div class="bg-gray-900 dark:bg-gray-900/50 h-1/3 sm:h-2/3"></div></div><div class="relative px-2 mx-auto max-w-7xl"><div class=text-center><h2 class="text-3xl font-black tracking-tight text-indigo-500 capitalize dark:text-indigo-300 sm:text-4xl">From the blog</h2><p class="max-w-2xl mx-auto mt-3 text-xl text-gray-900 dark:text-gray-100 sm:mt-4">Lorem ipsum dolor
+sit amet consectetur,
+adipisicing elit. Ipsa libero labore natus atque, ducimus sed.</p></div><div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50 md:px-1.5"><div class="px-4 text-gray-900 dark:text-white not-prose dark:text-zinc-200"><div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3"><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height loading=lazy><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/news-post-4/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">News Post 4</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/news/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></div><div class="pt-1 ml-3"><p class="text-sm font-medium text-gray-900 dark:text-gray-300">TailBliss</p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-03-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2
+min read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height loading=lazy><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/news-post-5/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">News Post 5</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/news/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></div><div class="pt-1 ml-3"><p class="text-sm font-medium text-gray-900 dark:text-gray-300">TailBliss</p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-03-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2
+min read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height loading=lazy><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/news-post-6/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">News Post 6</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/news/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></div><div class="pt-1 ml-3"><p class="text-sm font-medium text-gray-900 dark:text-gray-300">TailBliss</p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-03-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2
+min read</span></div></div></div></div></div></div></div></div></div></div><div class="relative pb-16 mt-6"><div aria-hidden=true class="hidden sm:block"><div class="absolute inset-y-0 left-0 w-1/2 rounded-r-3xl bg-gray-50 dark:bg-gray-900/10"></div><svg class="absolute -ml-3 top-8 left-1/2" width="404" height="392" fill="none" viewBox="0 0 404 392"><defs><pattern id="8228f071-bcee-4ec8-905a-2a059a2cc4fb" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60" fill="currentcolor"/></pattern></defs><rect width="404" height="392" fill="url(#8228f071-bcee-4ec8-905a-2a059a2cc4fb)"/></svg></div><div class="max-w-md mx-auto px-7 sm:max-w-3xl lg:max-w-7xl"><div class="relative px-6 py-10 overflow-hidden bg-indigo-500 shadow-xl rounded-2xl sm:px-12 sm:py-20"><div aria-hidden=true class="absolute inset-0 -mt-72 sm:-mt-32 md:mt-0"><svg class="absolute inset-0 w-full h-full" preserveAspectRatio="xMidYMid slice" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1463 360" loading="lazy"><path class="text-indigo-600 text-opacity-40" fill="currentcolor" d="M-82.673 72l1761.849 472.086-134.327 501.315-1761.85-472.086z"/><path class="text-indigo-600 text-opacity-40" fill="currentcolor" d="M-217.088 544.086 1544.761 72l134.327 501.316-1761.849 472.086z"/></svg></div><div class=relative><div class=sm:text-center><h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">Stay Up to Date</h2><p class="max-w-2xl mx-auto mt-6 text-lg text-indigo-100">Sagittis
+scelerisque nulla cursus in enim consectetur quam. Dictum urna sed
+consectetur neque tristique pellentesque.</p></div><form action=# class="mt-12 sm:mx-auto sm:flex sm:max-w-lg"><div class="flex-1 min-w-0"><label for=cta-email class=sr-only>Email address</label>
+<input id=cta-email type=email class="block w-full px-5 py-3 text-base text-gray-900 placeholder-gray-500 border border-transparent rounded-md shadow-sm focus:border-transparent focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-indigo-500" placeholder="Enter your email"></div><div class="mt-4 sm:mt-0 sm:ml-3"><button type=submit class="block w-full px-5 py-3 text-base font-medium text-white bg-gray-900 border border-transparent rounded-md shadow hover:bg-black focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-indigo-500 sm:px-10">Notify
+me</button></div></form></div></div></div></div></main><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/page/3/index.html b/public/page/3/index.html
index 5c68599..c931df9 100644
--- a/public/page/3/index.html
+++ b/public/page/3/index.html
@@ -1,758 +1,66 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-	<meta name="generator" content="Hugo 0.105.0">
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> TailBliss is Hugo Starter | TailBliss
-    
-</title>
-<meta name="description" content="TailBliss is Hugo Starter" />
-<meta property="og:title" content="TailBliss | TailBliss" />
-<meta name="twitter:title" content="TailBliss | TailBliss" />
-<meta itemprop="name" content="TailBliss | TailBliss" />
-<meta name="application-name" content="TailBliss | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="TailBliss is Hugo Starter" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<main>
-    <div class="bg-gray-200 dark:bg-gray-900">
-        <div class="max-w-screen-xl px-4 py-8 mx-auto">
-            <div class="grid items-center gap-8 mb-8 sm:mb-0 lg:gap-12 lg:grid-cols-12">
-                <div class="col-span-6 px-4 text-center sm:mb-6 lg:text-left lg:mb-0">
-                    <h1
-                        class="mb-2 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl xl:text-6xl dark:text-white">
-                        TailBliss</h1>
-                    <h2 class="pb-2 text-3xl font-light text-gray-800 dark:text-gray-300 md:text-4xl">
-                        Super Fast, and Flexible
-                    </h2>
-                    <a href="https://github.com/nusserstudios/tailbliss"
-                       class="inline-flex py-4 mx-auto space-x-4 sm:text-center">
-                        <span class="rounded bg-gray-50 px-2.5 py-1 text-sm font-bold text-gray-900">
-                            What's new
-                        </span>
-                        <span
-                              class="inline-flex items-center space-x-1 text-sm font-medium text-gray-800 dark:text-white">
-                            <span>Just shipped version 0.1.0</span>
-                            
-                            <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
-                                 fill="currentColor" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                      d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
-                                      clip-rule="evenodd" />
-                            </svg>
-                        </span>
-                    </a>
-                    <p
-                       class="max-w-xl mx-auto mb-6 font-normal text-gray-900 lg:mx-0 xl:mb-2 md:text-lg xl:text-xl dark:text-gray-50">
-                        A Hugo theme built with love, using TailwindCSS 3, Apline.JS, and Hugo
-                        Pipes. Images are optimized for use with Hugo Pipes for WebP format.</p>
-                </div>
-                <div class="col-span-6">
-                    
-
-                    
-                    
-
-                    <img srcset="https://tailbliss.vercel.app/images/pages/tailbliss-rocket-indigo_hufd548659203cff68f253872614e51f33_333717_400x400_fill_q90_h2_box_smart1_3.webp 400w, https://tailbliss.vercel.app/images/pages/tailbliss-rocket-indigo_hufd548659203cff68f253872614e51f33_333717_576x576_fill_q90_h2_box_smart1_3.webp 576w" src="https://tailbliss.vercel.app/images/pages/tailbliss-rocket-indigo.png"
-                         width="100%" height="" alt="TailBliss Hero" class="w-full max-w-xl mx-auto rounded-lg" />
-                </div>
-            </div>
-        </div>
-    </div>
-
-    
-
-    
-    <div class="relative my-4">
-        <div class="lg:mx-auto lg:grid lg:max-w-7xl lg:grid-cols-2 lg:items-start lg:gap-24 lg:px-8">
-            <div class="relative sm:py-8 lg:py-0">
-                <div aria-hidden="true" class="hidden sm:block lg:absolute lg:inset-y-0 lg:right-0 lg:w-screen">
-                    <div
-                         class="absolute inset-y-0 w-full bg-gray-50 dark:bg-gray-900/10 right-1/2 rounded-r-3xl lg:right-72">
-                    </div>
-                    <svg class="absolute -ml-3 top-8 left-1/2 lg:-right-8 lg:left-auto lg:top-12" width="404"
-                         height="392" fill="none" viewBox="0 0 404 392">
-                        <defs>
-                            <pattern id="02f20b47-fd69-4224-a62a-4c9de5c763f7" x="0" y="0" width="20" height="20"
-                                     patternUnits="userSpaceOnUse">
-                                <rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60"
-                                      fill="currentColor" />
-                            </pattern>
-                        </defs>
-                        <rect width="404" height="392" fill="url(#02f20b47-fd69-4224-a62a-4c9de5c763f7)" />
-                    </svg>
-                </div>
-                <div class="relative max-w-md px-4 py-6 mx-auto sm:max-w-3xl sm:px-6 lg:max-w-none lg:px-0 lg:py-20">
-                    
-                    <div class="relative pt-64 pb-10 overflow-hidden shadow-xl rounded-2xl">
-                        
-                        
-                        
-                        <img imgh src="https://tailbliss.vercel.app/images/pages/our-mission_hu9e41904be62b5e78e796dc304a702e2b_1640902_1440x1440_resize_q50_h2_box_3.webp" width="1440" height="1440"
-                             class="absolute inset-0 object-cover w-full h-full" alt="TailBliss - Our Mission" />
-                        >
-                        
-                        <div class="absolute inset-0 bg-indigo-300 mix-blend-multiply"></div>
-                        <div class="absolute inset-0 bg-gradient-to-t from-indigo-600 opacity-80">
-                        </div>
-                        <div class="relative px-8">
-                            <div>
-                                <img class="h-12" src="images/tailbliss-white.svg" alt="Workcation">
-                            </div>
-                            <blockquote class="mt-8">
-                                <div class="relative text-lg font-medium text-white md:flex-grow">
-                                    <svg class="absolute top-0 left-0 w-8 h-8 transform -translate-x-3 -translate-y-2 text-indigo-400/30"
-                                         fill="currentColor" viewBox="0 0 32 32" aria-hidden="true">
-                                        <path
-                                              d="M9.352 4C4.456 7.456 1 13.12 1 19.36c0 5.088 3.072 8.064 6.624 8.064 3.36 0 5.856-2.688 5.856-5.856 0-3.168-2.208-5.472-5.088-5.472-.576 0-1.344.096-1.536.192.48-3.264 3.552-7.104 6.624-9.024L9.352 4zm16.512 0c-4.8 3.456-8.256 9.12-8.256 15.36 0 5.088 3.072 8.064 6.624 8.064 3.264 0 5.856-2.688 5.856-5.856 0-3.168-2.304-5.472-5.184-5.472-.576 0-1.248.096-1.44.192.48-3.264 3.456-7.104 6.528-9.024L25.864 4z" />
-                                    </svg>
-                                    <p class="relative">Tincidunt integer commodo, cursus etiam
-                                        aliquam neque, et. Consectetur pretium in volutpat, diam.
-                                        Montes, magna cursus nulla feugiat dignissim id lobortis
-                                        amet.
-                                    </p>
-                                </div>
-
-                                <footer class="mt-4">
-                                    <p class="text-base font-semibold text-gray-200">
-                                        John Doe, CEO at TailBliss
-                                    </p>
-                                </footer>
-                            </blockquote>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div class="relative max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:px-0">
-                
-                <div class="md:pt-12 sm:pt-6 lg:pt-20">
-                    <h2
-                        class="text-3xl font-bold tracking-tight text-gray-900 capitalize dark:text-gray-50 sm:text-4xl">
-                        Our mission</h2>
-                    <div class="mt-6 space-y-6 text-gray-900 dark:text-gray-300">
-                        <p class="text-lg">Sagittis scelerisque nulla cursus in enim consectetur
-                            quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit
-                            amet, sed aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi
-                            vel porttitor vitae ut. Amet vitae fames senectus vitae.
-                        </p>
-                        <p class="text-base leading-7">Sollicitudin tristique eros erat odio sed
-                            vitae, consequat turpis elementum. Lorem nibh vel, eget pretium arcu
-                            vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.
-                            Sollicitudin tristique eroserat odio sed vitae, consequat turpis elementum. Lorem nibh vel,
-                            eget pretium arcu vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.
-                        </p>
-                        <p class="text-base leading-7">Rhoncus nisl, libero egestas diam fermentum
-                            dui. At quis tincidunt vel ultricies. Vulputate aliquet velit faucibus semper.
-                            Pellentesque in venenatis vestibulum consectetur nibh id. In id ut tempus egestas. Enim sit
-                            aliquam nec, a. Morbi enim fermentum lacus in. Viverra.
-                        </p>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    
-    <div class="overflow-hidden sm:pt-6 lg:relative">
-        <div class="max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:grid lg:max-w-7xl lg:grid-cols-2 lg:gap-12 lg:px-8">
-            <div>
-                <div class="md:mt-8">
-                    <div class="mt-6 sm:max-w-xl">
-                        <h1 class="text-4xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-5xl">
-                            Just in time for Hacktoberfest with JIT Tailwind.
-                        </h1>
-                        <p class="pb-12 mt-6 text-lg text-gray-500 dark:text-gray-400">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur at purus non enim commodo
-                            tincidunt vel in nulla. Aenean pretium dolor non ultricies bibendum. Etiam quis blandit
-                            enim. Nunc condimentum ut lorem in faucibus. Phasellus varius ligula et commodo tristique.
-                            Nunc sodales nisl nec
-                            laoreet vehicula. Donec velit nibh, sollicitudin at nulla a, egestas dignissim eros. Sed
-                            lacinia hendrerit interdum.
-                            Vestibulum pellentesque sem venenatis nisl tempor accumsan sit amet tempus felis. Mauris leo
-                            diam, porttitor nec
-                            bibendum id, tempus ac nulla. Etiam congue ornare erat at convallis. Donec in nisi dapibus,
-                            mattis risus vel, imperdiet enim. Donec
-                            fermentum sit amet tortor nec tincidunt. Nam nec lectus tortor. Nunc sit amet laoreet orci,
-                            porta ornare massa. Phasellus
-                            eget lorem mi. Nam eleifend ultricies sapien, quis mollis leo bibendum at. Quisque viverra
-                            lorem sit amet magna aliquet, et dignissim arcu eleifend.
-                        </p>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <div class="sm:mx-auto sm:max-w-3xl sm:px-6">
-            <div class="md:py-12 sm:relative sm:mt-12 lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2">
-                <div class="hidden sm:block">
-                    <div
-                         class="absolute inset-y-0 w-screen left-1/2 rounded-l-3xl bg-gray-50 dark:bg-gray-900/10 lg:left-80 lg:right-0 lg:w-full">
-                    </div>
-                    <svg class="absolute -mr-3 top-8 right-1/2 lg:left-0 lg:m-0" width="404" height="392" fill="none"
-                         viewBox="0 0 404 392">
-                        <defs>
-                            <pattern id="837c3e70-6c3a-44e6-8854-cc48c737b659" x="0" y="0" width="20" height="20"
-                                     patternUnits="userSpaceOnUse">
-                                <rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60"
-                                      fill="currentColor" />
-                            </pattern>
-                        </defs>
-                        <rect width="404" height="392" fill="url(#837c3e70-6c3a-44e6-8854-cc48c737b659)" />
-                    </svg>
-                </div>
-                <div class="relative pl-4 -mr-40 sm:mx-auto sm:max-w-3xl sm:px-0 lg:h-full lg:max-w-none lg:pl-12">
-                    
-
-                    
-                    
-                    
-                    
-
-                    <img srcset="https://tailbliss.vercel.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_480x280_fit_q80_box.jpg 480w, https://tailbliss.vercel.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_768x280_fit_q80_box.jpg 768w, https://tailbliss.vercel.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_1024x280_fit_q80_box.jpg 1024w, https://tailbliss.vercel.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_1374x1000_fit_q80_box.jpg 1374w" src="https://tailbliss.vercel.app/images/pages/hacktoberfest.jpg"
-                         alt="TailBliss Hacktoberfest Image"
-                         class="w-full rounded-lg shadow-xl lg:h-full lg:w-auto lg:max-w-none" />
-                </div>
-            </div>
-        </div>
-    </div>
-
-    
-    <div class="max-w-md px-4 mx-auto md:pt-24 md:pb-16 sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <div class="lg:grid lg:grid-cols-2 lg:items-center lg:gap-24">
-            <div class="mt-12 grid grid-cols-2 gap-0.5 md:grid-cols-3 lg:mt-0 lg:grid-cols-2">
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/transistor-logo-gray-400.svg"
-                         alt="Transistor">
-                </div>
-
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/mirage-logo-gray-400.svg" alt="Mirage">
-                </div>
-
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/tuple-logo-gray-400.svg" alt="Tuple">
-                </div>
-
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/laravel-logo-gray-400.svg"
-                         alt="Laravel">
-                </div>
-
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/statickit-logo-gray-400.svg"
-                         alt="StaticKit">
-                </div>
-
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/workcation-logo-gray-400.svg"
-                         alt="Workcation">
-                </div>
-            </div>
-            <div>
-                <h2 class="pt-6 text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-4xl">
-                    Backed by world-renowned investors
-                </h2>
-                <p class="max-w-3xl mt-6 text-lg leading-7 text-gray-500">Sagittis scelerisque nulla cursus in enim
-                    consectetur quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit amet, sed
-                    aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi vel porttitor vitae ut. Amet vitae
-                    fames senectus vitae.
-                </p>
-                <div class="my-6">
-                    <a href="#" class="text-base font-medium text-indigo-500">
-                        Meet our investors and advisors&nbsp&rarr;
-                    </a>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <div class="relative px-1 pt-8 pb-4 bg-transparent lg:px-8 lg:pt-12 lg:mb-4 md:mt-12">
-        <div class="absolute inset-0">
-            <div class="bg-gray-900 dark:bg-gray-900/50 h-1/3 sm:h-2/3"></div>
-        </div>
-        <div class="relative px-2 mx-auto max-w-7xl">
-            <div class="text-center">
-                <h2 class="text-3xl font-black tracking-tight text-indigo-500 capitalize dark:text-gray-50 sm:text-4xl">
-                    From the blog
-                </h2>
-                <p class="max-w-2xl mx-auto mt-3 text-xl text-gray-500 sm:mt-4">Lorem ipsum dolor
-                    sit amet consectetur,
-                    adipisicing elit. Ipsa libero labore natus atque, ducimus sed.</p>
-            </div>
-
-            <div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50 md:px-1.5">
-                <div class="px-4 text-gray-900 not-prose dark:text-zinc-200">
-                    <div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3">
-                        
-                        <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                            
-                            
-                            
-                            <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%"
-                                 height="" />
-                            
-                            
-                            <div class="p-6">
-                                <div class="flex-1">
-                                    <a href="https://tailbliss.vercel.app/about/"
-                                       class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                                        About
-                                    </a>
-                                    <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                                        
-                                    </p>
-                                </div>
-                                <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                                    <span class="pr-2 font-black">Tags:</span>
-                                    </div>
-                                <div class="flex items-center mt-6">
-                                    <div class="flex-shrink-0">
-                                        <span class="sr-only"></span>
-                                        
-                                    </div>
-                                    <div class="pt-1 ml-3">
-                                        <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                            
-                                        </p>
-                                        <div class="flex space-x-1 text-sm text-gray-500">
-                                            <time datetime="2020-02-12">2021-12-18</time>
-                                            <span aria-hidden="true">&middot;</span>
-                                            <span>2
-                                                min read</span>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        
-                        <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                            
-                            
-                            
-                            <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%"
-                                 height="" />
-                            
-                            
-                            <div class="p-6">
-                                <div class="flex-1">
-                                    <a href="https://tailbliss.vercel.app/posts/blog-post-2/"
-                                       class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                                        Blog Post 2
-                                    </a>
-                                    <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                                    </p>
-                                </div>
-                                <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                                    <span class="pr-2 font-black">Tags:</span>
-                                    <a href="https://tailbliss.vercel.app/tags/blog/"
-                                       class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div>
-                                <div class="flex items-center mt-6">
-                                    <div class="flex-shrink-0">
-                                        <span class="sr-only">TailBliss</span>
-                                        
-                                        
-                                        
-                                        <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                        
-                                        
-                                    </div>
-                                    <div class="pt-1 ml-3">
-                                        <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                            TailBliss
-                                        </p>
-                                        <div class="flex space-x-1 text-sm text-gray-500">
-                                            <time datetime="2020-02-12">2021-12-18</time>
-                                            <span aria-hidden="true">&middot;</span>
-                                            <span>2
-                                                min read</span>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        
-                        <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                            
-                            
-                            
-                            <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%"
-                                 height="" />
-                            
-                            
-                            <div class="p-6">
-                                <div class="flex-1">
-                                    <a href="https://tailbliss.vercel.app/posts/blog-post-3/"
-                                       class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                                        Blog Post 3
-                                    </a>
-                                    <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                                    </p>
-                                </div>
-                                <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                                    <span class="pr-2 font-black">Tags:</span>
-                                    <a href="https://tailbliss.vercel.app/tags/blog/"
-                                       class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div>
-                                <div class="flex items-center mt-6">
-                                    <div class="flex-shrink-0">
-                                        <span class="sr-only">TailBliss</span>
-                                        
-                                        
-                                        
-                                        <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                        
-                                        
-                                    </div>
-                                    <div class="pt-1 ml-3">
-                                        <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                            TailBliss
-                                        </p>
-                                        <div class="flex space-x-1 text-sm text-gray-500">
-                                            <time datetime="2020-02-12">2021-12-18</time>
-                                            <span aria-hidden="true">&middot;</span>
-                                            <span>2
-                                                min read</span>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    
-    <div class="relative pb-16 mt-6">
-        <div aria-hidden="true" class="hidden sm:block">
-            <div class="absolute inset-y-0 left-0 w-1/2 rounded-r-3xl bg-gray-50 dark:bg-gray-900/10">
-            </div>
-            <svg class="absolute -ml-3 top-8 left-1/2" width="404" height="392" fill="none" viewBox="0 0 404 392">
-                <defs>
-                    <pattern id="8228f071-bcee-4ec8-905a-2a059a2cc4fb" x="0" y="0" width="20" height="20"
-                             patternUnits="userSpaceOnUse">
-                        <rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60"
-                              fill="currentColor" />
-                    </pattern>
-                </defs>
-                <rect width="404" height="392" fill="url(#8228f071-bcee-4ec8-905a-2a059a2cc4fb)" />
-            </svg>
-        </div>
-        <div class="max-w-md mx-auto px-7 sm:max-w-3xl lg:max-w-7xl">
-            <div class="relative px-6 py-10 overflow-hidden bg-indigo-500 shadow-xl rounded-2xl sm:px-12 sm:py-20">
-                <div aria-hidden="true" class="absolute inset-0 -mt-72 sm:-mt-32 md:mt-0">
-                    <svg class="absolute inset-0 w-full h-full" preserveAspectRatio="xMidYMid slice"
-                         xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1463 360">
-                        <path class="text-indigo-600 text-opacity-40" fill="currentColor"
-                              d="M-82.673 72l1761.849 472.086-134.327 501.315-1761.85-472.086z" />
-                        <path class="text-indigo-600 text-opacity-40" fill="currentColor"
-                              d="M-217.088 544.086L1544.761 72l134.327 501.316-1761.849 472.086z" />
-                    </svg>
-                </div>
-                <div class="relative">
-                    <div class="sm:text-center">
-                        <h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">
-                            Stay Up to Date
-                        </h2>
-                        <p class="max-w-2xl mx-auto mt-6 text-lg text-indigo-100">Sagittis
-                            scelerisque nulla cursus in enim consectetur quam. Dictum urna sed
-                            consectetur neque tristique pellentesque.</p>
-                    </div>
-                    <form action="#" class="mt-12 sm:mx-auto sm:flex sm:max-w-lg">
-                        <div class="flex-1 min-w-0">
-                            <label for="cta-email" class="sr-only">Email address</label>
-                            <input id="cta-email" type="email"
-                                   class="block w-full px-5 py-3 text-base text-gray-900 placeholder-gray-500 border border-transparent rounded-md shadow-sm focus:border-transparent focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-indigo-500"
-                                   placeholder="Enter your email">
-                        </div>
-                        <div class="mt-4 sm:mt-0 sm:ml-3">
-                            <button type="submit"
-                                    class="block w-full px-5 py-3 text-base font-medium text-white bg-gray-900 border border-transparent rounded-md shadow hover:bg-black focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-indigo-500 sm:px-10">Notify
-                                me</button>
-                        </div>
-                    </form>
-                </div>
-            </div>
-        </div>
-    </div>
-
-</main>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+<!doctype html><html lang=en><head><meta name=generator content="Hugo 0.105.0"><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>TailBliss is Hugo Starter | TailBliss</title><meta name=description content="TailBliss is Hugo Starter"><meta property="og:title" content="TailBliss | TailBliss"><meta name=twitter:title content="TailBliss | TailBliss"><meta itemprop=name content="TailBliss | TailBliss"><meta name=application-name content="TailBliss | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="TailBliss is Hugo Starter"><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><main><div class="bg-gray-200 dark:bg-gray-900"><div class="max-w-screen-xl px-4 py-8 mx-auto"><div class="grid items-center gap-8 mb-8 sm:mb-0 lg:gap-12 lg:grid-cols-12"><div class="col-span-6 px-4 text-center sm:mb-6 lg:text-left lg:mb-0"><h1 class="mb-2 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl xl:text-6xl dark:text-white">TailBliss</h1><h2 class="pb-2 text-3xl font-light text-gray-800 dark:text-gray-300 md:text-4xl">Super Fast, and Flexible</h2><a href=https://github.com/nusserstudios/tailbliss class="inline-flex py-4 mx-auto space-x-4 sm:text-center"><span class="rounded bg-gray-50 px-2.5 py-1 text-sm font-bold text-gray-900">What's new</span>
+<span class="inline-flex items-center space-x-1 text-sm font-medium text-gray-800 dark:text-white"><span>Just shipped version 0.1.0</span><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentcolor" aria-hidden="true"><path fill-rule="evenodd" d="M7.21 14.77a.75.75.0 01.02-1.06L11.168 10 7.23 6.29a.75.75.0 111.04-1.08l4.5 4.25a.75.75.0 010 1.08l-4.5 4.25a.75.75.0 01-1.06-.02z" clip-rule="evenodd"/></svg></span></a><p class="max-w-xl mx-auto mb-6 font-normal text-gray-900 lg:mx-0 xl:mb-2 md:text-lg xl:text-xl dark:text-gray-50">A Hugo theme built with love, using TailwindCSS 3, Apline.JS, and Hugo
+Pipes. Images are optimized for use with Hugo Pipes for WebP format.</p></div><div class=col-span-6><img srcset="https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hufd548659203cff68f253872614e51f33_333717_400x400_fill_q90_h2_box_smart1_3.webp 400w, https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hufd548659203cff68f253872614e51f33_333717_576x576_fill_q90_h2_box_smart1_3.webp 576w" src=https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo.png width=100% height alt="TailBliss Hero" class="w-full max-w-xl mx-auto rounded-lg"></div></div></div></div><div class="relative my-4"><div class="lg:mx-auto lg:grid lg:max-w-7xl lg:grid-cols-2 lg:items-start lg:gap-24 lg:px-8"><div class="relative sm:py-8 lg:py-0"><div aria-hidden=true class="hidden sm:block lg:absolute lg:inset-y-0 lg:right-0 lg:w-screen"><div class="absolute inset-y-0 w-full bg-gray-50 dark:bg-gray-900/10 right-1/2 rounded-r-3xl lg:right-72"></div><svg class="absolute -ml-3 top-8 left-1/2 lg:-right-8 lg:left-auto lg:top-12" width="404" height="392" fill="none" viewBox="0 0 404 392" loading="lazy"><defs><pattern id="02f20b47-fd69-4224-a62a-4c9de5c763f7" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60" fill="currentcolor"/></pattern></defs><rect width="404" height="392" fill="url(#02f20b47-fd69-4224-a62a-4c9de5c763f7)"/></svg></div><div class="relative max-w-md px-4 py-6 mx-auto sm:max-w-3xl sm:px-6 lg:max-w-none lg:px-0 lg:py-20"><div class="relative pt-64 pb-10 overflow-hidden shadow-xl rounded-2xl"><img imgh src=https://tailbliss.netlify.app/images/pages/our-mission_hu9e41904be62b5e78e796dc304a702e2b_1640902_1440x1440_resize_q50_h2_box_3.webp width=1440 height=1440 class="absolute inset-0 object-cover w-full h-full" alt="TailBliss - Our Mission" loading=lazy>
+><div class="absolute inset-0 bg-indigo-300 mix-blend-multiply"></div><div class="absolute inset-0 bg-gradient-to-t from-indigo-600 opacity-80"></div><div class="relative px-8"><div><img class=h-12 src=images/tailbliss-white.svg alt=Workcation></div><blockquote class=mt-8><div class="relative text-lg font-medium text-white md:flex-grow"><svg class="absolute top-0 left-0 w-8 h-8 transform -translate-x-3 -translate-y-2 text-indigo-400/30" fill="currentcolor" viewBox="0 0 32 32" aria-hidden="true"><path d="M9.352 4C4.456 7.456 1 13.12 1 19.36c0 5.088 3.072 8.064 6.624 8.064 3.36.0 5.856-2.688 5.856-5.856.0-3.168-2.208-5.472-5.088-5.472-.576.0-1.344.096-1.536.192.48-3.264 3.552-7.104 6.624-9.024L9.352 4zm16.512.0c-4.8 3.456-8.256 9.12-8.256 15.36.0 5.088 3.072 8.064 6.624 8.064 3.264.0 5.856-2.688 5.856-5.856.0-3.168-2.304-5.472-5.184-5.472-.576.0-1.248.096-1.44.192.48-3.264 3.456-7.104 6.528-9.024L25.864 4z"/></svg><p class=relative>Tincidunt integer commodo, cursus etiam
+aliquam neque, et. Consectetur pretium in volutpat, diam.
+Montes, magna cursus nulla feugiat dignissim id lobortis
+amet.</p></div><footer class=mt-4><p class="text-base font-semibold text-gray-200">John Doe, CEO at TailBliss</p></footer></blockquote></div></div></div></div><div class="relative max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:px-0"><div class="md:pt-12 sm:pt-6 lg:pt-20"><h2 class="text-3xl font-bold tracking-tight text-gray-900 capitalize dark:text-gray-50 sm:text-4xl">Our mission</h2><div class="mt-6 space-y-6 text-gray-900 dark:text-gray-300"><p class=text-lg>Sagittis scelerisque nulla cursus in enim consectetur
+quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit
+amet, sed aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi
+vel porttitor vitae ut. Amet vitae fames senectus vitae.</p><p class="text-base leading-7">Sollicitudin tristique eros erat odio sed
+vitae, consequat turpis elementum. Lorem nibh vel, eget pretium arcu
+vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.
+Sollicitudin tristique eroserat odio sed vitae, consequat turpis elementum. Lorem nibh vel,
+eget pretium arcu vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.</p><p class="text-base leading-7">Rhoncus nisl, libero egestas diam fermentum
+dui. At quis tincidunt vel ultricies. Vulputate aliquet velit faucibus semper.
+Pellentesque in venenatis vestibulum consectetur nibh id. In id ut tempus egestas. Enim sit
+aliquam nec, a. Morbi enim fermentum lacus in. Viverra.</p></div></div></div></div></div><div class="overflow-hidden sm:pt-6 lg:relative"><div class="max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:grid lg:max-w-7xl lg:grid-cols-2 lg:gap-12 lg:px-8"><div><div class=md:mt-8><div class="mt-6 sm:max-w-xl"><h1 class="text-4xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-5xl">Just in time for Hacktoberfest with JIT Tailwind.</h1><p class="pb-12 mt-6 text-lg text-gray-900 dark:text-white">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur at purus non enim commodo
+tincidunt vel in nulla. Aenean pretium dolor non ultricies bibendum. Etiam quis blandit
+enim. Nunc condimentum ut lorem in faucibus. Phasellus varius ligula et commodo tristique.
+Nunc sodales nisl nec
+laoreet vehicula. Donec velit nibh, sollicitudin at nulla a, egestas dignissim eros. Sed
+lacinia hendrerit interdum.
+Vestibulum pellentesque sem venenatis nisl tempor accumsan sit amet tempus felis. Mauris leo
+diam, porttitor nec
+bibendum id, tempus ac nulla. Etiam congue ornare erat at convallis. Donec in nisi dapibus,
+mattis risus vel, imperdiet enim. Donec
+fermentum sit amet tortor nec tincidunt. Nam nec lectus tortor. Nunc sit amet laoreet orci,
+porta ornare massa. Phasellus
+eget lorem mi. Nam eleifend ultricies sapien, quis mollis leo bibendum at. Quisque viverra
+lorem sit amet magna aliquet, et dignissim arcu eleifend.</p></div></div></div></div><div class="sm:mx-auto sm:max-w-3xl sm:px-6"><div class="md:py-12 sm:relative sm:mt-12 lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2"><div class="hidden sm:block"><div class="absolute inset-y-0 w-screen left-1/2 rounded-l-3xl bg-gray-50 dark:bg-gray-900/10 lg:left-80 lg:right-0 lg:w-full"></div><svg class="absolute -mr-3 top-8 right-1/2 lg:left-0 lg:m-0" width="404" height="392" fill="none" viewBox="0 0 404 392" loading="lazy"><defs><pattern id="837c3e70-6c3a-44e6-8854-cc48c737b659" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60" fill="currentcolor"/></pattern></defs><rect width="404" height="392" fill="url(#837c3e70-6c3a-44e6-8854-cc48c737b659)"/></svg></div><div class="relative pl-4 -mr-40 sm:mx-auto sm:max-w-3xl sm:px-0 lg:h-full lg:max-w-none lg:pl-12"><img srcset="https://tailbliss.netlify.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_480x280_fit_q80_box.jpg 480w, https://tailbliss.netlify.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_768x280_fit_q80_box.jpg 768w, https://tailbliss.netlify.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_1024x280_fit_q80_box.jpg 1024w, https://tailbliss.netlify.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_1374x1000_fit_q80_box.jpg 1374w" src=https://tailbliss.netlify.app/images/pages/hacktoberfest.jpg alt="TailBliss Hacktoberfest Image" class="w-full rounded-lg shadow-xl lg:h-full lg:w-auto lg:max-w-none" loading=lazy></div></div></div></div><div class="max-w-md px-4 mx-auto md:pt-24 md:pb-16 sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><div class="lg:grid lg:grid-cols-2 lg:items-center lg:gap-24"><div class="mt-12 grid grid-cols-2 gap-0.5 md:grid-cols-3 lg:mt-0 lg:grid-cols-2"><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div></div><div><h2 class="pt-6 text-3xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-4xl">Backed by world-renowned investors</h2><p class="max-w-3xl mt-6 text-lg leading-7 text-gray-900 dark:text-white">Sagittis scelerisque nulla
+cursus in enim
+consectetur quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit amet, sed
+aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi vel porttitor vitae ut. Amet vitae
+fames senectus vitae.</p><div class=my-6><a href=# class="text-base font-medium text-indigo-500">Meet our investors and advisors&nbsp&rarr;</a></div></div></div></div><div class="relative px-1 pt-8 pb-4 bg-transparent lg:px-8 lg:pt-12 lg:mb-4 md:mt-12"><div class="absolute inset-0"><div class="bg-gray-900 dark:bg-gray-900/50 h-1/3 sm:h-2/3"></div></div><div class="relative px-2 mx-auto max-w-7xl"><div class=text-center><h2 class="text-3xl font-black tracking-tight text-indigo-500 capitalize dark:text-indigo-300 sm:text-4xl">From the blog</h2><p class="max-w-2xl mx-auto mt-3 text-xl text-gray-900 dark:text-gray-100 sm:mt-4">Lorem ipsum dolor
+sit amet consectetur,
+adipisicing elit. Ipsa libero labore natus atque, ducimus sed.</p></div><div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50 md:px-1.5"><div class="px-4 text-gray-900 dark:text-white not-prose dark:text-zinc-200"><div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3"><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height loading=lazy><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/about/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">About</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300"></p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span></div><div class="flex items-center mt-6"><div class=flex-shrink-0><span class=sr-only></span></div><div class="pt-1 ml-3"><p class="text-sm font-medium text-gray-900 dark:text-gray-300"></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2021-12-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2
+min read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height loading=lazy><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/blog-post-2/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Blog Post 2</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/blog/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></div><div class="pt-1 ml-3"><p class="text-sm font-medium text-gray-900 dark:text-gray-300">TailBliss</p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2021-12-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2
+min read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height loading=lazy><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/blog-post-3/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Blog Post 3</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/blog/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></div><div class="pt-1 ml-3"><p class="text-sm font-medium text-gray-900 dark:text-gray-300">TailBliss</p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2021-12-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2
+min read</span></div></div></div></div></div></div></div></div></div></div><div class="relative pb-16 mt-6"><div aria-hidden=true class="hidden sm:block"><div class="absolute inset-y-0 left-0 w-1/2 rounded-r-3xl bg-gray-50 dark:bg-gray-900/10"></div><svg class="absolute -ml-3 top-8 left-1/2" width="404" height="392" fill="none" viewBox="0 0 404 392"><defs><pattern id="8228f071-bcee-4ec8-905a-2a059a2cc4fb" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60" fill="currentcolor"/></pattern></defs><rect width="404" height="392" fill="url(#8228f071-bcee-4ec8-905a-2a059a2cc4fb)"/></svg></div><div class="max-w-md mx-auto px-7 sm:max-w-3xl lg:max-w-7xl"><div class="relative px-6 py-10 overflow-hidden bg-indigo-500 shadow-xl rounded-2xl sm:px-12 sm:py-20"><div aria-hidden=true class="absolute inset-0 -mt-72 sm:-mt-32 md:mt-0"><svg class="absolute inset-0 w-full h-full" preserveAspectRatio="xMidYMid slice" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1463 360" loading="lazy"><path class="text-indigo-600 text-opacity-40" fill="currentcolor" d="M-82.673 72l1761.849 472.086-134.327 501.315-1761.85-472.086z"/><path class="text-indigo-600 text-opacity-40" fill="currentcolor" d="M-217.088 544.086 1544.761 72l134.327 501.316-1761.849 472.086z"/></svg></div><div class=relative><div class=sm:text-center><h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">Stay Up to Date</h2><p class="max-w-2xl mx-auto mt-6 text-lg text-indigo-100">Sagittis
+scelerisque nulla cursus in enim consectetur quam. Dictum urna sed
+consectetur neque tristique pellentesque.</p></div><form action=# class="mt-12 sm:mx-auto sm:flex sm:max-w-lg"><div class="flex-1 min-w-0"><label for=cta-email class=sr-only>Email address</label>
+<input id=cta-email type=email class="block w-full px-5 py-3 text-base text-gray-900 placeholder-gray-500 border border-transparent rounded-md shadow-sm focus:border-transparent focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-indigo-500" placeholder="Enter your email"></div><div class="mt-4 sm:mt-0 sm:ml-3"><button type=submit class="block w-full px-5 py-3 text-base font-medium text-white bg-gray-900 border border-transparent rounded-md shadow hover:bg-black focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-indigo-500 sm:px-10">Notify
+me</button></div></form></div></div></div></div></main><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/page/4/index.html b/public/page/4/index.html
index 4fd7848..017fdfe 100644
--- a/public/page/4/index.html
+++ b/public/page/4/index.html
@@ -1,764 +1,68 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-	<meta name="generator" content="Hugo 0.105.0">
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> TailBliss is Hugo Starter | TailBliss
-    
-</title>
-<meta name="description" content="TailBliss is Hugo Starter" />
-<meta property="og:title" content="TailBliss | TailBliss" />
-<meta name="twitter:title" content="TailBliss | TailBliss" />
-<meta itemprop="name" content="TailBliss | TailBliss" />
-<meta name="application-name" content="TailBliss | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="TailBliss is Hugo Starter" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<main>
-    <div class="bg-gray-200 dark:bg-gray-900">
-        <div class="max-w-screen-xl px-4 py-8 mx-auto">
-            <div class="grid items-center gap-8 mb-8 sm:mb-0 lg:gap-12 lg:grid-cols-12">
-                <div class="col-span-6 px-4 text-center sm:mb-6 lg:text-left lg:mb-0">
-                    <h1
-                        class="mb-2 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl xl:text-6xl dark:text-white">
-                        TailBliss</h1>
-                    <h2 class="pb-2 text-3xl font-light text-gray-800 dark:text-gray-300 md:text-4xl">
-                        Super Fast, and Flexible
-                    </h2>
-                    <a href="https://github.com/nusserstudios/tailbliss"
-                       class="inline-flex py-4 mx-auto space-x-4 sm:text-center">
-                        <span class="rounded bg-gray-50 px-2.5 py-1 text-sm font-bold text-gray-900">
-                            What's new
-                        </span>
-                        <span
-                              class="inline-flex items-center space-x-1 text-sm font-medium text-gray-800 dark:text-white">
-                            <span>Just shipped version 0.1.0</span>
-                            
-                            <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
-                                 fill="currentColor" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                      d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
-                                      clip-rule="evenodd" />
-                            </svg>
-                        </span>
-                    </a>
-                    <p
-                       class="max-w-xl mx-auto mb-6 font-normal text-gray-900 lg:mx-0 xl:mb-2 md:text-lg xl:text-xl dark:text-gray-50">
-                        A Hugo theme built with love, using TailwindCSS 3, Apline.JS, and Hugo
-                        Pipes. Images are optimized for use with Hugo Pipes for WebP format.</p>
-                </div>
-                <div class="col-span-6">
-                    
-
-                    
-                    
-
-                    <img srcset="https://tailbliss.vercel.app/images/pages/tailbliss-rocket-indigo_hufd548659203cff68f253872614e51f33_333717_400x400_fill_q90_h2_box_smart1_3.webp 400w, https://tailbliss.vercel.app/images/pages/tailbliss-rocket-indigo_hufd548659203cff68f253872614e51f33_333717_576x576_fill_q90_h2_box_smart1_3.webp 576w" src="https://tailbliss.vercel.app/images/pages/tailbliss-rocket-indigo.png"
-                         width="100%" height="" alt="TailBliss Hero" class="w-full max-w-xl mx-auto rounded-lg" />
-                </div>
-            </div>
-        </div>
-    </div>
-
-    
-
-    
-    <div class="relative my-4">
-        <div class="lg:mx-auto lg:grid lg:max-w-7xl lg:grid-cols-2 lg:items-start lg:gap-24 lg:px-8">
-            <div class="relative sm:py-8 lg:py-0">
-                <div aria-hidden="true" class="hidden sm:block lg:absolute lg:inset-y-0 lg:right-0 lg:w-screen">
-                    <div
-                         class="absolute inset-y-0 w-full bg-gray-50 dark:bg-gray-900/10 right-1/2 rounded-r-3xl lg:right-72">
-                    </div>
-                    <svg class="absolute -ml-3 top-8 left-1/2 lg:-right-8 lg:left-auto lg:top-12" width="404"
-                         height="392" fill="none" viewBox="0 0 404 392">
-                        <defs>
-                            <pattern id="02f20b47-fd69-4224-a62a-4c9de5c763f7" x="0" y="0" width="20" height="20"
-                                     patternUnits="userSpaceOnUse">
-                                <rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60"
-                                      fill="currentColor" />
-                            </pattern>
-                        </defs>
-                        <rect width="404" height="392" fill="url(#02f20b47-fd69-4224-a62a-4c9de5c763f7)" />
-                    </svg>
-                </div>
-                <div class="relative max-w-md px-4 py-6 mx-auto sm:max-w-3xl sm:px-6 lg:max-w-none lg:px-0 lg:py-20">
-                    
-                    <div class="relative pt-64 pb-10 overflow-hidden shadow-xl rounded-2xl">
-                        
-                        
-                        
-                        <img imgh src="https://tailbliss.vercel.app/images/pages/our-mission_hu9e41904be62b5e78e796dc304a702e2b_1640902_1440x1440_resize_q50_h2_box_3.webp" width="1440" height="1440"
-                             class="absolute inset-0 object-cover w-full h-full" alt="TailBliss - Our Mission" />
-                        >
-                        
-                        <div class="absolute inset-0 bg-indigo-300 mix-blend-multiply"></div>
-                        <div class="absolute inset-0 bg-gradient-to-t from-indigo-600 opacity-80">
-                        </div>
-                        <div class="relative px-8">
-                            <div>
-                                <img class="h-12" src="images/tailbliss-white.svg" alt="Workcation">
-                            </div>
-                            <blockquote class="mt-8">
-                                <div class="relative text-lg font-medium text-white md:flex-grow">
-                                    <svg class="absolute top-0 left-0 w-8 h-8 transform -translate-x-3 -translate-y-2 text-indigo-400/30"
-                                         fill="currentColor" viewBox="0 0 32 32" aria-hidden="true">
-                                        <path
-                                              d="M9.352 4C4.456 7.456 1 13.12 1 19.36c0 5.088 3.072 8.064 6.624 8.064 3.36 0 5.856-2.688 5.856-5.856 0-3.168-2.208-5.472-5.088-5.472-.576 0-1.344.096-1.536.192.48-3.264 3.552-7.104 6.624-9.024L9.352 4zm16.512 0c-4.8 3.456-8.256 9.12-8.256 15.36 0 5.088 3.072 8.064 6.624 8.064 3.264 0 5.856-2.688 5.856-5.856 0-3.168-2.304-5.472-5.184-5.472-.576 0-1.248.096-1.44.192.48-3.264 3.456-7.104 6.528-9.024L25.864 4z" />
-                                    </svg>
-                                    <p class="relative">Tincidunt integer commodo, cursus etiam
-                                        aliquam neque, et. Consectetur pretium in volutpat, diam.
-                                        Montes, magna cursus nulla feugiat dignissim id lobortis
-                                        amet.
-                                    </p>
-                                </div>
-
-                                <footer class="mt-4">
-                                    <p class="text-base font-semibold text-gray-200">
-                                        John Doe, CEO at TailBliss
-                                    </p>
-                                </footer>
-                            </blockquote>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div class="relative max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:px-0">
-                
-                <div class="md:pt-12 sm:pt-6 lg:pt-20">
-                    <h2
-                        class="text-3xl font-bold tracking-tight text-gray-900 capitalize dark:text-gray-50 sm:text-4xl">
-                        Our mission</h2>
-                    <div class="mt-6 space-y-6 text-gray-900 dark:text-gray-300">
-                        <p class="text-lg">Sagittis scelerisque nulla cursus in enim consectetur
-                            quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit
-                            amet, sed aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi
-                            vel porttitor vitae ut. Amet vitae fames senectus vitae.
-                        </p>
-                        <p class="text-base leading-7">Sollicitudin tristique eros erat odio sed
-                            vitae, consequat turpis elementum. Lorem nibh vel, eget pretium arcu
-                            vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.
-                            Sollicitudin tristique eroserat odio sed vitae, consequat turpis elementum. Lorem nibh vel,
-                            eget pretium arcu vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.
-                        </p>
-                        <p class="text-base leading-7">Rhoncus nisl, libero egestas diam fermentum
-                            dui. At quis tincidunt vel ultricies. Vulputate aliquet velit faucibus semper.
-                            Pellentesque in venenatis vestibulum consectetur nibh id. In id ut tempus egestas. Enim sit
-                            aliquam nec, a. Morbi enim fermentum lacus in. Viverra.
-                        </p>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    
-    <div class="overflow-hidden sm:pt-6 lg:relative">
-        <div class="max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:grid lg:max-w-7xl lg:grid-cols-2 lg:gap-12 lg:px-8">
-            <div>
-                <div class="md:mt-8">
-                    <div class="mt-6 sm:max-w-xl">
-                        <h1 class="text-4xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-5xl">
-                            Just in time for Hacktoberfest with JIT Tailwind.
-                        </h1>
-                        <p class="pb-12 mt-6 text-lg text-gray-500 dark:text-gray-400">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur at purus non enim commodo
-                            tincidunt vel in nulla. Aenean pretium dolor non ultricies bibendum. Etiam quis blandit
-                            enim. Nunc condimentum ut lorem in faucibus. Phasellus varius ligula et commodo tristique.
-                            Nunc sodales nisl nec
-                            laoreet vehicula. Donec velit nibh, sollicitudin at nulla a, egestas dignissim eros. Sed
-                            lacinia hendrerit interdum.
-                            Vestibulum pellentesque sem venenatis nisl tempor accumsan sit amet tempus felis. Mauris leo
-                            diam, porttitor nec
-                            bibendum id, tempus ac nulla. Etiam congue ornare erat at convallis. Donec in nisi dapibus,
-                            mattis risus vel, imperdiet enim. Donec
-                            fermentum sit amet tortor nec tincidunt. Nam nec lectus tortor. Nunc sit amet laoreet orci,
-                            porta ornare massa. Phasellus
-                            eget lorem mi. Nam eleifend ultricies sapien, quis mollis leo bibendum at. Quisque viverra
-                            lorem sit amet magna aliquet, et dignissim arcu eleifend.
-                        </p>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <div class="sm:mx-auto sm:max-w-3xl sm:px-6">
-            <div class="md:py-12 sm:relative sm:mt-12 lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2">
-                <div class="hidden sm:block">
-                    <div
-                         class="absolute inset-y-0 w-screen left-1/2 rounded-l-3xl bg-gray-50 dark:bg-gray-900/10 lg:left-80 lg:right-0 lg:w-full">
-                    </div>
-                    <svg class="absolute -mr-3 top-8 right-1/2 lg:left-0 lg:m-0" width="404" height="392" fill="none"
-                         viewBox="0 0 404 392">
-                        <defs>
-                            <pattern id="837c3e70-6c3a-44e6-8854-cc48c737b659" x="0" y="0" width="20" height="20"
-                                     patternUnits="userSpaceOnUse">
-                                <rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60"
-                                      fill="currentColor" />
-                            </pattern>
-                        </defs>
-                        <rect width="404" height="392" fill="url(#837c3e70-6c3a-44e6-8854-cc48c737b659)" />
-                    </svg>
-                </div>
-                <div class="relative pl-4 -mr-40 sm:mx-auto sm:max-w-3xl sm:px-0 lg:h-full lg:max-w-none lg:pl-12">
-                    
-
-                    
-                    
-                    
-                    
-
-                    <img srcset="https://tailbliss.vercel.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_480x280_fit_q80_box.jpg 480w, https://tailbliss.vercel.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_768x280_fit_q80_box.jpg 768w, https://tailbliss.vercel.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_1024x280_fit_q80_box.jpg 1024w, https://tailbliss.vercel.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_1374x1000_fit_q80_box.jpg 1374w" src="https://tailbliss.vercel.app/images/pages/hacktoberfest.jpg"
-                         alt="TailBliss Hacktoberfest Image"
-                         class="w-full rounded-lg shadow-xl lg:h-full lg:w-auto lg:max-w-none" />
-                </div>
-            </div>
-        </div>
-    </div>
-
-    
-    <div class="max-w-md px-4 mx-auto md:pt-24 md:pb-16 sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <div class="lg:grid lg:grid-cols-2 lg:items-center lg:gap-24">
-            <div class="mt-12 grid grid-cols-2 gap-0.5 md:grid-cols-3 lg:mt-0 lg:grid-cols-2">
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/transistor-logo-gray-400.svg"
-                         alt="Transistor">
-                </div>
-
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/mirage-logo-gray-400.svg" alt="Mirage">
-                </div>
-
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/tuple-logo-gray-400.svg" alt="Tuple">
-                </div>
-
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/laravel-logo-gray-400.svg"
-                         alt="Laravel">
-                </div>
-
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/statickit-logo-gray-400.svg"
-                         alt="StaticKit">
-                </div>
-
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/workcation-logo-gray-400.svg"
-                         alt="Workcation">
-                </div>
-            </div>
-            <div>
-                <h2 class="pt-6 text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-4xl">
-                    Backed by world-renowned investors
-                </h2>
-                <p class="max-w-3xl mt-6 text-lg leading-7 text-gray-500">Sagittis scelerisque nulla cursus in enim
-                    consectetur quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit amet, sed
-                    aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi vel porttitor vitae ut. Amet vitae
-                    fames senectus vitae.
-                </p>
-                <div class="my-6">
-                    <a href="#" class="text-base font-medium text-indigo-500">
-                        Meet our investors and advisors&nbsp&rarr;
-                    </a>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <div class="relative px-1 pt-8 pb-4 bg-transparent lg:px-8 lg:pt-12 lg:mb-4 md:mt-12">
-        <div class="absolute inset-0">
-            <div class="bg-gray-900 dark:bg-gray-900/50 h-1/3 sm:h-2/3"></div>
-        </div>
-        <div class="relative px-2 mx-auto max-w-7xl">
-            <div class="text-center">
-                <h2 class="text-3xl font-black tracking-tight text-indigo-500 capitalize dark:text-gray-50 sm:text-4xl">
-                    From the blog
-                </h2>
-                <p class="max-w-2xl mx-auto mt-3 text-xl text-gray-500 sm:mt-4">Lorem ipsum dolor
-                    sit amet consectetur,
-                    adipisicing elit. Ipsa libero labore natus atque, ducimus sed.</p>
-            </div>
-
-            <div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50 md:px-1.5">
-                <div class="px-4 text-gray-900 not-prose dark:text-zinc-200">
-                    <div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3">
-                        
-                        <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                            
-                            
-                            
-                            <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%"
-                                 height="" />
-                            
-                            
-                            <div class="p-6">
-                                <div class="flex-1">
-                                    <a href="https://tailbliss.vercel.app/posts/blog-post-4/"
-                                       class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                                        Blog Post 4
-                                    </a>
-                                    <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                                    </p>
-                                </div>
-                                <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                                    <span class="pr-2 font-black">Tags:</span>
-                                    <a href="https://tailbliss.vercel.app/tags/blog/"
-                                       class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div>
-                                <div class="flex items-center mt-6">
-                                    <div class="flex-shrink-0">
-                                        <span class="sr-only">TailBliss</span>
-                                        
-                                        
-                                        
-                                        <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                        
-                                        
-                                    </div>
-                                    <div class="pt-1 ml-3">
-                                        <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                            TailBliss
-                                        </p>
-                                        <div class="flex space-x-1 text-sm text-gray-500">
-                                            <time datetime="2020-02-12">2021-12-18</time>
-                                            <span aria-hidden="true">&middot;</span>
-                                            <span>2
-                                                min read</span>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        
-                        <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                            
-                            
-                            
-                            <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%"
-                                 height="" />
-                            
-                            
-                            <div class="p-6">
-                                <div class="flex-1">
-                                    <a href="https://tailbliss.vercel.app/posts/blog-post-5/"
-                                       class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                                        Blog Post 5
-                                    </a>
-                                    <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                                    </p>
-                                </div>
-                                <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                                    <span class="pr-2 font-black">Tags:</span>
-                                    <a href="https://tailbliss.vercel.app/tags/blog/"
-                                       class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div>
-                                <div class="flex items-center mt-6">
-                                    <div class="flex-shrink-0">
-                                        <span class="sr-only">TailBliss</span>
-                                        
-                                        
-                                        
-                                        <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                        
-                                        
-                                    </div>
-                                    <div class="pt-1 ml-3">
-                                        <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                            TailBliss
-                                        </p>
-                                        <div class="flex space-x-1 text-sm text-gray-500">
-                                            <time datetime="2020-02-12">2021-12-18</time>
-                                            <span aria-hidden="true">&middot;</span>
-                                            <span>2
-                                                min read</span>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        
-                        <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                            
-                            
-                            
-                            <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%"
-                                 height="" />
-                            
-                            
-                            <div class="p-6">
-                                <div class="flex-1">
-                                    <a href="https://tailbliss.vercel.app/posts/blog-post-6/"
-                                       class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                                        Blog Post 6
-                                    </a>
-                                    <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                                    </p>
-                                </div>
-                                <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                                    <span class="pr-2 font-black">Tags:</span>
-                                    <a href="https://tailbliss.vercel.app/tags/blog/"
-                                       class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div>
-                                <div class="flex items-center mt-6">
-                                    <div class="flex-shrink-0">
-                                        <span class="sr-only">TailBliss</span>
-                                        
-                                        
-                                        
-                                        <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                        
-                                        
-                                    </div>
-                                    <div class="pt-1 ml-3">
-                                        <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                            TailBliss
-                                        </p>
-                                        <div class="flex space-x-1 text-sm text-gray-500">
-                                            <time datetime="2020-02-12">2021-12-18</time>
-                                            <span aria-hidden="true">&middot;</span>
-                                            <span>2
-                                                min read</span>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    
-    <div class="relative pb-16 mt-6">
-        <div aria-hidden="true" class="hidden sm:block">
-            <div class="absolute inset-y-0 left-0 w-1/2 rounded-r-3xl bg-gray-50 dark:bg-gray-900/10">
-            </div>
-            <svg class="absolute -ml-3 top-8 left-1/2" width="404" height="392" fill="none" viewBox="0 0 404 392">
-                <defs>
-                    <pattern id="8228f071-bcee-4ec8-905a-2a059a2cc4fb" x="0" y="0" width="20" height="20"
-                             patternUnits="userSpaceOnUse">
-                        <rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60"
-                              fill="currentColor" />
-                    </pattern>
-                </defs>
-                <rect width="404" height="392" fill="url(#8228f071-bcee-4ec8-905a-2a059a2cc4fb)" />
-            </svg>
-        </div>
-        <div class="max-w-md mx-auto px-7 sm:max-w-3xl lg:max-w-7xl">
-            <div class="relative px-6 py-10 overflow-hidden bg-indigo-500 shadow-xl rounded-2xl sm:px-12 sm:py-20">
-                <div aria-hidden="true" class="absolute inset-0 -mt-72 sm:-mt-32 md:mt-0">
-                    <svg class="absolute inset-0 w-full h-full" preserveAspectRatio="xMidYMid slice"
-                         xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1463 360">
-                        <path class="text-indigo-600 text-opacity-40" fill="currentColor"
-                              d="M-82.673 72l1761.849 472.086-134.327 501.315-1761.85-472.086z" />
-                        <path class="text-indigo-600 text-opacity-40" fill="currentColor"
-                              d="M-217.088 544.086L1544.761 72l134.327 501.316-1761.849 472.086z" />
-                    </svg>
-                </div>
-                <div class="relative">
-                    <div class="sm:text-center">
-                        <h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">
-                            Stay Up to Date
-                        </h2>
-                        <p class="max-w-2xl mx-auto mt-6 text-lg text-indigo-100">Sagittis
-                            scelerisque nulla cursus in enim consectetur quam. Dictum urna sed
-                            consectetur neque tristique pellentesque.</p>
-                    </div>
-                    <form action="#" class="mt-12 sm:mx-auto sm:flex sm:max-w-lg">
-                        <div class="flex-1 min-w-0">
-                            <label for="cta-email" class="sr-only">Email address</label>
-                            <input id="cta-email" type="email"
-                                   class="block w-full px-5 py-3 text-base text-gray-900 placeholder-gray-500 border border-transparent rounded-md shadow-sm focus:border-transparent focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-indigo-500"
-                                   placeholder="Enter your email">
-                        </div>
-                        <div class="mt-4 sm:mt-0 sm:ml-3">
-                            <button type="submit"
-                                    class="block w-full px-5 py-3 text-base font-medium text-white bg-gray-900 border border-transparent rounded-md shadow hover:bg-black focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-indigo-500 sm:px-10">Notify
-                                me</button>
-                        </div>
-                    </form>
-                </div>
-            </div>
-        </div>
-    </div>
-
-</main>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+<!doctype html><html lang=en><head><meta name=generator content="Hugo 0.105.0"><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>TailBliss is Hugo Starter | TailBliss</title><meta name=description content="TailBliss is Hugo Starter"><meta property="og:title" content="TailBliss | TailBliss"><meta name=twitter:title content="TailBliss | TailBliss"><meta itemprop=name content="TailBliss | TailBliss"><meta name=application-name content="TailBliss | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="TailBliss is Hugo Starter"><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><main><div class="bg-gray-200 dark:bg-gray-900"><div class="max-w-screen-xl px-4 py-8 mx-auto"><div class="grid items-center gap-8 mb-8 sm:mb-0 lg:gap-12 lg:grid-cols-12"><div class="col-span-6 px-4 text-center sm:mb-6 lg:text-left lg:mb-0"><h1 class="mb-2 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl xl:text-6xl dark:text-white">TailBliss</h1><h2 class="pb-2 text-3xl font-light text-gray-800 dark:text-gray-300 md:text-4xl">Super Fast, and Flexible</h2><a href=https://github.com/nusserstudios/tailbliss class="inline-flex py-4 mx-auto space-x-4 sm:text-center"><span class="rounded bg-gray-50 px-2.5 py-1 text-sm font-bold text-gray-900">What's new</span>
+<span class="inline-flex items-center space-x-1 text-sm font-medium text-gray-800 dark:text-white"><span>Just shipped version 0.1.0</span><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentcolor" aria-hidden="true"><path fill-rule="evenodd" d="M7.21 14.77a.75.75.0 01.02-1.06L11.168 10 7.23 6.29a.75.75.0 111.04-1.08l4.5 4.25a.75.75.0 010 1.08l-4.5 4.25a.75.75.0 01-1.06-.02z" clip-rule="evenodd"/></svg></span></a><p class="max-w-xl mx-auto mb-6 font-normal text-gray-900 lg:mx-0 xl:mb-2 md:text-lg xl:text-xl dark:text-gray-50">A Hugo theme built with love, using TailwindCSS 3, Apline.JS, and Hugo
+Pipes. Images are optimized for use with Hugo Pipes for WebP format.</p></div><div class=col-span-6><img srcset="https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hufd548659203cff68f253872614e51f33_333717_400x400_fill_q90_h2_box_smart1_3.webp 400w, https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hufd548659203cff68f253872614e51f33_333717_576x576_fill_q90_h2_box_smart1_3.webp 576w" src=https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo.png width=100% height alt="TailBliss Hero" class="w-full max-w-xl mx-auto rounded-lg"></div></div></div></div><div class="relative my-4"><div class="lg:mx-auto lg:grid lg:max-w-7xl lg:grid-cols-2 lg:items-start lg:gap-24 lg:px-8"><div class="relative sm:py-8 lg:py-0"><div aria-hidden=true class="hidden sm:block lg:absolute lg:inset-y-0 lg:right-0 lg:w-screen"><div class="absolute inset-y-0 w-full bg-gray-50 dark:bg-gray-900/10 right-1/2 rounded-r-3xl lg:right-72"></div><svg class="absolute -ml-3 top-8 left-1/2 lg:-right-8 lg:left-auto lg:top-12" width="404" height="392" fill="none" viewBox="0 0 404 392" loading="lazy"><defs><pattern id="02f20b47-fd69-4224-a62a-4c9de5c763f7" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60" fill="currentcolor"/></pattern></defs><rect width="404" height="392" fill="url(#02f20b47-fd69-4224-a62a-4c9de5c763f7)"/></svg></div><div class="relative max-w-md px-4 py-6 mx-auto sm:max-w-3xl sm:px-6 lg:max-w-none lg:px-0 lg:py-20"><div class="relative pt-64 pb-10 overflow-hidden shadow-xl rounded-2xl"><img imgh src=https://tailbliss.netlify.app/images/pages/our-mission_hu9e41904be62b5e78e796dc304a702e2b_1640902_1440x1440_resize_q50_h2_box_3.webp width=1440 height=1440 class="absolute inset-0 object-cover w-full h-full" alt="TailBliss - Our Mission" loading=lazy>
+><div class="absolute inset-0 bg-indigo-300 mix-blend-multiply"></div><div class="absolute inset-0 bg-gradient-to-t from-indigo-600 opacity-80"></div><div class="relative px-8"><div><img class=h-12 src=images/tailbliss-white.svg alt=Workcation></div><blockquote class=mt-8><div class="relative text-lg font-medium text-white md:flex-grow"><svg class="absolute top-0 left-0 w-8 h-8 transform -translate-x-3 -translate-y-2 text-indigo-400/30" fill="currentcolor" viewBox="0 0 32 32" aria-hidden="true"><path d="M9.352 4C4.456 7.456 1 13.12 1 19.36c0 5.088 3.072 8.064 6.624 8.064 3.36.0 5.856-2.688 5.856-5.856.0-3.168-2.208-5.472-5.088-5.472-.576.0-1.344.096-1.536.192.48-3.264 3.552-7.104 6.624-9.024L9.352 4zm16.512.0c-4.8 3.456-8.256 9.12-8.256 15.36.0 5.088 3.072 8.064 6.624 8.064 3.264.0 5.856-2.688 5.856-5.856.0-3.168-2.304-5.472-5.184-5.472-.576.0-1.248.096-1.44.192.48-3.264 3.456-7.104 6.528-9.024L25.864 4z"/></svg><p class=relative>Tincidunt integer commodo, cursus etiam
+aliquam neque, et. Consectetur pretium in volutpat, diam.
+Montes, magna cursus nulla feugiat dignissim id lobortis
+amet.</p></div><footer class=mt-4><p class="text-base font-semibold text-gray-200">John Doe, CEO at TailBliss</p></footer></blockquote></div></div></div></div><div class="relative max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:px-0"><div class="md:pt-12 sm:pt-6 lg:pt-20"><h2 class="text-3xl font-bold tracking-tight text-gray-900 capitalize dark:text-gray-50 sm:text-4xl">Our mission</h2><div class="mt-6 space-y-6 text-gray-900 dark:text-gray-300"><p class=text-lg>Sagittis scelerisque nulla cursus in enim consectetur
+quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit
+amet, sed aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi
+vel porttitor vitae ut. Amet vitae fames senectus vitae.</p><p class="text-base leading-7">Sollicitudin tristique eros erat odio sed
+vitae, consequat turpis elementum. Lorem nibh vel, eget pretium arcu
+vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.
+Sollicitudin tristique eroserat odio sed vitae, consequat turpis elementum. Lorem nibh vel,
+eget pretium arcu vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.</p><p class="text-base leading-7">Rhoncus nisl, libero egestas diam fermentum
+dui. At quis tincidunt vel ultricies. Vulputate aliquet velit faucibus semper.
+Pellentesque in venenatis vestibulum consectetur nibh id. In id ut tempus egestas. Enim sit
+aliquam nec, a. Morbi enim fermentum lacus in. Viverra.</p></div></div></div></div></div><div class="overflow-hidden sm:pt-6 lg:relative"><div class="max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:grid lg:max-w-7xl lg:grid-cols-2 lg:gap-12 lg:px-8"><div><div class=md:mt-8><div class="mt-6 sm:max-w-xl"><h1 class="text-4xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-5xl">Just in time for Hacktoberfest with JIT Tailwind.</h1><p class="pb-12 mt-6 text-lg text-gray-900 dark:text-white">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur at purus non enim commodo
+tincidunt vel in nulla. Aenean pretium dolor non ultricies bibendum. Etiam quis blandit
+enim. Nunc condimentum ut lorem in faucibus. Phasellus varius ligula et commodo tristique.
+Nunc sodales nisl nec
+laoreet vehicula. Donec velit nibh, sollicitudin at nulla a, egestas dignissim eros. Sed
+lacinia hendrerit interdum.
+Vestibulum pellentesque sem venenatis nisl tempor accumsan sit amet tempus felis. Mauris leo
+diam, porttitor nec
+bibendum id, tempus ac nulla. Etiam congue ornare erat at convallis. Donec in nisi dapibus,
+mattis risus vel, imperdiet enim. Donec
+fermentum sit amet tortor nec tincidunt. Nam nec lectus tortor. Nunc sit amet laoreet orci,
+porta ornare massa. Phasellus
+eget lorem mi. Nam eleifend ultricies sapien, quis mollis leo bibendum at. Quisque viverra
+lorem sit amet magna aliquet, et dignissim arcu eleifend.</p></div></div></div></div><div class="sm:mx-auto sm:max-w-3xl sm:px-6"><div class="md:py-12 sm:relative sm:mt-12 lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2"><div class="hidden sm:block"><div class="absolute inset-y-0 w-screen left-1/2 rounded-l-3xl bg-gray-50 dark:bg-gray-900/10 lg:left-80 lg:right-0 lg:w-full"></div><svg class="absolute -mr-3 top-8 right-1/2 lg:left-0 lg:m-0" width="404" height="392" fill="none" viewBox="0 0 404 392" loading="lazy"><defs><pattern id="837c3e70-6c3a-44e6-8854-cc48c737b659" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60" fill="currentcolor"/></pattern></defs><rect width="404" height="392" fill="url(#837c3e70-6c3a-44e6-8854-cc48c737b659)"/></svg></div><div class="relative pl-4 -mr-40 sm:mx-auto sm:max-w-3xl sm:px-0 lg:h-full lg:max-w-none lg:pl-12"><img srcset="https://tailbliss.netlify.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_480x280_fit_q80_box.jpg 480w, https://tailbliss.netlify.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_768x280_fit_q80_box.jpg 768w, https://tailbliss.netlify.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_1024x280_fit_q80_box.jpg 1024w, https://tailbliss.netlify.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_1374x1000_fit_q80_box.jpg 1374w" src=https://tailbliss.netlify.app/images/pages/hacktoberfest.jpg alt="TailBliss Hacktoberfest Image" class="w-full rounded-lg shadow-xl lg:h-full lg:w-auto lg:max-w-none" loading=lazy></div></div></div></div><div class="max-w-md px-4 mx-auto md:pt-24 md:pb-16 sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><div class="lg:grid lg:grid-cols-2 lg:items-center lg:gap-24"><div class="mt-12 grid grid-cols-2 gap-0.5 md:grid-cols-3 lg:mt-0 lg:grid-cols-2"><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div></div><div><h2 class="pt-6 text-3xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-4xl">Backed by world-renowned investors</h2><p class="max-w-3xl mt-6 text-lg leading-7 text-gray-900 dark:text-white">Sagittis scelerisque nulla
+cursus in enim
+consectetur quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit amet, sed
+aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi vel porttitor vitae ut. Amet vitae
+fames senectus vitae.</p><div class=my-6><a href=# class="text-base font-medium text-indigo-500">Meet our investors and advisors&nbsp&rarr;</a></div></div></div></div><div class="relative px-1 pt-8 pb-4 bg-transparent lg:px-8 lg:pt-12 lg:mb-4 md:mt-12"><div class="absolute inset-0"><div class="bg-gray-900 dark:bg-gray-900/50 h-1/3 sm:h-2/3"></div></div><div class="relative px-2 mx-auto max-w-7xl"><div class=text-center><h2 class="text-3xl font-black tracking-tight text-indigo-500 capitalize dark:text-indigo-300 sm:text-4xl">From the blog</h2><p class="max-w-2xl mx-auto mt-3 text-xl text-gray-900 dark:text-gray-100 sm:mt-4">Lorem ipsum dolor
+sit amet consectetur,
+adipisicing elit. Ipsa libero labore natus atque, ducimus sed.</p></div><div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50 md:px-1.5"><div class="px-4 text-gray-900 dark:text-white not-prose dark:text-zinc-200"><div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3"><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height loading=lazy><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/blog-post-4/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Blog Post 4</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/blog/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></div><div class="pt-1 ml-3"><p class="text-sm font-medium text-gray-900 dark:text-gray-300">TailBliss</p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2021-12-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2
+min read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height loading=lazy><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/blog-post-5/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Blog Post 5</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/blog/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></div><div class="pt-1 ml-3"><p class="text-sm font-medium text-gray-900 dark:text-gray-300">TailBliss</p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2021-12-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2
+min read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height loading=lazy><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/blog-post-6/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Blog Post 6</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/blog/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></div><div class="pt-1 ml-3"><p class="text-sm font-medium text-gray-900 dark:text-gray-300">TailBliss</p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2021-12-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2
+min read</span></div></div></div></div></div></div></div></div></div></div><div class="relative pb-16 mt-6"><div aria-hidden=true class="hidden sm:block"><div class="absolute inset-y-0 left-0 w-1/2 rounded-r-3xl bg-gray-50 dark:bg-gray-900/10"></div><svg class="absolute -ml-3 top-8 left-1/2" width="404" height="392" fill="none" viewBox="0 0 404 392"><defs><pattern id="8228f071-bcee-4ec8-905a-2a059a2cc4fb" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60" fill="currentcolor"/></pattern></defs><rect width="404" height="392" fill="url(#8228f071-bcee-4ec8-905a-2a059a2cc4fb)"/></svg></div><div class="max-w-md mx-auto px-7 sm:max-w-3xl lg:max-w-7xl"><div class="relative px-6 py-10 overflow-hidden bg-indigo-500 shadow-xl rounded-2xl sm:px-12 sm:py-20"><div aria-hidden=true class="absolute inset-0 -mt-72 sm:-mt-32 md:mt-0"><svg class="absolute inset-0 w-full h-full" preserveAspectRatio="xMidYMid slice" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1463 360" loading="lazy"><path class="text-indigo-600 text-opacity-40" fill="currentcolor" d="M-82.673 72l1761.849 472.086-134.327 501.315-1761.85-472.086z"/><path class="text-indigo-600 text-opacity-40" fill="currentcolor" d="M-217.088 544.086 1544.761 72l134.327 501.316-1761.849 472.086z"/></svg></div><div class=relative><div class=sm:text-center><h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">Stay Up to Date</h2><p class="max-w-2xl mx-auto mt-6 text-lg text-indigo-100">Sagittis
+scelerisque nulla cursus in enim consectetur quam. Dictum urna sed
+consectetur neque tristique pellentesque.</p></div><form action=# class="mt-12 sm:mx-auto sm:flex sm:max-w-lg"><div class="flex-1 min-w-0"><label for=cta-email class=sr-only>Email address</label>
+<input id=cta-email type=email class="block w-full px-5 py-3 text-base text-gray-900 placeholder-gray-500 border border-transparent rounded-md shadow-sm focus:border-transparent focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-indigo-500" placeholder="Enter your email"></div><div class="mt-4 sm:mt-0 sm:ml-3"><button type=submit class="block w-full px-5 py-3 text-base font-medium text-white bg-gray-900 border border-transparent rounded-md shadow hover:bg-black focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-indigo-500 sm:px-10">Notify
+me</button></div></form></div></div></div></div></main><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/page/5/index.html b/public/page/5/index.html
index ae374f3..1f0a5f8 100644
--- a/public/page/5/index.html
+++ b/public/page/5/index.html
@@ -1,746 +1,64 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-	<meta name="generator" content="Hugo 0.105.0">
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> TailBliss is Hugo Starter | TailBliss
-    
-</title>
-<meta name="description" content="TailBliss is Hugo Starter" />
-<meta property="og:title" content="TailBliss | TailBliss" />
-<meta name="twitter:title" content="TailBliss | TailBliss" />
-<meta itemprop="name" content="TailBliss | TailBliss" />
-<meta name="application-name" content="TailBliss | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="TailBliss is Hugo Starter" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<main>
-    <div class="bg-gray-200 dark:bg-gray-900">
-        <div class="max-w-screen-xl px-4 py-8 mx-auto">
-            <div class="grid items-center gap-8 mb-8 sm:mb-0 lg:gap-12 lg:grid-cols-12">
-                <div class="col-span-6 px-4 text-center sm:mb-6 lg:text-left lg:mb-0">
-                    <h1
-                        class="mb-2 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl xl:text-6xl dark:text-white">
-                        TailBliss</h1>
-                    <h2 class="pb-2 text-3xl font-light text-gray-800 dark:text-gray-300 md:text-4xl">
-                        Super Fast, and Flexible
-                    </h2>
-                    <a href="https://github.com/nusserstudios/tailbliss"
-                       class="inline-flex py-4 mx-auto space-x-4 sm:text-center">
-                        <span class="rounded bg-gray-50 px-2.5 py-1 text-sm font-bold text-gray-900">
-                            What's new
-                        </span>
-                        <span
-                              class="inline-flex items-center space-x-1 text-sm font-medium text-gray-800 dark:text-white">
-                            <span>Just shipped version 0.1.0</span>
-                            
-                            <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
-                                 fill="currentColor" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                      d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
-                                      clip-rule="evenodd" />
-                            </svg>
-                        </span>
-                    </a>
-                    <p
-                       class="max-w-xl mx-auto mb-6 font-normal text-gray-900 lg:mx-0 xl:mb-2 md:text-lg xl:text-xl dark:text-gray-50">
-                        A Hugo theme built with love, using TailwindCSS 3, Apline.JS, and Hugo
-                        Pipes. Images are optimized for use with Hugo Pipes for WebP format.</p>
-                </div>
-                <div class="col-span-6">
-                    
-
-                    
-                    
-
-                    <img srcset="https://tailbliss.vercel.app/images/pages/tailbliss-rocket-indigo_hufd548659203cff68f253872614e51f33_333717_400x400_fill_q90_h2_box_smart1_3.webp 400w, https://tailbliss.vercel.app/images/pages/tailbliss-rocket-indigo_hufd548659203cff68f253872614e51f33_333717_576x576_fill_q90_h2_box_smart1_3.webp 576w" src="https://tailbliss.vercel.app/images/pages/tailbliss-rocket-indigo.png"
-                         width="100%" height="" alt="TailBliss Hero" class="w-full max-w-xl mx-auto rounded-lg" />
-                </div>
-            </div>
-        </div>
-    </div>
-
-    
-
-    
-    <div class="relative my-4">
-        <div class="lg:mx-auto lg:grid lg:max-w-7xl lg:grid-cols-2 lg:items-start lg:gap-24 lg:px-8">
-            <div class="relative sm:py-8 lg:py-0">
-                <div aria-hidden="true" class="hidden sm:block lg:absolute lg:inset-y-0 lg:right-0 lg:w-screen">
-                    <div
-                         class="absolute inset-y-0 w-full bg-gray-50 dark:bg-gray-900/10 right-1/2 rounded-r-3xl lg:right-72">
-                    </div>
-                    <svg class="absolute -ml-3 top-8 left-1/2 lg:-right-8 lg:left-auto lg:top-12" width="404"
-                         height="392" fill="none" viewBox="0 0 404 392">
-                        <defs>
-                            <pattern id="02f20b47-fd69-4224-a62a-4c9de5c763f7" x="0" y="0" width="20" height="20"
-                                     patternUnits="userSpaceOnUse">
-                                <rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60"
-                                      fill="currentColor" />
-                            </pattern>
-                        </defs>
-                        <rect width="404" height="392" fill="url(#02f20b47-fd69-4224-a62a-4c9de5c763f7)" />
-                    </svg>
-                </div>
-                <div class="relative max-w-md px-4 py-6 mx-auto sm:max-w-3xl sm:px-6 lg:max-w-none lg:px-0 lg:py-20">
-                    
-                    <div class="relative pt-64 pb-10 overflow-hidden shadow-xl rounded-2xl">
-                        
-                        
-                        
-                        <img imgh src="https://tailbliss.vercel.app/images/pages/our-mission_hu9e41904be62b5e78e796dc304a702e2b_1640902_1440x1440_resize_q50_h2_box_3.webp" width="1440" height="1440"
-                             class="absolute inset-0 object-cover w-full h-full" alt="TailBliss - Our Mission" />
-                        >
-                        
-                        <div class="absolute inset-0 bg-indigo-300 mix-blend-multiply"></div>
-                        <div class="absolute inset-0 bg-gradient-to-t from-indigo-600 opacity-80">
-                        </div>
-                        <div class="relative px-8">
-                            <div>
-                                <img class="h-12" src="images/tailbliss-white.svg" alt="Workcation">
-                            </div>
-                            <blockquote class="mt-8">
-                                <div class="relative text-lg font-medium text-white md:flex-grow">
-                                    <svg class="absolute top-0 left-0 w-8 h-8 transform -translate-x-3 -translate-y-2 text-indigo-400/30"
-                                         fill="currentColor" viewBox="0 0 32 32" aria-hidden="true">
-                                        <path
-                                              d="M9.352 4C4.456 7.456 1 13.12 1 19.36c0 5.088 3.072 8.064 6.624 8.064 3.36 0 5.856-2.688 5.856-5.856 0-3.168-2.208-5.472-5.088-5.472-.576 0-1.344.096-1.536.192.48-3.264 3.552-7.104 6.624-9.024L9.352 4zm16.512 0c-4.8 3.456-8.256 9.12-8.256 15.36 0 5.088 3.072 8.064 6.624 8.064 3.264 0 5.856-2.688 5.856-5.856 0-3.168-2.304-5.472-5.184-5.472-.576 0-1.248.096-1.44.192.48-3.264 3.456-7.104 6.528-9.024L25.864 4z" />
-                                    </svg>
-                                    <p class="relative">Tincidunt integer commodo, cursus etiam
-                                        aliquam neque, et. Consectetur pretium in volutpat, diam.
-                                        Montes, magna cursus nulla feugiat dignissim id lobortis
-                                        amet.
-                                    </p>
-                                </div>
-
-                                <footer class="mt-4">
-                                    <p class="text-base font-semibold text-gray-200">
-                                        John Doe, CEO at TailBliss
-                                    </p>
-                                </footer>
-                            </blockquote>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div class="relative max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:px-0">
-                
-                <div class="md:pt-12 sm:pt-6 lg:pt-20">
-                    <h2
-                        class="text-3xl font-bold tracking-tight text-gray-900 capitalize dark:text-gray-50 sm:text-4xl">
-                        Our mission</h2>
-                    <div class="mt-6 space-y-6 text-gray-900 dark:text-gray-300">
-                        <p class="text-lg">Sagittis scelerisque nulla cursus in enim consectetur
-                            quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit
-                            amet, sed aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi
-                            vel porttitor vitae ut. Amet vitae fames senectus vitae.
-                        </p>
-                        <p class="text-base leading-7">Sollicitudin tristique eros erat odio sed
-                            vitae, consequat turpis elementum. Lorem nibh vel, eget pretium arcu
-                            vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.
-                            Sollicitudin tristique eroserat odio sed vitae, consequat turpis elementum. Lorem nibh vel,
-                            eget pretium arcu vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.
-                        </p>
-                        <p class="text-base leading-7">Rhoncus nisl, libero egestas diam fermentum
-                            dui. At quis tincidunt vel ultricies. Vulputate aliquet velit faucibus semper.
-                            Pellentesque in venenatis vestibulum consectetur nibh id. In id ut tempus egestas. Enim sit
-                            aliquam nec, a. Morbi enim fermentum lacus in. Viverra.
-                        </p>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    
-    <div class="overflow-hidden sm:pt-6 lg:relative">
-        <div class="max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:grid lg:max-w-7xl lg:grid-cols-2 lg:gap-12 lg:px-8">
-            <div>
-                <div class="md:mt-8">
-                    <div class="mt-6 sm:max-w-xl">
-                        <h1 class="text-4xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-5xl">
-                            Just in time for Hacktoberfest with JIT Tailwind.
-                        </h1>
-                        <p class="pb-12 mt-6 text-lg text-gray-500 dark:text-gray-400">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur at purus non enim commodo
-                            tincidunt vel in nulla. Aenean pretium dolor non ultricies bibendum. Etiam quis blandit
-                            enim. Nunc condimentum ut lorem in faucibus. Phasellus varius ligula et commodo tristique.
-                            Nunc sodales nisl nec
-                            laoreet vehicula. Donec velit nibh, sollicitudin at nulla a, egestas dignissim eros. Sed
-                            lacinia hendrerit interdum.
-                            Vestibulum pellentesque sem venenatis nisl tempor accumsan sit amet tempus felis. Mauris leo
-                            diam, porttitor nec
-                            bibendum id, tempus ac nulla. Etiam congue ornare erat at convallis. Donec in nisi dapibus,
-                            mattis risus vel, imperdiet enim. Donec
-                            fermentum sit amet tortor nec tincidunt. Nam nec lectus tortor. Nunc sit amet laoreet orci,
-                            porta ornare massa. Phasellus
-                            eget lorem mi. Nam eleifend ultricies sapien, quis mollis leo bibendum at. Quisque viverra
-                            lorem sit amet magna aliquet, et dignissim arcu eleifend.
-                        </p>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <div class="sm:mx-auto sm:max-w-3xl sm:px-6">
-            <div class="md:py-12 sm:relative sm:mt-12 lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2">
-                <div class="hidden sm:block">
-                    <div
-                         class="absolute inset-y-0 w-screen left-1/2 rounded-l-3xl bg-gray-50 dark:bg-gray-900/10 lg:left-80 lg:right-0 lg:w-full">
-                    </div>
-                    <svg class="absolute -mr-3 top-8 right-1/2 lg:left-0 lg:m-0" width="404" height="392" fill="none"
-                         viewBox="0 0 404 392">
-                        <defs>
-                            <pattern id="837c3e70-6c3a-44e6-8854-cc48c737b659" x="0" y="0" width="20" height="20"
-                                     patternUnits="userSpaceOnUse">
-                                <rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60"
-                                      fill="currentColor" />
-                            </pattern>
-                        </defs>
-                        <rect width="404" height="392" fill="url(#837c3e70-6c3a-44e6-8854-cc48c737b659)" />
-                    </svg>
-                </div>
-                <div class="relative pl-4 -mr-40 sm:mx-auto sm:max-w-3xl sm:px-0 lg:h-full lg:max-w-none lg:pl-12">
-                    
-
-                    
-                    
-                    
-                    
-
-                    <img srcset="https://tailbliss.vercel.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_480x280_fit_q80_box.jpg 480w, https://tailbliss.vercel.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_768x280_fit_q80_box.jpg 768w, https://tailbliss.vercel.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_1024x280_fit_q80_box.jpg 1024w, https://tailbliss.vercel.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_1374x1000_fit_q80_box.jpg 1374w" src="https://tailbliss.vercel.app/images/pages/hacktoberfest.jpg"
-                         alt="TailBliss Hacktoberfest Image"
-                         class="w-full rounded-lg shadow-xl lg:h-full lg:w-auto lg:max-w-none" />
-                </div>
-            </div>
-        </div>
-    </div>
-
-    
-    <div class="max-w-md px-4 mx-auto md:pt-24 md:pb-16 sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <div class="lg:grid lg:grid-cols-2 lg:items-center lg:gap-24">
-            <div class="mt-12 grid grid-cols-2 gap-0.5 md:grid-cols-3 lg:mt-0 lg:grid-cols-2">
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/transistor-logo-gray-400.svg"
-                         alt="Transistor">
-                </div>
-
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/mirage-logo-gray-400.svg" alt="Mirage">
-                </div>
-
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/tuple-logo-gray-400.svg" alt="Tuple">
-                </div>
-
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/laravel-logo-gray-400.svg"
-                         alt="Laravel">
-                </div>
-
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/statickit-logo-gray-400.svg"
-                         alt="StaticKit">
-                </div>
-
-                <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
-                    <img class="max-h-12" src="https://tailwindui.com/img/logos/workcation-logo-gray-400.svg"
-                         alt="Workcation">
-                </div>
-            </div>
-            <div>
-                <h2 class="pt-6 text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-4xl">
-                    Backed by world-renowned investors
-                </h2>
-                <p class="max-w-3xl mt-6 text-lg leading-7 text-gray-500">Sagittis scelerisque nulla cursus in enim
-                    consectetur quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit amet, sed
-                    aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi vel porttitor vitae ut. Amet vitae
-                    fames senectus vitae.
-                </p>
-                <div class="my-6">
-                    <a href="#" class="text-base font-medium text-indigo-500">
-                        Meet our investors and advisors&nbsp&rarr;
-                    </a>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <div class="relative px-1 pt-8 pb-4 bg-transparent lg:px-8 lg:pt-12 lg:mb-4 md:mt-12">
-        <div class="absolute inset-0">
-            <div class="bg-gray-900 dark:bg-gray-900/50 h-1/3 sm:h-2/3"></div>
-        </div>
-        <div class="relative px-2 mx-auto max-w-7xl">
-            <div class="text-center">
-                <h2 class="text-3xl font-black tracking-tight text-indigo-500 capitalize dark:text-gray-50 sm:text-4xl">
-                    From the blog
-                </h2>
-                <p class="max-w-2xl mx-auto mt-3 text-xl text-gray-500 sm:mt-4">Lorem ipsum dolor
-                    sit amet consectetur,
-                    adipisicing elit. Ipsa libero labore natus atque, ducimus sed.</p>
-            </div>
-
-            <div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50 md:px-1.5">
-                <div class="px-4 text-gray-900 not-prose dark:text-zinc-200">
-                    <div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3">
-                        
-                        <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                            
-                            <div class="p-6">
-                                <div class="flex-1">
-                                    <a href="https://tailbliss.vercel.app/contact/"
-                                       class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                                        Contact
-                                    </a>
-                                    <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                                        
-                                    </p>
-                                </div>
-                                <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                                    <span class="pr-2 font-black">Tags:</span>
-                                    </div>
-                                <div class="flex items-center mt-6">
-                                    <div class="flex-shrink-0">
-                                        <span class="sr-only"></span>
-                                        
-                                    </div>
-                                    <div class="pt-1 ml-3">
-                                        <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                            
-                                        </p>
-                                        <div class="flex space-x-1 text-sm text-gray-500">
-                                            <time datetime="2020-02-12">2021-12-18</time>
-                                            <span aria-hidden="true">&middot;</span>
-                                            <span>0
-                                                min read</span>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        
-                        <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                            
-                            
-                            
-                            <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%"
-                                 height="" />
-                            
-                            
-                            <div class="p-6">
-                                <div class="flex-1">
-                                    <a href="https://tailbliss.vercel.app/posts/news-post-3/"
-                                       class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                                        News Post 3
-                                    </a>
-                                    <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                                    </p>
-                                </div>
-                                <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                                    <span class="pr-2 font-black">Tags:</span>
-                                    <a href="https://tailbliss.vercel.app/tags/news/"
-                                       class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div>
-                                <div class="flex items-center mt-6">
-                                    <div class="flex-shrink-0">
-                                        <span class="sr-only">TailBliss</span>
-                                        
-                                        
-                                        
-                                        <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                        
-                                        
-                                    </div>
-                                    <div class="pt-1 ml-3">
-                                        <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                            TailBliss
-                                        </p>
-                                        <div class="flex space-x-1 text-sm text-gray-500">
-                                            <time datetime="2020-02-12">2021-12-18</time>
-                                            <span aria-hidden="true">&middot;</span>
-                                            <span>2
-                                                min read</span>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        
-                        <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                            
-                            
-                            
-                            <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%"
-                                 height="" />
-                            
-                            
-                            <div class="p-6">
-                                <div class="flex-1">
-                                    <a href="https://tailbliss.vercel.app/prose/"
-                                       class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                                        Prose
-                                    </a>
-                                    <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                                        
-                                    </p>
-                                </div>
-                                <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                                    <span class="pr-2 font-black">Tags:</span>
-                                    </div>
-                                <div class="flex items-center mt-6">
-                                    <div class="flex-shrink-0">
-                                        <span class="sr-only"></span>
-                                        
-                                    </div>
-                                    <div class="pt-1 ml-3">
-                                        <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                            
-                                        </p>
-                                        <div class="flex space-x-1 text-sm text-gray-500">
-                                            <time datetime="2020-02-12">2021-12-18</time>
-                                            <span aria-hidden="true">&middot;</span>
-                                            <span>6
-                                                min read</span>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    
-    <div class="relative pb-16 mt-6">
-        <div aria-hidden="true" class="hidden sm:block">
-            <div class="absolute inset-y-0 left-0 w-1/2 rounded-r-3xl bg-gray-50 dark:bg-gray-900/10">
-            </div>
-            <svg class="absolute -ml-3 top-8 left-1/2" width="404" height="392" fill="none" viewBox="0 0 404 392">
-                <defs>
-                    <pattern id="8228f071-bcee-4ec8-905a-2a059a2cc4fb" x="0" y="0" width="20" height="20"
-                             patternUnits="userSpaceOnUse">
-                        <rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60"
-                              fill="currentColor" />
-                    </pattern>
-                </defs>
-                <rect width="404" height="392" fill="url(#8228f071-bcee-4ec8-905a-2a059a2cc4fb)" />
-            </svg>
-        </div>
-        <div class="max-w-md mx-auto px-7 sm:max-w-3xl lg:max-w-7xl">
-            <div class="relative px-6 py-10 overflow-hidden bg-indigo-500 shadow-xl rounded-2xl sm:px-12 sm:py-20">
-                <div aria-hidden="true" class="absolute inset-0 -mt-72 sm:-mt-32 md:mt-0">
-                    <svg class="absolute inset-0 w-full h-full" preserveAspectRatio="xMidYMid slice"
-                         xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1463 360">
-                        <path class="text-indigo-600 text-opacity-40" fill="currentColor"
-                              d="M-82.673 72l1761.849 472.086-134.327 501.315-1761.85-472.086z" />
-                        <path class="text-indigo-600 text-opacity-40" fill="currentColor"
-                              d="M-217.088 544.086L1544.761 72l134.327 501.316-1761.849 472.086z" />
-                    </svg>
-                </div>
-                <div class="relative">
-                    <div class="sm:text-center">
-                        <h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">
-                            Stay Up to Date
-                        </h2>
-                        <p class="max-w-2xl mx-auto mt-6 text-lg text-indigo-100">Sagittis
-                            scelerisque nulla cursus in enim consectetur quam. Dictum urna sed
-                            consectetur neque tristique pellentesque.</p>
-                    </div>
-                    <form action="#" class="mt-12 sm:mx-auto sm:flex sm:max-w-lg">
-                        <div class="flex-1 min-w-0">
-                            <label for="cta-email" class="sr-only">Email address</label>
-                            <input id="cta-email" type="email"
-                                   class="block w-full px-5 py-3 text-base text-gray-900 placeholder-gray-500 border border-transparent rounded-md shadow-sm focus:border-transparent focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-indigo-500"
-                                   placeholder="Enter your email">
-                        </div>
-                        <div class="mt-4 sm:mt-0 sm:ml-3">
-                            <button type="submit"
-                                    class="block w-full px-5 py-3 text-base font-medium text-white bg-gray-900 border border-transparent rounded-md shadow hover:bg-black focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-indigo-500 sm:px-10">Notify
-                                me</button>
-                        </div>
-                    </form>
-                </div>
-            </div>
-        </div>
-    </div>
-
-</main>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+<!doctype html><html lang=en><head><meta name=generator content="Hugo 0.105.0"><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>TailBliss is Hugo Starter | TailBliss</title><meta name=description content="TailBliss is Hugo Starter"><meta property="og:title" content="TailBliss | TailBliss"><meta name=twitter:title content="TailBliss | TailBliss"><meta itemprop=name content="TailBliss | TailBliss"><meta name=application-name content="TailBliss | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="TailBliss is Hugo Starter"><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><main><div class="bg-gray-200 dark:bg-gray-900"><div class="max-w-screen-xl px-4 py-8 mx-auto"><div class="grid items-center gap-8 mb-8 sm:mb-0 lg:gap-12 lg:grid-cols-12"><div class="col-span-6 px-4 text-center sm:mb-6 lg:text-left lg:mb-0"><h1 class="mb-2 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl xl:text-6xl dark:text-white">TailBliss</h1><h2 class="pb-2 text-3xl font-light text-gray-800 dark:text-gray-300 md:text-4xl">Super Fast, and Flexible</h2><a href=https://github.com/nusserstudios/tailbliss class="inline-flex py-4 mx-auto space-x-4 sm:text-center"><span class="rounded bg-gray-50 px-2.5 py-1 text-sm font-bold text-gray-900">What's new</span>
+<span class="inline-flex items-center space-x-1 text-sm font-medium text-gray-800 dark:text-white"><span>Just shipped version 0.1.0</span><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentcolor" aria-hidden="true"><path fill-rule="evenodd" d="M7.21 14.77a.75.75.0 01.02-1.06L11.168 10 7.23 6.29a.75.75.0 111.04-1.08l4.5 4.25a.75.75.0 010 1.08l-4.5 4.25a.75.75.0 01-1.06-.02z" clip-rule="evenodd"/></svg></span></a><p class="max-w-xl mx-auto mb-6 font-normal text-gray-900 lg:mx-0 xl:mb-2 md:text-lg xl:text-xl dark:text-gray-50">A Hugo theme built with love, using TailwindCSS 3, Apline.JS, and Hugo
+Pipes. Images are optimized for use with Hugo Pipes for WebP format.</p></div><div class=col-span-6><img srcset="https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hufd548659203cff68f253872614e51f33_333717_400x400_fill_q90_h2_box_smart1_3.webp 400w, https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hufd548659203cff68f253872614e51f33_333717_576x576_fill_q90_h2_box_smart1_3.webp 576w" src=https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo.png width=100% height alt="TailBliss Hero" class="w-full max-w-xl mx-auto rounded-lg"></div></div></div></div><div class="relative my-4"><div class="lg:mx-auto lg:grid lg:max-w-7xl lg:grid-cols-2 lg:items-start lg:gap-24 lg:px-8"><div class="relative sm:py-8 lg:py-0"><div aria-hidden=true class="hidden sm:block lg:absolute lg:inset-y-0 lg:right-0 lg:w-screen"><div class="absolute inset-y-0 w-full bg-gray-50 dark:bg-gray-900/10 right-1/2 rounded-r-3xl lg:right-72"></div><svg class="absolute -ml-3 top-8 left-1/2 lg:-right-8 lg:left-auto lg:top-12" width="404" height="392" fill="none" viewBox="0 0 404 392" loading="lazy"><defs><pattern id="02f20b47-fd69-4224-a62a-4c9de5c763f7" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60" fill="currentcolor"/></pattern></defs><rect width="404" height="392" fill="url(#02f20b47-fd69-4224-a62a-4c9de5c763f7)"/></svg></div><div class="relative max-w-md px-4 py-6 mx-auto sm:max-w-3xl sm:px-6 lg:max-w-none lg:px-0 lg:py-20"><div class="relative pt-64 pb-10 overflow-hidden shadow-xl rounded-2xl"><img imgh src=https://tailbliss.netlify.app/images/pages/our-mission_hu9e41904be62b5e78e796dc304a702e2b_1640902_1440x1440_resize_q50_h2_box_3.webp width=1440 height=1440 class="absolute inset-0 object-cover w-full h-full" alt="TailBliss - Our Mission" loading=lazy>
+><div class="absolute inset-0 bg-indigo-300 mix-blend-multiply"></div><div class="absolute inset-0 bg-gradient-to-t from-indigo-600 opacity-80"></div><div class="relative px-8"><div><img class=h-12 src=images/tailbliss-white.svg alt=Workcation></div><blockquote class=mt-8><div class="relative text-lg font-medium text-white md:flex-grow"><svg class="absolute top-0 left-0 w-8 h-8 transform -translate-x-3 -translate-y-2 text-indigo-400/30" fill="currentcolor" viewBox="0 0 32 32" aria-hidden="true"><path d="M9.352 4C4.456 7.456 1 13.12 1 19.36c0 5.088 3.072 8.064 6.624 8.064 3.36.0 5.856-2.688 5.856-5.856.0-3.168-2.208-5.472-5.088-5.472-.576.0-1.344.096-1.536.192.48-3.264 3.552-7.104 6.624-9.024L9.352 4zm16.512.0c-4.8 3.456-8.256 9.12-8.256 15.36.0 5.088 3.072 8.064 6.624 8.064 3.264.0 5.856-2.688 5.856-5.856.0-3.168-2.304-5.472-5.184-5.472-.576.0-1.248.096-1.44.192.48-3.264 3.456-7.104 6.528-9.024L25.864 4z"/></svg><p class=relative>Tincidunt integer commodo, cursus etiam
+aliquam neque, et. Consectetur pretium in volutpat, diam.
+Montes, magna cursus nulla feugiat dignissim id lobortis
+amet.</p></div><footer class=mt-4><p class="text-base font-semibold text-gray-200">John Doe, CEO at TailBliss</p></footer></blockquote></div></div></div></div><div class="relative max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:px-0"><div class="md:pt-12 sm:pt-6 lg:pt-20"><h2 class="text-3xl font-bold tracking-tight text-gray-900 capitalize dark:text-gray-50 sm:text-4xl">Our mission</h2><div class="mt-6 space-y-6 text-gray-900 dark:text-gray-300"><p class=text-lg>Sagittis scelerisque nulla cursus in enim consectetur
+quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit
+amet, sed aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi
+vel porttitor vitae ut. Amet vitae fames senectus vitae.</p><p class="text-base leading-7">Sollicitudin tristique eros erat odio sed
+vitae, consequat turpis elementum. Lorem nibh vel, eget pretium arcu
+vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.
+Sollicitudin tristique eroserat odio sed vitae, consequat turpis elementum. Lorem nibh vel,
+eget pretium arcu vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.</p><p class="text-base leading-7">Rhoncus nisl, libero egestas diam fermentum
+dui. At quis tincidunt vel ultricies. Vulputate aliquet velit faucibus semper.
+Pellentesque in venenatis vestibulum consectetur nibh id. In id ut tempus egestas. Enim sit
+aliquam nec, a. Morbi enim fermentum lacus in. Viverra.</p></div></div></div></div></div><div class="overflow-hidden sm:pt-6 lg:relative"><div class="max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:grid lg:max-w-7xl lg:grid-cols-2 lg:gap-12 lg:px-8"><div><div class=md:mt-8><div class="mt-6 sm:max-w-xl"><h1 class="text-4xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-5xl">Just in time for Hacktoberfest with JIT Tailwind.</h1><p class="pb-12 mt-6 text-lg text-gray-900 dark:text-white">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur at purus non enim commodo
+tincidunt vel in nulla. Aenean pretium dolor non ultricies bibendum. Etiam quis blandit
+enim. Nunc condimentum ut lorem in faucibus. Phasellus varius ligula et commodo tristique.
+Nunc sodales nisl nec
+laoreet vehicula. Donec velit nibh, sollicitudin at nulla a, egestas dignissim eros. Sed
+lacinia hendrerit interdum.
+Vestibulum pellentesque sem venenatis nisl tempor accumsan sit amet tempus felis. Mauris leo
+diam, porttitor nec
+bibendum id, tempus ac nulla. Etiam congue ornare erat at convallis. Donec in nisi dapibus,
+mattis risus vel, imperdiet enim. Donec
+fermentum sit amet tortor nec tincidunt. Nam nec lectus tortor. Nunc sit amet laoreet orci,
+porta ornare massa. Phasellus
+eget lorem mi. Nam eleifend ultricies sapien, quis mollis leo bibendum at. Quisque viverra
+lorem sit amet magna aliquet, et dignissim arcu eleifend.</p></div></div></div></div><div class="sm:mx-auto sm:max-w-3xl sm:px-6"><div class="md:py-12 sm:relative sm:mt-12 lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2"><div class="hidden sm:block"><div class="absolute inset-y-0 w-screen left-1/2 rounded-l-3xl bg-gray-50 dark:bg-gray-900/10 lg:left-80 lg:right-0 lg:w-full"></div><svg class="absolute -mr-3 top-8 right-1/2 lg:left-0 lg:m-0" width="404" height="392" fill="none" viewBox="0 0 404 392" loading="lazy"><defs><pattern id="837c3e70-6c3a-44e6-8854-cc48c737b659" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60" fill="currentcolor"/></pattern></defs><rect width="404" height="392" fill="url(#837c3e70-6c3a-44e6-8854-cc48c737b659)"/></svg></div><div class="relative pl-4 -mr-40 sm:mx-auto sm:max-w-3xl sm:px-0 lg:h-full lg:max-w-none lg:pl-12"><img srcset="https://tailbliss.netlify.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_480x280_fit_q80_box.jpg 480w, https://tailbliss.netlify.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_768x280_fit_q80_box.jpg 768w, https://tailbliss.netlify.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_1024x280_fit_q80_box.jpg 1024w, https://tailbliss.netlify.app/images/pages/hacktoberfest_hu804b6a71d3f8234d2483b5738b17a484_2236375_1374x1000_fit_q80_box.jpg 1374w" src=https://tailbliss.netlify.app/images/pages/hacktoberfest.jpg alt="TailBliss Hacktoberfest Image" class="w-full rounded-lg shadow-xl lg:h-full lg:w-auto lg:max-w-none" loading=lazy></div></div></div></div><div class="max-w-md px-4 mx-auto md:pt-24 md:pb-16 sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><div class="lg:grid lg:grid-cols-2 lg:items-center lg:gap-24"><div class="mt-12 grid grid-cols-2 gap-0.5 md:grid-cols-3 lg:mt-0 lg:grid-cols-2"><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div><div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 48" style="enable-background:new 0 0 138 48" alt="Logo" class="max-h-12"><g><path class="text-gray-900 dark:text-white" d="M62 32.6V15.4h4.7v13.5h7v3.8H62z" fill="currentcolor"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M89.8 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.8c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C89.5 20.5 89.8 22.1 89.8 24zM85 24c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6C78 22.1 77.9 23 77.9 24s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C84.9 25.9 85 25 85 24z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M102 21.1c-.1-.3-.2-.6-.3-.8-.2-.2-.4-.4-.6-.6-.2-.2-.5-.3-.8-.4s-.6-.1-1-.1c-.8.0-1.5.2-2 .6-.6.4-1 .9-1.3 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.3 1.2 1.6.5.4 1.2.6 2 .6.7.0 1.3-.1 1.8-.3s.8-.5 1.1-.9c.2-.4.4-.8.4-1.3l.8.1h-3.9V23h7.6v2.4c0 1.6-.3 2.9-1 4s-1.6 2-2.7 2.6c-1.2.6-2.5.9-4 .9-1.7.0-3.1-.4-4.4-1.1-1.3-.7-2.3-1.7-3-3s-1.1-2.9-1.1-4.7c0-1.4.2-2.7.7-3.8.4-1.1 1-2 1.8-2.8s1.7-1.3 2.7-1.7c1-.4 2.1-.6 3.3-.6 1 0 2 .1 2.8.4s1.7.7 2.3 1.2c.7.5 1.2 1.2 1.6 1.9.4.7.7 1.5.8 2.4H102z"/><path class="text-gray-900 dark:text-white" fill="currentcolor" d="M124.6 24c0 1.9-.4 3.5-1.1 4.8-.7 1.3-1.8 2.3-3 3-1.3.7-2.7 1-4.2 1-1.6.0-3-.3-4.2-1-1.3-.7-2.3-1.7-3-3S108 25.9 108 24c0-1.9.4-3.5 1.1-4.8.7-1.3 1.7-2.3 3-3s2.7-1 4.2-1c1.6.0 3 .3 4.2 1 1.3.7 2.3 1.7 3 3C124.2 20.5 124.6 22.1 124.6 24zm-4.8.0c0-1-.1-1.9-.4-2.6-.3-.7-.7-1.2-1.2-1.6-.5-.4-1.2-.6-2-.6s-1.4.2-2 .6c-.5.4-.9.9-1.2 1.6-.3.7-.4 1.6-.4 2.6s.1 1.9.4 2.6c.3.7.7 1.2 1.2 1.6.5.4 1.2.6 2 .6s1.4-.2 2-.6c.5-.4.9-.9 1.2-1.6C119.7 25.9 119.8 25 119.8 24z"/></g><g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7"/></g><g><polygon class="text-gray-900 dark:text-white" fill="currentcolor" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9"/></g></g></svg></div></div><div><h2 class="pt-6 text-3xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-4xl">Backed by world-renowned investors</h2><p class="max-w-3xl mt-6 text-lg leading-7 text-gray-900 dark:text-white">Sagittis scelerisque nulla
+cursus in enim
+consectetur quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit amet, sed
+aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi vel porttitor vitae ut. Amet vitae
+fames senectus vitae.</p><div class=my-6><a href=# class="text-base font-medium text-indigo-500">Meet our investors and advisors&nbsp&rarr;</a></div></div></div></div><div class="relative px-1 pt-8 pb-4 bg-transparent lg:px-8 lg:pt-12 lg:mb-4 md:mt-12"><div class="absolute inset-0"><div class="bg-gray-900 dark:bg-gray-900/50 h-1/3 sm:h-2/3"></div></div><div class="relative px-2 mx-auto max-w-7xl"><div class=text-center><h2 class="text-3xl font-black tracking-tight text-indigo-500 capitalize dark:text-indigo-300 sm:text-4xl">From the blog</h2><p class="max-w-2xl mx-auto mt-3 text-xl text-gray-900 dark:text-gray-100 sm:mt-4">Lorem ipsum dolor
+sit amet consectetur,
+adipisicing elit. Ipsa libero labore natus atque, ducimus sed.</p></div><div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50 md:px-1.5"><div class="px-4 text-gray-900 dark:text-white not-prose dark:text-zinc-200"><div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3"><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/contact/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Contact</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300"></p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span></div><div class="flex items-center mt-6"><div class=flex-shrink-0><span class=sr-only></span></div><div class="pt-1 ml-3"><p class="text-sm font-medium text-gray-900 dark:text-gray-300"></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2021-12-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>0
+min read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height loading=lazy><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/news-post-3/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">News Post 3</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/news/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></div><div class="pt-1 ml-3"><p class="text-sm font-medium text-gray-900 dark:text-gray-300">TailBliss</p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2021-12-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2
+min read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_500x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height loading=lazy><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/prose/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Prose</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300"></p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span></div><div class="flex items-center mt-6"><div class=flex-shrink-0><span class=sr-only></span></div><div class="pt-1 ml-3"><p class="text-sm font-medium text-gray-900 dark:text-gray-300"></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2021-12-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>6
+min read</span></div></div></div></div></div></div></div></div></div></div><div class="relative pb-16 mt-6"><div aria-hidden=true class="hidden sm:block"><div class="absolute inset-y-0 left-0 w-1/2 rounded-r-3xl bg-gray-50 dark:bg-gray-900/10"></div><svg class="absolute -ml-3 top-8 left-1/2" width="404" height="392" fill="none" viewBox="0 0 404 392"><defs><pattern id="8228f071-bcee-4ec8-905a-2a059a2cc4fb" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60" fill="currentcolor"/></pattern></defs><rect width="404" height="392" fill="url(#8228f071-bcee-4ec8-905a-2a059a2cc4fb)"/></svg></div><div class="max-w-md mx-auto px-7 sm:max-w-3xl lg:max-w-7xl"><div class="relative px-6 py-10 overflow-hidden bg-indigo-500 shadow-xl rounded-2xl sm:px-12 sm:py-20"><div aria-hidden=true class="absolute inset-0 -mt-72 sm:-mt-32 md:mt-0"><svg class="absolute inset-0 w-full h-full" preserveAspectRatio="xMidYMid slice" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1463 360" loading="lazy"><path class="text-indigo-600 text-opacity-40" fill="currentcolor" d="M-82.673 72l1761.849 472.086-134.327 501.315-1761.85-472.086z"/><path class="text-indigo-600 text-opacity-40" fill="currentcolor" d="M-217.088 544.086 1544.761 72l134.327 501.316-1761.849 472.086z"/></svg></div><div class=relative><div class=sm:text-center><h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">Stay Up to Date</h2><p class="max-w-2xl mx-auto mt-6 text-lg text-indigo-100">Sagittis
+scelerisque nulla cursus in enim consectetur quam. Dictum urna sed
+consectetur neque tristique pellentesque.</p></div><form action=# class="mt-12 sm:mx-auto sm:flex sm:max-w-lg"><div class="flex-1 min-w-0"><label for=cta-email class=sr-only>Email address</label>
+<input id=cta-email type=email class="block w-full px-5 py-3 text-base text-gray-900 placeholder-gray-500 border border-transparent rounded-md shadow-sm focus:border-transparent focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-indigo-500" placeholder="Enter your email"></div><div class="mt-4 sm:mt-0 sm:ml-3"><button type=submit class="block w-full px-5 py-3 text-base font-medium text-white bg-gray-900 border border-transparent rounded-md shadow hover:bg-black focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-indigo-500 sm:px-10">Notify
+me</button></div></form></div></div></div></div></main><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/posts/blog-post-1/index.html b/public/posts/blog-post-1/index.html
index efceaa6..75b8e0c 100644
--- a/public/posts/blog-post-1/index.html
+++ b/public/posts/blog-post-1/index.html
@@ -1,538 +1,35 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> Blog Post 1 | TailBliss 
-</title>
-<meta name="description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus." />
-<meta property="og:title" content="Blog Post 1 | TailBliss" />
-<meta name="twitter:title" content="Blog Post 1 | TailBliss" />
-<meta itemprop="name" content="Blog Post 1 | TailBliss" />
-<meta name="application-name" content="Blog Post 1 | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus." />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/posts/blog-post-1/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<article>
-  <header class="mb-4 bg-indigo-600">
-    <span class="py-96">
-      <h1 class="py-16 text-5xl font-black text-center text-white capitalize">
-        Blog Post 1
-      </h1>
-    </span>
-  </header>
-  <div class="max-w-4xl mx-auto mt-8 mb-2">
-    <div class="px-6">
-      
-      
-      
-      
-      
-      
-      <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp" srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w"
-           class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40"
-           width="100%" alt="" />
-      
-      
-    </div>
-  </div>
-  
-  <div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white">
-    <p><strong>Advertisement 😄</strong></p>
-<ul>
-<li><strong><a href="https://nodeca.github.io/pica/demo/">pica</a></strong> - high quality and fast image
-resize in browser.</li>
-<li><strong><a href="https://github.com/nodeca/babelfish/">babelfish</a></strong> - developer friendly
-i18n with plurals support and easy syntax.</li>
-</ul>
-<p>You will like those projects!</p>
-<hr>
-<h1 id="h1-heading-">h1 Heading 😊</h1>
-<h2 id="h2-heading">h2 Heading</h2>
-<h3 id="h3-heading">h3 Heading</h3>
-<h4 id="h4-heading">h4 Heading</h4>
-<h5 id="h5-heading">h5 Heading</h5>
-<h6 id="h6-heading">h6 Heading</h6>
-<h2 id="horizontal-rules">Horizontal Rules</h2>
-<hr>
-<hr>
-<hr>
-<h2 id="typographic-replacements">Typographic replacements</h2>
-<p>Enable typographer option to see result.</p>
-<p>(c) (C) (r) (R) (tm) (TM) (p) (P) +-</p>
-<p>test.. test&hellip; test&hellip;.. test?&hellip;.. test!&hellip;.</p>
-<p>!!!!!! ???? ,,  &ndash; &mdash;</p>
-<p>&ldquo;Smartypants, double quotes&rdquo; and &lsquo;single quotes&rsquo;</p>
-<h2 id="emphasis">Emphasis</h2>
-<p><strong>This is bold text</strong></p>
-<p><strong>This is bold text</strong></p>
-<p><em>This is italic text</em></p>
-<p><em>This is italic text</em></p>
-<p><del>Strikethrough</del></p>
-<h2 id="blockquotes">Blockquotes</h2>
-<blockquote>
-<p>Blockquotes can also be nested&hellip;</p>
-<blockquote>
-<p>&hellip;by using additional greater-than signs right next to each other&hellip;</p>
-<blockquote>
-<p>&hellip;or with spaces between arrows.</p>
-</blockquote>
-</blockquote>
-</blockquote>
-<h2 id="lists">Lists</h2>
-<p>Unordered</p>
-<ul>
-<li>Create a list by starting a line with <code>+</code>, <code>-</code>, or <code>*</code></li>
-<li>Sub-lists are made by indenting 2 spaces:
-<ul>
-<li>Marker character change forces new list start:
-<ul>
-<li>Ac tristique libero volutpat at</li>
-</ul>
-<ul>
-<li>Facilisis in pretium nisl aliquet</li>
-</ul>
-<ul>
-<li>Nulla volutpat aliquam velit</li>
-</ul>
-</li>
-</ul>
-</li>
-<li>Very easy!</li>
-</ul>
-<p>Ordered</p>
-<ol>
-<li>
-<p>Lorem ipsum dolor sit amet</p>
-</li>
-<li>
-<p>Consectetur adipiscing elit</p>
-</li>
-<li>
-<p>Integer molestie lorem at massa</p>
-</li>
-<li>
-<p>You can use sequential numbers&hellip;</p>
-</li>
-<li>
-<p>&hellip;or keep all the numbers as <code>1.</code></p>
-</li>
-</ol>
-<p>Start numbering with offset:</p>
-<ol start="57">
-<li>foo</li>
-<li>bar</li>
-</ol>
-<h2 id="code">Code</h2>
-<p>Inline <code>code</code></p>
-<p>Indented code</p>
-<pre><code>// Some comments
+<!doctype html><html lang=en><head><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>Blog Post 1 | TailBliss</title><meta name=description content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus."><meta property="og:title" content="Blog Post 1 | TailBliss"><meta name=twitter:title content="Blog Post 1 | TailBliss"><meta itemprop=name content="Blog Post 1 | TailBliss"><meta name=application-name content="Blog Post 1 | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus."><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/posts/blog-post-1/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><article><header class="mb-4 bg-indigo-600"><span class=py-96><h1 class="py-16 text-5xl font-black text-center text-white capitalize">Blog Post 1</h1></span></header><div class="max-w-4xl mx-auto mt-8 mb-2"><div class=px-6><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w" class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40" width=100% alt></div></div><div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white"><p><strong>Advertisement 😄</strong></p><ul><li><strong><a href=https://nodeca.github.io/pica/demo/>pica</a></strong> - high quality and fast image
+resize in browser.</li><li><strong><a href=https://github.com/nodeca/babelfish/>babelfish</a></strong> - developer friendly
+i18n with plurals support and easy syntax.</li></ul><p>You will like those projects!</p><hr><h1 id=h1-heading->h1 Heading 😊</h1><h2 id=h2-heading>h2 Heading</h2><h3 id=h3-heading>h3 Heading</h3><h4 id=h4-heading>h4 Heading</h4><h5 id=h5-heading>h5 Heading</h5><h6 id=h6-heading>h6 Heading</h6><h2 id=horizontal-rules>Horizontal Rules</h2><hr><hr><hr><h2 id=typographic-replacements>Typographic replacements</h2><p>Enable typographer option to see result.</p><p>(c) (C) (r) (R) (tm) (TM) (p) (P) +-</p><p>test.. test&mldr; test&mldr;.. test?&mldr;.. test!&mldr;.</p><p>!!!!!! ???? ,, &ndash; &mdash;</p><p>&ldquo;Smartypants, double quotes&rdquo; and &lsquo;single quotes&rsquo;</p><h2 id=emphasis>Emphasis</h2><p><strong>This is bold text</strong></p><p><strong>This is bold text</strong></p><p><em>This is italic text</em></p><p><em>This is italic text</em></p><p><del>Strikethrough</del></p><h2 id=blockquotes>Blockquotes</h2><blockquote><p>Blockquotes can also be nested&mldr;</p><blockquote><p>&mldr;by using additional greater-than signs right next to each other&mldr;</p><blockquote><p>&mldr;or with spaces between arrows.</p></blockquote></blockquote></blockquote><h2 id=lists>Lists</h2><p>Unordered</p><ul><li>Create a list by starting a line with <code>+</code>, <code>-</code>, or <code>*</code></li><li>Sub-lists are made by indenting 2 spaces:<ul><li>Marker character change forces new list start:<ul><li>Ac tristique libero volutpat at</li></ul><ul><li>Facilisis in pretium nisl aliquet</li></ul><ul><li>Nulla volutpat aliquam velit</li></ul></li></ul></li><li>Very easy!</li></ul><p>Ordered</p><ol><li><p>Lorem ipsum dolor sit amet</p></li><li><p>Consectetur adipiscing elit</p></li><li><p>Integer molestie lorem at massa</p></li><li><p>You can use sequential numbers&mldr;</p></li><li><p>&mldr;or keep all the numbers as <code>1.</code></p></li></ol><p>Start numbering with offset:</p><ol start=57><li>foo</li><li>bar</li></ol><h2 id=code>Code</h2><p>Inline <code>code</code></p><p>Indented code</p><pre><code>// Some comments
 line 1 of code
 line 2 of code
 line 3 of code
-</code></pre>
-<p>Block code &ldquo;fences&rdquo;</p>
-<pre tabindex="0"><code>Sample text here...
-</code></pre><p>Syntax highlighting</p>
-<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-js" data-lang="js"><span style="display:flex;"><span><span style="color:#66d9ef">var</span> <span style="color:#a6e22e">foo</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">function</span> (<span style="color:#a6e22e">bar</span>) {
-</span></span><span style="display:flex;"><span>  <span style="color:#66d9ef">return</span> <span style="color:#a6e22e">bar</span><span style="color:#f92672">++</span>;
-</span></span><span style="display:flex;"><span>};
-</span></span><span style="display:flex;"><span>
-</span></span><span style="display:flex;"><span><span style="color:#a6e22e">console</span>.<span style="color:#a6e22e">log</span>(<span style="color:#a6e22e">foo</span>(<span style="color:#ae81ff">5</span>));
-</span></span></code></pre></div><h2 id="tables">Tables</h2>
-<table>
-<thead>
-<tr>
-<th>Option</th>
-<th>Description</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>data</td>
-<td>path to data files to supply the data that will be passed into templates.</td>
-</tr>
-<tr>
-<td>engine</td>
-<td>engine to be used for processing templates. Handlebars is the default.</td>
-</tr>
-<tr>
-<td>ext</td>
-<td>extension to be used for dest files.</td>
-</tr>
-</tbody>
-</table>
-<p>Right aligned columns</p>
-<table>
-<thead>
-<tr>
-<th style="text-align:right">Option</th>
-<th style="text-align:right">Description</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td style="text-align:right">data</td>
-<td style="text-align:right">path to data files to supply the data that will be passed into templates.</td>
-</tr>
-<tr>
-<td style="text-align:right">engine</td>
-<td style="text-align:right">engine to be used for processing templates. Handlebars is the default.</td>
-</tr>
-<tr>
-<td style="text-align:right">ext</td>
-<td style="text-align:right">extension to be used for dest files.</td>
-</tr>
-</tbody>
-</table>
-<h2 id="links">Links</h2>
-<p><a href="http://dev.nodeca.com">link text</a></p>
-<p><a href="http://nodeca.github.io/pica/demo/" title="title text!">link with title</a></p>
-<p>Autoconverted link <a href="https://github.com/nodeca/pica">https://github.com/nodeca/pica</a> (enable linkify to see)</p>
-<h2 id="images">Images</h2>
-<p><img src="https://octodex.github.com/images/minion.png" alt="Minion">
-<img src="https://octodex.github.com/images/stormtroopocat.jpg" alt="Stormtroopocat" title="The Stormtroopocat"></p>
-<p>Like links, Images also have a footnote style syntax</p>
-<p><img src="https://octodex.github.com/images/dojocat.jpg" alt="Alt text" title="The Dojocat"></p>
-<p>With a reference later in the document defining the URL location:</p>
-<h2 id="plugins">Plugins</h2>
-<p>The killer feature of <code>markdown-it</code> is very effective support of
-<a href="https://www.npmjs.org/browse/keyword/markdown-it-plugin">syntax plugins</a>.</p>
-<h3 id="emojieshttpsgithubcommarkdown-itmarkdown-it-emoji"><a href="https://github.com/markdown-it/markdown-it-emoji">Emojies</a></h3>
-<blockquote>
-<p>Classic markup: 😉 :crush: 😢 :tear: 😆 😋</p>
-<p>Shortcuts (emoticons): :-) :-( 8-) ;)</p>
-</blockquote>
-<p>see <a href="https://github.com/markdown-it/markdown-it-emoji#change-output">how to change output</a> with twemoji.</p>
-<h3 id="subscripthttpsgithubcommarkdown-itmarkdown-it-sub--superscripthttpsgithubcommarkdown-itmarkdown-it-sup"><a href="https://github.com/markdown-it/markdown-it-sub">Subscript</a> / <a href="https://github.com/markdown-it/markdown-it-sup">Superscript</a></h3>
-<ul>
-<li>19^th^</li>
-<li>H~2~O</li>
-</ul>
-<h3 id="inshttpsgithubcommarkdown-itmarkdown-it-ins"><a href="https://github.com/markdown-it/markdown-it-ins">&lt;ins&gt;</a></h3>
-<p>++Inserted text++</p>
-<h3 id="markhttpsgithubcommarkdown-itmarkdown-it-mark"><a href="https://github.com/markdown-it/markdown-it-mark">&lt;mark&gt;</a></h3>
-<p>==Marked text==</p>
-<h3 id="footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote"><a href="https://github.com/markdown-it/markdown-it-footnote">Footnotes</a></h3>
-<p>Footnote 1 link<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>.</p>
-<p>Footnote 2 link<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
-<p>Inline footnote^[Text of inline footnote] definition.</p>
-<p>Duplicated footnote reference<sup id="fnref1:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
-<h3 id="definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist"><a href="https://github.com/markdown-it/markdown-it-deflist">Definition lists</a></h3>
-<dl>
-<dt>Term 1</dt>
-<dd>
-<p>Definition 1
-with lazy continuation.</p>
-</dd>
-<dt>Term 2 with <em>inline markup</em></dt>
-<dd>
-<p>Definition 2</p>
-<pre><code>{ some code, part of Definition 2 }
-</code></pre>
-<p>Third paragraph of definition 2.</p>
-</dd>
-</dl>
-<p><em>Compact style:</em></p>
-<p>Term 1
-~ Definition 1</p>
-<p>Term 2
+</code></pre><p>Block code &ldquo;fences&rdquo;</p><pre tabindex=0><code>Sample text here...
+</code></pre><p>Syntax highlighting</p><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-js data-lang=js><span style=display:flex><span><span style=color:#66d9ef>var</span> <span style=color:#a6e22e>foo</span> <span style=color:#f92672>=</span> <span style=color:#66d9ef>function</span> (<span style=color:#a6e22e>bar</span>) {
+</span></span><span style=display:flex><span>  <span style=color:#66d9ef>return</span> <span style=color:#a6e22e>bar</span><span style=color:#f92672>++</span>;
+</span></span><span style=display:flex><span>};
+</span></span><span style=display:flex><span>
+</span></span><span style=display:flex><span><span style=color:#a6e22e>console</span>.<span style=color:#a6e22e>log</span>(<span style=color:#a6e22e>foo</span>(<span style=color:#ae81ff>5</span>));
+</span></span></code></pre></div><h2 id=tables>Tables</h2><table><thead><tr><th>Option</th><th>Description</th></tr></thead><tbody><tr><td>data</td><td>path to data files to supply the data that will be passed into templates.</td></tr><tr><td>engine</td><td>engine to be used for processing templates. Handlebars is the default.</td></tr><tr><td>ext</td><td>extension to be used for dest files.</td></tr></tbody></table><p>Right aligned columns</p><table><thead><tr><th style=text-align:right>Option</th><th style=text-align:right>Description</th></tr></thead><tbody><tr><td style=text-align:right>data</td><td style=text-align:right>path to data files to supply the data that will be passed into templates.</td></tr><tr><td style=text-align:right>engine</td><td style=text-align:right>engine to be used for processing templates. Handlebars is the default.</td></tr><tr><td style=text-align:right>ext</td><td style=text-align:right>extension to be used for dest files.</td></tr></tbody></table><h2 id=links>Links</h2><p><a href=http://dev.nodeca.com>link text</a></p><p><a href=http://nodeca.github.io/pica/demo/ title="title text!">link with title</a></p><p>Autoconverted link <a href=https://github.com/nodeca/pica>https://github.com/nodeca/pica</a> (enable linkify to see)</p><h2 id=images>Images</h2><p><img src=https://octodex.github.com/images/minion.png alt=Minion>
+<img src=https://octodex.github.com/images/stormtroopocat.jpg alt=Stormtroopocat title="The Stormtroopocat"></p><p>Like links, Images also have a footnote style syntax</p><p><img src=https://octodex.github.com/images/dojocat.jpg alt="Alt text" title="The Dojocat"></p><p>With a reference later in the document defining the URL location:</p><h2 id=plugins>Plugins</h2><p>The killer feature of <code>markdown-it</code> is very effective support of
+<a href=https://www.npmjs.org/browse/keyword/markdown-it-plugin>syntax plugins</a>.</p><h3 id=emojieshttpsgithubcommarkdown-itmarkdown-it-emoji><a href=https://github.com/markdown-it/markdown-it-emoji>Emojies</a></h3><blockquote><p>Classic markup: 😉 :crush: 😢 :tear: 😆 😋</p><p>Shortcuts (emoticons): :-) :-( 8-) ;)</p></blockquote><p>see <a href=https://github.com/markdown-it/markdown-it-emoji#change-output>how to change output</a> with twemoji.</p><h3 id=subscripthttpsgithubcommarkdown-itmarkdown-it-sub--superscripthttpsgithubcommarkdown-itmarkdown-it-sup><a href=https://github.com/markdown-it/markdown-it-sub>Subscript</a> / <a href=https://github.com/markdown-it/markdown-it-sup>Superscript</a></h3><ul><li>19^th^</li><li>H~2~O</li></ul><h3 id=inshttpsgithubcommarkdown-itmarkdown-it-ins><a href=https://github.com/markdown-it/markdown-it-ins>&lt;ins></a></h3><p>++Inserted text++</p><h3 id=markhttpsgithubcommarkdown-itmarkdown-it-mark><a href=https://github.com/markdown-it/markdown-it-mark>&lt;mark></a></h3><p>==Marked text==</p><h3 id=footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote><a href=https://github.com/markdown-it/markdown-it-footnote>Footnotes</a></h3><p>Footnote 1 link<sup id=fnref:1><a href=#fn:1 class=footnote-ref role=doc-noteref>1</a></sup>.</p><p>Footnote 2 link<sup id=fnref:2><a href=#fn:2 class=footnote-ref role=doc-noteref>2</a></sup>.</p><p>Inline footnote^[Text of inline footnote] definition.</p><p>Duplicated footnote reference<sup id=fnref1:2><a href=#fn:2 class=footnote-ref role=doc-noteref>2</a></sup>.</p><h3 id=definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist><a href=https://github.com/markdown-it/markdown-it-deflist>Definition lists</a></h3><dl><dt>Term 1</dt><dd><p>Definition 1
+with lazy continuation.</p></dd><dt>Term 2 with <em>inline markup</em></dt><dd><p>Definition 2</p><pre><code>{ some code, part of Definition 2 }
+</code></pre><p>Third paragraph of definition 2.</p></dd></dl><p><em>Compact style:</em></p><p>Term 1
+~ Definition 1</p><p>Term 2
 ~ Definition 2a
-~ Definition 2b</p>
-<h3 id="abbreviationshttpsgithubcommarkdown-itmarkdown-it-abbr"><a href="https://github.com/markdown-it/markdown-it-abbr">Abbreviations</a></h3>
-<p>This is HTML abbreviation example.</p>
-<p>It converts &ldquo;HTML&rdquo;, but keep intact partial entries like &ldquo;xxxHTMLyyy&rdquo; and so on.</p>
-<p>*[HTML]: Hyper Text Markup Language</p>
-<h3 id="custom-containershttpsgithubcommarkdown-itmarkdown-it-container"><a href="https://github.com/markdown-it/markdown-it-container">Custom containers</a></h3>
-<p>::: warning
+~ Definition 2b</p><h3 id=abbreviationshttpsgithubcommarkdown-itmarkdown-it-abbr><a href=https://github.com/markdown-it/markdown-it-abbr>Abbreviations</a></h3><p>This is HTML abbreviation example.</p><p>It converts &ldquo;HTML&rdquo;, but keep intact partial entries like &ldquo;xxxHTMLyyy&rdquo; and so on.</p><p>*[HTML]: Hyper Text Markup Language</p><h3 id=custom-containershttpsgithubcommarkdown-itmarkdown-it-container><a href=https://github.com/markdown-it/markdown-it-container>Custom containers</a></h3><p>::: warning
 <em>here be dragons</em>
-:::</p>
-<div class="footnotes" role="doc-endnotes">
-<hr>
-<ol>
-<li id="fn:1">
-<p>Footnote <strong>can have markup</strong></p>
-<p>and multiple paragraphs.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
-</li>
-<li id="fn:2">
-<p>Footnote text.&#160;<a href="#fnref:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a>&#160;<a href="#fnref1:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
-</li>
-</ol>
-</div>
-
-  </div>
-</article>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+:::</p><div class=footnotes role=doc-endnotes><hr><ol><li id=fn:1><p>Footnote <strong>can have markup</strong></p><p>and multiple paragraphs.&#160;<a href=#fnref:1 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a></p></li><li id=fn:2><p>Footnote text.&#160;<a href=#fnref:2 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a>&#160;<a href=#fnref1:2 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a></p></li></ol></div></div></article><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/posts/blog-post-2/index.html b/public/posts/blog-post-2/index.html
index 8500601..83698d2 100644
--- a/public/posts/blog-post-2/index.html
+++ b/public/posts/blog-post-2/index.html
@@ -1,538 +1,35 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> Blog Post 2 | TailBliss 
-</title>
-<meta name="description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus." />
-<meta property="og:title" content="Blog Post 2 | TailBliss" />
-<meta name="twitter:title" content="Blog Post 2 | TailBliss" />
-<meta itemprop="name" content="Blog Post 2 | TailBliss" />
-<meta name="application-name" content="Blog Post 2 | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus." />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/posts/blog-post-2/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<article>
-  <header class="mb-4 bg-indigo-600">
-    <span class="py-96">
-      <h1 class="py-16 text-5xl font-black text-center text-white capitalize">
-        Blog Post 2
-      </h1>
-    </span>
-  </header>
-  <div class="max-w-4xl mx-auto mt-8 mb-2">
-    <div class="px-6">
-      
-      
-      
-      
-      
-      
-      <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp" srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w"
-           class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40"
-           width="100%" alt="" />
-      
-      
-    </div>
-  </div>
-  
-  <div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white">
-    <p><strong>Advertisement 😄</strong></p>
-<ul>
-<li><strong><a href="https://nodeca.github.io/pica/demo/">pica</a></strong> - high quality and fast image
-resize in browser.</li>
-<li><strong><a href="https://github.com/nodeca/babelfish/">babelfish</a></strong> - developer friendly
-i18n with plurals support and easy syntax.</li>
-</ul>
-<p>You will like those projects!</p>
-<hr>
-<h1 id="h1-heading-">h1 Heading 😊</h1>
-<h2 id="h2-heading">h2 Heading</h2>
-<h3 id="h3-heading">h3 Heading</h3>
-<h4 id="h4-heading">h4 Heading</h4>
-<h5 id="h5-heading">h5 Heading</h5>
-<h6 id="h6-heading">h6 Heading</h6>
-<h2 id="horizontal-rules">Horizontal Rules</h2>
-<hr>
-<hr>
-<hr>
-<h2 id="typographic-replacements">Typographic replacements</h2>
-<p>Enable typographer option to see result.</p>
-<p>(c) (C) (r) (R) (tm) (TM) (p) (P) +-</p>
-<p>test.. test&hellip; test&hellip;.. test?&hellip;.. test!&hellip;.</p>
-<p>!!!!!! ???? ,,  &ndash; &mdash;</p>
-<p>&ldquo;Smartypants, double quotes&rdquo; and &lsquo;single quotes&rsquo;</p>
-<h2 id="emphasis">Emphasis</h2>
-<p><strong>This is bold text</strong></p>
-<p><strong>This is bold text</strong></p>
-<p><em>This is italic text</em></p>
-<p><em>This is italic text</em></p>
-<p><del>Strikethrough</del></p>
-<h2 id="blockquotes">Blockquotes</h2>
-<blockquote>
-<p>Blockquotes can also be nested&hellip;</p>
-<blockquote>
-<p>&hellip;by using additional greater-than signs right next to each other&hellip;</p>
-<blockquote>
-<p>&hellip;or with spaces between arrows.</p>
-</blockquote>
-</blockquote>
-</blockquote>
-<h2 id="lists">Lists</h2>
-<p>Unordered</p>
-<ul>
-<li>Create a list by starting a line with <code>+</code>, <code>-</code>, or <code>*</code></li>
-<li>Sub-lists are made by indenting 2 spaces:
-<ul>
-<li>Marker character change forces new list start:
-<ul>
-<li>Ac tristique libero volutpat at</li>
-</ul>
-<ul>
-<li>Facilisis in pretium nisl aliquet</li>
-</ul>
-<ul>
-<li>Nulla volutpat aliquam velit</li>
-</ul>
-</li>
-</ul>
-</li>
-<li>Very easy!</li>
-</ul>
-<p>Ordered</p>
-<ol>
-<li>
-<p>Lorem ipsum dolor sit amet</p>
-</li>
-<li>
-<p>Consectetur adipiscing elit</p>
-</li>
-<li>
-<p>Integer molestie lorem at massa</p>
-</li>
-<li>
-<p>You can use sequential numbers&hellip;</p>
-</li>
-<li>
-<p>&hellip;or keep all the numbers as <code>1.</code></p>
-</li>
-</ol>
-<p>Start numbering with offset:</p>
-<ol start="57">
-<li>foo</li>
-<li>bar</li>
-</ol>
-<h2 id="code">Code</h2>
-<p>Inline <code>code</code></p>
-<p>Indented code</p>
-<pre><code>// Some comments
+<!doctype html><html lang=en><head><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>Blog Post 2 | TailBliss</title><meta name=description content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus."><meta property="og:title" content="Blog Post 2 | TailBliss"><meta name=twitter:title content="Blog Post 2 | TailBliss"><meta itemprop=name content="Blog Post 2 | TailBliss"><meta name=application-name content="Blog Post 2 | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus."><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/posts/blog-post-2/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><article><header class="mb-4 bg-indigo-600"><span class=py-96><h1 class="py-16 text-5xl font-black text-center text-white capitalize">Blog Post 2</h1></span></header><div class="max-w-4xl mx-auto mt-8 mb-2"><div class=px-6><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w" class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40" width=100% alt></div></div><div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white"><p><strong>Advertisement 😄</strong></p><ul><li><strong><a href=https://nodeca.github.io/pica/demo/>pica</a></strong> - high quality and fast image
+resize in browser.</li><li><strong><a href=https://github.com/nodeca/babelfish/>babelfish</a></strong> - developer friendly
+i18n with plurals support and easy syntax.</li></ul><p>You will like those projects!</p><hr><h1 id=h1-heading->h1 Heading 😊</h1><h2 id=h2-heading>h2 Heading</h2><h3 id=h3-heading>h3 Heading</h3><h4 id=h4-heading>h4 Heading</h4><h5 id=h5-heading>h5 Heading</h5><h6 id=h6-heading>h6 Heading</h6><h2 id=horizontal-rules>Horizontal Rules</h2><hr><hr><hr><h2 id=typographic-replacements>Typographic replacements</h2><p>Enable typographer option to see result.</p><p>(c) (C) (r) (R) (tm) (TM) (p) (P) +-</p><p>test.. test&mldr; test&mldr;.. test?&mldr;.. test!&mldr;.</p><p>!!!!!! ???? ,, &ndash; &mdash;</p><p>&ldquo;Smartypants, double quotes&rdquo; and &lsquo;single quotes&rsquo;</p><h2 id=emphasis>Emphasis</h2><p><strong>This is bold text</strong></p><p><strong>This is bold text</strong></p><p><em>This is italic text</em></p><p><em>This is italic text</em></p><p><del>Strikethrough</del></p><h2 id=blockquotes>Blockquotes</h2><blockquote><p>Blockquotes can also be nested&mldr;</p><blockquote><p>&mldr;by using additional greater-than signs right next to each other&mldr;</p><blockquote><p>&mldr;or with spaces between arrows.</p></blockquote></blockquote></blockquote><h2 id=lists>Lists</h2><p>Unordered</p><ul><li>Create a list by starting a line with <code>+</code>, <code>-</code>, or <code>*</code></li><li>Sub-lists are made by indenting 2 spaces:<ul><li>Marker character change forces new list start:<ul><li>Ac tristique libero volutpat at</li></ul><ul><li>Facilisis in pretium nisl aliquet</li></ul><ul><li>Nulla volutpat aliquam velit</li></ul></li></ul></li><li>Very easy!</li></ul><p>Ordered</p><ol><li><p>Lorem ipsum dolor sit amet</p></li><li><p>Consectetur adipiscing elit</p></li><li><p>Integer molestie lorem at massa</p></li><li><p>You can use sequential numbers&mldr;</p></li><li><p>&mldr;or keep all the numbers as <code>1.</code></p></li></ol><p>Start numbering with offset:</p><ol start=57><li>foo</li><li>bar</li></ol><h2 id=code>Code</h2><p>Inline <code>code</code></p><p>Indented code</p><pre><code>// Some comments
 line 1 of code
 line 2 of code
 line 3 of code
-</code></pre>
-<p>Block code &ldquo;fences&rdquo;</p>
-<pre tabindex="0"><code>Sample text here...
-</code></pre><p>Syntax highlighting</p>
-<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-js" data-lang="js"><span style="display:flex;"><span><span style="color:#66d9ef">var</span> <span style="color:#a6e22e">foo</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">function</span> (<span style="color:#a6e22e">bar</span>) {
-</span></span><span style="display:flex;"><span>  <span style="color:#66d9ef">return</span> <span style="color:#a6e22e">bar</span><span style="color:#f92672">++</span>;
-</span></span><span style="display:flex;"><span>};
-</span></span><span style="display:flex;"><span>
-</span></span><span style="display:flex;"><span><span style="color:#a6e22e">console</span>.<span style="color:#a6e22e">log</span>(<span style="color:#a6e22e">foo</span>(<span style="color:#ae81ff">5</span>));
-</span></span></code></pre></div><h2 id="tables">Tables</h2>
-<table>
-<thead>
-<tr>
-<th>Option</th>
-<th>Description</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>data</td>
-<td>path to data files to supply the data that will be passed into templates.</td>
-</tr>
-<tr>
-<td>engine</td>
-<td>engine to be used for processing templates. Handlebars is the default.</td>
-</tr>
-<tr>
-<td>ext</td>
-<td>extension to be used for dest files.</td>
-</tr>
-</tbody>
-</table>
-<p>Right aligned columns</p>
-<table>
-<thead>
-<tr>
-<th style="text-align:right">Option</th>
-<th style="text-align:right">Description</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td style="text-align:right">data</td>
-<td style="text-align:right">path to data files to supply the data that will be passed into templates.</td>
-</tr>
-<tr>
-<td style="text-align:right">engine</td>
-<td style="text-align:right">engine to be used for processing templates. Handlebars is the default.</td>
-</tr>
-<tr>
-<td style="text-align:right">ext</td>
-<td style="text-align:right">extension to be used for dest files.</td>
-</tr>
-</tbody>
-</table>
-<h2 id="links">Links</h2>
-<p><a href="http://dev.nodeca.com">link text</a></p>
-<p><a href="http://nodeca.github.io/pica/demo/" title="title text!">link with title</a></p>
-<p>Autoconverted link <a href="https://github.com/nodeca/pica">https://github.com/nodeca/pica</a> (enable linkify to see)</p>
-<h2 id="images">Images</h2>
-<p><img src="https://octodex.github.com/images/minion.png" alt="Minion">
-<img src="https://octodex.github.com/images/stormtroopocat.jpg" alt="Stormtroopocat" title="The Stormtroopocat"></p>
-<p>Like links, Images also have a footnote style syntax</p>
-<p><img src="https://octodex.github.com/images/dojocat.jpg" alt="Alt text" title="The Dojocat"></p>
-<p>With a reference later in the document defining the URL location:</p>
-<h2 id="plugins">Plugins</h2>
-<p>The killer feature of <code>markdown-it</code> is very effective support of
-<a href="https://www.npmjs.org/browse/keyword/markdown-it-plugin">syntax plugins</a>.</p>
-<h3 id="emojieshttpsgithubcommarkdown-itmarkdown-it-emoji"><a href="https://github.com/markdown-it/markdown-it-emoji">Emojies</a></h3>
-<blockquote>
-<p>Classic markup: 😉 :crush: 😢 :tear: 😆 😋</p>
-<p>Shortcuts (emoticons): :-) :-( 8-) ;)</p>
-</blockquote>
-<p>see <a href="https://github.com/markdown-it/markdown-it-emoji#change-output">how to change output</a> with twemoji.</p>
-<h3 id="subscripthttpsgithubcommarkdown-itmarkdown-it-sub--superscripthttpsgithubcommarkdown-itmarkdown-it-sup"><a href="https://github.com/markdown-it/markdown-it-sub">Subscript</a> / <a href="https://github.com/markdown-it/markdown-it-sup">Superscript</a></h3>
-<ul>
-<li>19^th^</li>
-<li>H~2~O</li>
-</ul>
-<h3 id="inshttpsgithubcommarkdown-itmarkdown-it-ins"><a href="https://github.com/markdown-it/markdown-it-ins">&lt;ins&gt;</a></h3>
-<p>++Inserted text++</p>
-<h3 id="markhttpsgithubcommarkdown-itmarkdown-it-mark"><a href="https://github.com/markdown-it/markdown-it-mark">&lt;mark&gt;</a></h3>
-<p>==Marked text==</p>
-<h3 id="footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote"><a href="https://github.com/markdown-it/markdown-it-footnote">Footnotes</a></h3>
-<p>Footnote 1 link<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>.</p>
-<p>Footnote 2 link<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
-<p>Inline footnote^[Text of inline footnote] definition.</p>
-<p>Duplicated footnote reference<sup id="fnref1:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
-<h3 id="definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist"><a href="https://github.com/markdown-it/markdown-it-deflist">Definition lists</a></h3>
-<dl>
-<dt>Term 1</dt>
-<dd>
-<p>Definition 1
-with lazy continuation.</p>
-</dd>
-<dt>Term 2 with <em>inline markup</em></dt>
-<dd>
-<p>Definition 2</p>
-<pre><code>{ some code, part of Definition 2 }
-</code></pre>
-<p>Third paragraph of definition 2.</p>
-</dd>
-</dl>
-<p><em>Compact style:</em></p>
-<p>Term 1
-~ Definition 1</p>
-<p>Term 2
+</code></pre><p>Block code &ldquo;fences&rdquo;</p><pre tabindex=0><code>Sample text here...
+</code></pre><p>Syntax highlighting</p><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-js data-lang=js><span style=display:flex><span><span style=color:#66d9ef>var</span> <span style=color:#a6e22e>foo</span> <span style=color:#f92672>=</span> <span style=color:#66d9ef>function</span> (<span style=color:#a6e22e>bar</span>) {
+</span></span><span style=display:flex><span>  <span style=color:#66d9ef>return</span> <span style=color:#a6e22e>bar</span><span style=color:#f92672>++</span>;
+</span></span><span style=display:flex><span>};
+</span></span><span style=display:flex><span>
+</span></span><span style=display:flex><span><span style=color:#a6e22e>console</span>.<span style=color:#a6e22e>log</span>(<span style=color:#a6e22e>foo</span>(<span style=color:#ae81ff>5</span>));
+</span></span></code></pre></div><h2 id=tables>Tables</h2><table><thead><tr><th>Option</th><th>Description</th></tr></thead><tbody><tr><td>data</td><td>path to data files to supply the data that will be passed into templates.</td></tr><tr><td>engine</td><td>engine to be used for processing templates. Handlebars is the default.</td></tr><tr><td>ext</td><td>extension to be used for dest files.</td></tr></tbody></table><p>Right aligned columns</p><table><thead><tr><th style=text-align:right>Option</th><th style=text-align:right>Description</th></tr></thead><tbody><tr><td style=text-align:right>data</td><td style=text-align:right>path to data files to supply the data that will be passed into templates.</td></tr><tr><td style=text-align:right>engine</td><td style=text-align:right>engine to be used for processing templates. Handlebars is the default.</td></tr><tr><td style=text-align:right>ext</td><td style=text-align:right>extension to be used for dest files.</td></tr></tbody></table><h2 id=links>Links</h2><p><a href=http://dev.nodeca.com>link text</a></p><p><a href=http://nodeca.github.io/pica/demo/ title="title text!">link with title</a></p><p>Autoconverted link <a href=https://github.com/nodeca/pica>https://github.com/nodeca/pica</a> (enable linkify to see)</p><h2 id=images>Images</h2><p><img src=https://octodex.github.com/images/minion.png alt=Minion>
+<img src=https://octodex.github.com/images/stormtroopocat.jpg alt=Stormtroopocat title="The Stormtroopocat"></p><p>Like links, Images also have a footnote style syntax</p><p><img src=https://octodex.github.com/images/dojocat.jpg alt="Alt text" title="The Dojocat"></p><p>With a reference later in the document defining the URL location:</p><h2 id=plugins>Plugins</h2><p>The killer feature of <code>markdown-it</code> is very effective support of
+<a href=https://www.npmjs.org/browse/keyword/markdown-it-plugin>syntax plugins</a>.</p><h3 id=emojieshttpsgithubcommarkdown-itmarkdown-it-emoji><a href=https://github.com/markdown-it/markdown-it-emoji>Emojies</a></h3><blockquote><p>Classic markup: 😉 :crush: 😢 :tear: 😆 😋</p><p>Shortcuts (emoticons): :-) :-( 8-) ;)</p></blockquote><p>see <a href=https://github.com/markdown-it/markdown-it-emoji#change-output>how to change output</a> with twemoji.</p><h3 id=subscripthttpsgithubcommarkdown-itmarkdown-it-sub--superscripthttpsgithubcommarkdown-itmarkdown-it-sup><a href=https://github.com/markdown-it/markdown-it-sub>Subscript</a> / <a href=https://github.com/markdown-it/markdown-it-sup>Superscript</a></h3><ul><li>19^th^</li><li>H~2~O</li></ul><h3 id=inshttpsgithubcommarkdown-itmarkdown-it-ins><a href=https://github.com/markdown-it/markdown-it-ins>&lt;ins></a></h3><p>++Inserted text++</p><h3 id=markhttpsgithubcommarkdown-itmarkdown-it-mark><a href=https://github.com/markdown-it/markdown-it-mark>&lt;mark></a></h3><p>==Marked text==</p><h3 id=footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote><a href=https://github.com/markdown-it/markdown-it-footnote>Footnotes</a></h3><p>Footnote 1 link<sup id=fnref:1><a href=#fn:1 class=footnote-ref role=doc-noteref>1</a></sup>.</p><p>Footnote 2 link<sup id=fnref:2><a href=#fn:2 class=footnote-ref role=doc-noteref>2</a></sup>.</p><p>Inline footnote^[Text of inline footnote] definition.</p><p>Duplicated footnote reference<sup id=fnref1:2><a href=#fn:2 class=footnote-ref role=doc-noteref>2</a></sup>.</p><h3 id=definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist><a href=https://github.com/markdown-it/markdown-it-deflist>Definition lists</a></h3><dl><dt>Term 1</dt><dd><p>Definition 1
+with lazy continuation.</p></dd><dt>Term 2 with <em>inline markup</em></dt><dd><p>Definition 2</p><pre><code>{ some code, part of Definition 2 }
+</code></pre><p>Third paragraph of definition 2.</p></dd></dl><p><em>Compact style:</em></p><p>Term 1
+~ Definition 1</p><p>Term 2
 ~ Definition 2a
-~ Definition 2b</p>
-<h3 id="abbreviationshttpsgithubcommarkdown-itmarkdown-it-abbr"><a href="https://github.com/markdown-it/markdown-it-abbr">Abbreviations</a></h3>
-<p>This is HTML abbreviation example.</p>
-<p>It converts &ldquo;HTML&rdquo;, but keep intact partial entries like &ldquo;xxxHTMLyyy&rdquo; and so on.</p>
-<p>*[HTML]: Hyper Text Markup Language</p>
-<h3 id="custom-containershttpsgithubcommarkdown-itmarkdown-it-container"><a href="https://github.com/markdown-it/markdown-it-container">Custom containers</a></h3>
-<p>::: warning
+~ Definition 2b</p><h3 id=abbreviationshttpsgithubcommarkdown-itmarkdown-it-abbr><a href=https://github.com/markdown-it/markdown-it-abbr>Abbreviations</a></h3><p>This is HTML abbreviation example.</p><p>It converts &ldquo;HTML&rdquo;, but keep intact partial entries like &ldquo;xxxHTMLyyy&rdquo; and so on.</p><p>*[HTML]: Hyper Text Markup Language</p><h3 id=custom-containershttpsgithubcommarkdown-itmarkdown-it-container><a href=https://github.com/markdown-it/markdown-it-container>Custom containers</a></h3><p>::: warning
 <em>here be dragons</em>
-:::</p>
-<div class="footnotes" role="doc-endnotes">
-<hr>
-<ol>
-<li id="fn:1">
-<p>Footnote <strong>can have markup</strong></p>
-<p>and multiple paragraphs.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
-</li>
-<li id="fn:2">
-<p>Footnote text.&#160;<a href="#fnref:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a>&#160;<a href="#fnref1:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
-</li>
-</ol>
-</div>
-
-  </div>
-</article>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+:::</p><div class=footnotes role=doc-endnotes><hr><ol><li id=fn:1><p>Footnote <strong>can have markup</strong></p><p>and multiple paragraphs.&#160;<a href=#fnref:1 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a></p></li><li id=fn:2><p>Footnote text.&#160;<a href=#fnref:2 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a>&#160;<a href=#fnref1:2 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a></p></li></ol></div></div></article><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/posts/blog-post-3/index.html b/public/posts/blog-post-3/index.html
index 075decc..9fc5909 100644
--- a/public/posts/blog-post-3/index.html
+++ b/public/posts/blog-post-3/index.html
@@ -1,538 +1,35 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> Blog Post 3 | TailBliss 
-</title>
-<meta name="description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus." />
-<meta property="og:title" content="Blog Post 3 | TailBliss" />
-<meta name="twitter:title" content="Blog Post 3 | TailBliss" />
-<meta itemprop="name" content="Blog Post 3 | TailBliss" />
-<meta name="application-name" content="Blog Post 3 | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus." />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/posts/blog-post-3/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<article>
-  <header class="mb-4 bg-indigo-600">
-    <span class="py-96">
-      <h1 class="py-16 text-5xl font-black text-center text-white capitalize">
-        Blog Post 3
-      </h1>
-    </span>
-  </header>
-  <div class="max-w-4xl mx-auto mt-8 mb-2">
-    <div class="px-6">
-      
-      
-      
-      
-      
-      
-      <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp" srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w"
-           class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40"
-           width="100%" alt="" />
-      
-      
-    </div>
-  </div>
-  
-  <div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white">
-    <p><strong>Advertisement 😄</strong></p>
-<ul>
-<li><strong><a href="https://nodeca.github.io/pica/demo/">pica</a></strong> - high quality and fast image
-resize in browser.</li>
-<li><strong><a href="https://github.com/nodeca/babelfish/">babelfish</a></strong> - developer friendly
-i18n with plurals support and easy syntax.</li>
-</ul>
-<p>You will like those projects!</p>
-<hr>
-<h1 id="h1-heading-">h1 Heading 😊</h1>
-<h2 id="h2-heading">h2 Heading</h2>
-<h3 id="h3-heading">h3 Heading</h3>
-<h4 id="h4-heading">h4 Heading</h4>
-<h5 id="h5-heading">h5 Heading</h5>
-<h6 id="h6-heading">h6 Heading</h6>
-<h2 id="horizontal-rules">Horizontal Rules</h2>
-<hr>
-<hr>
-<hr>
-<h2 id="typographic-replacements">Typographic replacements</h2>
-<p>Enable typographer option to see result.</p>
-<p>(c) (C) (r) (R) (tm) (TM) (p) (P) +-</p>
-<p>test.. test&hellip; test&hellip;.. test?&hellip;.. test!&hellip;.</p>
-<p>!!!!!! ???? ,,  &ndash; &mdash;</p>
-<p>&ldquo;Smartypants, double quotes&rdquo; and &lsquo;single quotes&rsquo;</p>
-<h2 id="emphasis">Emphasis</h2>
-<p><strong>This is bold text</strong></p>
-<p><strong>This is bold text</strong></p>
-<p><em>This is italic text</em></p>
-<p><em>This is italic text</em></p>
-<p><del>Strikethrough</del></p>
-<h2 id="blockquotes">Blockquotes</h2>
-<blockquote>
-<p>Blockquotes can also be nested&hellip;</p>
-<blockquote>
-<p>&hellip;by using additional greater-than signs right next to each other&hellip;</p>
-<blockquote>
-<p>&hellip;or with spaces between arrows.</p>
-</blockquote>
-</blockquote>
-</blockquote>
-<h2 id="lists">Lists</h2>
-<p>Unordered</p>
-<ul>
-<li>Create a list by starting a line with <code>+</code>, <code>-</code>, or <code>*</code></li>
-<li>Sub-lists are made by indenting 2 spaces:
-<ul>
-<li>Marker character change forces new list start:
-<ul>
-<li>Ac tristique libero volutpat at</li>
-</ul>
-<ul>
-<li>Facilisis in pretium nisl aliquet</li>
-</ul>
-<ul>
-<li>Nulla volutpat aliquam velit</li>
-</ul>
-</li>
-</ul>
-</li>
-<li>Very easy!</li>
-</ul>
-<p>Ordered</p>
-<ol>
-<li>
-<p>Lorem ipsum dolor sit amet</p>
-</li>
-<li>
-<p>Consectetur adipiscing elit</p>
-</li>
-<li>
-<p>Integer molestie lorem at massa</p>
-</li>
-<li>
-<p>You can use sequential numbers&hellip;</p>
-</li>
-<li>
-<p>&hellip;or keep all the numbers as <code>1.</code></p>
-</li>
-</ol>
-<p>Start numbering with offset:</p>
-<ol start="57">
-<li>foo</li>
-<li>bar</li>
-</ol>
-<h2 id="code">Code</h2>
-<p>Inline <code>code</code></p>
-<p>Indented code</p>
-<pre><code>// Some comments
+<!doctype html><html lang=en><head><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>Blog Post 3 | TailBliss</title><meta name=description content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus."><meta property="og:title" content="Blog Post 3 | TailBliss"><meta name=twitter:title content="Blog Post 3 | TailBliss"><meta itemprop=name content="Blog Post 3 | TailBliss"><meta name=application-name content="Blog Post 3 | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus."><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/posts/blog-post-3/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><article><header class="mb-4 bg-indigo-600"><span class=py-96><h1 class="py-16 text-5xl font-black text-center text-white capitalize">Blog Post 3</h1></span></header><div class="max-w-4xl mx-auto mt-8 mb-2"><div class=px-6><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w" class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40" width=100% alt></div></div><div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white"><p><strong>Advertisement 😄</strong></p><ul><li><strong><a href=https://nodeca.github.io/pica/demo/>pica</a></strong> - high quality and fast image
+resize in browser.</li><li><strong><a href=https://github.com/nodeca/babelfish/>babelfish</a></strong> - developer friendly
+i18n with plurals support and easy syntax.</li></ul><p>You will like those projects!</p><hr><h1 id=h1-heading->h1 Heading 😊</h1><h2 id=h2-heading>h2 Heading</h2><h3 id=h3-heading>h3 Heading</h3><h4 id=h4-heading>h4 Heading</h4><h5 id=h5-heading>h5 Heading</h5><h6 id=h6-heading>h6 Heading</h6><h2 id=horizontal-rules>Horizontal Rules</h2><hr><hr><hr><h2 id=typographic-replacements>Typographic replacements</h2><p>Enable typographer option to see result.</p><p>(c) (C) (r) (R) (tm) (TM) (p) (P) +-</p><p>test.. test&mldr; test&mldr;.. test?&mldr;.. test!&mldr;.</p><p>!!!!!! ???? ,, &ndash; &mdash;</p><p>&ldquo;Smartypants, double quotes&rdquo; and &lsquo;single quotes&rsquo;</p><h2 id=emphasis>Emphasis</h2><p><strong>This is bold text</strong></p><p><strong>This is bold text</strong></p><p><em>This is italic text</em></p><p><em>This is italic text</em></p><p><del>Strikethrough</del></p><h2 id=blockquotes>Blockquotes</h2><blockquote><p>Blockquotes can also be nested&mldr;</p><blockquote><p>&mldr;by using additional greater-than signs right next to each other&mldr;</p><blockquote><p>&mldr;or with spaces between arrows.</p></blockquote></blockquote></blockquote><h2 id=lists>Lists</h2><p>Unordered</p><ul><li>Create a list by starting a line with <code>+</code>, <code>-</code>, or <code>*</code></li><li>Sub-lists are made by indenting 2 spaces:<ul><li>Marker character change forces new list start:<ul><li>Ac tristique libero volutpat at</li></ul><ul><li>Facilisis in pretium nisl aliquet</li></ul><ul><li>Nulla volutpat aliquam velit</li></ul></li></ul></li><li>Very easy!</li></ul><p>Ordered</p><ol><li><p>Lorem ipsum dolor sit amet</p></li><li><p>Consectetur adipiscing elit</p></li><li><p>Integer molestie lorem at massa</p></li><li><p>You can use sequential numbers&mldr;</p></li><li><p>&mldr;or keep all the numbers as <code>1.</code></p></li></ol><p>Start numbering with offset:</p><ol start=57><li>foo</li><li>bar</li></ol><h2 id=code>Code</h2><p>Inline <code>code</code></p><p>Indented code</p><pre><code>// Some comments
 line 1 of code
 line 2 of code
 line 3 of code
-</code></pre>
-<p>Block code &ldquo;fences&rdquo;</p>
-<pre tabindex="0"><code>Sample text here...
-</code></pre><p>Syntax highlighting</p>
-<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-js" data-lang="js"><span style="display:flex;"><span><span style="color:#66d9ef">var</span> <span style="color:#a6e22e">foo</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">function</span> (<span style="color:#a6e22e">bar</span>) {
-</span></span><span style="display:flex;"><span>  <span style="color:#66d9ef">return</span> <span style="color:#a6e22e">bar</span><span style="color:#f92672">++</span>;
-</span></span><span style="display:flex;"><span>};
-</span></span><span style="display:flex;"><span>
-</span></span><span style="display:flex;"><span><span style="color:#a6e22e">console</span>.<span style="color:#a6e22e">log</span>(<span style="color:#a6e22e">foo</span>(<span style="color:#ae81ff">5</span>));
-</span></span></code></pre></div><h2 id="tables">Tables</h2>
-<table>
-<thead>
-<tr>
-<th>Option</th>
-<th>Description</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>data</td>
-<td>path to data files to supply the data that will be passed into templates.</td>
-</tr>
-<tr>
-<td>engine</td>
-<td>engine to be used for processing templates. Handlebars is the default.</td>
-</tr>
-<tr>
-<td>ext</td>
-<td>extension to be used for dest files.</td>
-</tr>
-</tbody>
-</table>
-<p>Right aligned columns</p>
-<table>
-<thead>
-<tr>
-<th style="text-align:right">Option</th>
-<th style="text-align:right">Description</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td style="text-align:right">data</td>
-<td style="text-align:right">path to data files to supply the data that will be passed into templates.</td>
-</tr>
-<tr>
-<td style="text-align:right">engine</td>
-<td style="text-align:right">engine to be used for processing templates. Handlebars is the default.</td>
-</tr>
-<tr>
-<td style="text-align:right">ext</td>
-<td style="text-align:right">extension to be used for dest files.</td>
-</tr>
-</tbody>
-</table>
-<h2 id="links">Links</h2>
-<p><a href="http://dev.nodeca.com">link text</a></p>
-<p><a href="http://nodeca.github.io/pica/demo/" title="title text!">link with title</a></p>
-<p>Autoconverted link <a href="https://github.com/nodeca/pica">https://github.com/nodeca/pica</a> (enable linkify to see)</p>
-<h2 id="images">Images</h2>
-<p><img src="https://octodex.github.com/images/minion.png" alt="Minion">
-<img src="https://octodex.github.com/images/stormtroopocat.jpg" alt="Stormtroopocat" title="The Stormtroopocat"></p>
-<p>Like links, Images also have a footnote style syntax</p>
-<p><img src="https://octodex.github.com/images/dojocat.jpg" alt="Alt text" title="The Dojocat"></p>
-<p>With a reference later in the document defining the URL location:</p>
-<h2 id="plugins">Plugins</h2>
-<p>The killer feature of <code>markdown-it</code> is very effective support of
-<a href="https://www.npmjs.org/browse/keyword/markdown-it-plugin">syntax plugins</a>.</p>
-<h3 id="emojieshttpsgithubcommarkdown-itmarkdown-it-emoji"><a href="https://github.com/markdown-it/markdown-it-emoji">Emojies</a></h3>
-<blockquote>
-<p>Classic markup: 😉 :crush: 😢 :tear: 😆 😋</p>
-<p>Shortcuts (emoticons): :-) :-( 8-) ;)</p>
-</blockquote>
-<p>see <a href="https://github.com/markdown-it/markdown-it-emoji#change-output">how to change output</a> with twemoji.</p>
-<h3 id="subscripthttpsgithubcommarkdown-itmarkdown-it-sub--superscripthttpsgithubcommarkdown-itmarkdown-it-sup"><a href="https://github.com/markdown-it/markdown-it-sub">Subscript</a> / <a href="https://github.com/markdown-it/markdown-it-sup">Superscript</a></h3>
-<ul>
-<li>19^th^</li>
-<li>H~2~O</li>
-</ul>
-<h3 id="inshttpsgithubcommarkdown-itmarkdown-it-ins"><a href="https://github.com/markdown-it/markdown-it-ins">&lt;ins&gt;</a></h3>
-<p>++Inserted text++</p>
-<h3 id="markhttpsgithubcommarkdown-itmarkdown-it-mark"><a href="https://github.com/markdown-it/markdown-it-mark">&lt;mark&gt;</a></h3>
-<p>==Marked text==</p>
-<h3 id="footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote"><a href="https://github.com/markdown-it/markdown-it-footnote">Footnotes</a></h3>
-<p>Footnote 1 link<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>.</p>
-<p>Footnote 2 link<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
-<p>Inline footnote^[Text of inline footnote] definition.</p>
-<p>Duplicated footnote reference<sup id="fnref1:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
-<h3 id="definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist"><a href="https://github.com/markdown-it/markdown-it-deflist">Definition lists</a></h3>
-<dl>
-<dt>Term 1</dt>
-<dd>
-<p>Definition 1
-with lazy continuation.</p>
-</dd>
-<dt>Term 2 with <em>inline markup</em></dt>
-<dd>
-<p>Definition 2</p>
-<pre><code>{ some code, part of Definition 2 }
-</code></pre>
-<p>Third paragraph of definition 2.</p>
-</dd>
-</dl>
-<p><em>Compact style:</em></p>
-<p>Term 1
-~ Definition 1</p>
-<p>Term 2
+</code></pre><p>Block code &ldquo;fences&rdquo;</p><pre tabindex=0><code>Sample text here...
+</code></pre><p>Syntax highlighting</p><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-js data-lang=js><span style=display:flex><span><span style=color:#66d9ef>var</span> <span style=color:#a6e22e>foo</span> <span style=color:#f92672>=</span> <span style=color:#66d9ef>function</span> (<span style=color:#a6e22e>bar</span>) {
+</span></span><span style=display:flex><span>  <span style=color:#66d9ef>return</span> <span style=color:#a6e22e>bar</span><span style=color:#f92672>++</span>;
+</span></span><span style=display:flex><span>};
+</span></span><span style=display:flex><span>
+</span></span><span style=display:flex><span><span style=color:#a6e22e>console</span>.<span style=color:#a6e22e>log</span>(<span style=color:#a6e22e>foo</span>(<span style=color:#ae81ff>5</span>));
+</span></span></code></pre></div><h2 id=tables>Tables</h2><table><thead><tr><th>Option</th><th>Description</th></tr></thead><tbody><tr><td>data</td><td>path to data files to supply the data that will be passed into templates.</td></tr><tr><td>engine</td><td>engine to be used for processing templates. Handlebars is the default.</td></tr><tr><td>ext</td><td>extension to be used for dest files.</td></tr></tbody></table><p>Right aligned columns</p><table><thead><tr><th style=text-align:right>Option</th><th style=text-align:right>Description</th></tr></thead><tbody><tr><td style=text-align:right>data</td><td style=text-align:right>path to data files to supply the data that will be passed into templates.</td></tr><tr><td style=text-align:right>engine</td><td style=text-align:right>engine to be used for processing templates. Handlebars is the default.</td></tr><tr><td style=text-align:right>ext</td><td style=text-align:right>extension to be used for dest files.</td></tr></tbody></table><h2 id=links>Links</h2><p><a href=http://dev.nodeca.com>link text</a></p><p><a href=http://nodeca.github.io/pica/demo/ title="title text!">link with title</a></p><p>Autoconverted link <a href=https://github.com/nodeca/pica>https://github.com/nodeca/pica</a> (enable linkify to see)</p><h2 id=images>Images</h2><p><img src=https://octodex.github.com/images/minion.png alt=Minion>
+<img src=https://octodex.github.com/images/stormtroopocat.jpg alt=Stormtroopocat title="The Stormtroopocat"></p><p>Like links, Images also have a footnote style syntax</p><p><img src=https://octodex.github.com/images/dojocat.jpg alt="Alt text" title="The Dojocat"></p><p>With a reference later in the document defining the URL location:</p><h2 id=plugins>Plugins</h2><p>The killer feature of <code>markdown-it</code> is very effective support of
+<a href=https://www.npmjs.org/browse/keyword/markdown-it-plugin>syntax plugins</a>.</p><h3 id=emojieshttpsgithubcommarkdown-itmarkdown-it-emoji><a href=https://github.com/markdown-it/markdown-it-emoji>Emojies</a></h3><blockquote><p>Classic markup: 😉 :crush: 😢 :tear: 😆 😋</p><p>Shortcuts (emoticons): :-) :-( 8-) ;)</p></blockquote><p>see <a href=https://github.com/markdown-it/markdown-it-emoji#change-output>how to change output</a> with twemoji.</p><h3 id=subscripthttpsgithubcommarkdown-itmarkdown-it-sub--superscripthttpsgithubcommarkdown-itmarkdown-it-sup><a href=https://github.com/markdown-it/markdown-it-sub>Subscript</a> / <a href=https://github.com/markdown-it/markdown-it-sup>Superscript</a></h3><ul><li>19^th^</li><li>H~2~O</li></ul><h3 id=inshttpsgithubcommarkdown-itmarkdown-it-ins><a href=https://github.com/markdown-it/markdown-it-ins>&lt;ins></a></h3><p>++Inserted text++</p><h3 id=markhttpsgithubcommarkdown-itmarkdown-it-mark><a href=https://github.com/markdown-it/markdown-it-mark>&lt;mark></a></h3><p>==Marked text==</p><h3 id=footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote><a href=https://github.com/markdown-it/markdown-it-footnote>Footnotes</a></h3><p>Footnote 1 link<sup id=fnref:1><a href=#fn:1 class=footnote-ref role=doc-noteref>1</a></sup>.</p><p>Footnote 2 link<sup id=fnref:2><a href=#fn:2 class=footnote-ref role=doc-noteref>2</a></sup>.</p><p>Inline footnote^[Text of inline footnote] definition.</p><p>Duplicated footnote reference<sup id=fnref1:2><a href=#fn:2 class=footnote-ref role=doc-noteref>2</a></sup>.</p><h3 id=definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist><a href=https://github.com/markdown-it/markdown-it-deflist>Definition lists</a></h3><dl><dt>Term 1</dt><dd><p>Definition 1
+with lazy continuation.</p></dd><dt>Term 2 with <em>inline markup</em></dt><dd><p>Definition 2</p><pre><code>{ some code, part of Definition 2 }
+</code></pre><p>Third paragraph of definition 2.</p></dd></dl><p><em>Compact style:</em></p><p>Term 1
+~ Definition 1</p><p>Term 2
 ~ Definition 2a
-~ Definition 2b</p>
-<h3 id="abbreviationshttpsgithubcommarkdown-itmarkdown-it-abbr"><a href="https://github.com/markdown-it/markdown-it-abbr">Abbreviations</a></h3>
-<p>This is HTML abbreviation example.</p>
-<p>It converts &ldquo;HTML&rdquo;, but keep intact partial entries like &ldquo;xxxHTMLyyy&rdquo; and so on.</p>
-<p>*[HTML]: Hyper Text Markup Language</p>
-<h3 id="custom-containershttpsgithubcommarkdown-itmarkdown-it-container"><a href="https://github.com/markdown-it/markdown-it-container">Custom containers</a></h3>
-<p>::: warning
+~ Definition 2b</p><h3 id=abbreviationshttpsgithubcommarkdown-itmarkdown-it-abbr><a href=https://github.com/markdown-it/markdown-it-abbr>Abbreviations</a></h3><p>This is HTML abbreviation example.</p><p>It converts &ldquo;HTML&rdquo;, but keep intact partial entries like &ldquo;xxxHTMLyyy&rdquo; and so on.</p><p>*[HTML]: Hyper Text Markup Language</p><h3 id=custom-containershttpsgithubcommarkdown-itmarkdown-it-container><a href=https://github.com/markdown-it/markdown-it-container>Custom containers</a></h3><p>::: warning
 <em>here be dragons</em>
-:::</p>
-<div class="footnotes" role="doc-endnotes">
-<hr>
-<ol>
-<li id="fn:1">
-<p>Footnote <strong>can have markup</strong></p>
-<p>and multiple paragraphs.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
-</li>
-<li id="fn:2">
-<p>Footnote text.&#160;<a href="#fnref:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a>&#160;<a href="#fnref1:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
-</li>
-</ol>
-</div>
-
-  </div>
-</article>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+:::</p><div class=footnotes role=doc-endnotes><hr><ol><li id=fn:1><p>Footnote <strong>can have markup</strong></p><p>and multiple paragraphs.&#160;<a href=#fnref:1 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a></p></li><li id=fn:2><p>Footnote text.&#160;<a href=#fnref:2 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a>&#160;<a href=#fnref1:2 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a></p></li></ol></div></div></article><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/posts/blog-post-4/index.html b/public/posts/blog-post-4/index.html
index d62cd10..7a89009 100644
--- a/public/posts/blog-post-4/index.html
+++ b/public/posts/blog-post-4/index.html
@@ -1,538 +1,35 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> Blog Post 4 | TailBliss 
-</title>
-<meta name="description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus." />
-<meta property="og:title" content="Blog Post 4 | TailBliss" />
-<meta name="twitter:title" content="Blog Post 4 | TailBliss" />
-<meta itemprop="name" content="Blog Post 4 | TailBliss" />
-<meta name="application-name" content="Blog Post 4 | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus." />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/posts/blog-post-4/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<article>
-  <header class="mb-4 bg-indigo-600">
-    <span class="py-96">
-      <h1 class="py-16 text-5xl font-black text-center text-white capitalize">
-        Blog Post 4
-      </h1>
-    </span>
-  </header>
-  <div class="max-w-4xl mx-auto mt-8 mb-2">
-    <div class="px-6">
-      
-      
-      
-      
-      
-      
-      <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp" srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w"
-           class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40"
-           width="100%" alt="" />
-      
-      
-    </div>
-  </div>
-  
-  <div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white">
-    <p><strong>Advertisement 😄</strong></p>
-<ul>
-<li><strong><a href="https://nodeca.github.io/pica/demo/">pica</a></strong> - high quality and fast image
-resize in browser.</li>
-<li><strong><a href="https://github.com/nodeca/babelfish/">babelfish</a></strong> - developer friendly
-i18n with plurals support and easy syntax.</li>
-</ul>
-<p>You will like those projects!</p>
-<hr>
-<h1 id="h1-heading-">h1 Heading 😊</h1>
-<h2 id="h2-heading">h2 Heading</h2>
-<h3 id="h3-heading">h3 Heading</h3>
-<h4 id="h4-heading">h4 Heading</h4>
-<h5 id="h5-heading">h5 Heading</h5>
-<h6 id="h6-heading">h6 Heading</h6>
-<h2 id="horizontal-rules">Horizontal Rules</h2>
-<hr>
-<hr>
-<hr>
-<h2 id="typographic-replacements">Typographic replacements</h2>
-<p>Enable typographer option to see result.</p>
-<p>(c) (C) (r) (R) (tm) (TM) (p) (P) +-</p>
-<p>test.. test&hellip; test&hellip;.. test?&hellip;.. test!&hellip;.</p>
-<p>!!!!!! ???? ,,  &ndash; &mdash;</p>
-<p>&ldquo;Smartypants, double quotes&rdquo; and &lsquo;single quotes&rsquo;</p>
-<h2 id="emphasis">Emphasis</h2>
-<p><strong>This is bold text</strong></p>
-<p><strong>This is bold text</strong></p>
-<p><em>This is italic text</em></p>
-<p><em>This is italic text</em></p>
-<p><del>Strikethrough</del></p>
-<h2 id="blockquotes">Blockquotes</h2>
-<blockquote>
-<p>Blockquotes can also be nested&hellip;</p>
-<blockquote>
-<p>&hellip;by using additional greater-than signs right next to each other&hellip;</p>
-<blockquote>
-<p>&hellip;or with spaces between arrows.</p>
-</blockquote>
-</blockquote>
-</blockquote>
-<h2 id="lists">Lists</h2>
-<p>Unordered</p>
-<ul>
-<li>Create a list by starting a line with <code>+</code>, <code>-</code>, or <code>*</code></li>
-<li>Sub-lists are made by indenting 2 spaces:
-<ul>
-<li>Marker character change forces new list start:
-<ul>
-<li>Ac tristique libero volutpat at</li>
-</ul>
-<ul>
-<li>Facilisis in pretium nisl aliquet</li>
-</ul>
-<ul>
-<li>Nulla volutpat aliquam velit</li>
-</ul>
-</li>
-</ul>
-</li>
-<li>Very easy!</li>
-</ul>
-<p>Ordered</p>
-<ol>
-<li>
-<p>Lorem ipsum dolor sit amet</p>
-</li>
-<li>
-<p>Consectetur adipiscing elit</p>
-</li>
-<li>
-<p>Integer molestie lorem at massa</p>
-</li>
-<li>
-<p>You can use sequential numbers&hellip;</p>
-</li>
-<li>
-<p>&hellip;or keep all the numbers as <code>1.</code></p>
-</li>
-</ol>
-<p>Start numbering with offset:</p>
-<ol start="57">
-<li>foo</li>
-<li>bar</li>
-</ol>
-<h2 id="code">Code</h2>
-<p>Inline <code>code</code></p>
-<p>Indented code</p>
-<pre><code>// Some comments
+<!doctype html><html lang=en><head><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>Blog Post 4 | TailBliss</title><meta name=description content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus."><meta property="og:title" content="Blog Post 4 | TailBliss"><meta name=twitter:title content="Blog Post 4 | TailBliss"><meta itemprop=name content="Blog Post 4 | TailBliss"><meta name=application-name content="Blog Post 4 | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus."><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/posts/blog-post-4/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><article><header class="mb-4 bg-indigo-600"><span class=py-96><h1 class="py-16 text-5xl font-black text-center text-white capitalize">Blog Post 4</h1></span></header><div class="max-w-4xl mx-auto mt-8 mb-2"><div class=px-6><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w" class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40" width=100% alt></div></div><div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white"><p><strong>Advertisement 😄</strong></p><ul><li><strong><a href=https://nodeca.github.io/pica/demo/>pica</a></strong> - high quality and fast image
+resize in browser.</li><li><strong><a href=https://github.com/nodeca/babelfish/>babelfish</a></strong> - developer friendly
+i18n with plurals support and easy syntax.</li></ul><p>You will like those projects!</p><hr><h1 id=h1-heading->h1 Heading 😊</h1><h2 id=h2-heading>h2 Heading</h2><h3 id=h3-heading>h3 Heading</h3><h4 id=h4-heading>h4 Heading</h4><h5 id=h5-heading>h5 Heading</h5><h6 id=h6-heading>h6 Heading</h6><h2 id=horizontal-rules>Horizontal Rules</h2><hr><hr><hr><h2 id=typographic-replacements>Typographic replacements</h2><p>Enable typographer option to see result.</p><p>(c) (C) (r) (R) (tm) (TM) (p) (P) +-</p><p>test.. test&mldr; test&mldr;.. test?&mldr;.. test!&mldr;.</p><p>!!!!!! ???? ,, &ndash; &mdash;</p><p>&ldquo;Smartypants, double quotes&rdquo; and &lsquo;single quotes&rsquo;</p><h2 id=emphasis>Emphasis</h2><p><strong>This is bold text</strong></p><p><strong>This is bold text</strong></p><p><em>This is italic text</em></p><p><em>This is italic text</em></p><p><del>Strikethrough</del></p><h2 id=blockquotes>Blockquotes</h2><blockquote><p>Blockquotes can also be nested&mldr;</p><blockquote><p>&mldr;by using additional greater-than signs right next to each other&mldr;</p><blockquote><p>&mldr;or with spaces between arrows.</p></blockquote></blockquote></blockquote><h2 id=lists>Lists</h2><p>Unordered</p><ul><li>Create a list by starting a line with <code>+</code>, <code>-</code>, or <code>*</code></li><li>Sub-lists are made by indenting 2 spaces:<ul><li>Marker character change forces new list start:<ul><li>Ac tristique libero volutpat at</li></ul><ul><li>Facilisis in pretium nisl aliquet</li></ul><ul><li>Nulla volutpat aliquam velit</li></ul></li></ul></li><li>Very easy!</li></ul><p>Ordered</p><ol><li><p>Lorem ipsum dolor sit amet</p></li><li><p>Consectetur adipiscing elit</p></li><li><p>Integer molestie lorem at massa</p></li><li><p>You can use sequential numbers&mldr;</p></li><li><p>&mldr;or keep all the numbers as <code>1.</code></p></li></ol><p>Start numbering with offset:</p><ol start=57><li>foo</li><li>bar</li></ol><h2 id=code>Code</h2><p>Inline <code>code</code></p><p>Indented code</p><pre><code>// Some comments
 line 1 of code
 line 2 of code
 line 3 of code
-</code></pre>
-<p>Block code &ldquo;fences&rdquo;</p>
-<pre tabindex="0"><code>Sample text here...
-</code></pre><p>Syntax highlighting</p>
-<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-js" data-lang="js"><span style="display:flex;"><span><span style="color:#66d9ef">var</span> <span style="color:#a6e22e">foo</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">function</span> (<span style="color:#a6e22e">bar</span>) {
-</span></span><span style="display:flex;"><span>  <span style="color:#66d9ef">return</span> <span style="color:#a6e22e">bar</span><span style="color:#f92672">++</span>;
-</span></span><span style="display:flex;"><span>};
-</span></span><span style="display:flex;"><span>
-</span></span><span style="display:flex;"><span><span style="color:#a6e22e">console</span>.<span style="color:#a6e22e">log</span>(<span style="color:#a6e22e">foo</span>(<span style="color:#ae81ff">5</span>));
-</span></span></code></pre></div><h2 id="tables">Tables</h2>
-<table>
-<thead>
-<tr>
-<th>Option</th>
-<th>Description</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>data</td>
-<td>path to data files to supply the data that will be passed into templates.</td>
-</tr>
-<tr>
-<td>engine</td>
-<td>engine to be used for processing templates. Handlebars is the default.</td>
-</tr>
-<tr>
-<td>ext</td>
-<td>extension to be used for dest files.</td>
-</tr>
-</tbody>
-</table>
-<p>Right aligned columns</p>
-<table>
-<thead>
-<tr>
-<th style="text-align:right">Option</th>
-<th style="text-align:right">Description</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td style="text-align:right">data</td>
-<td style="text-align:right">path to data files to supply the data that will be passed into templates.</td>
-</tr>
-<tr>
-<td style="text-align:right">engine</td>
-<td style="text-align:right">engine to be used for processing templates. Handlebars is the default.</td>
-</tr>
-<tr>
-<td style="text-align:right">ext</td>
-<td style="text-align:right">extension to be used for dest files.</td>
-</tr>
-</tbody>
-</table>
-<h2 id="links">Links</h2>
-<p><a href="http://dev.nodeca.com">link text</a></p>
-<p><a href="http://nodeca.github.io/pica/demo/" title="title text!">link with title</a></p>
-<p>Autoconverted link <a href="https://github.com/nodeca/pica">https://github.com/nodeca/pica</a> (enable linkify to see)</p>
-<h2 id="images">Images</h2>
-<p><img src="https://octodex.github.com/images/minion.png" alt="Minion">
-<img src="https://octodex.github.com/images/stormtroopocat.jpg" alt="Stormtroopocat" title="The Stormtroopocat"></p>
-<p>Like links, Images also have a footnote style syntax</p>
-<p><img src="https://octodex.github.com/images/dojocat.jpg" alt="Alt text" title="The Dojocat"></p>
-<p>With a reference later in the document defining the URL location:</p>
-<h2 id="plugins">Plugins</h2>
-<p>The killer feature of <code>markdown-it</code> is very effective support of
-<a href="https://www.npmjs.org/browse/keyword/markdown-it-plugin">syntax plugins</a>.</p>
-<h3 id="emojieshttpsgithubcommarkdown-itmarkdown-it-emoji"><a href="https://github.com/markdown-it/markdown-it-emoji">Emojies</a></h3>
-<blockquote>
-<p>Classic markup: 😉 :crush: 😢 :tear: 😆 😋</p>
-<p>Shortcuts (emoticons): :-) :-( 8-) ;)</p>
-</blockquote>
-<p>see <a href="https://github.com/markdown-it/markdown-it-emoji#change-output">how to change output</a> with twemoji.</p>
-<h3 id="subscripthttpsgithubcommarkdown-itmarkdown-it-sub--superscripthttpsgithubcommarkdown-itmarkdown-it-sup"><a href="https://github.com/markdown-it/markdown-it-sub">Subscript</a> / <a href="https://github.com/markdown-it/markdown-it-sup">Superscript</a></h3>
-<ul>
-<li>19^th^</li>
-<li>H~2~O</li>
-</ul>
-<h3 id="inshttpsgithubcommarkdown-itmarkdown-it-ins"><a href="https://github.com/markdown-it/markdown-it-ins">&lt;ins&gt;</a></h3>
-<p>++Inserted text++</p>
-<h3 id="markhttpsgithubcommarkdown-itmarkdown-it-mark"><a href="https://github.com/markdown-it/markdown-it-mark">&lt;mark&gt;</a></h3>
-<p>==Marked text==</p>
-<h3 id="footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote"><a href="https://github.com/markdown-it/markdown-it-footnote">Footnotes</a></h3>
-<p>Footnote 1 link<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>.</p>
-<p>Footnote 2 link<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
-<p>Inline footnote^[Text of inline footnote] definition.</p>
-<p>Duplicated footnote reference<sup id="fnref1:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
-<h3 id="definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist"><a href="https://github.com/markdown-it/markdown-it-deflist">Definition lists</a></h3>
-<dl>
-<dt>Term 1</dt>
-<dd>
-<p>Definition 1
-with lazy continuation.</p>
-</dd>
-<dt>Term 2 with <em>inline markup</em></dt>
-<dd>
-<p>Definition 2</p>
-<pre><code>{ some code, part of Definition 2 }
-</code></pre>
-<p>Third paragraph of definition 2.</p>
-</dd>
-</dl>
-<p><em>Compact style:</em></p>
-<p>Term 1
-~ Definition 1</p>
-<p>Term 2
+</code></pre><p>Block code &ldquo;fences&rdquo;</p><pre tabindex=0><code>Sample text here...
+</code></pre><p>Syntax highlighting</p><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-js data-lang=js><span style=display:flex><span><span style=color:#66d9ef>var</span> <span style=color:#a6e22e>foo</span> <span style=color:#f92672>=</span> <span style=color:#66d9ef>function</span> (<span style=color:#a6e22e>bar</span>) {
+</span></span><span style=display:flex><span>  <span style=color:#66d9ef>return</span> <span style=color:#a6e22e>bar</span><span style=color:#f92672>++</span>;
+</span></span><span style=display:flex><span>};
+</span></span><span style=display:flex><span>
+</span></span><span style=display:flex><span><span style=color:#a6e22e>console</span>.<span style=color:#a6e22e>log</span>(<span style=color:#a6e22e>foo</span>(<span style=color:#ae81ff>5</span>));
+</span></span></code></pre></div><h2 id=tables>Tables</h2><table><thead><tr><th>Option</th><th>Description</th></tr></thead><tbody><tr><td>data</td><td>path to data files to supply the data that will be passed into templates.</td></tr><tr><td>engine</td><td>engine to be used for processing templates. Handlebars is the default.</td></tr><tr><td>ext</td><td>extension to be used for dest files.</td></tr></tbody></table><p>Right aligned columns</p><table><thead><tr><th style=text-align:right>Option</th><th style=text-align:right>Description</th></tr></thead><tbody><tr><td style=text-align:right>data</td><td style=text-align:right>path to data files to supply the data that will be passed into templates.</td></tr><tr><td style=text-align:right>engine</td><td style=text-align:right>engine to be used for processing templates. Handlebars is the default.</td></tr><tr><td style=text-align:right>ext</td><td style=text-align:right>extension to be used for dest files.</td></tr></tbody></table><h2 id=links>Links</h2><p><a href=http://dev.nodeca.com>link text</a></p><p><a href=http://nodeca.github.io/pica/demo/ title="title text!">link with title</a></p><p>Autoconverted link <a href=https://github.com/nodeca/pica>https://github.com/nodeca/pica</a> (enable linkify to see)</p><h2 id=images>Images</h2><p><img src=https://octodex.github.com/images/minion.png alt=Minion>
+<img src=https://octodex.github.com/images/stormtroopocat.jpg alt=Stormtroopocat title="The Stormtroopocat"></p><p>Like links, Images also have a footnote style syntax</p><p><img src=https://octodex.github.com/images/dojocat.jpg alt="Alt text" title="The Dojocat"></p><p>With a reference later in the document defining the URL location:</p><h2 id=plugins>Plugins</h2><p>The killer feature of <code>markdown-it</code> is very effective support of
+<a href=https://www.npmjs.org/browse/keyword/markdown-it-plugin>syntax plugins</a>.</p><h3 id=emojieshttpsgithubcommarkdown-itmarkdown-it-emoji><a href=https://github.com/markdown-it/markdown-it-emoji>Emojies</a></h3><blockquote><p>Classic markup: 😉 :crush: 😢 :tear: 😆 😋</p><p>Shortcuts (emoticons): :-) :-( 8-) ;)</p></blockquote><p>see <a href=https://github.com/markdown-it/markdown-it-emoji#change-output>how to change output</a> with twemoji.</p><h3 id=subscripthttpsgithubcommarkdown-itmarkdown-it-sub--superscripthttpsgithubcommarkdown-itmarkdown-it-sup><a href=https://github.com/markdown-it/markdown-it-sub>Subscript</a> / <a href=https://github.com/markdown-it/markdown-it-sup>Superscript</a></h3><ul><li>19^th^</li><li>H~2~O</li></ul><h3 id=inshttpsgithubcommarkdown-itmarkdown-it-ins><a href=https://github.com/markdown-it/markdown-it-ins>&lt;ins></a></h3><p>++Inserted text++</p><h3 id=markhttpsgithubcommarkdown-itmarkdown-it-mark><a href=https://github.com/markdown-it/markdown-it-mark>&lt;mark></a></h3><p>==Marked text==</p><h3 id=footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote><a href=https://github.com/markdown-it/markdown-it-footnote>Footnotes</a></h3><p>Footnote 1 link<sup id=fnref:1><a href=#fn:1 class=footnote-ref role=doc-noteref>1</a></sup>.</p><p>Footnote 2 link<sup id=fnref:2><a href=#fn:2 class=footnote-ref role=doc-noteref>2</a></sup>.</p><p>Inline footnote^[Text of inline footnote] definition.</p><p>Duplicated footnote reference<sup id=fnref1:2><a href=#fn:2 class=footnote-ref role=doc-noteref>2</a></sup>.</p><h3 id=definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist><a href=https://github.com/markdown-it/markdown-it-deflist>Definition lists</a></h3><dl><dt>Term 1</dt><dd><p>Definition 1
+with lazy continuation.</p></dd><dt>Term 2 with <em>inline markup</em></dt><dd><p>Definition 2</p><pre><code>{ some code, part of Definition 2 }
+</code></pre><p>Third paragraph of definition 2.</p></dd></dl><p><em>Compact style:</em></p><p>Term 1
+~ Definition 1</p><p>Term 2
 ~ Definition 2a
-~ Definition 2b</p>
-<h3 id="abbreviationshttpsgithubcommarkdown-itmarkdown-it-abbr"><a href="https://github.com/markdown-it/markdown-it-abbr">Abbreviations</a></h3>
-<p>This is HTML abbreviation example.</p>
-<p>It converts &ldquo;HTML&rdquo;, but keep intact partial entries like &ldquo;xxxHTMLyyy&rdquo; and so on.</p>
-<p>*[HTML]: Hyper Text Markup Language</p>
-<h3 id="custom-containershttpsgithubcommarkdown-itmarkdown-it-container"><a href="https://github.com/markdown-it/markdown-it-container">Custom containers</a></h3>
-<p>::: warning
+~ Definition 2b</p><h3 id=abbreviationshttpsgithubcommarkdown-itmarkdown-it-abbr><a href=https://github.com/markdown-it/markdown-it-abbr>Abbreviations</a></h3><p>This is HTML abbreviation example.</p><p>It converts &ldquo;HTML&rdquo;, but keep intact partial entries like &ldquo;xxxHTMLyyy&rdquo; and so on.</p><p>*[HTML]: Hyper Text Markup Language</p><h3 id=custom-containershttpsgithubcommarkdown-itmarkdown-it-container><a href=https://github.com/markdown-it/markdown-it-container>Custom containers</a></h3><p>::: warning
 <em>here be dragons</em>
-:::</p>
-<div class="footnotes" role="doc-endnotes">
-<hr>
-<ol>
-<li id="fn:1">
-<p>Footnote <strong>can have markup</strong></p>
-<p>and multiple paragraphs.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
-</li>
-<li id="fn:2">
-<p>Footnote text.&#160;<a href="#fnref:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a>&#160;<a href="#fnref1:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
-</li>
-</ol>
-</div>
-
-  </div>
-</article>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+:::</p><div class=footnotes role=doc-endnotes><hr><ol><li id=fn:1><p>Footnote <strong>can have markup</strong></p><p>and multiple paragraphs.&#160;<a href=#fnref:1 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a></p></li><li id=fn:2><p>Footnote text.&#160;<a href=#fnref:2 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a>&#160;<a href=#fnref1:2 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a></p></li></ol></div></div></article><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/posts/blog-post-5/index.html b/public/posts/blog-post-5/index.html
index 95ca07e..8b03d7a 100644
--- a/public/posts/blog-post-5/index.html
+++ b/public/posts/blog-post-5/index.html
@@ -1,538 +1,35 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> Blog Post 5 | TailBliss 
-</title>
-<meta name="description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus." />
-<meta property="og:title" content="Blog Post 5 | TailBliss" />
-<meta name="twitter:title" content="Blog Post 5 | TailBliss" />
-<meta itemprop="name" content="Blog Post 5 | TailBliss" />
-<meta name="application-name" content="Blog Post 5 | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus." />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/posts/blog-post-5/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<article>
-  <header class="mb-4 bg-indigo-600">
-    <span class="py-96">
-      <h1 class="py-16 text-5xl font-black text-center text-white capitalize">
-        Blog Post 5
-      </h1>
-    </span>
-  </header>
-  <div class="max-w-4xl mx-auto mt-8 mb-2">
-    <div class="px-6">
-      
-      
-      
-      
-      
-      
-      <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp" srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w"
-           class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40"
-           width="100%" alt="" />
-      
-      
-    </div>
-  </div>
-  
-  <div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white">
-    <p><strong>Advertisement 😄</strong></p>
-<ul>
-<li><strong><a href="https://nodeca.github.io/pica/demo/">pica</a></strong> - high quality and fast image
-resize in browser.</li>
-<li><strong><a href="https://github.com/nodeca/babelfish/">babelfish</a></strong> - developer friendly
-i18n with plurals support and easy syntax.</li>
-</ul>
-<p>You will like those projects!</p>
-<hr>
-<h1 id="h1-heading-">h1 Heading 😊</h1>
-<h2 id="h2-heading">h2 Heading</h2>
-<h3 id="h3-heading">h3 Heading</h3>
-<h4 id="h4-heading">h4 Heading</h4>
-<h5 id="h5-heading">h5 Heading</h5>
-<h6 id="h6-heading">h6 Heading</h6>
-<h2 id="horizontal-rules">Horizontal Rules</h2>
-<hr>
-<hr>
-<hr>
-<h2 id="typographic-replacements">Typographic replacements</h2>
-<p>Enable typographer option to see result.</p>
-<p>(c) (C) (r) (R) (tm) (TM) (p) (P) +-</p>
-<p>test.. test&hellip; test&hellip;.. test?&hellip;.. test!&hellip;.</p>
-<p>!!!!!! ???? ,,  &ndash; &mdash;</p>
-<p>&ldquo;Smartypants, double quotes&rdquo; and &lsquo;single quotes&rsquo;</p>
-<h2 id="emphasis">Emphasis</h2>
-<p><strong>This is bold text</strong></p>
-<p><strong>This is bold text</strong></p>
-<p><em>This is italic text</em></p>
-<p><em>This is italic text</em></p>
-<p><del>Strikethrough</del></p>
-<h2 id="blockquotes">Blockquotes</h2>
-<blockquote>
-<p>Blockquotes can also be nested&hellip;</p>
-<blockquote>
-<p>&hellip;by using additional greater-than signs right next to each other&hellip;</p>
-<blockquote>
-<p>&hellip;or with spaces between arrows.</p>
-</blockquote>
-</blockquote>
-</blockquote>
-<h2 id="lists">Lists</h2>
-<p>Unordered</p>
-<ul>
-<li>Create a list by starting a line with <code>+</code>, <code>-</code>, or <code>*</code></li>
-<li>Sub-lists are made by indenting 2 spaces:
-<ul>
-<li>Marker character change forces new list start:
-<ul>
-<li>Ac tristique libero volutpat at</li>
-</ul>
-<ul>
-<li>Facilisis in pretium nisl aliquet</li>
-</ul>
-<ul>
-<li>Nulla volutpat aliquam velit</li>
-</ul>
-</li>
-</ul>
-</li>
-<li>Very easy!</li>
-</ul>
-<p>Ordered</p>
-<ol>
-<li>
-<p>Lorem ipsum dolor sit amet</p>
-</li>
-<li>
-<p>Consectetur adipiscing elit</p>
-</li>
-<li>
-<p>Integer molestie lorem at massa</p>
-</li>
-<li>
-<p>You can use sequential numbers&hellip;</p>
-</li>
-<li>
-<p>&hellip;or keep all the numbers as <code>1.</code></p>
-</li>
-</ol>
-<p>Start numbering with offset:</p>
-<ol start="57">
-<li>foo</li>
-<li>bar</li>
-</ol>
-<h2 id="code">Code</h2>
-<p>Inline <code>code</code></p>
-<p>Indented code</p>
-<pre><code>// Some comments
+<!doctype html><html lang=en><head><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>Blog Post 5 | TailBliss</title><meta name=description content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus."><meta property="og:title" content="Blog Post 5 | TailBliss"><meta name=twitter:title content="Blog Post 5 | TailBliss"><meta itemprop=name content="Blog Post 5 | TailBliss"><meta name=application-name content="Blog Post 5 | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus."><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/posts/blog-post-5/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><article><header class="mb-4 bg-indigo-600"><span class=py-96><h1 class="py-16 text-5xl font-black text-center text-white capitalize">Blog Post 5</h1></span></header><div class="max-w-4xl mx-auto mt-8 mb-2"><div class=px-6><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w" class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40" width=100% alt></div></div><div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white"><p><strong>Advertisement 😄</strong></p><ul><li><strong><a href=https://nodeca.github.io/pica/demo/>pica</a></strong> - high quality and fast image
+resize in browser.</li><li><strong><a href=https://github.com/nodeca/babelfish/>babelfish</a></strong> - developer friendly
+i18n with plurals support and easy syntax.</li></ul><p>You will like those projects!</p><hr><h1 id=h1-heading->h1 Heading 😊</h1><h2 id=h2-heading>h2 Heading</h2><h3 id=h3-heading>h3 Heading</h3><h4 id=h4-heading>h4 Heading</h4><h5 id=h5-heading>h5 Heading</h5><h6 id=h6-heading>h6 Heading</h6><h2 id=horizontal-rules>Horizontal Rules</h2><hr><hr><hr><h2 id=typographic-replacements>Typographic replacements</h2><p>Enable typographer option to see result.</p><p>(c) (C) (r) (R) (tm) (TM) (p) (P) +-</p><p>test.. test&mldr; test&mldr;.. test?&mldr;.. test!&mldr;.</p><p>!!!!!! ???? ,, &ndash; &mdash;</p><p>&ldquo;Smartypants, double quotes&rdquo; and &lsquo;single quotes&rsquo;</p><h2 id=emphasis>Emphasis</h2><p><strong>This is bold text</strong></p><p><strong>This is bold text</strong></p><p><em>This is italic text</em></p><p><em>This is italic text</em></p><p><del>Strikethrough</del></p><h2 id=blockquotes>Blockquotes</h2><blockquote><p>Blockquotes can also be nested&mldr;</p><blockquote><p>&mldr;by using additional greater-than signs right next to each other&mldr;</p><blockquote><p>&mldr;or with spaces between arrows.</p></blockquote></blockquote></blockquote><h2 id=lists>Lists</h2><p>Unordered</p><ul><li>Create a list by starting a line with <code>+</code>, <code>-</code>, or <code>*</code></li><li>Sub-lists are made by indenting 2 spaces:<ul><li>Marker character change forces new list start:<ul><li>Ac tristique libero volutpat at</li></ul><ul><li>Facilisis in pretium nisl aliquet</li></ul><ul><li>Nulla volutpat aliquam velit</li></ul></li></ul></li><li>Very easy!</li></ul><p>Ordered</p><ol><li><p>Lorem ipsum dolor sit amet</p></li><li><p>Consectetur adipiscing elit</p></li><li><p>Integer molestie lorem at massa</p></li><li><p>You can use sequential numbers&mldr;</p></li><li><p>&mldr;or keep all the numbers as <code>1.</code></p></li></ol><p>Start numbering with offset:</p><ol start=57><li>foo</li><li>bar</li></ol><h2 id=code>Code</h2><p>Inline <code>code</code></p><p>Indented code</p><pre><code>// Some comments
 line 1 of code
 line 2 of code
 line 3 of code
-</code></pre>
-<p>Block code &ldquo;fences&rdquo;</p>
-<pre tabindex="0"><code>Sample text here...
-</code></pre><p>Syntax highlighting</p>
-<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-js" data-lang="js"><span style="display:flex;"><span><span style="color:#66d9ef">var</span> <span style="color:#a6e22e">foo</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">function</span> (<span style="color:#a6e22e">bar</span>) {
-</span></span><span style="display:flex;"><span>  <span style="color:#66d9ef">return</span> <span style="color:#a6e22e">bar</span><span style="color:#f92672">++</span>;
-</span></span><span style="display:flex;"><span>};
-</span></span><span style="display:flex;"><span>
-</span></span><span style="display:flex;"><span><span style="color:#a6e22e">console</span>.<span style="color:#a6e22e">log</span>(<span style="color:#a6e22e">foo</span>(<span style="color:#ae81ff">5</span>));
-</span></span></code></pre></div><h2 id="tables">Tables</h2>
-<table>
-<thead>
-<tr>
-<th>Option</th>
-<th>Description</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>data</td>
-<td>path to data files to supply the data that will be passed into templates.</td>
-</tr>
-<tr>
-<td>engine</td>
-<td>engine to be used for processing templates. Handlebars is the default.</td>
-</tr>
-<tr>
-<td>ext</td>
-<td>extension to be used for dest files.</td>
-</tr>
-</tbody>
-</table>
-<p>Right aligned columns</p>
-<table>
-<thead>
-<tr>
-<th style="text-align:right">Option</th>
-<th style="text-align:right">Description</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td style="text-align:right">data</td>
-<td style="text-align:right">path to data files to supply the data that will be passed into templates.</td>
-</tr>
-<tr>
-<td style="text-align:right">engine</td>
-<td style="text-align:right">engine to be used for processing templates. Handlebars is the default.</td>
-</tr>
-<tr>
-<td style="text-align:right">ext</td>
-<td style="text-align:right">extension to be used for dest files.</td>
-</tr>
-</tbody>
-</table>
-<h2 id="links">Links</h2>
-<p><a href="http://dev.nodeca.com">link text</a></p>
-<p><a href="http://nodeca.github.io/pica/demo/" title="title text!">link with title</a></p>
-<p>Autoconverted link <a href="https://github.com/nodeca/pica">https://github.com/nodeca/pica</a> (enable linkify to see)</p>
-<h2 id="images">Images</h2>
-<p><img src="https://octodex.github.com/images/minion.png" alt="Minion">
-<img src="https://octodex.github.com/images/stormtroopocat.jpg" alt="Stormtroopocat" title="The Stormtroopocat"></p>
-<p>Like links, Images also have a footnote style syntax</p>
-<p><img src="https://octodex.github.com/images/dojocat.jpg" alt="Alt text" title="The Dojocat"></p>
-<p>With a reference later in the document defining the URL location:</p>
-<h2 id="plugins">Plugins</h2>
-<p>The killer feature of <code>markdown-it</code> is very effective support of
-<a href="https://www.npmjs.org/browse/keyword/markdown-it-plugin">syntax plugins</a>.</p>
-<h3 id="emojieshttpsgithubcommarkdown-itmarkdown-it-emoji"><a href="https://github.com/markdown-it/markdown-it-emoji">Emojies</a></h3>
-<blockquote>
-<p>Classic markup: 😉 :crush: 😢 :tear: 😆 😋</p>
-<p>Shortcuts (emoticons): :-) :-( 8-) ;)</p>
-</blockquote>
-<p>see <a href="https://github.com/markdown-it/markdown-it-emoji#change-output">how to change output</a> with twemoji.</p>
-<h3 id="subscripthttpsgithubcommarkdown-itmarkdown-it-sub--superscripthttpsgithubcommarkdown-itmarkdown-it-sup"><a href="https://github.com/markdown-it/markdown-it-sub">Subscript</a> / <a href="https://github.com/markdown-it/markdown-it-sup">Superscript</a></h3>
-<ul>
-<li>19^th^</li>
-<li>H~2~O</li>
-</ul>
-<h3 id="inshttpsgithubcommarkdown-itmarkdown-it-ins"><a href="https://github.com/markdown-it/markdown-it-ins">&lt;ins&gt;</a></h3>
-<p>++Inserted text++</p>
-<h3 id="markhttpsgithubcommarkdown-itmarkdown-it-mark"><a href="https://github.com/markdown-it/markdown-it-mark">&lt;mark&gt;</a></h3>
-<p>==Marked text==</p>
-<h3 id="footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote"><a href="https://github.com/markdown-it/markdown-it-footnote">Footnotes</a></h3>
-<p>Footnote 1 link<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>.</p>
-<p>Footnote 2 link<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
-<p>Inline footnote^[Text of inline footnote] definition.</p>
-<p>Duplicated footnote reference<sup id="fnref1:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
-<h3 id="definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist"><a href="https://github.com/markdown-it/markdown-it-deflist">Definition lists</a></h3>
-<dl>
-<dt>Term 1</dt>
-<dd>
-<p>Definition 1
-with lazy continuation.</p>
-</dd>
-<dt>Term 2 with <em>inline markup</em></dt>
-<dd>
-<p>Definition 2</p>
-<pre><code>{ some code, part of Definition 2 }
-</code></pre>
-<p>Third paragraph of definition 2.</p>
-</dd>
-</dl>
-<p><em>Compact style:</em></p>
-<p>Term 1
-~ Definition 1</p>
-<p>Term 2
+</code></pre><p>Block code &ldquo;fences&rdquo;</p><pre tabindex=0><code>Sample text here...
+</code></pre><p>Syntax highlighting</p><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-js data-lang=js><span style=display:flex><span><span style=color:#66d9ef>var</span> <span style=color:#a6e22e>foo</span> <span style=color:#f92672>=</span> <span style=color:#66d9ef>function</span> (<span style=color:#a6e22e>bar</span>) {
+</span></span><span style=display:flex><span>  <span style=color:#66d9ef>return</span> <span style=color:#a6e22e>bar</span><span style=color:#f92672>++</span>;
+</span></span><span style=display:flex><span>};
+</span></span><span style=display:flex><span>
+</span></span><span style=display:flex><span><span style=color:#a6e22e>console</span>.<span style=color:#a6e22e>log</span>(<span style=color:#a6e22e>foo</span>(<span style=color:#ae81ff>5</span>));
+</span></span></code></pre></div><h2 id=tables>Tables</h2><table><thead><tr><th>Option</th><th>Description</th></tr></thead><tbody><tr><td>data</td><td>path to data files to supply the data that will be passed into templates.</td></tr><tr><td>engine</td><td>engine to be used for processing templates. Handlebars is the default.</td></tr><tr><td>ext</td><td>extension to be used for dest files.</td></tr></tbody></table><p>Right aligned columns</p><table><thead><tr><th style=text-align:right>Option</th><th style=text-align:right>Description</th></tr></thead><tbody><tr><td style=text-align:right>data</td><td style=text-align:right>path to data files to supply the data that will be passed into templates.</td></tr><tr><td style=text-align:right>engine</td><td style=text-align:right>engine to be used for processing templates. Handlebars is the default.</td></tr><tr><td style=text-align:right>ext</td><td style=text-align:right>extension to be used for dest files.</td></tr></tbody></table><h2 id=links>Links</h2><p><a href=http://dev.nodeca.com>link text</a></p><p><a href=http://nodeca.github.io/pica/demo/ title="title text!">link with title</a></p><p>Autoconverted link <a href=https://github.com/nodeca/pica>https://github.com/nodeca/pica</a> (enable linkify to see)</p><h2 id=images>Images</h2><p><img src=https://octodex.github.com/images/minion.png alt=Minion>
+<img src=https://octodex.github.com/images/stormtroopocat.jpg alt=Stormtroopocat title="The Stormtroopocat"></p><p>Like links, Images also have a footnote style syntax</p><p><img src=https://octodex.github.com/images/dojocat.jpg alt="Alt text" title="The Dojocat"></p><p>With a reference later in the document defining the URL location:</p><h2 id=plugins>Plugins</h2><p>The killer feature of <code>markdown-it</code> is very effective support of
+<a href=https://www.npmjs.org/browse/keyword/markdown-it-plugin>syntax plugins</a>.</p><h3 id=emojieshttpsgithubcommarkdown-itmarkdown-it-emoji><a href=https://github.com/markdown-it/markdown-it-emoji>Emojies</a></h3><blockquote><p>Classic markup: 😉 :crush: 😢 :tear: 😆 😋</p><p>Shortcuts (emoticons): :-) :-( 8-) ;)</p></blockquote><p>see <a href=https://github.com/markdown-it/markdown-it-emoji#change-output>how to change output</a> with twemoji.</p><h3 id=subscripthttpsgithubcommarkdown-itmarkdown-it-sub--superscripthttpsgithubcommarkdown-itmarkdown-it-sup><a href=https://github.com/markdown-it/markdown-it-sub>Subscript</a> / <a href=https://github.com/markdown-it/markdown-it-sup>Superscript</a></h3><ul><li>19^th^</li><li>H~2~O</li></ul><h3 id=inshttpsgithubcommarkdown-itmarkdown-it-ins><a href=https://github.com/markdown-it/markdown-it-ins>&lt;ins></a></h3><p>++Inserted text++</p><h3 id=markhttpsgithubcommarkdown-itmarkdown-it-mark><a href=https://github.com/markdown-it/markdown-it-mark>&lt;mark></a></h3><p>==Marked text==</p><h3 id=footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote><a href=https://github.com/markdown-it/markdown-it-footnote>Footnotes</a></h3><p>Footnote 1 link<sup id=fnref:1><a href=#fn:1 class=footnote-ref role=doc-noteref>1</a></sup>.</p><p>Footnote 2 link<sup id=fnref:2><a href=#fn:2 class=footnote-ref role=doc-noteref>2</a></sup>.</p><p>Inline footnote^[Text of inline footnote] definition.</p><p>Duplicated footnote reference<sup id=fnref1:2><a href=#fn:2 class=footnote-ref role=doc-noteref>2</a></sup>.</p><h3 id=definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist><a href=https://github.com/markdown-it/markdown-it-deflist>Definition lists</a></h3><dl><dt>Term 1</dt><dd><p>Definition 1
+with lazy continuation.</p></dd><dt>Term 2 with <em>inline markup</em></dt><dd><p>Definition 2</p><pre><code>{ some code, part of Definition 2 }
+</code></pre><p>Third paragraph of definition 2.</p></dd></dl><p><em>Compact style:</em></p><p>Term 1
+~ Definition 1</p><p>Term 2
 ~ Definition 2a
-~ Definition 2b</p>
-<h3 id="abbreviationshttpsgithubcommarkdown-itmarkdown-it-abbr"><a href="https://github.com/markdown-it/markdown-it-abbr">Abbreviations</a></h3>
-<p>This is HTML abbreviation example.</p>
-<p>It converts &ldquo;HTML&rdquo;, but keep intact partial entries like &ldquo;xxxHTMLyyy&rdquo; and so on.</p>
-<p>*[HTML]: Hyper Text Markup Language</p>
-<h3 id="custom-containershttpsgithubcommarkdown-itmarkdown-it-container"><a href="https://github.com/markdown-it/markdown-it-container">Custom containers</a></h3>
-<p>::: warning
+~ Definition 2b</p><h3 id=abbreviationshttpsgithubcommarkdown-itmarkdown-it-abbr><a href=https://github.com/markdown-it/markdown-it-abbr>Abbreviations</a></h3><p>This is HTML abbreviation example.</p><p>It converts &ldquo;HTML&rdquo;, but keep intact partial entries like &ldquo;xxxHTMLyyy&rdquo; and so on.</p><p>*[HTML]: Hyper Text Markup Language</p><h3 id=custom-containershttpsgithubcommarkdown-itmarkdown-it-container><a href=https://github.com/markdown-it/markdown-it-container>Custom containers</a></h3><p>::: warning
 <em>here be dragons</em>
-:::</p>
-<div class="footnotes" role="doc-endnotes">
-<hr>
-<ol>
-<li id="fn:1">
-<p>Footnote <strong>can have markup</strong></p>
-<p>and multiple paragraphs.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
-</li>
-<li id="fn:2">
-<p>Footnote text.&#160;<a href="#fnref:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a>&#160;<a href="#fnref1:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
-</li>
-</ol>
-</div>
-
-  </div>
-</article>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+:::</p><div class=footnotes role=doc-endnotes><hr><ol><li id=fn:1><p>Footnote <strong>can have markup</strong></p><p>and multiple paragraphs.&#160;<a href=#fnref:1 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a></p></li><li id=fn:2><p>Footnote text.&#160;<a href=#fnref:2 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a>&#160;<a href=#fnref1:2 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a></p></li></ol></div></div></article><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/posts/blog-post-6/index.html b/public/posts/blog-post-6/index.html
index c2f08d4..bb0d1a5 100644
--- a/public/posts/blog-post-6/index.html
+++ b/public/posts/blog-post-6/index.html
@@ -1,538 +1,35 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> Blog Post 6 | TailBliss 
-</title>
-<meta name="description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus." />
-<meta property="og:title" content="Blog Post 6 | TailBliss" />
-<meta name="twitter:title" content="Blog Post 6 | TailBliss" />
-<meta itemprop="name" content="Blog Post 6 | TailBliss" />
-<meta name="application-name" content="Blog Post 6 | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus." />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/posts/blog-post-6/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<article>
-  <header class="mb-4 bg-indigo-600">
-    <span class="py-96">
-      <h1 class="py-16 text-5xl font-black text-center text-white capitalize">
-        Blog Post 6
-      </h1>
-    </span>
-  </header>
-  <div class="max-w-4xl mx-auto mt-8 mb-2">
-    <div class="px-6">
-      
-      
-      
-      
-      
-      
-      <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp" srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w"
-           class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40"
-           width="100%" alt="" />
-      
-      
-    </div>
-  </div>
-  
-  <div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white">
-    <p><strong>Advertisement 😄</strong></p>
-<ul>
-<li><strong><a href="https://nodeca.github.io/pica/demo/">pica</a></strong> - high quality and fast image
-resize in browser.</li>
-<li><strong><a href="https://github.com/nodeca/babelfish/">babelfish</a></strong> - developer friendly
-i18n with plurals support and easy syntax.</li>
-</ul>
-<p>You will like those projects!</p>
-<hr>
-<h1 id="h1-heading-">h1 Heading 😊</h1>
-<h2 id="h2-heading">h2 Heading</h2>
-<h3 id="h3-heading">h3 Heading</h3>
-<h4 id="h4-heading">h4 Heading</h4>
-<h5 id="h5-heading">h5 Heading</h5>
-<h6 id="h6-heading">h6 Heading</h6>
-<h2 id="horizontal-rules">Horizontal Rules</h2>
-<hr>
-<hr>
-<hr>
-<h2 id="typographic-replacements">Typographic replacements</h2>
-<p>Enable typographer option to see result.</p>
-<p>(c) (C) (r) (R) (tm) (TM) (p) (P) +-</p>
-<p>test.. test&hellip; test&hellip;.. test?&hellip;.. test!&hellip;.</p>
-<p>!!!!!! ???? ,,  &ndash; &mdash;</p>
-<p>&ldquo;Smartypants, double quotes&rdquo; and &lsquo;single quotes&rsquo;</p>
-<h2 id="emphasis">Emphasis</h2>
-<p><strong>This is bold text</strong></p>
-<p><strong>This is bold text</strong></p>
-<p><em>This is italic text</em></p>
-<p><em>This is italic text</em></p>
-<p><del>Strikethrough</del></p>
-<h2 id="blockquotes">Blockquotes</h2>
-<blockquote>
-<p>Blockquotes can also be nested&hellip;</p>
-<blockquote>
-<p>&hellip;by using additional greater-than signs right next to each other&hellip;</p>
-<blockquote>
-<p>&hellip;or with spaces between arrows.</p>
-</blockquote>
-</blockquote>
-</blockquote>
-<h2 id="lists">Lists</h2>
-<p>Unordered</p>
-<ul>
-<li>Create a list by starting a line with <code>+</code>, <code>-</code>, or <code>*</code></li>
-<li>Sub-lists are made by indenting 2 spaces:
-<ul>
-<li>Marker character change forces new list start:
-<ul>
-<li>Ac tristique libero volutpat at</li>
-</ul>
-<ul>
-<li>Facilisis in pretium nisl aliquet</li>
-</ul>
-<ul>
-<li>Nulla volutpat aliquam velit</li>
-</ul>
-</li>
-</ul>
-</li>
-<li>Very easy!</li>
-</ul>
-<p>Ordered</p>
-<ol>
-<li>
-<p>Lorem ipsum dolor sit amet</p>
-</li>
-<li>
-<p>Consectetur adipiscing elit</p>
-</li>
-<li>
-<p>Integer molestie lorem at massa</p>
-</li>
-<li>
-<p>You can use sequential numbers&hellip;</p>
-</li>
-<li>
-<p>&hellip;or keep all the numbers as <code>1.</code></p>
-</li>
-</ol>
-<p>Start numbering with offset:</p>
-<ol start="57">
-<li>foo</li>
-<li>bar</li>
-</ol>
-<h2 id="code">Code</h2>
-<p>Inline <code>code</code></p>
-<p>Indented code</p>
-<pre><code>// Some comments
+<!doctype html><html lang=en><head><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>Blog Post 6 | TailBliss</title><meta name=description content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus."><meta property="og:title" content="Blog Post 6 | TailBliss"><meta name=twitter:title content="Blog Post 6 | TailBliss"><meta itemprop=name content="Blog Post 6 | TailBliss"><meta name=application-name content="Blog Post 6 | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus."><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/posts/blog-post-6/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><article><header class="mb-4 bg-indigo-600"><span class=py-96><h1 class="py-16 text-5xl font-black text-center text-white capitalize">Blog Post 6</h1></span></header><div class="max-w-4xl mx-auto mt-8 mb-2"><div class=px-6><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w" class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40" width=100% alt></div></div><div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white"><p><strong>Advertisement 😄</strong></p><ul><li><strong><a href=https://nodeca.github.io/pica/demo/>pica</a></strong> - high quality and fast image
+resize in browser.</li><li><strong><a href=https://github.com/nodeca/babelfish/>babelfish</a></strong> - developer friendly
+i18n with plurals support and easy syntax.</li></ul><p>You will like those projects!</p><hr><h1 id=h1-heading->h1 Heading 😊</h1><h2 id=h2-heading>h2 Heading</h2><h3 id=h3-heading>h3 Heading</h3><h4 id=h4-heading>h4 Heading</h4><h5 id=h5-heading>h5 Heading</h5><h6 id=h6-heading>h6 Heading</h6><h2 id=horizontal-rules>Horizontal Rules</h2><hr><hr><hr><h2 id=typographic-replacements>Typographic replacements</h2><p>Enable typographer option to see result.</p><p>(c) (C) (r) (R) (tm) (TM) (p) (P) +-</p><p>test.. test&mldr; test&mldr;.. test?&mldr;.. test!&mldr;.</p><p>!!!!!! ???? ,, &ndash; &mdash;</p><p>&ldquo;Smartypants, double quotes&rdquo; and &lsquo;single quotes&rsquo;</p><h2 id=emphasis>Emphasis</h2><p><strong>This is bold text</strong></p><p><strong>This is bold text</strong></p><p><em>This is italic text</em></p><p><em>This is italic text</em></p><p><del>Strikethrough</del></p><h2 id=blockquotes>Blockquotes</h2><blockquote><p>Blockquotes can also be nested&mldr;</p><blockquote><p>&mldr;by using additional greater-than signs right next to each other&mldr;</p><blockquote><p>&mldr;or with spaces between arrows.</p></blockquote></blockquote></blockquote><h2 id=lists>Lists</h2><p>Unordered</p><ul><li>Create a list by starting a line with <code>+</code>, <code>-</code>, or <code>*</code></li><li>Sub-lists are made by indenting 2 spaces:<ul><li>Marker character change forces new list start:<ul><li>Ac tristique libero volutpat at</li></ul><ul><li>Facilisis in pretium nisl aliquet</li></ul><ul><li>Nulla volutpat aliquam velit</li></ul></li></ul></li><li>Very easy!</li></ul><p>Ordered</p><ol><li><p>Lorem ipsum dolor sit amet</p></li><li><p>Consectetur adipiscing elit</p></li><li><p>Integer molestie lorem at massa</p></li><li><p>You can use sequential numbers&mldr;</p></li><li><p>&mldr;or keep all the numbers as <code>1.</code></p></li></ol><p>Start numbering with offset:</p><ol start=57><li>foo</li><li>bar</li></ol><h2 id=code>Code</h2><p>Inline <code>code</code></p><p>Indented code</p><pre><code>// Some comments
 line 1 of code
 line 2 of code
 line 3 of code
-</code></pre>
-<p>Block code &ldquo;fences&rdquo;</p>
-<pre tabindex="0"><code>Sample text here...
-</code></pre><p>Syntax highlighting</p>
-<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-js" data-lang="js"><span style="display:flex;"><span><span style="color:#66d9ef">var</span> <span style="color:#a6e22e">foo</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">function</span> (<span style="color:#a6e22e">bar</span>) {
-</span></span><span style="display:flex;"><span>  <span style="color:#66d9ef">return</span> <span style="color:#a6e22e">bar</span><span style="color:#f92672">++</span>;
-</span></span><span style="display:flex;"><span>};
-</span></span><span style="display:flex;"><span>
-</span></span><span style="display:flex;"><span><span style="color:#a6e22e">console</span>.<span style="color:#a6e22e">log</span>(<span style="color:#a6e22e">foo</span>(<span style="color:#ae81ff">5</span>));
-</span></span></code></pre></div><h2 id="tables">Tables</h2>
-<table>
-<thead>
-<tr>
-<th>Option</th>
-<th>Description</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>data</td>
-<td>path to data files to supply the data that will be passed into templates.</td>
-</tr>
-<tr>
-<td>engine</td>
-<td>engine to be used for processing templates. Handlebars is the default.</td>
-</tr>
-<tr>
-<td>ext</td>
-<td>extension to be used for dest files.</td>
-</tr>
-</tbody>
-</table>
-<p>Right aligned columns</p>
-<table>
-<thead>
-<tr>
-<th style="text-align:right">Option</th>
-<th style="text-align:right">Description</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td style="text-align:right">data</td>
-<td style="text-align:right">path to data files to supply the data that will be passed into templates.</td>
-</tr>
-<tr>
-<td style="text-align:right">engine</td>
-<td style="text-align:right">engine to be used for processing templates. Handlebars is the default.</td>
-</tr>
-<tr>
-<td style="text-align:right">ext</td>
-<td style="text-align:right">extension to be used for dest files.</td>
-</tr>
-</tbody>
-</table>
-<h2 id="links">Links</h2>
-<p><a href="http://dev.nodeca.com">link text</a></p>
-<p><a href="http://nodeca.github.io/pica/demo/" title="title text!">link with title</a></p>
-<p>Autoconverted link <a href="https://github.com/nodeca/pica">https://github.com/nodeca/pica</a> (enable linkify to see)</p>
-<h2 id="images">Images</h2>
-<p><img src="https://octodex.github.com/images/minion.png" alt="Minion">
-<img src="https://octodex.github.com/images/stormtroopocat.jpg" alt="Stormtroopocat" title="The Stormtroopocat"></p>
-<p>Like links, Images also have a footnote style syntax</p>
-<p><img src="https://octodex.github.com/images/dojocat.jpg" alt="Alt text" title="The Dojocat"></p>
-<p>With a reference later in the document defining the URL location:</p>
-<h2 id="plugins">Plugins</h2>
-<p>The killer feature of <code>markdown-it</code> is very effective support of
-<a href="https://www.npmjs.org/browse/keyword/markdown-it-plugin">syntax plugins</a>.</p>
-<h3 id="emojieshttpsgithubcommarkdown-itmarkdown-it-emoji"><a href="https://github.com/markdown-it/markdown-it-emoji">Emojies</a></h3>
-<blockquote>
-<p>Classic markup: 😉 :crush: 😢 :tear: 😆 😋</p>
-<p>Shortcuts (emoticons): :-) :-( 8-) ;)</p>
-</blockquote>
-<p>see <a href="https://github.com/markdown-it/markdown-it-emoji#change-output">how to change output</a> with twemoji.</p>
-<h3 id="subscripthttpsgithubcommarkdown-itmarkdown-it-sub--superscripthttpsgithubcommarkdown-itmarkdown-it-sup"><a href="https://github.com/markdown-it/markdown-it-sub">Subscript</a> / <a href="https://github.com/markdown-it/markdown-it-sup">Superscript</a></h3>
-<ul>
-<li>19^th^</li>
-<li>H~2~O</li>
-</ul>
-<h3 id="inshttpsgithubcommarkdown-itmarkdown-it-ins"><a href="https://github.com/markdown-it/markdown-it-ins">&lt;ins&gt;</a></h3>
-<p>++Inserted text++</p>
-<h3 id="markhttpsgithubcommarkdown-itmarkdown-it-mark"><a href="https://github.com/markdown-it/markdown-it-mark">&lt;mark&gt;</a></h3>
-<p>==Marked text==</p>
-<h3 id="footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote"><a href="https://github.com/markdown-it/markdown-it-footnote">Footnotes</a></h3>
-<p>Footnote 1 link<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>.</p>
-<p>Footnote 2 link<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
-<p>Inline footnote^[Text of inline footnote] definition.</p>
-<p>Duplicated footnote reference<sup id="fnref1:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
-<h3 id="definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist"><a href="https://github.com/markdown-it/markdown-it-deflist">Definition lists</a></h3>
-<dl>
-<dt>Term 1</dt>
-<dd>
-<p>Definition 1
-with lazy continuation.</p>
-</dd>
-<dt>Term 2 with <em>inline markup</em></dt>
-<dd>
-<p>Definition 2</p>
-<pre><code>{ some code, part of Definition 2 }
-</code></pre>
-<p>Third paragraph of definition 2.</p>
-</dd>
-</dl>
-<p><em>Compact style:</em></p>
-<p>Term 1
-~ Definition 1</p>
-<p>Term 2
+</code></pre><p>Block code &ldquo;fences&rdquo;</p><pre tabindex=0><code>Sample text here...
+</code></pre><p>Syntax highlighting</p><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-js data-lang=js><span style=display:flex><span><span style=color:#66d9ef>var</span> <span style=color:#a6e22e>foo</span> <span style=color:#f92672>=</span> <span style=color:#66d9ef>function</span> (<span style=color:#a6e22e>bar</span>) {
+</span></span><span style=display:flex><span>  <span style=color:#66d9ef>return</span> <span style=color:#a6e22e>bar</span><span style=color:#f92672>++</span>;
+</span></span><span style=display:flex><span>};
+</span></span><span style=display:flex><span>
+</span></span><span style=display:flex><span><span style=color:#a6e22e>console</span>.<span style=color:#a6e22e>log</span>(<span style=color:#a6e22e>foo</span>(<span style=color:#ae81ff>5</span>));
+</span></span></code></pre></div><h2 id=tables>Tables</h2><table><thead><tr><th>Option</th><th>Description</th></tr></thead><tbody><tr><td>data</td><td>path to data files to supply the data that will be passed into templates.</td></tr><tr><td>engine</td><td>engine to be used for processing templates. Handlebars is the default.</td></tr><tr><td>ext</td><td>extension to be used for dest files.</td></tr></tbody></table><p>Right aligned columns</p><table><thead><tr><th style=text-align:right>Option</th><th style=text-align:right>Description</th></tr></thead><tbody><tr><td style=text-align:right>data</td><td style=text-align:right>path to data files to supply the data that will be passed into templates.</td></tr><tr><td style=text-align:right>engine</td><td style=text-align:right>engine to be used for processing templates. Handlebars is the default.</td></tr><tr><td style=text-align:right>ext</td><td style=text-align:right>extension to be used for dest files.</td></tr></tbody></table><h2 id=links>Links</h2><p><a href=http://dev.nodeca.com>link text</a></p><p><a href=http://nodeca.github.io/pica/demo/ title="title text!">link with title</a></p><p>Autoconverted link <a href=https://github.com/nodeca/pica>https://github.com/nodeca/pica</a> (enable linkify to see)</p><h2 id=images>Images</h2><p><img src=https://octodex.github.com/images/minion.png alt=Minion>
+<img src=https://octodex.github.com/images/stormtroopocat.jpg alt=Stormtroopocat title="The Stormtroopocat"></p><p>Like links, Images also have a footnote style syntax</p><p><img src=https://octodex.github.com/images/dojocat.jpg alt="Alt text" title="The Dojocat"></p><p>With a reference later in the document defining the URL location:</p><h2 id=plugins>Plugins</h2><p>The killer feature of <code>markdown-it</code> is very effective support of
+<a href=https://www.npmjs.org/browse/keyword/markdown-it-plugin>syntax plugins</a>.</p><h3 id=emojieshttpsgithubcommarkdown-itmarkdown-it-emoji><a href=https://github.com/markdown-it/markdown-it-emoji>Emojies</a></h3><blockquote><p>Classic markup: 😉 :crush: 😢 :tear: 😆 😋</p><p>Shortcuts (emoticons): :-) :-( 8-) ;)</p></blockquote><p>see <a href=https://github.com/markdown-it/markdown-it-emoji#change-output>how to change output</a> with twemoji.</p><h3 id=subscripthttpsgithubcommarkdown-itmarkdown-it-sub--superscripthttpsgithubcommarkdown-itmarkdown-it-sup><a href=https://github.com/markdown-it/markdown-it-sub>Subscript</a> / <a href=https://github.com/markdown-it/markdown-it-sup>Superscript</a></h3><ul><li>19^th^</li><li>H~2~O</li></ul><h3 id=inshttpsgithubcommarkdown-itmarkdown-it-ins><a href=https://github.com/markdown-it/markdown-it-ins>&lt;ins></a></h3><p>++Inserted text++</p><h3 id=markhttpsgithubcommarkdown-itmarkdown-it-mark><a href=https://github.com/markdown-it/markdown-it-mark>&lt;mark></a></h3><p>==Marked text==</p><h3 id=footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote><a href=https://github.com/markdown-it/markdown-it-footnote>Footnotes</a></h3><p>Footnote 1 link<sup id=fnref:1><a href=#fn:1 class=footnote-ref role=doc-noteref>1</a></sup>.</p><p>Footnote 2 link<sup id=fnref:2><a href=#fn:2 class=footnote-ref role=doc-noteref>2</a></sup>.</p><p>Inline footnote^[Text of inline footnote] definition.</p><p>Duplicated footnote reference<sup id=fnref1:2><a href=#fn:2 class=footnote-ref role=doc-noteref>2</a></sup>.</p><h3 id=definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist><a href=https://github.com/markdown-it/markdown-it-deflist>Definition lists</a></h3><dl><dt>Term 1</dt><dd><p>Definition 1
+with lazy continuation.</p></dd><dt>Term 2 with <em>inline markup</em></dt><dd><p>Definition 2</p><pre><code>{ some code, part of Definition 2 }
+</code></pre><p>Third paragraph of definition 2.</p></dd></dl><p><em>Compact style:</em></p><p>Term 1
+~ Definition 1</p><p>Term 2
 ~ Definition 2a
-~ Definition 2b</p>
-<h3 id="abbreviationshttpsgithubcommarkdown-itmarkdown-it-abbr"><a href="https://github.com/markdown-it/markdown-it-abbr">Abbreviations</a></h3>
-<p>This is HTML abbreviation example.</p>
-<p>It converts &ldquo;HTML&rdquo;, but keep intact partial entries like &ldquo;xxxHTMLyyy&rdquo; and so on.</p>
-<p>*[HTML]: Hyper Text Markup Language</p>
-<h3 id="custom-containershttpsgithubcommarkdown-itmarkdown-it-container"><a href="https://github.com/markdown-it/markdown-it-container">Custom containers</a></h3>
-<p>::: warning
+~ Definition 2b</p><h3 id=abbreviationshttpsgithubcommarkdown-itmarkdown-it-abbr><a href=https://github.com/markdown-it/markdown-it-abbr>Abbreviations</a></h3><p>This is HTML abbreviation example.</p><p>It converts &ldquo;HTML&rdquo;, but keep intact partial entries like &ldquo;xxxHTMLyyy&rdquo; and so on.</p><p>*[HTML]: Hyper Text Markup Language</p><h3 id=custom-containershttpsgithubcommarkdown-itmarkdown-it-container><a href=https://github.com/markdown-it/markdown-it-container>Custom containers</a></h3><p>::: warning
 <em>here be dragons</em>
-:::</p>
-<div class="footnotes" role="doc-endnotes">
-<hr>
-<ol>
-<li id="fn:1">
-<p>Footnote <strong>can have markup</strong></p>
-<p>and multiple paragraphs.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
-</li>
-<li id="fn:2">
-<p>Footnote text.&#160;<a href="#fnref:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a>&#160;<a href="#fnref1:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
-</li>
-</ol>
-</div>
-
-  </div>
-</article>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+:::</p><div class=footnotes role=doc-endnotes><hr><ol><li id=fn:1><p>Footnote <strong>can have markup</strong></p><p>and multiple paragraphs.&#160;<a href=#fnref:1 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a></p></li><li id=fn:2><p>Footnote text.&#160;<a href=#fnref:2 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a>&#160;<a href=#fnref1:2 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a></p></li></ol></div></div></article><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/posts/index.html b/public/posts/index.html
index 78fe06b..0b4dfe7 100644
--- a/public/posts/index.html
+++ b/public/posts/index.html
@@ -1,791 +1,62 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> Posts | TailBliss 
-</title>
-<meta name="description" content="TailBliss is Hugo Starter" />
-<meta property="og:title" content="Posts | TailBliss" />
-<meta name="twitter:title" content="Posts | TailBliss" />
-<meta itemprop="name" content="Posts | TailBliss" />
-<meta name="application-name" content="Posts | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="TailBliss is Hugo Starter" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/posts/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<main>
-    <article>
-        <header class="mb-4 bg-indigo-600">
-            <span class="py-96">
-                <h1 class="py-16 text-5xl font-black text-center text-white capitalize">
-                    Posts
-                </h1>
-            </span>
-        </header>
-        
-        <div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50">
-    <div class="px-4 not-prose">
-        <div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3">
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/blog-post-1/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            Blog Post 1
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/blog/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2022-06-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/news-post-1/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            News Post 1
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/news/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2022-05-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/news-post-2/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            News Post 2
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/news/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2022-04-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/news-post-4/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            News Post 4
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/news/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2022-03-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/news-post-5/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            News Post 5
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/news/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2022-03-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/news-post-6/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            News Post 6
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/news/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2022-03-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/blog-post-2/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            Blog Post 2
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/blog/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2021-12-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/blog-post-3/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            Blog Post 3
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/blog/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2021-12-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/blog-post-4/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            Blog Post 4
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/blog/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2021-12-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-        </div>
-    </div>
-</div>
-    </article>
-    <div class="max-w-xl mx-auto my-16">
-        
-
-
-
-<nav class="flex items-center justify-center px-4 sm:px-0">
-    <div class="flex flex-1 w-0">
-        <div class="mx-auto border-t-2 border-indigo-300">
-            
-            
-
-            
-
-            
-            
-            
-            <a class="font-black page-item active"><a href="https://tailbliss.vercel.app/posts/"
-                    class="inline-flex items-center px-4 pt-4 text-lg font-medium text-indigo-600 dark:text-indigo-400">1</a>
-            </a>
-            
-            
-            
-            
-            
-            <a class="page-item"><a href="https://tailbliss.vercel.app/posts/page/2/"
-                    class="inline-flex items-center px-4 pt-4 text-lg font-medium text-indigo-600 dark:text-indigo-400">2</a>
-            </a>
-            
-            
-
-            
-            <a class="page-item"><a href="https://tailbliss.vercel.app/posts/page/2/" rel="next"
-                    class="inline-flex items-center px-4 pt-4 text-lg font-black text-indigo-600 dark:text-indigo-400">Next
-                    ›</a></a>
-            
-
-            
-            
-        </div>
-</nav>
-
-    </div>
-</main>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+<!doctype html><html lang=en><head><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>Posts | TailBliss</title><meta name=description content="TailBliss is Hugo Starter"><meta property="og:title" content="Posts | TailBliss"><meta name=twitter:title content="Posts | TailBliss"><meta itemprop=name content="Posts | TailBliss"><meta name=application-name content="Posts | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="TailBliss is Hugo Starter"><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/posts/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><main><article><header class="mb-4 bg-indigo-600"><span class=py-96><h1 class="py-16 text-5xl font-black text-center text-white capitalize">Posts</h1></span></header><div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50"><div class="px-4 not-prose"><div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3"><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/blog-post-1/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Blog Post 1</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/blog/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-06-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/news-post-1/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">News Post 1</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/news/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-05-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/news-post-2/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">News Post 2</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/news/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-04-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/news-post-4/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">News Post 4</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/news/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-03-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/news-post-5/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">News Post 5</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/news/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-03-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/news-post-6/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">News Post 6</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/news/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-03-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/blog-post-2/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Blog Post 2</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/blog/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2021-12-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/blog-post-3/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Blog Post 3</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/blog/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2021-12-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/blog-post-4/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Blog Post 4</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/blog/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2021-12-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div></div></div></div></article><div class="max-w-xl mx-auto my-16"><nav class="flex items-center justify-center px-4 sm:px-0"><div class="flex flex-1 w-0"><div class="mx-auto border-t-2 border-indigo-300"><a class="font-black page-item active"><a href=https://tailbliss.netlify.app/posts/ class="inline-flex items-center px-4 pt-4 text-lg font-medium text-indigo-600 dark:text-indigo-400">1</a></a>
+<a class=page-item><a href=https://tailbliss.netlify.app/posts/page/2/ class="inline-flex items-center px-4 pt-4 text-lg font-medium text-indigo-600 dark:text-indigo-400">2</a></a>
+<a class=page-item><a href=https://tailbliss.netlify.app/posts/page/2/ rel=next class="inline-flex items-center px-4 pt-4 text-lg font-black text-indigo-600 dark:text-indigo-400">Next
+›</a></a></div></nav></div></main><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/posts/index.xml b/public/posts/index.xml
index 6944560..573f254 100644
--- a/public/posts/index.xml
+++ b/public/posts/index.xml
@@ -1,119 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Posts on TailBliss</title>
-    <link>https://tailbliss.vercel.app/posts/</link>
-    <description>Recent content in Posts on TailBliss</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <lastBuildDate>Sat, 18 Jun 2022 11:10:36 +0800</lastBuildDate><atom:link href="https://tailbliss.vercel.app/posts/index.xml" rel="self" type="application/rss+xml" />
-    <item>
-      <title>Blog Post 1</title>
-      <link>https://tailbliss.vercel.app/posts/blog-post-1/</link>
-      <pubDate>Sat, 18 Jun 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/blog-post-1/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>News Post 1</title>
-      <link>https://tailbliss.vercel.app/posts/news-post-1/</link>
-      <pubDate>Wed, 18 May 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/news-post-1/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>News Post 2</title>
-      <link>https://tailbliss.vercel.app/posts/news-post-2/</link>
-      <pubDate>Mon, 18 Apr 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/news-post-2/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>News Post 4</title>
-      <link>https://tailbliss.vercel.app/posts/news-post-4/</link>
-      <pubDate>Fri, 18 Mar 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/news-post-4/</guid>
-      <description>&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.&lt;/p&gt;</description>
-    </item>
-    
-    <item>
-      <title>News Post 5</title>
-      <link>https://tailbliss.vercel.app/posts/news-post-5/</link>
-      <pubDate>Fri, 18 Mar 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/news-post-5/</guid>
-      <description>&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.&lt;/p&gt;</description>
-    </item>
-    
-    <item>
-      <title>News Post 6</title>
-      <link>https://tailbliss.vercel.app/posts/news-post-6/</link>
-      <pubDate>Fri, 18 Mar 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/news-post-6/</guid>
-      <description>&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.&lt;/p&gt;</description>
-    </item>
-    
-    <item>
-      <title>Blog Post 2</title>
-      <link>https://tailbliss.vercel.app/posts/blog-post-2/</link>
-      <pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/blog-post-2/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>Blog Post 3</title>
-      <link>https://tailbliss.vercel.app/posts/blog-post-3/</link>
-      <pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/blog-post-3/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>Blog Post 4</title>
-      <link>https://tailbliss.vercel.app/posts/blog-post-4/</link>
-      <pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/blog-post-4/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>Blog Post 5</title>
-      <link>https://tailbliss.vercel.app/posts/blog-post-5/</link>
-      <pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/blog-post-5/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>Blog Post 6</title>
-      <link>https://tailbliss.vercel.app/posts/blog-post-6/</link>
-      <pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/blog-post-6/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>News Post 3</title>
-      <link>https://tailbliss.vercel.app/posts/news-post-3/</link>
-      <pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/news-post-3/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-  </channel>
-</rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Posts on TailBliss</title><link>https://tailbliss.netlify.app/posts/</link><description>Recent content in Posts on TailBliss</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Sat, 18 Jun 2022 11:10:36 +0800</lastBuildDate><atom:link href="https://tailbliss.netlify.app/posts/index.xml" rel="self" type="application/rss+xml"/><item><title>Blog Post 1</title><link>https://tailbliss.netlify.app/posts/blog-post-1/</link><pubDate>Sat, 18 Jun 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/blog-post-1/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>News Post 1</title><link>https://tailbliss.netlify.app/posts/news-post-1/</link><pubDate>Wed, 18 May 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/news-post-1/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>News Post 2</title><link>https://tailbliss.netlify.app/posts/news-post-2/</link><pubDate>Mon, 18 Apr 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/news-post-2/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>News Post 4</title><link>https://tailbliss.netlify.app/posts/news-post-4/</link><pubDate>Fri, 18 Mar 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/news-post-4/</guid><description>&lt;p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.&lt;/p></description></item><item><title>News Post 5</title><link>https://tailbliss.netlify.app/posts/news-post-5/</link><pubDate>Fri, 18 Mar 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/news-post-5/</guid><description>&lt;p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.&lt;/p></description></item><item><title>News Post 6</title><link>https://tailbliss.netlify.app/posts/news-post-6/</link><pubDate>Fri, 18 Mar 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/news-post-6/</guid><description>&lt;p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.&lt;/p></description></item><item><title>Blog Post 2</title><link>https://tailbliss.netlify.app/posts/blog-post-2/</link><pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/blog-post-2/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>Blog Post 3</title><link>https://tailbliss.netlify.app/posts/blog-post-3/</link><pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/blog-post-3/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>Blog Post 4</title><link>https://tailbliss.netlify.app/posts/blog-post-4/</link><pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/blog-post-4/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>Blog Post 5</title><link>https://tailbliss.netlify.app/posts/blog-post-5/</link><pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/blog-post-5/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>Blog Post 6</title><link>https://tailbliss.netlify.app/posts/blog-post-6/</link><pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/blog-post-6/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>News Post 3</title><link>https://tailbliss.netlify.app/posts/news-post-3/</link><pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/news-post-3/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item></channel></rss>
\ No newline at end of file
diff --git a/public/posts/news-post-1/index.html b/public/posts/news-post-1/index.html
index 956a602..d548bcd 100644
--- a/public/posts/news-post-1/index.html
+++ b/public/posts/news-post-1/index.html
@@ -1,538 +1,35 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> News Post 1 | TailBliss 
-</title>
-<meta name="description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus." />
-<meta property="og:title" content="News Post 1 | TailBliss" />
-<meta name="twitter:title" content="News Post 1 | TailBliss" />
-<meta itemprop="name" content="News Post 1 | TailBliss" />
-<meta name="application-name" content="News Post 1 | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus." />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/posts/news-post-1/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<article>
-  <header class="mb-4 bg-indigo-600">
-    <span class="py-96">
-      <h1 class="py-16 text-5xl font-black text-center text-white capitalize">
-        News Post 1
-      </h1>
-    </span>
-  </header>
-  <div class="max-w-4xl mx-auto mt-8 mb-2">
-    <div class="px-6">
-      
-      
-      
-      
-      
-      
-      <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp" srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w"
-           class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40"
-           width="100%" alt="" />
-      
-      
-    </div>
-  </div>
-  
-  <div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white">
-    <p><strong>Advertisement 😄</strong></p>
-<ul>
-<li><strong><a href="https://nodeca.github.io/pica/demo/">pica</a></strong> - high quality and fast image
-resize in browser.</li>
-<li><strong><a href="https://github.com/nodeca/babelfish/">babelfish</a></strong> - developer friendly
-i18n with plurals support and easy syntax.</li>
-</ul>
-<p>You will like those projects!</p>
-<hr>
-<h1 id="h1-heading-">h1 Heading 😊</h1>
-<h2 id="h2-heading">h2 Heading</h2>
-<h3 id="h3-heading">h3 Heading</h3>
-<h4 id="h4-heading">h4 Heading</h4>
-<h5 id="h5-heading">h5 Heading</h5>
-<h6 id="h6-heading">h6 Heading</h6>
-<h2 id="horizontal-rules">Horizontal Rules</h2>
-<hr>
-<hr>
-<hr>
-<h2 id="typographic-replacements">Typographic replacements</h2>
-<p>Enable typographer option to see result.</p>
-<p>(c) (C) (r) (R) (tm) (TM) (p) (P) +-</p>
-<p>test.. test&hellip; test&hellip;.. test?&hellip;.. test!&hellip;.</p>
-<p>!!!!!! ???? ,,  &ndash; &mdash;</p>
-<p>&ldquo;Smartypants, double quotes&rdquo; and &lsquo;single quotes&rsquo;</p>
-<h2 id="emphasis">Emphasis</h2>
-<p><strong>This is bold text</strong></p>
-<p><strong>This is bold text</strong></p>
-<p><em>This is italic text</em></p>
-<p><em>This is italic text</em></p>
-<p><del>Strikethrough</del></p>
-<h2 id="blockquotes">Blockquotes</h2>
-<blockquote>
-<p>Blockquotes can also be nested&hellip;</p>
-<blockquote>
-<p>&hellip;by using additional greater-than signs right next to each other&hellip;</p>
-<blockquote>
-<p>&hellip;or with spaces between arrows.</p>
-</blockquote>
-</blockquote>
-</blockquote>
-<h2 id="lists">Lists</h2>
-<p>Unordered</p>
-<ul>
-<li>Create a list by starting a line with <code>+</code>, <code>-</code>, or <code>*</code></li>
-<li>Sub-lists are made by indenting 2 spaces:
-<ul>
-<li>Marker character change forces new list start:
-<ul>
-<li>Ac tristique libero volutpat at</li>
-</ul>
-<ul>
-<li>Facilisis in pretium nisl aliquet</li>
-</ul>
-<ul>
-<li>Nulla volutpat aliquam velit</li>
-</ul>
-</li>
-</ul>
-</li>
-<li>Very easy!</li>
-</ul>
-<p>Ordered</p>
-<ol>
-<li>
-<p>Lorem ipsum dolor sit amet</p>
-</li>
-<li>
-<p>Consectetur adipiscing elit</p>
-</li>
-<li>
-<p>Integer molestie lorem at massa</p>
-</li>
-<li>
-<p>You can use sequential numbers&hellip;</p>
-</li>
-<li>
-<p>&hellip;or keep all the numbers as <code>1.</code></p>
-</li>
-</ol>
-<p>Start numbering with offset:</p>
-<ol start="57">
-<li>foo</li>
-<li>bar</li>
-</ol>
-<h2 id="code">Code</h2>
-<p>Inline <code>code</code></p>
-<p>Indented code</p>
-<pre><code>// Some comments
+<!doctype html><html lang=en><head><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>News Post 1 | TailBliss</title><meta name=description content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus."><meta property="og:title" content="News Post 1 | TailBliss"><meta name=twitter:title content="News Post 1 | TailBliss"><meta itemprop=name content="News Post 1 | TailBliss"><meta name=application-name content="News Post 1 | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus."><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/posts/news-post-1/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><article><header class="mb-4 bg-indigo-600"><span class=py-96><h1 class="py-16 text-5xl font-black text-center text-white capitalize">News Post 1</h1></span></header><div class="max-w-4xl mx-auto mt-8 mb-2"><div class=px-6><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w" class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40" width=100% alt></div></div><div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white"><p><strong>Advertisement 😄</strong></p><ul><li><strong><a href=https://nodeca.github.io/pica/demo/>pica</a></strong> - high quality and fast image
+resize in browser.</li><li><strong><a href=https://github.com/nodeca/babelfish/>babelfish</a></strong> - developer friendly
+i18n with plurals support and easy syntax.</li></ul><p>You will like those projects!</p><hr><h1 id=h1-heading->h1 Heading 😊</h1><h2 id=h2-heading>h2 Heading</h2><h3 id=h3-heading>h3 Heading</h3><h4 id=h4-heading>h4 Heading</h4><h5 id=h5-heading>h5 Heading</h5><h6 id=h6-heading>h6 Heading</h6><h2 id=horizontal-rules>Horizontal Rules</h2><hr><hr><hr><h2 id=typographic-replacements>Typographic replacements</h2><p>Enable typographer option to see result.</p><p>(c) (C) (r) (R) (tm) (TM) (p) (P) +-</p><p>test.. test&mldr; test&mldr;.. test?&mldr;.. test!&mldr;.</p><p>!!!!!! ???? ,, &ndash; &mdash;</p><p>&ldquo;Smartypants, double quotes&rdquo; and &lsquo;single quotes&rsquo;</p><h2 id=emphasis>Emphasis</h2><p><strong>This is bold text</strong></p><p><strong>This is bold text</strong></p><p><em>This is italic text</em></p><p><em>This is italic text</em></p><p><del>Strikethrough</del></p><h2 id=blockquotes>Blockquotes</h2><blockquote><p>Blockquotes can also be nested&mldr;</p><blockquote><p>&mldr;by using additional greater-than signs right next to each other&mldr;</p><blockquote><p>&mldr;or with spaces between arrows.</p></blockquote></blockquote></blockquote><h2 id=lists>Lists</h2><p>Unordered</p><ul><li>Create a list by starting a line with <code>+</code>, <code>-</code>, or <code>*</code></li><li>Sub-lists are made by indenting 2 spaces:<ul><li>Marker character change forces new list start:<ul><li>Ac tristique libero volutpat at</li></ul><ul><li>Facilisis in pretium nisl aliquet</li></ul><ul><li>Nulla volutpat aliquam velit</li></ul></li></ul></li><li>Very easy!</li></ul><p>Ordered</p><ol><li><p>Lorem ipsum dolor sit amet</p></li><li><p>Consectetur adipiscing elit</p></li><li><p>Integer molestie lorem at massa</p></li><li><p>You can use sequential numbers&mldr;</p></li><li><p>&mldr;or keep all the numbers as <code>1.</code></p></li></ol><p>Start numbering with offset:</p><ol start=57><li>foo</li><li>bar</li></ol><h2 id=code>Code</h2><p>Inline <code>code</code></p><p>Indented code</p><pre><code>// Some comments
 line 1 of code
 line 2 of code
 line 3 of code
-</code></pre>
-<p>Block code &ldquo;fences&rdquo;</p>
-<pre tabindex="0"><code>Sample text here...
-</code></pre><p>Syntax highlighting</p>
-<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-js" data-lang="js"><span style="display:flex;"><span><span style="color:#66d9ef">var</span> <span style="color:#a6e22e">foo</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">function</span> (<span style="color:#a6e22e">bar</span>) {
-</span></span><span style="display:flex;"><span>  <span style="color:#66d9ef">return</span> <span style="color:#a6e22e">bar</span><span style="color:#f92672">++</span>;
-</span></span><span style="display:flex;"><span>};
-</span></span><span style="display:flex;"><span>
-</span></span><span style="display:flex;"><span><span style="color:#a6e22e">console</span>.<span style="color:#a6e22e">log</span>(<span style="color:#a6e22e">foo</span>(<span style="color:#ae81ff">5</span>));
-</span></span></code></pre></div><h2 id="tables">Tables</h2>
-<table>
-<thead>
-<tr>
-<th>Option</th>
-<th>Description</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>data</td>
-<td>path to data files to supply the data that will be passed into templates.</td>
-</tr>
-<tr>
-<td>engine</td>
-<td>engine to be used for processing templates. Handlebars is the default.</td>
-</tr>
-<tr>
-<td>ext</td>
-<td>extension to be used for dest files.</td>
-</tr>
-</tbody>
-</table>
-<p>Right aligned columns</p>
-<table>
-<thead>
-<tr>
-<th style="text-align:right">Option</th>
-<th style="text-align:right">Description</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td style="text-align:right">data</td>
-<td style="text-align:right">path to data files to supply the data that will be passed into templates.</td>
-</tr>
-<tr>
-<td style="text-align:right">engine</td>
-<td style="text-align:right">engine to be used for processing templates. Handlebars is the default.</td>
-</tr>
-<tr>
-<td style="text-align:right">ext</td>
-<td style="text-align:right">extension to be used for dest files.</td>
-</tr>
-</tbody>
-</table>
-<h2 id="links">Links</h2>
-<p><a href="http://dev.nodeca.com">link text</a></p>
-<p><a href="http://nodeca.github.io/pica/demo/" title="title text!">link with title</a></p>
-<p>Autoconverted link <a href="https://github.com/nodeca/pica">https://github.com/nodeca/pica</a> (enable linkify to see)</p>
-<h2 id="images">Images</h2>
-<p><img src="https://octodex.github.com/images/minion.png" alt="Minion">
-<img src="https://octodex.github.com/images/stormtroopocat.jpg" alt="Stormtroopocat" title="The Stormtroopocat"></p>
-<p>Like links, Images also have a footnote style syntax</p>
-<p><img src="https://octodex.github.com/images/dojocat.jpg" alt="Alt text" title="The Dojocat"></p>
-<p>With a reference later in the document defining the URL location:</p>
-<h2 id="plugins">Plugins</h2>
-<p>The killer feature of <code>markdown-it</code> is very effective support of
-<a href="https://www.npmjs.org/browse/keyword/markdown-it-plugin">syntax plugins</a>.</p>
-<h3 id="emojieshttpsgithubcommarkdown-itmarkdown-it-emoji"><a href="https://github.com/markdown-it/markdown-it-emoji">Emojies</a></h3>
-<blockquote>
-<p>Classic markup: 😉 :crush: 😢 :tear: 😆 😋</p>
-<p>Shortcuts (emoticons): :-) :-( 8-) ;)</p>
-</blockquote>
-<p>see <a href="https://github.com/markdown-it/markdown-it-emoji#change-output">how to change output</a> with twemoji.</p>
-<h3 id="subscripthttpsgithubcommarkdown-itmarkdown-it-sub--superscripthttpsgithubcommarkdown-itmarkdown-it-sup"><a href="https://github.com/markdown-it/markdown-it-sub">Subscript</a> / <a href="https://github.com/markdown-it/markdown-it-sup">Superscript</a></h3>
-<ul>
-<li>19^th^</li>
-<li>H~2~O</li>
-</ul>
-<h3 id="inshttpsgithubcommarkdown-itmarkdown-it-ins"><a href="https://github.com/markdown-it/markdown-it-ins">&lt;ins&gt;</a></h3>
-<p>++Inserted text++</p>
-<h3 id="markhttpsgithubcommarkdown-itmarkdown-it-mark"><a href="https://github.com/markdown-it/markdown-it-mark">&lt;mark&gt;</a></h3>
-<p>==Marked text==</p>
-<h3 id="footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote"><a href="https://github.com/markdown-it/markdown-it-footnote">Footnotes</a></h3>
-<p>Footnote 1 link<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>.</p>
-<p>Footnote 2 link<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
-<p>Inline footnote^[Text of inline footnote] definition.</p>
-<p>Duplicated footnote reference<sup id="fnref1:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
-<h3 id="definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist"><a href="https://github.com/markdown-it/markdown-it-deflist">Definition lists</a></h3>
-<dl>
-<dt>Term 1</dt>
-<dd>
-<p>Definition 1
-with lazy continuation.</p>
-</dd>
-<dt>Term 2 with <em>inline markup</em></dt>
-<dd>
-<p>Definition 2</p>
-<pre><code>{ some code, part of Definition 2 }
-</code></pre>
-<p>Third paragraph of definition 2.</p>
-</dd>
-</dl>
-<p><em>Compact style:</em></p>
-<p>Term 1
-~ Definition 1</p>
-<p>Term 2
+</code></pre><p>Block code &ldquo;fences&rdquo;</p><pre tabindex=0><code>Sample text here...
+</code></pre><p>Syntax highlighting</p><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-js data-lang=js><span style=display:flex><span><span style=color:#66d9ef>var</span> <span style=color:#a6e22e>foo</span> <span style=color:#f92672>=</span> <span style=color:#66d9ef>function</span> (<span style=color:#a6e22e>bar</span>) {
+</span></span><span style=display:flex><span>  <span style=color:#66d9ef>return</span> <span style=color:#a6e22e>bar</span><span style=color:#f92672>++</span>;
+</span></span><span style=display:flex><span>};
+</span></span><span style=display:flex><span>
+</span></span><span style=display:flex><span><span style=color:#a6e22e>console</span>.<span style=color:#a6e22e>log</span>(<span style=color:#a6e22e>foo</span>(<span style=color:#ae81ff>5</span>));
+</span></span></code></pre></div><h2 id=tables>Tables</h2><table><thead><tr><th>Option</th><th>Description</th></tr></thead><tbody><tr><td>data</td><td>path to data files to supply the data that will be passed into templates.</td></tr><tr><td>engine</td><td>engine to be used for processing templates. Handlebars is the default.</td></tr><tr><td>ext</td><td>extension to be used for dest files.</td></tr></tbody></table><p>Right aligned columns</p><table><thead><tr><th style=text-align:right>Option</th><th style=text-align:right>Description</th></tr></thead><tbody><tr><td style=text-align:right>data</td><td style=text-align:right>path to data files to supply the data that will be passed into templates.</td></tr><tr><td style=text-align:right>engine</td><td style=text-align:right>engine to be used for processing templates. Handlebars is the default.</td></tr><tr><td style=text-align:right>ext</td><td style=text-align:right>extension to be used for dest files.</td></tr></tbody></table><h2 id=links>Links</h2><p><a href=http://dev.nodeca.com>link text</a></p><p><a href=http://nodeca.github.io/pica/demo/ title="title text!">link with title</a></p><p>Autoconverted link <a href=https://github.com/nodeca/pica>https://github.com/nodeca/pica</a> (enable linkify to see)</p><h2 id=images>Images</h2><p><img src=https://octodex.github.com/images/minion.png alt=Minion>
+<img src=https://octodex.github.com/images/stormtroopocat.jpg alt=Stormtroopocat title="The Stormtroopocat"></p><p>Like links, Images also have a footnote style syntax</p><p><img src=https://octodex.github.com/images/dojocat.jpg alt="Alt text" title="The Dojocat"></p><p>With a reference later in the document defining the URL location:</p><h2 id=plugins>Plugins</h2><p>The killer feature of <code>markdown-it</code> is very effective support of
+<a href=https://www.npmjs.org/browse/keyword/markdown-it-plugin>syntax plugins</a>.</p><h3 id=emojieshttpsgithubcommarkdown-itmarkdown-it-emoji><a href=https://github.com/markdown-it/markdown-it-emoji>Emojies</a></h3><blockquote><p>Classic markup: 😉 :crush: 😢 :tear: 😆 😋</p><p>Shortcuts (emoticons): :-) :-( 8-) ;)</p></blockquote><p>see <a href=https://github.com/markdown-it/markdown-it-emoji#change-output>how to change output</a> with twemoji.</p><h3 id=subscripthttpsgithubcommarkdown-itmarkdown-it-sub--superscripthttpsgithubcommarkdown-itmarkdown-it-sup><a href=https://github.com/markdown-it/markdown-it-sub>Subscript</a> / <a href=https://github.com/markdown-it/markdown-it-sup>Superscript</a></h3><ul><li>19^th^</li><li>H~2~O</li></ul><h3 id=inshttpsgithubcommarkdown-itmarkdown-it-ins><a href=https://github.com/markdown-it/markdown-it-ins>&lt;ins></a></h3><p>++Inserted text++</p><h3 id=markhttpsgithubcommarkdown-itmarkdown-it-mark><a href=https://github.com/markdown-it/markdown-it-mark>&lt;mark></a></h3><p>==Marked text==</p><h3 id=footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote><a href=https://github.com/markdown-it/markdown-it-footnote>Footnotes</a></h3><p>Footnote 1 link<sup id=fnref:1><a href=#fn:1 class=footnote-ref role=doc-noteref>1</a></sup>.</p><p>Footnote 2 link<sup id=fnref:2><a href=#fn:2 class=footnote-ref role=doc-noteref>2</a></sup>.</p><p>Inline footnote^[Text of inline footnote] definition.</p><p>Duplicated footnote reference<sup id=fnref1:2><a href=#fn:2 class=footnote-ref role=doc-noteref>2</a></sup>.</p><h3 id=definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist><a href=https://github.com/markdown-it/markdown-it-deflist>Definition lists</a></h3><dl><dt>Term 1</dt><dd><p>Definition 1
+with lazy continuation.</p></dd><dt>Term 2 with <em>inline markup</em></dt><dd><p>Definition 2</p><pre><code>{ some code, part of Definition 2 }
+</code></pre><p>Third paragraph of definition 2.</p></dd></dl><p><em>Compact style:</em></p><p>Term 1
+~ Definition 1</p><p>Term 2
 ~ Definition 2a
-~ Definition 2b</p>
-<h3 id="abbreviationshttpsgithubcommarkdown-itmarkdown-it-abbr"><a href="https://github.com/markdown-it/markdown-it-abbr">Abbreviations</a></h3>
-<p>This is HTML abbreviation example.</p>
-<p>It converts &ldquo;HTML&rdquo;, but keep intact partial entries like &ldquo;xxxHTMLyyy&rdquo; and so on.</p>
-<p>*[HTML]: Hyper Text Markup Language</p>
-<h3 id="custom-containershttpsgithubcommarkdown-itmarkdown-it-container"><a href="https://github.com/markdown-it/markdown-it-container">Custom containers</a></h3>
-<p>::: warning
+~ Definition 2b</p><h3 id=abbreviationshttpsgithubcommarkdown-itmarkdown-it-abbr><a href=https://github.com/markdown-it/markdown-it-abbr>Abbreviations</a></h3><p>This is HTML abbreviation example.</p><p>It converts &ldquo;HTML&rdquo;, but keep intact partial entries like &ldquo;xxxHTMLyyy&rdquo; and so on.</p><p>*[HTML]: Hyper Text Markup Language</p><h3 id=custom-containershttpsgithubcommarkdown-itmarkdown-it-container><a href=https://github.com/markdown-it/markdown-it-container>Custom containers</a></h3><p>::: warning
 <em>here be dragons</em>
-:::</p>
-<div class="footnotes" role="doc-endnotes">
-<hr>
-<ol>
-<li id="fn:1">
-<p>Footnote <strong>can have markup</strong></p>
-<p>and multiple paragraphs.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
-</li>
-<li id="fn:2">
-<p>Footnote text.&#160;<a href="#fnref:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a>&#160;<a href="#fnref1:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
-</li>
-</ol>
-</div>
-
-  </div>
-</article>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+:::</p><div class=footnotes role=doc-endnotes><hr><ol><li id=fn:1><p>Footnote <strong>can have markup</strong></p><p>and multiple paragraphs.&#160;<a href=#fnref:1 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a></p></li><li id=fn:2><p>Footnote text.&#160;<a href=#fnref:2 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a>&#160;<a href=#fnref1:2 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a></p></li></ol></div></div></article><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/posts/news-post-2/index.html b/public/posts/news-post-2/index.html
index b130130..1e63a63 100644
--- a/public/posts/news-post-2/index.html
+++ b/public/posts/news-post-2/index.html
@@ -1,538 +1,35 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> News Post 2 | TailBliss 
-</title>
-<meta name="description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus." />
-<meta property="og:title" content="News Post 2 | TailBliss" />
-<meta name="twitter:title" content="News Post 2 | TailBliss" />
-<meta itemprop="name" content="News Post 2 | TailBliss" />
-<meta name="application-name" content="News Post 2 | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus." />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/posts/news-post-2/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<article>
-  <header class="mb-4 bg-indigo-600">
-    <span class="py-96">
-      <h1 class="py-16 text-5xl font-black text-center text-white capitalize">
-        News Post 2
-      </h1>
-    </span>
-  </header>
-  <div class="max-w-4xl mx-auto mt-8 mb-2">
-    <div class="px-6">
-      
-      
-      
-      
-      
-      
-      <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp" srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w"
-           class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40"
-           width="100%" alt="" />
-      
-      
-    </div>
-  </div>
-  
-  <div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white">
-    <p><strong>Advertisement 😄</strong></p>
-<ul>
-<li><strong><a href="https://nodeca.github.io/pica/demo/">pica</a></strong> - high quality and fast image
-resize in browser.</li>
-<li><strong><a href="https://github.com/nodeca/babelfish/">babelfish</a></strong> - developer friendly
-i18n with plurals support and easy syntax.</li>
-</ul>
-<p>You will like those projects!</p>
-<hr>
-<h1 id="h1-heading-">h1 Heading 😊</h1>
-<h2 id="h2-heading">h2 Heading</h2>
-<h3 id="h3-heading">h3 Heading</h3>
-<h4 id="h4-heading">h4 Heading</h4>
-<h5 id="h5-heading">h5 Heading</h5>
-<h6 id="h6-heading">h6 Heading</h6>
-<h2 id="horizontal-rules">Horizontal Rules</h2>
-<hr>
-<hr>
-<hr>
-<h2 id="typographic-replacements">Typographic replacements</h2>
-<p>Enable typographer option to see result.</p>
-<p>(c) (C) (r) (R) (tm) (TM) (p) (P) +-</p>
-<p>test.. test&hellip; test&hellip;.. test?&hellip;.. test!&hellip;.</p>
-<p>!!!!!! ???? ,,  &ndash; &mdash;</p>
-<p>&ldquo;Smartypants, double quotes&rdquo; and &lsquo;single quotes&rsquo;</p>
-<h2 id="emphasis">Emphasis</h2>
-<p><strong>This is bold text</strong></p>
-<p><strong>This is bold text</strong></p>
-<p><em>This is italic text</em></p>
-<p><em>This is italic text</em></p>
-<p><del>Strikethrough</del></p>
-<h2 id="blockquotes">Blockquotes</h2>
-<blockquote>
-<p>Blockquotes can also be nested&hellip;</p>
-<blockquote>
-<p>&hellip;by using additional greater-than signs right next to each other&hellip;</p>
-<blockquote>
-<p>&hellip;or with spaces between arrows.</p>
-</blockquote>
-</blockquote>
-</blockquote>
-<h2 id="lists">Lists</h2>
-<p>Unordered</p>
-<ul>
-<li>Create a list by starting a line with <code>+</code>, <code>-</code>, or <code>*</code></li>
-<li>Sub-lists are made by indenting 2 spaces:
-<ul>
-<li>Marker character change forces new list start:
-<ul>
-<li>Ac tristique libero volutpat at</li>
-</ul>
-<ul>
-<li>Facilisis in pretium nisl aliquet</li>
-</ul>
-<ul>
-<li>Nulla volutpat aliquam velit</li>
-</ul>
-</li>
-</ul>
-</li>
-<li>Very easy!</li>
-</ul>
-<p>Ordered</p>
-<ol>
-<li>
-<p>Lorem ipsum dolor sit amet</p>
-</li>
-<li>
-<p>Consectetur adipiscing elit</p>
-</li>
-<li>
-<p>Integer molestie lorem at massa</p>
-</li>
-<li>
-<p>You can use sequential numbers&hellip;</p>
-</li>
-<li>
-<p>&hellip;or keep all the numbers as <code>1.</code></p>
-</li>
-</ol>
-<p>Start numbering with offset:</p>
-<ol start="57">
-<li>foo</li>
-<li>bar</li>
-</ol>
-<h2 id="code">Code</h2>
-<p>Inline <code>code</code></p>
-<p>Indented code</p>
-<pre><code>// Some comments
+<!doctype html><html lang=en><head><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>News Post 2 | TailBliss</title><meta name=description content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus."><meta property="og:title" content="News Post 2 | TailBliss"><meta name=twitter:title content="News Post 2 | TailBliss"><meta itemprop=name content="News Post 2 | TailBliss"><meta name=application-name content="News Post 2 | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus."><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/posts/news-post-2/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><article><header class="mb-4 bg-indigo-600"><span class=py-96><h1 class="py-16 text-5xl font-black text-center text-white capitalize">News Post 2</h1></span></header><div class="max-w-4xl mx-auto mt-8 mb-2"><div class=px-6><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w" class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40" width=100% alt></div></div><div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white"><p><strong>Advertisement 😄</strong></p><ul><li><strong><a href=https://nodeca.github.io/pica/demo/>pica</a></strong> - high quality and fast image
+resize in browser.</li><li><strong><a href=https://github.com/nodeca/babelfish/>babelfish</a></strong> - developer friendly
+i18n with plurals support and easy syntax.</li></ul><p>You will like those projects!</p><hr><h1 id=h1-heading->h1 Heading 😊</h1><h2 id=h2-heading>h2 Heading</h2><h3 id=h3-heading>h3 Heading</h3><h4 id=h4-heading>h4 Heading</h4><h5 id=h5-heading>h5 Heading</h5><h6 id=h6-heading>h6 Heading</h6><h2 id=horizontal-rules>Horizontal Rules</h2><hr><hr><hr><h2 id=typographic-replacements>Typographic replacements</h2><p>Enable typographer option to see result.</p><p>(c) (C) (r) (R) (tm) (TM) (p) (P) +-</p><p>test.. test&mldr; test&mldr;.. test?&mldr;.. test!&mldr;.</p><p>!!!!!! ???? ,, &ndash; &mdash;</p><p>&ldquo;Smartypants, double quotes&rdquo; and &lsquo;single quotes&rsquo;</p><h2 id=emphasis>Emphasis</h2><p><strong>This is bold text</strong></p><p><strong>This is bold text</strong></p><p><em>This is italic text</em></p><p><em>This is italic text</em></p><p><del>Strikethrough</del></p><h2 id=blockquotes>Blockquotes</h2><blockquote><p>Blockquotes can also be nested&mldr;</p><blockquote><p>&mldr;by using additional greater-than signs right next to each other&mldr;</p><blockquote><p>&mldr;or with spaces between arrows.</p></blockquote></blockquote></blockquote><h2 id=lists>Lists</h2><p>Unordered</p><ul><li>Create a list by starting a line with <code>+</code>, <code>-</code>, or <code>*</code></li><li>Sub-lists are made by indenting 2 spaces:<ul><li>Marker character change forces new list start:<ul><li>Ac tristique libero volutpat at</li></ul><ul><li>Facilisis in pretium nisl aliquet</li></ul><ul><li>Nulla volutpat aliquam velit</li></ul></li></ul></li><li>Very easy!</li></ul><p>Ordered</p><ol><li><p>Lorem ipsum dolor sit amet</p></li><li><p>Consectetur adipiscing elit</p></li><li><p>Integer molestie lorem at massa</p></li><li><p>You can use sequential numbers&mldr;</p></li><li><p>&mldr;or keep all the numbers as <code>1.</code></p></li></ol><p>Start numbering with offset:</p><ol start=57><li>foo</li><li>bar</li></ol><h2 id=code>Code</h2><p>Inline <code>code</code></p><p>Indented code</p><pre><code>// Some comments
 line 1 of code
 line 2 of code
 line 3 of code
-</code></pre>
-<p>Block code &ldquo;fences&rdquo;</p>
-<pre tabindex="0"><code>Sample text here...
-</code></pre><p>Syntax highlighting</p>
-<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-js" data-lang="js"><span style="display:flex;"><span><span style="color:#66d9ef">var</span> <span style="color:#a6e22e">foo</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">function</span> (<span style="color:#a6e22e">bar</span>) {
-</span></span><span style="display:flex;"><span>  <span style="color:#66d9ef">return</span> <span style="color:#a6e22e">bar</span><span style="color:#f92672">++</span>;
-</span></span><span style="display:flex;"><span>};
-</span></span><span style="display:flex;"><span>
-</span></span><span style="display:flex;"><span><span style="color:#a6e22e">console</span>.<span style="color:#a6e22e">log</span>(<span style="color:#a6e22e">foo</span>(<span style="color:#ae81ff">5</span>));
-</span></span></code></pre></div><h2 id="tables">Tables</h2>
-<table>
-<thead>
-<tr>
-<th>Option</th>
-<th>Description</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>data</td>
-<td>path to data files to supply the data that will be passed into templates.</td>
-</tr>
-<tr>
-<td>engine</td>
-<td>engine to be used for processing templates. Handlebars is the default.</td>
-</tr>
-<tr>
-<td>ext</td>
-<td>extension to be used for dest files.</td>
-</tr>
-</tbody>
-</table>
-<p>Right aligned columns</p>
-<table>
-<thead>
-<tr>
-<th style="text-align:right">Option</th>
-<th style="text-align:right">Description</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td style="text-align:right">data</td>
-<td style="text-align:right">path to data files to supply the data that will be passed into templates.</td>
-</tr>
-<tr>
-<td style="text-align:right">engine</td>
-<td style="text-align:right">engine to be used for processing templates. Handlebars is the default.</td>
-</tr>
-<tr>
-<td style="text-align:right">ext</td>
-<td style="text-align:right">extension to be used for dest files.</td>
-</tr>
-</tbody>
-</table>
-<h2 id="links">Links</h2>
-<p><a href="http://dev.nodeca.com">link text</a></p>
-<p><a href="http://nodeca.github.io/pica/demo/" title="title text!">link with title</a></p>
-<p>Autoconverted link <a href="https://github.com/nodeca/pica">https://github.com/nodeca/pica</a> (enable linkify to see)</p>
-<h2 id="images">Images</h2>
-<p><img src="https://octodex.github.com/images/minion.png" alt="Minion">
-<img src="https://octodex.github.com/images/stormtroopocat.jpg" alt="Stormtroopocat" title="The Stormtroopocat"></p>
-<p>Like links, Images also have a footnote style syntax</p>
-<p><img src="https://octodex.github.com/images/dojocat.jpg" alt="Alt text" title="The Dojocat"></p>
-<p>With a reference later in the document defining the URL location:</p>
-<h2 id="plugins">Plugins</h2>
-<p>The killer feature of <code>markdown-it</code> is very effective support of
-<a href="https://www.npmjs.org/browse/keyword/markdown-it-plugin">syntax plugins</a>.</p>
-<h3 id="emojieshttpsgithubcommarkdown-itmarkdown-it-emoji"><a href="https://github.com/markdown-it/markdown-it-emoji">Emojies</a></h3>
-<blockquote>
-<p>Classic markup: 😉 :crush: 😢 :tear: 😆 😋</p>
-<p>Shortcuts (emoticons): :-) :-( 8-) ;)</p>
-</blockquote>
-<p>see <a href="https://github.com/markdown-it/markdown-it-emoji#change-output">how to change output</a> with twemoji.</p>
-<h3 id="subscripthttpsgithubcommarkdown-itmarkdown-it-sub--superscripthttpsgithubcommarkdown-itmarkdown-it-sup"><a href="https://github.com/markdown-it/markdown-it-sub">Subscript</a> / <a href="https://github.com/markdown-it/markdown-it-sup">Superscript</a></h3>
-<ul>
-<li>19^th^</li>
-<li>H~2~O</li>
-</ul>
-<h3 id="inshttpsgithubcommarkdown-itmarkdown-it-ins"><a href="https://github.com/markdown-it/markdown-it-ins">&lt;ins&gt;</a></h3>
-<p>++Inserted text++</p>
-<h3 id="markhttpsgithubcommarkdown-itmarkdown-it-mark"><a href="https://github.com/markdown-it/markdown-it-mark">&lt;mark&gt;</a></h3>
-<p>==Marked text==</p>
-<h3 id="footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote"><a href="https://github.com/markdown-it/markdown-it-footnote">Footnotes</a></h3>
-<p>Footnote 1 link<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>.</p>
-<p>Footnote 2 link<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
-<p>Inline footnote^[Text of inline footnote] definition.</p>
-<p>Duplicated footnote reference<sup id="fnref1:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
-<h3 id="definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist"><a href="https://github.com/markdown-it/markdown-it-deflist">Definition lists</a></h3>
-<dl>
-<dt>Term 1</dt>
-<dd>
-<p>Definition 1
-with lazy continuation.</p>
-</dd>
-<dt>Term 2 with <em>inline markup</em></dt>
-<dd>
-<p>Definition 2</p>
-<pre><code>{ some code, part of Definition 2 }
-</code></pre>
-<p>Third paragraph of definition 2.</p>
-</dd>
-</dl>
-<p><em>Compact style:</em></p>
-<p>Term 1
-~ Definition 1</p>
-<p>Term 2
+</code></pre><p>Block code &ldquo;fences&rdquo;</p><pre tabindex=0><code>Sample text here...
+</code></pre><p>Syntax highlighting</p><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-js data-lang=js><span style=display:flex><span><span style=color:#66d9ef>var</span> <span style=color:#a6e22e>foo</span> <span style=color:#f92672>=</span> <span style=color:#66d9ef>function</span> (<span style=color:#a6e22e>bar</span>) {
+</span></span><span style=display:flex><span>  <span style=color:#66d9ef>return</span> <span style=color:#a6e22e>bar</span><span style=color:#f92672>++</span>;
+</span></span><span style=display:flex><span>};
+</span></span><span style=display:flex><span>
+</span></span><span style=display:flex><span><span style=color:#a6e22e>console</span>.<span style=color:#a6e22e>log</span>(<span style=color:#a6e22e>foo</span>(<span style=color:#ae81ff>5</span>));
+</span></span></code></pre></div><h2 id=tables>Tables</h2><table><thead><tr><th>Option</th><th>Description</th></tr></thead><tbody><tr><td>data</td><td>path to data files to supply the data that will be passed into templates.</td></tr><tr><td>engine</td><td>engine to be used for processing templates. Handlebars is the default.</td></tr><tr><td>ext</td><td>extension to be used for dest files.</td></tr></tbody></table><p>Right aligned columns</p><table><thead><tr><th style=text-align:right>Option</th><th style=text-align:right>Description</th></tr></thead><tbody><tr><td style=text-align:right>data</td><td style=text-align:right>path to data files to supply the data that will be passed into templates.</td></tr><tr><td style=text-align:right>engine</td><td style=text-align:right>engine to be used for processing templates. Handlebars is the default.</td></tr><tr><td style=text-align:right>ext</td><td style=text-align:right>extension to be used for dest files.</td></tr></tbody></table><h2 id=links>Links</h2><p><a href=http://dev.nodeca.com>link text</a></p><p><a href=http://nodeca.github.io/pica/demo/ title="title text!">link with title</a></p><p>Autoconverted link <a href=https://github.com/nodeca/pica>https://github.com/nodeca/pica</a> (enable linkify to see)</p><h2 id=images>Images</h2><p><img src=https://octodex.github.com/images/minion.png alt=Minion>
+<img src=https://octodex.github.com/images/stormtroopocat.jpg alt=Stormtroopocat title="The Stormtroopocat"></p><p>Like links, Images also have a footnote style syntax</p><p><img src=https://octodex.github.com/images/dojocat.jpg alt="Alt text" title="The Dojocat"></p><p>With a reference later in the document defining the URL location:</p><h2 id=plugins>Plugins</h2><p>The killer feature of <code>markdown-it</code> is very effective support of
+<a href=https://www.npmjs.org/browse/keyword/markdown-it-plugin>syntax plugins</a>.</p><h3 id=emojieshttpsgithubcommarkdown-itmarkdown-it-emoji><a href=https://github.com/markdown-it/markdown-it-emoji>Emojies</a></h3><blockquote><p>Classic markup: 😉 :crush: 😢 :tear: 😆 😋</p><p>Shortcuts (emoticons): :-) :-( 8-) ;)</p></blockquote><p>see <a href=https://github.com/markdown-it/markdown-it-emoji#change-output>how to change output</a> with twemoji.</p><h3 id=subscripthttpsgithubcommarkdown-itmarkdown-it-sub--superscripthttpsgithubcommarkdown-itmarkdown-it-sup><a href=https://github.com/markdown-it/markdown-it-sub>Subscript</a> / <a href=https://github.com/markdown-it/markdown-it-sup>Superscript</a></h3><ul><li>19^th^</li><li>H~2~O</li></ul><h3 id=inshttpsgithubcommarkdown-itmarkdown-it-ins><a href=https://github.com/markdown-it/markdown-it-ins>&lt;ins></a></h3><p>++Inserted text++</p><h3 id=markhttpsgithubcommarkdown-itmarkdown-it-mark><a href=https://github.com/markdown-it/markdown-it-mark>&lt;mark></a></h3><p>==Marked text==</p><h3 id=footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote><a href=https://github.com/markdown-it/markdown-it-footnote>Footnotes</a></h3><p>Footnote 1 link<sup id=fnref:1><a href=#fn:1 class=footnote-ref role=doc-noteref>1</a></sup>.</p><p>Footnote 2 link<sup id=fnref:2><a href=#fn:2 class=footnote-ref role=doc-noteref>2</a></sup>.</p><p>Inline footnote^[Text of inline footnote] definition.</p><p>Duplicated footnote reference<sup id=fnref1:2><a href=#fn:2 class=footnote-ref role=doc-noteref>2</a></sup>.</p><h3 id=definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist><a href=https://github.com/markdown-it/markdown-it-deflist>Definition lists</a></h3><dl><dt>Term 1</dt><dd><p>Definition 1
+with lazy continuation.</p></dd><dt>Term 2 with <em>inline markup</em></dt><dd><p>Definition 2</p><pre><code>{ some code, part of Definition 2 }
+</code></pre><p>Third paragraph of definition 2.</p></dd></dl><p><em>Compact style:</em></p><p>Term 1
+~ Definition 1</p><p>Term 2
 ~ Definition 2a
-~ Definition 2b</p>
-<h3 id="abbreviationshttpsgithubcommarkdown-itmarkdown-it-abbr"><a href="https://github.com/markdown-it/markdown-it-abbr">Abbreviations</a></h3>
-<p>This is HTML abbreviation example.</p>
-<p>It converts &ldquo;HTML&rdquo;, but keep intact partial entries like &ldquo;xxxHTMLyyy&rdquo; and so on.</p>
-<p>*[HTML]: Hyper Text Markup Language</p>
-<h3 id="custom-containershttpsgithubcommarkdown-itmarkdown-it-container"><a href="https://github.com/markdown-it/markdown-it-container">Custom containers</a></h3>
-<p>::: warning
+~ Definition 2b</p><h3 id=abbreviationshttpsgithubcommarkdown-itmarkdown-it-abbr><a href=https://github.com/markdown-it/markdown-it-abbr>Abbreviations</a></h3><p>This is HTML abbreviation example.</p><p>It converts &ldquo;HTML&rdquo;, but keep intact partial entries like &ldquo;xxxHTMLyyy&rdquo; and so on.</p><p>*[HTML]: Hyper Text Markup Language</p><h3 id=custom-containershttpsgithubcommarkdown-itmarkdown-it-container><a href=https://github.com/markdown-it/markdown-it-container>Custom containers</a></h3><p>::: warning
 <em>here be dragons</em>
-:::</p>
-<div class="footnotes" role="doc-endnotes">
-<hr>
-<ol>
-<li id="fn:1">
-<p>Footnote <strong>can have markup</strong></p>
-<p>and multiple paragraphs.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
-</li>
-<li id="fn:2">
-<p>Footnote text.&#160;<a href="#fnref:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a>&#160;<a href="#fnref1:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
-</li>
-</ol>
-</div>
-
-  </div>
-</article>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+:::</p><div class=footnotes role=doc-endnotes><hr><ol><li id=fn:1><p>Footnote <strong>can have markup</strong></p><p>and multiple paragraphs.&#160;<a href=#fnref:1 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a></p></li><li id=fn:2><p>Footnote text.&#160;<a href=#fnref:2 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a>&#160;<a href=#fnref1:2 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a></p></li></ol></div></div></article><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/posts/news-post-3/index.html b/public/posts/news-post-3/index.html
index 29dc387..557b269 100644
--- a/public/posts/news-post-3/index.html
+++ b/public/posts/news-post-3/index.html
@@ -1,538 +1,35 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> News Post 3 | TailBliss 
-</title>
-<meta name="description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus." />
-<meta property="og:title" content="News Post 3 | TailBliss" />
-<meta name="twitter:title" content="News Post 3 | TailBliss" />
-<meta itemprop="name" content="News Post 3 | TailBliss" />
-<meta name="application-name" content="News Post 3 | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus." />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/posts/news-post-3/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<article>
-  <header class="mb-4 bg-indigo-600">
-    <span class="py-96">
-      <h1 class="py-16 text-5xl font-black text-center text-white capitalize">
-        News Post 3
-      </h1>
-    </span>
-  </header>
-  <div class="max-w-4xl mx-auto mt-8 mb-2">
-    <div class="px-6">
-      
-      
-      
-      
-      
-      
-      <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp" srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w"
-           class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40"
-           width="100%" alt="" />
-      
-      
-    </div>
-  </div>
-  
-  <div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white">
-    <p><strong>Advertisement 😄</strong></p>
-<ul>
-<li><strong><a href="https://nodeca.github.io/pica/demo/">pica</a></strong> - high quality and fast image
-resize in browser.</li>
-<li><strong><a href="https://github.com/nodeca/babelfish/">babelfish</a></strong> - developer friendly
-i18n with plurals support and easy syntax.</li>
-</ul>
-<p>You will like those projects!</p>
-<hr>
-<h1 id="h1-heading-">h1 Heading 😊</h1>
-<h2 id="h2-heading">h2 Heading</h2>
-<h3 id="h3-heading">h3 Heading</h3>
-<h4 id="h4-heading">h4 Heading</h4>
-<h5 id="h5-heading">h5 Heading</h5>
-<h6 id="h6-heading">h6 Heading</h6>
-<h2 id="horizontal-rules">Horizontal Rules</h2>
-<hr>
-<hr>
-<hr>
-<h2 id="typographic-replacements">Typographic replacements</h2>
-<p>Enable typographer option to see result.</p>
-<p>(c) (C) (r) (R) (tm) (TM) (p) (P) +-</p>
-<p>test.. test&hellip; test&hellip;.. test?&hellip;.. test!&hellip;.</p>
-<p>!!!!!! ???? ,,  &ndash; &mdash;</p>
-<p>&ldquo;Smartypants, double quotes&rdquo; and &lsquo;single quotes&rsquo;</p>
-<h2 id="emphasis">Emphasis</h2>
-<p><strong>This is bold text</strong></p>
-<p><strong>This is bold text</strong></p>
-<p><em>This is italic text</em></p>
-<p><em>This is italic text</em></p>
-<p><del>Strikethrough</del></p>
-<h2 id="blockquotes">Blockquotes</h2>
-<blockquote>
-<p>Blockquotes can also be nested&hellip;</p>
-<blockquote>
-<p>&hellip;by using additional greater-than signs right next to each other&hellip;</p>
-<blockquote>
-<p>&hellip;or with spaces between arrows.</p>
-</blockquote>
-</blockquote>
-</blockquote>
-<h2 id="lists">Lists</h2>
-<p>Unordered</p>
-<ul>
-<li>Create a list by starting a line with <code>+</code>, <code>-</code>, or <code>*</code></li>
-<li>Sub-lists are made by indenting 2 spaces:
-<ul>
-<li>Marker character change forces new list start:
-<ul>
-<li>Ac tristique libero volutpat at</li>
-</ul>
-<ul>
-<li>Facilisis in pretium nisl aliquet</li>
-</ul>
-<ul>
-<li>Nulla volutpat aliquam velit</li>
-</ul>
-</li>
-</ul>
-</li>
-<li>Very easy!</li>
-</ul>
-<p>Ordered</p>
-<ol>
-<li>
-<p>Lorem ipsum dolor sit amet</p>
-</li>
-<li>
-<p>Consectetur adipiscing elit</p>
-</li>
-<li>
-<p>Integer molestie lorem at massa</p>
-</li>
-<li>
-<p>You can use sequential numbers&hellip;</p>
-</li>
-<li>
-<p>&hellip;or keep all the numbers as <code>1.</code></p>
-</li>
-</ol>
-<p>Start numbering with offset:</p>
-<ol start="57">
-<li>foo</li>
-<li>bar</li>
-</ol>
-<h2 id="code">Code</h2>
-<p>Inline <code>code</code></p>
-<p>Indented code</p>
-<pre><code>// Some comments
+<!doctype html><html lang=en><head><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>News Post 3 | TailBliss</title><meta name=description content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus."><meta property="og:title" content="News Post 3 | TailBliss"><meta name=twitter:title content="News Post 3 | TailBliss"><meta itemprop=name content="News Post 3 | TailBliss"><meta name=application-name content="News Post 3 | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus."><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/posts/news-post-3/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><article><header class="mb-4 bg-indigo-600"><span class=py-96><h1 class="py-16 text-5xl font-black text-center text-white capitalize">News Post 3</h1></span></header><div class="max-w-4xl mx-auto mt-8 mb-2"><div class=px-6><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w" class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40" width=100% alt></div></div><div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white"><p><strong>Advertisement 😄</strong></p><ul><li><strong><a href=https://nodeca.github.io/pica/demo/>pica</a></strong> - high quality and fast image
+resize in browser.</li><li><strong><a href=https://github.com/nodeca/babelfish/>babelfish</a></strong> - developer friendly
+i18n with plurals support and easy syntax.</li></ul><p>You will like those projects!</p><hr><h1 id=h1-heading->h1 Heading 😊</h1><h2 id=h2-heading>h2 Heading</h2><h3 id=h3-heading>h3 Heading</h3><h4 id=h4-heading>h4 Heading</h4><h5 id=h5-heading>h5 Heading</h5><h6 id=h6-heading>h6 Heading</h6><h2 id=horizontal-rules>Horizontal Rules</h2><hr><hr><hr><h2 id=typographic-replacements>Typographic replacements</h2><p>Enable typographer option to see result.</p><p>(c) (C) (r) (R) (tm) (TM) (p) (P) +-</p><p>test.. test&mldr; test&mldr;.. test?&mldr;.. test!&mldr;.</p><p>!!!!!! ???? ,, &ndash; &mdash;</p><p>&ldquo;Smartypants, double quotes&rdquo; and &lsquo;single quotes&rsquo;</p><h2 id=emphasis>Emphasis</h2><p><strong>This is bold text</strong></p><p><strong>This is bold text</strong></p><p><em>This is italic text</em></p><p><em>This is italic text</em></p><p><del>Strikethrough</del></p><h2 id=blockquotes>Blockquotes</h2><blockquote><p>Blockquotes can also be nested&mldr;</p><blockquote><p>&mldr;by using additional greater-than signs right next to each other&mldr;</p><blockquote><p>&mldr;or with spaces between arrows.</p></blockquote></blockquote></blockquote><h2 id=lists>Lists</h2><p>Unordered</p><ul><li>Create a list by starting a line with <code>+</code>, <code>-</code>, or <code>*</code></li><li>Sub-lists are made by indenting 2 spaces:<ul><li>Marker character change forces new list start:<ul><li>Ac tristique libero volutpat at</li></ul><ul><li>Facilisis in pretium nisl aliquet</li></ul><ul><li>Nulla volutpat aliquam velit</li></ul></li></ul></li><li>Very easy!</li></ul><p>Ordered</p><ol><li><p>Lorem ipsum dolor sit amet</p></li><li><p>Consectetur adipiscing elit</p></li><li><p>Integer molestie lorem at massa</p></li><li><p>You can use sequential numbers&mldr;</p></li><li><p>&mldr;or keep all the numbers as <code>1.</code></p></li></ol><p>Start numbering with offset:</p><ol start=57><li>foo</li><li>bar</li></ol><h2 id=code>Code</h2><p>Inline <code>code</code></p><p>Indented code</p><pre><code>// Some comments
 line 1 of code
 line 2 of code
 line 3 of code
-</code></pre>
-<p>Block code &ldquo;fences&rdquo;</p>
-<pre tabindex="0"><code>Sample text here...
-</code></pre><p>Syntax highlighting</p>
-<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-js" data-lang="js"><span style="display:flex;"><span><span style="color:#66d9ef">var</span> <span style="color:#a6e22e">foo</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">function</span> (<span style="color:#a6e22e">bar</span>) {
-</span></span><span style="display:flex;"><span>  <span style="color:#66d9ef">return</span> <span style="color:#a6e22e">bar</span><span style="color:#f92672">++</span>;
-</span></span><span style="display:flex;"><span>};
-</span></span><span style="display:flex;"><span>
-</span></span><span style="display:flex;"><span><span style="color:#a6e22e">console</span>.<span style="color:#a6e22e">log</span>(<span style="color:#a6e22e">foo</span>(<span style="color:#ae81ff">5</span>));
-</span></span></code></pre></div><h2 id="tables">Tables</h2>
-<table>
-<thead>
-<tr>
-<th>Option</th>
-<th>Description</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>data</td>
-<td>path to data files to supply the data that will be passed into templates.</td>
-</tr>
-<tr>
-<td>engine</td>
-<td>engine to be used for processing templates. Handlebars is the default.</td>
-</tr>
-<tr>
-<td>ext</td>
-<td>extension to be used for dest files.</td>
-</tr>
-</tbody>
-</table>
-<p>Right aligned columns</p>
-<table>
-<thead>
-<tr>
-<th style="text-align:right">Option</th>
-<th style="text-align:right">Description</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td style="text-align:right">data</td>
-<td style="text-align:right">path to data files to supply the data that will be passed into templates.</td>
-</tr>
-<tr>
-<td style="text-align:right">engine</td>
-<td style="text-align:right">engine to be used for processing templates. Handlebars is the default.</td>
-</tr>
-<tr>
-<td style="text-align:right">ext</td>
-<td style="text-align:right">extension to be used for dest files.</td>
-</tr>
-</tbody>
-</table>
-<h2 id="links">Links</h2>
-<p><a href="http://dev.nodeca.com">link text</a></p>
-<p><a href="http://nodeca.github.io/pica/demo/" title="title text!">link with title</a></p>
-<p>Autoconverted link <a href="https://github.com/nodeca/pica">https://github.com/nodeca/pica</a> (enable linkify to see)</p>
-<h2 id="images">Images</h2>
-<p><img src="https://octodex.github.com/images/minion.png" alt="Minion">
-<img src="https://octodex.github.com/images/stormtroopocat.jpg" alt="Stormtroopocat" title="The Stormtroopocat"></p>
-<p>Like links, Images also have a footnote style syntax</p>
-<p><img src="https://octodex.github.com/images/dojocat.jpg" alt="Alt text" title="The Dojocat"></p>
-<p>With a reference later in the document defining the URL location:</p>
-<h2 id="plugins">Plugins</h2>
-<p>The killer feature of <code>markdown-it</code> is very effective support of
-<a href="https://www.npmjs.org/browse/keyword/markdown-it-plugin">syntax plugins</a>.</p>
-<h3 id="emojieshttpsgithubcommarkdown-itmarkdown-it-emoji"><a href="https://github.com/markdown-it/markdown-it-emoji">Emojies</a></h3>
-<blockquote>
-<p>Classic markup: 😉 :crush: 😢 :tear: 😆 😋</p>
-<p>Shortcuts (emoticons): :-) :-( 8-) ;)</p>
-</blockquote>
-<p>see <a href="https://github.com/markdown-it/markdown-it-emoji#change-output">how to change output</a> with twemoji.</p>
-<h3 id="subscripthttpsgithubcommarkdown-itmarkdown-it-sub--superscripthttpsgithubcommarkdown-itmarkdown-it-sup"><a href="https://github.com/markdown-it/markdown-it-sub">Subscript</a> / <a href="https://github.com/markdown-it/markdown-it-sup">Superscript</a></h3>
-<ul>
-<li>19^th^</li>
-<li>H~2~O</li>
-</ul>
-<h3 id="inshttpsgithubcommarkdown-itmarkdown-it-ins"><a href="https://github.com/markdown-it/markdown-it-ins">&lt;ins&gt;</a></h3>
-<p>++Inserted text++</p>
-<h3 id="markhttpsgithubcommarkdown-itmarkdown-it-mark"><a href="https://github.com/markdown-it/markdown-it-mark">&lt;mark&gt;</a></h3>
-<p>==Marked text==</p>
-<h3 id="footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote"><a href="https://github.com/markdown-it/markdown-it-footnote">Footnotes</a></h3>
-<p>Footnote 1 link<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>.</p>
-<p>Footnote 2 link<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
-<p>Inline footnote^[Text of inline footnote] definition.</p>
-<p>Duplicated footnote reference<sup id="fnref1:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
-<h3 id="definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist"><a href="https://github.com/markdown-it/markdown-it-deflist">Definition lists</a></h3>
-<dl>
-<dt>Term 1</dt>
-<dd>
-<p>Definition 1
-with lazy continuation.</p>
-</dd>
-<dt>Term 2 with <em>inline markup</em></dt>
-<dd>
-<p>Definition 2</p>
-<pre><code>{ some code, part of Definition 2 }
-</code></pre>
-<p>Third paragraph of definition 2.</p>
-</dd>
-</dl>
-<p><em>Compact style:</em></p>
-<p>Term 1
-~ Definition 1</p>
-<p>Term 2
+</code></pre><p>Block code &ldquo;fences&rdquo;</p><pre tabindex=0><code>Sample text here...
+</code></pre><p>Syntax highlighting</p><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-js data-lang=js><span style=display:flex><span><span style=color:#66d9ef>var</span> <span style=color:#a6e22e>foo</span> <span style=color:#f92672>=</span> <span style=color:#66d9ef>function</span> (<span style=color:#a6e22e>bar</span>) {
+</span></span><span style=display:flex><span>  <span style=color:#66d9ef>return</span> <span style=color:#a6e22e>bar</span><span style=color:#f92672>++</span>;
+</span></span><span style=display:flex><span>};
+</span></span><span style=display:flex><span>
+</span></span><span style=display:flex><span><span style=color:#a6e22e>console</span>.<span style=color:#a6e22e>log</span>(<span style=color:#a6e22e>foo</span>(<span style=color:#ae81ff>5</span>));
+</span></span></code></pre></div><h2 id=tables>Tables</h2><table><thead><tr><th>Option</th><th>Description</th></tr></thead><tbody><tr><td>data</td><td>path to data files to supply the data that will be passed into templates.</td></tr><tr><td>engine</td><td>engine to be used for processing templates. Handlebars is the default.</td></tr><tr><td>ext</td><td>extension to be used for dest files.</td></tr></tbody></table><p>Right aligned columns</p><table><thead><tr><th style=text-align:right>Option</th><th style=text-align:right>Description</th></tr></thead><tbody><tr><td style=text-align:right>data</td><td style=text-align:right>path to data files to supply the data that will be passed into templates.</td></tr><tr><td style=text-align:right>engine</td><td style=text-align:right>engine to be used for processing templates. Handlebars is the default.</td></tr><tr><td style=text-align:right>ext</td><td style=text-align:right>extension to be used for dest files.</td></tr></tbody></table><h2 id=links>Links</h2><p><a href=http://dev.nodeca.com>link text</a></p><p><a href=http://nodeca.github.io/pica/demo/ title="title text!">link with title</a></p><p>Autoconverted link <a href=https://github.com/nodeca/pica>https://github.com/nodeca/pica</a> (enable linkify to see)</p><h2 id=images>Images</h2><p><img src=https://octodex.github.com/images/minion.png alt=Minion>
+<img src=https://octodex.github.com/images/stormtroopocat.jpg alt=Stormtroopocat title="The Stormtroopocat"></p><p>Like links, Images also have a footnote style syntax</p><p><img src=https://octodex.github.com/images/dojocat.jpg alt="Alt text" title="The Dojocat"></p><p>With a reference later in the document defining the URL location:</p><h2 id=plugins>Plugins</h2><p>The killer feature of <code>markdown-it</code> is very effective support of
+<a href=https://www.npmjs.org/browse/keyword/markdown-it-plugin>syntax plugins</a>.</p><h3 id=emojieshttpsgithubcommarkdown-itmarkdown-it-emoji><a href=https://github.com/markdown-it/markdown-it-emoji>Emojies</a></h3><blockquote><p>Classic markup: 😉 :crush: 😢 :tear: 😆 😋</p><p>Shortcuts (emoticons): :-) :-( 8-) ;)</p></blockquote><p>see <a href=https://github.com/markdown-it/markdown-it-emoji#change-output>how to change output</a> with twemoji.</p><h3 id=subscripthttpsgithubcommarkdown-itmarkdown-it-sub--superscripthttpsgithubcommarkdown-itmarkdown-it-sup><a href=https://github.com/markdown-it/markdown-it-sub>Subscript</a> / <a href=https://github.com/markdown-it/markdown-it-sup>Superscript</a></h3><ul><li>19^th^</li><li>H~2~O</li></ul><h3 id=inshttpsgithubcommarkdown-itmarkdown-it-ins><a href=https://github.com/markdown-it/markdown-it-ins>&lt;ins></a></h3><p>++Inserted text++</p><h3 id=markhttpsgithubcommarkdown-itmarkdown-it-mark><a href=https://github.com/markdown-it/markdown-it-mark>&lt;mark></a></h3><p>==Marked text==</p><h3 id=footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote><a href=https://github.com/markdown-it/markdown-it-footnote>Footnotes</a></h3><p>Footnote 1 link<sup id=fnref:1><a href=#fn:1 class=footnote-ref role=doc-noteref>1</a></sup>.</p><p>Footnote 2 link<sup id=fnref:2><a href=#fn:2 class=footnote-ref role=doc-noteref>2</a></sup>.</p><p>Inline footnote^[Text of inline footnote] definition.</p><p>Duplicated footnote reference<sup id=fnref1:2><a href=#fn:2 class=footnote-ref role=doc-noteref>2</a></sup>.</p><h3 id=definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist><a href=https://github.com/markdown-it/markdown-it-deflist>Definition lists</a></h3><dl><dt>Term 1</dt><dd><p>Definition 1
+with lazy continuation.</p></dd><dt>Term 2 with <em>inline markup</em></dt><dd><p>Definition 2</p><pre><code>{ some code, part of Definition 2 }
+</code></pre><p>Third paragraph of definition 2.</p></dd></dl><p><em>Compact style:</em></p><p>Term 1
+~ Definition 1</p><p>Term 2
 ~ Definition 2a
-~ Definition 2b</p>
-<h3 id="abbreviationshttpsgithubcommarkdown-itmarkdown-it-abbr"><a href="https://github.com/markdown-it/markdown-it-abbr">Abbreviations</a></h3>
-<p>This is HTML abbreviation example.</p>
-<p>It converts &ldquo;HTML&rdquo;, but keep intact partial entries like &ldquo;xxxHTMLyyy&rdquo; and so on.</p>
-<p>*[HTML]: Hyper Text Markup Language</p>
-<h3 id="custom-containershttpsgithubcommarkdown-itmarkdown-it-container"><a href="https://github.com/markdown-it/markdown-it-container">Custom containers</a></h3>
-<p>::: warning
+~ Definition 2b</p><h3 id=abbreviationshttpsgithubcommarkdown-itmarkdown-it-abbr><a href=https://github.com/markdown-it/markdown-it-abbr>Abbreviations</a></h3><p>This is HTML abbreviation example.</p><p>It converts &ldquo;HTML&rdquo;, but keep intact partial entries like &ldquo;xxxHTMLyyy&rdquo; and so on.</p><p>*[HTML]: Hyper Text Markup Language</p><h3 id=custom-containershttpsgithubcommarkdown-itmarkdown-it-container><a href=https://github.com/markdown-it/markdown-it-container>Custom containers</a></h3><p>::: warning
 <em>here be dragons</em>
-:::</p>
-<div class="footnotes" role="doc-endnotes">
-<hr>
-<ol>
-<li id="fn:1">
-<p>Footnote <strong>can have markup</strong></p>
-<p>and multiple paragraphs.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
-</li>
-<li id="fn:2">
-<p>Footnote text.&#160;<a href="#fnref:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a>&#160;<a href="#fnref1:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
-</li>
-</ol>
-</div>
-
-  </div>
-</article>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+:::</p><div class=footnotes role=doc-endnotes><hr><ol><li id=fn:1><p>Footnote <strong>can have markup</strong></p><p>and multiple paragraphs.&#160;<a href=#fnref:1 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a></p></li><li id=fn:2><p>Footnote text.&#160;<a href=#fnref:2 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a>&#160;<a href=#fnref1:2 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a></p></li></ol></div></div></article><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/posts/news-post-4/index.html b/public/posts/news-post-4/index.html
index 6a5a901..06da46d 100644
--- a/public/posts/news-post-4/index.html
+++ b/public/posts/news-post-4/index.html
@@ -1,322 +1,14 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> News Post 4 | TailBliss 
-</title>
-<meta name="description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus." />
-<meta property="og:title" content="News Post 4 | TailBliss" />
-<meta name="twitter:title" content="News Post 4 | TailBliss" />
-<meta itemprop="name" content="News Post 4 | TailBliss" />
-<meta name="application-name" content="News Post 4 | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus." />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/posts/news-post-4/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<article>
-  <header class="mb-4 bg-indigo-600">
-    <span class="py-96">
-      <h1 class="py-16 text-5xl font-black text-center text-white capitalize">
-        News Post 4
-      </h1>
-    </span>
-  </header>
-  <div class="max-w-4xl mx-auto mt-8 mb-2">
-    <div class="px-6">
-      
-      
-      
-      
-      
-      
-      <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp" srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w"
-           class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40"
-           width="100%" alt="" />
-      
-      
-    </div>
-  </div>
-  
-  <div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white">
-    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p>
-<p>Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus. Sed mi tellus, volutpat aliquam enim sed, efficitur cursus lacus. Nunc congue, justo luctus vehicula finibus, tortor justo consectetur ligula, at lobortis nisl ipsum eu mauris. Fusce finibus mi in enim mollis dapibus. In non leo et mi pharetra vehicula vel ut felis. Nam eros metus, tristique a tellus vitae, aliquet posuere turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque non molestie orci, id scelerisque odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse pharetra rhoncus massa, eu sagittis purus consectetur eget.</p>
-<p>Duis vitae consectetur dolor. Sed consectetur nibh ligula, vitae eleifend velit vulputate non. Nam eleifend, tellus ut commodo hendrerit, leo erat dictum est, non faucibus sapien mauris eu sapien. Sed et tortor sit amet ex rhoncus sagittis. Vestibulum pretium nisl non sodales congue. Ut sit amet iaculis felis. Nulla tristique tristique posuere.</p>
-<p>Sed neque ex, euismod vel leo vitae, ornare elementum neque. Ut laoreet metus nec ex euismod mattis. Vivamus dapibus suscipit risus nec gravida. Mauris est odio, maximus eget sem eu, rhoncus tincidunt ipsum. Proin laoreet maximus dolor, in euismod purus suscipit et. Praesent eleifend mi sed massa pulvinar dictum. Curabitur leo lorem, pharetra sit amet orci in, maximus cursus purus. Integer finibus massa tincidunt orci gravida mattis. Praesent nec orci libero. Suspendisse vel magna posuere libero ultricies lacinia.</p>
-<p>Pellentesque at feugiat arcu, at tincidunt est. Sed vel urna congue, porta dui sed, lacinia velit. Nulla porta vehicula sem, id porta sem suscipit id. Ut faucibus erat ac odio tempus molestie at a nisi. Pellentesque id ornare ipsum, a vestibulum nisi. Nullam id felis nec dolor tincidunt viverra quis ac tortor. Maecenas id viverra tellus, eu egestas tellus. Integer feugiat et arcu sit amet venenatis. Nam posuere mi quis justo rhoncus, nec cursus quam venenatis. Duis sapien ante, egestas sit amet nulla sit amet, facilisis lobortis lectus. Nullam non arcu pretium, pretium ligula in, sagittis nibh. Aenean egestas eget ipsum tempus feugiat.</p>
-<p>Aliquam tortor erat, elementum a neque et, ultricies mollis nunc. Etiam bibendum eu magna ut commodo. Curabitur gravida lorem nec ultrices blandit. Nam egestas est a purus porttitor cursus. Suspendisse dapibus scelerisque odio facilisis porta. Curabitur urna felis, vehicula eget aliquam ut, elementum ac est. Vestibulum posuere nulla nunc, ut condimentum turpis imperdiet sit amet.</p>
-  </div>
-</article>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+<!doctype html><html lang=en><head><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>News Post 4 | TailBliss</title><meta name=description content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus."><meta property="og:title" content="News Post 4 | TailBliss"><meta name=twitter:title content="News Post 4 | TailBliss"><meta itemprop=name content="News Post 4 | TailBliss"><meta name=application-name content="News Post 4 | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus."><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/posts/news-post-4/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><article><header class="mb-4 bg-indigo-600"><span class=py-96><h1 class="py-16 text-5xl font-black text-center text-white capitalize">News Post 4</h1></span></header><div class="max-w-4xl mx-auto mt-8 mb-2"><div class=px-6><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w" class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40" width=100% alt></div></div><div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p><p>Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus. Sed mi tellus, volutpat aliquam enim sed, efficitur cursus lacus. Nunc congue, justo luctus vehicula finibus, tortor justo consectetur ligula, at lobortis nisl ipsum eu mauris. Fusce finibus mi in enim mollis dapibus. In non leo et mi pharetra vehicula vel ut felis. Nam eros metus, tristique a tellus vitae, aliquet posuere turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque non molestie orci, id scelerisque odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse pharetra rhoncus massa, eu sagittis purus consectetur eget.</p><p>Duis vitae consectetur dolor. Sed consectetur nibh ligula, vitae eleifend velit vulputate non. Nam eleifend, tellus ut commodo hendrerit, leo erat dictum est, non faucibus sapien mauris eu sapien. Sed et tortor sit amet ex rhoncus sagittis. Vestibulum pretium nisl non sodales congue. Ut sit amet iaculis felis. Nulla tristique tristique posuere.</p><p>Sed neque ex, euismod vel leo vitae, ornare elementum neque. Ut laoreet metus nec ex euismod mattis. Vivamus dapibus suscipit risus nec gravida. Mauris est odio, maximus eget sem eu, rhoncus tincidunt ipsum. Proin laoreet maximus dolor, in euismod purus suscipit et. Praesent eleifend mi sed massa pulvinar dictum. Curabitur leo lorem, pharetra sit amet orci in, maximus cursus purus. Integer finibus massa tincidunt orci gravida mattis. Praesent nec orci libero. Suspendisse vel magna posuere libero ultricies lacinia.</p><p>Pellentesque at feugiat arcu, at tincidunt est. Sed vel urna congue, porta dui sed, lacinia velit. Nulla porta vehicula sem, id porta sem suscipit id. Ut faucibus erat ac odio tempus molestie at a nisi. Pellentesque id ornare ipsum, a vestibulum nisi. Nullam id felis nec dolor tincidunt viverra quis ac tortor. Maecenas id viverra tellus, eu egestas tellus. Integer feugiat et arcu sit amet venenatis. Nam posuere mi quis justo rhoncus, nec cursus quam venenatis. Duis sapien ante, egestas sit amet nulla sit amet, facilisis lobortis lectus. Nullam non arcu pretium, pretium ligula in, sagittis nibh. Aenean egestas eget ipsum tempus feugiat.</p><p>Aliquam tortor erat, elementum a neque et, ultricies mollis nunc. Etiam bibendum eu magna ut commodo. Curabitur gravida lorem nec ultrices blandit. Nam egestas est a purus porttitor cursus. Suspendisse dapibus scelerisque odio facilisis porta. Curabitur urna felis, vehicula eget aliquam ut, elementum ac est. Vestibulum posuere nulla nunc, ut condimentum turpis imperdiet sit amet.</p></div></article><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/posts/news-post-5/index.html b/public/posts/news-post-5/index.html
index a8b7475..848ce0e 100644
--- a/public/posts/news-post-5/index.html
+++ b/public/posts/news-post-5/index.html
@@ -1,322 +1,14 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> News Post 5 | TailBliss 
-</title>
-<meta name="description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus." />
-<meta property="og:title" content="News Post 5 | TailBliss" />
-<meta name="twitter:title" content="News Post 5 | TailBliss" />
-<meta itemprop="name" content="News Post 5 | TailBliss" />
-<meta name="application-name" content="News Post 5 | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus." />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/posts/news-post-5/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<article>
-  <header class="mb-4 bg-indigo-600">
-    <span class="py-96">
-      <h1 class="py-16 text-5xl font-black text-center text-white capitalize">
-        News Post 5
-      </h1>
-    </span>
-  </header>
-  <div class="max-w-4xl mx-auto mt-8 mb-2">
-    <div class="px-6">
-      
-      
-      
-      
-      
-      
-      <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp" srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w"
-           class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40"
-           width="100%" alt="" />
-      
-      
-    </div>
-  </div>
-  
-  <div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white">
-    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p>
-<p>Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus. Sed mi tellus, volutpat aliquam enim sed, efficitur cursus lacus. Nunc congue, justo luctus vehicula finibus, tortor justo consectetur ligula, at lobortis nisl ipsum eu mauris. Fusce finibus mi in enim mollis dapibus. In non leo et mi pharetra vehicula vel ut felis. Nam eros metus, tristique a tellus vitae, aliquet posuere turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque non molestie orci, id scelerisque odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse pharetra rhoncus massa, eu sagittis purus consectetur eget.</p>
-<p>Duis vitae consectetur dolor. Sed consectetur nibh ligula, vitae eleifend velit vulputate non. Nam eleifend, tellus ut commodo hendrerit, leo erat dictum est, non faucibus sapien mauris eu sapien. Sed et tortor sit amet ex rhoncus sagittis. Vestibulum pretium nisl non sodales congue. Ut sit amet iaculis felis. Nulla tristique tristique posuere.</p>
-<p>Sed neque ex, euismod vel leo vitae, ornare elementum neque. Ut laoreet metus nec ex euismod mattis. Vivamus dapibus suscipit risus nec gravida. Mauris est odio, maximus eget sem eu, rhoncus tincidunt ipsum. Proin laoreet maximus dolor, in euismod purus suscipit et. Praesent eleifend mi sed massa pulvinar dictum. Curabitur leo lorem, pharetra sit amet orci in, maximus cursus purus. Integer finibus massa tincidunt orci gravida mattis. Praesent nec orci libero. Suspendisse vel magna posuere libero ultricies lacinia.</p>
-<p>Pellentesque at feugiat arcu, at tincidunt est. Sed vel urna congue, porta dui sed, lacinia velit. Nulla porta vehicula sem, id porta sem suscipit id. Ut faucibus erat ac odio tempus molestie at a nisi. Pellentesque id ornare ipsum, a vestibulum nisi. Nullam id felis nec dolor tincidunt viverra quis ac tortor. Maecenas id viverra tellus, eu egestas tellus. Integer feugiat et arcu sit amet venenatis. Nam posuere mi quis justo rhoncus, nec cursus quam venenatis. Duis sapien ante, egestas sit amet nulla sit amet, facilisis lobortis lectus. Nullam non arcu pretium, pretium ligula in, sagittis nibh. Aenean egestas eget ipsum tempus feugiat.</p>
-<p>Aliquam tortor erat, elementum a neque et, ultricies mollis nunc. Etiam bibendum eu magna ut commodo. Curabitur gravida lorem nec ultrices blandit. Nam egestas est a purus porttitor cursus. Suspendisse dapibus scelerisque odio facilisis porta. Curabitur urna felis, vehicula eget aliquam ut, elementum ac est. Vestibulum posuere nulla nunc, ut condimentum turpis imperdiet sit amet.</p>
-  </div>
-</article>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+<!doctype html><html lang=en><head><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>News Post 5 | TailBliss</title><meta name=description content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus."><meta property="og:title" content="News Post 5 | TailBliss"><meta name=twitter:title content="News Post 5 | TailBliss"><meta itemprop=name content="News Post 5 | TailBliss"><meta name=application-name content="News Post 5 | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus."><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/posts/news-post-5/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><article><header class="mb-4 bg-indigo-600"><span class=py-96><h1 class="py-16 text-5xl font-black text-center text-white capitalize">News Post 5</h1></span></header><div class="max-w-4xl mx-auto mt-8 mb-2"><div class=px-6><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w" class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40" width=100% alt></div></div><div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p><p>Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus. Sed mi tellus, volutpat aliquam enim sed, efficitur cursus lacus. Nunc congue, justo luctus vehicula finibus, tortor justo consectetur ligula, at lobortis nisl ipsum eu mauris. Fusce finibus mi in enim mollis dapibus. In non leo et mi pharetra vehicula vel ut felis. Nam eros metus, tristique a tellus vitae, aliquet posuere turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque non molestie orci, id scelerisque odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse pharetra rhoncus massa, eu sagittis purus consectetur eget.</p><p>Duis vitae consectetur dolor. Sed consectetur nibh ligula, vitae eleifend velit vulputate non. Nam eleifend, tellus ut commodo hendrerit, leo erat dictum est, non faucibus sapien mauris eu sapien. Sed et tortor sit amet ex rhoncus sagittis. Vestibulum pretium nisl non sodales congue. Ut sit amet iaculis felis. Nulla tristique tristique posuere.</p><p>Sed neque ex, euismod vel leo vitae, ornare elementum neque. Ut laoreet metus nec ex euismod mattis. Vivamus dapibus suscipit risus nec gravida. Mauris est odio, maximus eget sem eu, rhoncus tincidunt ipsum. Proin laoreet maximus dolor, in euismod purus suscipit et. Praesent eleifend mi sed massa pulvinar dictum. Curabitur leo lorem, pharetra sit amet orci in, maximus cursus purus. Integer finibus massa tincidunt orci gravida mattis. Praesent nec orci libero. Suspendisse vel magna posuere libero ultricies lacinia.</p><p>Pellentesque at feugiat arcu, at tincidunt est. Sed vel urna congue, porta dui sed, lacinia velit. Nulla porta vehicula sem, id porta sem suscipit id. Ut faucibus erat ac odio tempus molestie at a nisi. Pellentesque id ornare ipsum, a vestibulum nisi. Nullam id felis nec dolor tincidunt viverra quis ac tortor. Maecenas id viverra tellus, eu egestas tellus. Integer feugiat et arcu sit amet venenatis. Nam posuere mi quis justo rhoncus, nec cursus quam venenatis. Duis sapien ante, egestas sit amet nulla sit amet, facilisis lobortis lectus. Nullam non arcu pretium, pretium ligula in, sagittis nibh. Aenean egestas eget ipsum tempus feugiat.</p><p>Aliquam tortor erat, elementum a neque et, ultricies mollis nunc. Etiam bibendum eu magna ut commodo. Curabitur gravida lorem nec ultrices blandit. Nam egestas est a purus porttitor cursus. Suspendisse dapibus scelerisque odio facilisis porta. Curabitur urna felis, vehicula eget aliquam ut, elementum ac est. Vestibulum posuere nulla nunc, ut condimentum turpis imperdiet sit amet.</p></div></article><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/posts/news-post-6/index.html b/public/posts/news-post-6/index.html
index 45463db..337fc5b 100644
--- a/public/posts/news-post-6/index.html
+++ b/public/posts/news-post-6/index.html
@@ -1,322 +1,14 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> News Post 6 | TailBliss 
-</title>
-<meta name="description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus." />
-<meta property="og:title" content="News Post 6 | TailBliss" />
-<meta name="twitter:title" content="News Post 6 | TailBliss" />
-<meta itemprop="name" content="News Post 6 | TailBliss" />
-<meta name="application-name" content="News Post 6 | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus." />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/posts/news-post-6/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<article>
-  <header class="mb-4 bg-indigo-600">
-    <span class="py-96">
-      <h1 class="py-16 text-5xl font-black text-center text-white capitalize">
-        News Post 6
-      </h1>
-    </span>
-  </header>
-  <div class="max-w-4xl mx-auto mt-8 mb-2">
-    <div class="px-6">
-      
-      
-      
-      
-      
-      
-      <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp" srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w"
-           class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40"
-           width="100%" alt="" />
-      
-      
-    </div>
-  </div>
-  
-  <div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white">
-    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p>
-<p>Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus. Sed mi tellus, volutpat aliquam enim sed, efficitur cursus lacus. Nunc congue, justo luctus vehicula finibus, tortor justo consectetur ligula, at lobortis nisl ipsum eu mauris. Fusce finibus mi in enim mollis dapibus. In non leo et mi pharetra vehicula vel ut felis. Nam eros metus, tristique a tellus vitae, aliquet posuere turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque non molestie orci, id scelerisque odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse pharetra rhoncus massa, eu sagittis purus consectetur eget.</p>
-<p>Duis vitae consectetur dolor. Sed consectetur nibh ligula, vitae eleifend velit vulputate non. Nam eleifend, tellus ut commodo hendrerit, leo erat dictum est, non faucibus sapien mauris eu sapien. Sed et tortor sit amet ex rhoncus sagittis. Vestibulum pretium nisl non sodales congue. Ut sit amet iaculis felis. Nulla tristique tristique posuere.</p>
-<p>Sed neque ex, euismod vel leo vitae, ornare elementum neque. Ut laoreet metus nec ex euismod mattis. Vivamus dapibus suscipit risus nec gravida. Mauris est odio, maximus eget sem eu, rhoncus tincidunt ipsum. Proin laoreet maximus dolor, in euismod purus suscipit et. Praesent eleifend mi sed massa pulvinar dictum. Curabitur leo lorem, pharetra sit amet orci in, maximus cursus purus. Integer finibus massa tincidunt orci gravida mattis. Praesent nec orci libero. Suspendisse vel magna posuere libero ultricies lacinia.</p>
-<p>Pellentesque at feugiat arcu, at tincidunt est. Sed vel urna congue, porta dui sed, lacinia velit. Nulla porta vehicula sem, id porta sem suscipit id. Ut faucibus erat ac odio tempus molestie at a nisi. Pellentesque id ornare ipsum, a vestibulum nisi. Nullam id felis nec dolor tincidunt viverra quis ac tortor. Maecenas id viverra tellus, eu egestas tellus. Integer feugiat et arcu sit amet venenatis. Nam posuere mi quis justo rhoncus, nec cursus quam venenatis. Duis sapien ante, egestas sit amet nulla sit amet, facilisis lobortis lectus. Nullam non arcu pretium, pretium ligula in, sagittis nibh. Aenean egestas eget ipsum tempus feugiat.</p>
-<p>Aliquam tortor erat, elementum a neque et, ultricies mollis nunc. Etiam bibendum eu magna ut commodo. Curabitur gravida lorem nec ultrices blandit. Nam egestas est a purus porttitor cursus. Suspendisse dapibus scelerisque odio facilisis porta. Curabitur urna felis, vehicula eget aliquam ut, elementum ac est. Vestibulum posuere nulla nunc, ut condimentum turpis imperdiet sit amet.</p>
-  </div>
-</article>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+<!doctype html><html lang=en><head><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>News Post 6 | TailBliss</title><meta name=description content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus."><meta property="og:title" content="News Post 6 | TailBliss"><meta name=twitter:title content="News Post 6 | TailBliss"><meta itemprop=name content="News Post 6 | TailBliss"><meta name=application-name content="News Post 6 | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus."><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/posts/news-post-6/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><article><header class="mb-4 bg-indigo-600"><span class=py-96><h1 class="py-16 text-5xl font-black text-center text-white capitalize">News Post 6</h1></span></header><div class="max-w-4xl mx-auto mt-8 mb-2"><div class=px-6><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w" class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40" width=100% alt></div></div><div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p><p>Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus. Sed mi tellus, volutpat aliquam enim sed, efficitur cursus lacus. Nunc congue, justo luctus vehicula finibus, tortor justo consectetur ligula, at lobortis nisl ipsum eu mauris. Fusce finibus mi in enim mollis dapibus. In non leo et mi pharetra vehicula vel ut felis. Nam eros metus, tristique a tellus vitae, aliquet posuere turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque non molestie orci, id scelerisque odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse pharetra rhoncus massa, eu sagittis purus consectetur eget.</p><p>Duis vitae consectetur dolor. Sed consectetur nibh ligula, vitae eleifend velit vulputate non. Nam eleifend, tellus ut commodo hendrerit, leo erat dictum est, non faucibus sapien mauris eu sapien. Sed et tortor sit amet ex rhoncus sagittis. Vestibulum pretium nisl non sodales congue. Ut sit amet iaculis felis. Nulla tristique tristique posuere.</p><p>Sed neque ex, euismod vel leo vitae, ornare elementum neque. Ut laoreet metus nec ex euismod mattis. Vivamus dapibus suscipit risus nec gravida. Mauris est odio, maximus eget sem eu, rhoncus tincidunt ipsum. Proin laoreet maximus dolor, in euismod purus suscipit et. Praesent eleifend mi sed massa pulvinar dictum. Curabitur leo lorem, pharetra sit amet orci in, maximus cursus purus. Integer finibus massa tincidunt orci gravida mattis. Praesent nec orci libero. Suspendisse vel magna posuere libero ultricies lacinia.</p><p>Pellentesque at feugiat arcu, at tincidunt est. Sed vel urna congue, porta dui sed, lacinia velit. Nulla porta vehicula sem, id porta sem suscipit id. Ut faucibus erat ac odio tempus molestie at a nisi. Pellentesque id ornare ipsum, a vestibulum nisi. Nullam id felis nec dolor tincidunt viverra quis ac tortor. Maecenas id viverra tellus, eu egestas tellus. Integer feugiat et arcu sit amet venenatis. Nam posuere mi quis justo rhoncus, nec cursus quam venenatis. Duis sapien ante, egestas sit amet nulla sit amet, facilisis lobortis lectus. Nullam non arcu pretium, pretium ligula in, sagittis nibh. Aenean egestas eget ipsum tempus feugiat.</p><p>Aliquam tortor erat, elementum a neque et, ultricies mollis nunc. Etiam bibendum eu magna ut commodo. Curabitur gravida lorem nec ultrices blandit. Nam egestas est a purus porttitor cursus. Suspendisse dapibus scelerisque odio facilisis porta. Curabitur urna felis, vehicula eget aliquam ut, elementum ac est. Vestibulum posuere nulla nunc, ut condimentum turpis imperdiet sit amet.</p></div></article><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/posts/page/1/index.html b/public/posts/page/1/index.html
index 764c0b4..7ff7ebb 100644
--- a/public/posts/page/1/index.html
+++ b/public/posts/page/1/index.html
@@ -1,10 +1 @@
-<!DOCTYPE html>
-<html lang="en-us">
-  <head>
-    <title>https://tailbliss.vercel.app/posts/</title>
-    <link rel="canonical" href="https://tailbliss.vercel.app/posts/">
-    <meta name="robots" content="noindex">
-    <meta charset="utf-8">
-    <meta http-equiv="refresh" content="0; url=https://tailbliss.vercel.app/posts/">
-  </head>
-</html>
+<!doctype html><html lang=en-us><head><title>https://tailbliss.netlify.app/posts/</title><link rel=canonical href=https://tailbliss.netlify.app/posts/><meta name=robots content="noindex"><meta charset=utf-8><meta http-equiv=refresh content="0; url=https://tailbliss.netlify.app/posts/"></head></html>
\ No newline at end of file
diff --git a/public/posts/page/2/index.html b/public/posts/page/2/index.html
index 53188ef..03d96b3 100644
--- a/public/posts/page/2/index.html
+++ b/public/posts/page/2/index.html
@@ -1,497 +1,32 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> Posts | TailBliss 
-</title>
-<meta name="description" content="TailBliss is Hugo Starter" />
-<meta property="og:title" content="Posts | TailBliss" />
-<meta name="twitter:title" content="Posts | TailBliss" />
-<meta itemprop="name" content="Posts | TailBliss" />
-<meta name="application-name" content="Posts | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="TailBliss is Hugo Starter" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/posts/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<main>
-    <article>
-        <header class="mb-4 bg-indigo-600">
-            <span class="py-96">
-                <h1 class="py-16 text-5xl font-black text-center text-white capitalize">
-                    Posts
-                </h1>
-            </span>
-        </header>
-        
-        <div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50">
-    <div class="px-4 not-prose">
-        <div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3">
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/blog-post-5/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            Blog Post 5
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/blog/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2021-12-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/blog-post-6/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            Blog Post 6
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/blog/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2021-12-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/news-post-3/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            News Post 3
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/news/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2021-12-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-        </div>
-    </div>
-</div>
-    </article>
-    <div class="max-w-xl mx-auto my-16">
-        
-
-
-
-<nav class="flex items-center justify-center px-4 sm:px-0">
-    <div class="flex flex-1 w-0">
-        <div class="mx-auto border-t-2 border-indigo-300">
-            
-            
-
-            
-            <a href="https://tailbliss.vercel.app/posts/" rel="prev"
-                class="inline-flex items-center px-4 pt-4 text-lg font-black text-indigo-600 dark:text-indigo-400">‹
-                Prev</a>
-            
-
-            
-            
-            
-            
-            <a class="page-item"><a href="https://tailbliss.vercel.app/posts/"
-                    class="inline-flex items-center px-4 pt-4 text-lg font-medium text-indigo-600 dark:text-indigo-400">1</a>
-            </a>
-            
-            
-            
-            
-            <a class="font-black page-item active"><a href="https://tailbliss.vercel.app/posts/page/2/"
-                    class="inline-flex items-center px-4 pt-4 text-lg font-medium text-indigo-600 dark:text-indigo-400">2</a>
-            </a>
-            
-            
-
-            
-
-            
-            
-        </div>
-</nav>
-
-    </div>
-</main>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+<!doctype html><html lang=en><head><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>Posts | TailBliss</title><meta name=description content="TailBliss is Hugo Starter"><meta property="og:title" content="Posts | TailBliss"><meta name=twitter:title content="Posts | TailBliss"><meta itemprop=name content="Posts | TailBliss"><meta name=application-name content="Posts | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="TailBliss is Hugo Starter"><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/posts/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><main><article><header class="mb-4 bg-indigo-600"><span class=py-96><h1 class="py-16 text-5xl font-black text-center text-white capitalize">Posts</h1></span></header><div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50"><div class="px-4 not-prose"><div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3"><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/blog-post-5/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Blog Post 5</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/blog/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2021-12-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/blog-post-6/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Blog Post 6</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/blog/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2021-12-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/news-post-3/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">News Post 3</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/news/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2021-12-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div></div></div></div></article><div class="max-w-xl mx-auto my-16"><nav class="flex items-center justify-center px-4 sm:px-0"><div class="flex flex-1 w-0"><div class="mx-auto border-t-2 border-indigo-300"><a href=https://tailbliss.netlify.app/posts/ rel=prev class="inline-flex items-center px-4 pt-4 text-lg font-black text-indigo-600 dark:text-indigo-400">‹
+Prev</a>
+<a class=page-item><a href=https://tailbliss.netlify.app/posts/ class="inline-flex items-center px-4 pt-4 text-lg font-medium text-indigo-600 dark:text-indigo-400">1</a></a>
+<a class="font-black page-item active"><a href=https://tailbliss.netlify.app/posts/page/2/ class="inline-flex items-center px-4 pt-4 text-lg font-medium text-indigo-600 dark:text-indigo-400">2</a></a></div></nav></div></main><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/prose/index.html b/public/prose/index.html
index 23389f8..3bbe565 100644
--- a/public/prose/index.html
+++ b/public/prose/index.html
@@ -1,246 +1,15 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> Prose | TailBliss 
-</title>
-<meta name="description" content="Tailwind Typography @tailwindcss/typography &amp; Prose" />
-<meta property="og:title" content="Prose | TailBliss" />
-<meta name="twitter:title" content="Prose | TailBliss" />
-<meta itemprop="name" content="Prose | TailBliss" />
-<meta name="application-name" content="Prose | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="Tailwind Typography @tailwindcss/typography &amp; Prose" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/prose/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<article>
-  <header class="mb-4 bg-indigo-600">
-    <span class="py-96">
-      <h1 class="py-16 text-5xl font-black text-center text-white capitalize">
-        Prose
-      </h1>
-    </span>
-  </header>
-  <div class="max-w-4xl mx-auto mt-8 mb-2">
-    <div class="px-6">
-      
-      
-      
-      
-      
-      
-      <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp" srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w"
-           class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40"
-           width="100%" alt="" />
-      
-      
-    </div>
-  </div>
-  
-  <div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white">
-    <h2 id="tailwindcsstypography">@tailwindcss/typography</h2>
-<p><a href="https://github.com/tailwindlabs/tailwindcss-typography">View on GitHub</a>!</p>
-<p>Beautiful typographic defaults for HTML you don&rsquo;t control.</p>
-<p>The official Tailwind CSS Typography plugin provides a set of prose classes you can use to add beautiful typographic defaults to any vanilla HTML you don’t control, like HTML rendered from Markdown, or pulled from a CMS.</p>
-<p>Tailwind CSS IntelliSense extension for Visual Studio Code</p>
-<pre tabindex="0"><code>&lt;article class=&#34;prose lg:prose-xl&#34;&gt;
+<!doctype html><html lang=en><head><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>Prose | TailBliss</title><meta name=description content="Tailwind Typography @tailwindcss/typography & Prose"><meta property="og:title" content="Prose | TailBliss"><meta name=twitter:title content="Prose | TailBliss"><meta itemprop=name content="Prose | TailBliss"><meta name=application-name content="Prose | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="Tailwind Typography @tailwindcss/typography & Prose"><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/prose/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><article><header class="mb-4 bg-indigo-600"><span class=py-96><h1 class="py-16 text-5xl font-black text-center text-white capitalize">Prose</h1></span></header><div class="max-w-4xl mx-auto mt-8 mb-2"><div class=px-6><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp srcset=", /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_400x0_resize_q80_h2_box_3.webp 400w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_550x0_resize_q80_h2_box_3.webp 550w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_900x0_resize_q80_h2_box_3.webp 768w, /../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_1500x0_resize_q80_h2_box_3.webp 1100w" class="object-fill overflow-hidden rounded-lg shadow-lg ring-4 ring-zinc-300/40 dark:ring-gray-900/40 shadow-neutral-100/20 dark:shadow-neutral-800/40" width=100% alt></div></div><div class="max-w-2xl px-6 pt-6 pb-16 mx-auto prose dark:prose-invert dark:text-white"><h2 id=tailwindcsstypography>@tailwindcss/typography</h2><p><a href=https://github.com/tailwindlabs/tailwindcss-typography>View on GitHub</a>!</p><p>Beautiful typographic defaults for HTML you don&rsquo;t control.</p><p>The official Tailwind CSS Typography plugin provides a set of prose classes you can use to add beautiful typographic defaults to any vanilla HTML you don’t control, like HTML rendered from Markdown, or pulled from a CMS.</p><p>Tailwind CSS IntelliSense extension for Visual Studio Code</p><pre tabindex=0><code>&lt;article class=&#34;prose lg:prose-xl&#34;&gt;
   {{ markdown }}
 &lt;/article&gt;
 </code></pre><p>To see what it looks like in action, check out our <a href="https://play.tailwindcss.com/uj1vGACRJA?layout=preview">live demo</a> on Tailwind Play.
-​</p>
-<h2 id="installation">Installation</h2>
-<h3 id="install-the-plugin-from-npm">Install the plugin from npm:</h3>
-<pre tabindex="0"><code>npm install -D @tailwindcss/typography
-</code></pre><p>Then add the plugin to your tailwind.config.js file: tailwind.config.js</p>
-<pre tabindex="0"><code>module.exports = {
+​</p><h2 id=installation>Installation</h2><h3 id=install-the-plugin-from-npm>Install the plugin from npm:</h3><pre tabindex=0><code>npm install -D @tailwindcss/typography
+</code></pre><p>Then add the plugin to your tailwind.config.js file: tailwind.config.js</p><pre tabindex=0><code>module.exports = {
   theme: {
     // ...
   },
@@ -249,9 +18,7 @@
     // ...
   ],
 }
-</code></pre><h2 id="basic-usage">Basic usage</h2>
-<p>Now you can use the prose classes to add sensible typography styles to any vanilla HTML:</p>
-<pre tabindex="0"><code>&lt;article class=&#34;prose lg:prose-xl&#34;&gt;
+</code></pre><h2 id=basic-usage>Basic usage</h2><p>Now you can use the prose classes to add sensible typography styles to any vanilla HTML:</p><pre tabindex=0><code>&lt;article class=&#34;prose lg:prose-xl&#34;&gt;
   &lt;h1&gt;Garlic bread with cheese: What the science tells us&lt;/h1&gt;
   &lt;p&gt;
     For years parents have espoused the health benefits of eating garlic bread with cheese to their
@@ -263,235 +30,36 @@
     springing up around the country.
   &lt;/p&gt;
 &lt;/article&gt;
-</code></pre><h2 id="choosing-a-gray-scale">Choosing a gray scale</h2>
-<p>This plugin includes a modifier class for each of the five gray scales Tailwind includes by default so you can easily style your content to match the grays you’re using in your project.</p>
-<pre tabindex="0"><code>&lt;article class=&#34;prose prose-slate&#34;&gt;
+</code></pre><h2 id=choosing-a-gray-scale>Choosing a gray scale</h2><p>This plugin includes a modifier class for each of the five gray scales Tailwind includes by default so you can easily style your content to match the grays you’re using in your project.</p><pre tabindex=0><code>&lt;article class=&#34;prose prose-slate&#34;&gt;
   {{ markdown }}
 &lt;/article&gt;
-</code></pre><h2 id="here-are-the-classes-that-are-generated-using-a-totally-default-tailwind-css-v20-build">Here are the classes that are generated using a totally default Tailwind CSS v2.0 build:</h2>
-<table>
-<thead>
-<tr>
-<th>Class</th>
-<th>Gray scale</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>prose-gray (default)</td>
-<td>Gray</td>
-</tr>
-<tr>
-<td>prose-slate</td>
-<td>Slate</td>
-</tr>
-<tr>
-<td>prose-zinc</td>
-<td>Zinc</td>
-</tr>
-<tr>
-<td>prose-neutral</td>
-<td>Neutral</td>
-</tr>
-<tr>
-<td>prose-stone</td>
-<td>Stone</td>
-</tr>
-</tbody>
-</table>
-<p>Modifier classes are designed to be used with the multi-class modifier pattern and must be used in conjunction with the base prose class.</p>
-<p>Always include the <code>prose</code> class when adding a gray scale modifier</p>
-<pre tabindex="0"><code>&lt;article class=&#34;prose prose-stone&#34;&gt;
+</code></pre><h2 id=here-are-the-classes-that-are-generated-using-a-totally-default-tailwind-css-v20-build>Here are the classes that are generated using a totally default Tailwind CSS v2.0 build:</h2><table><thead><tr><th>Class</th><th>Gray scale</th></tr></thead><tbody><tr><td>prose-gray (default)</td><td>Gray</td></tr><tr><td>prose-slate</td><td>Slate</td></tr><tr><td>prose-zinc</td><td>Zinc</td></tr><tr><td>prose-neutral</td><td>Neutral</td></tr><tr><td>prose-stone</td><td>Stone</td></tr></tbody></table><p>Modifier classes are designed to be used with the multi-class modifier pattern and must be used in conjunction with the base prose class.</p><p>Always include the <code>prose</code> class when adding a gray scale modifier</p><pre tabindex=0><code>&lt;article class=&#34;prose prose-stone&#34;&gt;
   {{ markdown }}
 &lt;/article&gt;
 </code></pre><p>To learn about creating your own color themes, read the adding custom color themes documentation.
-​</p>
-<h2 id="applying-a-type-scale">Applying a type scale</h2>
-<p>Size modifiers allow you to adjust the overall size of your typography for different contexts.</p>
-<pre tabindex="0"><code>&lt;article class=&#34;prose prose-xl&#34;&gt;
+​</p><h2 id=applying-a-type-scale>Applying a type scale</h2><p>Size modifiers allow you to adjust the overall size of your typography for different contexts.</p><pre tabindex=0><code>&lt;article class=&#34;prose prose-xl&#34;&gt;
   {{ markdown }}
 &lt;/article&gt;
-</code></pre><h3 id="five-different-typography-sizes-are-included-out-of-the-box">Five different typography sizes are included out of the box:</h3>
-<p>Class	Body font size</p>
-<table>
-<thead>
-<tr>
-<th>prose-sm</th>
-<th>Gray scale</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>prose-gray (default)</td>
-<td>0.875rem (14px)</td>
-</tr>
-<tr>
-<td>prose-base (default)</td>
-<td>1rem (16px)</td>
-</tr>
-<tr>
-<td>prose-lg</td>
-<td>1.125rem (18px)</td>
-</tr>
-<tr>
-<td>prose-xl</td>
-<td>1.25rem (20px)</td>
-</tr>
-<tr>
-<td>prose-2xl</td>
-<td>1.5rem (24px)</td>
-</tr>
-</tbody>
-</table>
-<p>These can be used in combination with Tailwind’s breakpoint modifiers to change the overall font size of a piece of content at different viewport sizes:</p>
-<pre tabindex="0"><code>&lt;article class=&#34;prose md:prose-lg lg:prose-xl&#34;&gt;
+</code></pre><h3 id=five-different-typography-sizes-are-included-out-of-the-box>Five different typography sizes are included out of the box:</h3><p>Class Body font size</p><table><thead><tr><th>prose-sm</th><th>Gray scale</th></tr></thead><tbody><tr><td>prose-gray (default)</td><td>0.875rem (14px)</td></tr><tr><td>prose-base (default)</td><td>1rem (16px)</td></tr><tr><td>prose-lg</td><td>1.125rem (18px)</td></tr><tr><td>prose-xl</td><td>1.25rem (20px)</td></tr><tr><td>prose-2xl</td><td>1.5rem (24px)</td></tr></tbody></table><p>These can be used in combination with Tailwind’s breakpoint modifiers to change the overall font size of a piece of content at different viewport sizes:</p><pre tabindex=0><code>&lt;article class=&#34;prose md:prose-lg lg:prose-xl&#34;&gt;
   {{ markdown }}
 &lt;/article&gt;
-</code></pre><p>Everything about the provided size modifiers has been hand-tuned by professional designers to look as beautiful as possible, including the relationships between font sizes, heading spacing, code block padding, and more.</p>
-<p>Size modifiers are designed to be used with the multi-class modifier pattern and must be used in conjunction with the base prose class.</p>
-<p>Always include the <code>prose</code> class when adding a size modifier</p>
-<pre tabindex="0"><code>&lt;article class=&#34;prose prose-lg&#34;&gt;
+</code></pre><p>Everything about the provided size modifiers has been hand-tuned by professional designers to look as beautiful as possible, including the relationships between font sizes, heading spacing, code block padding, and more.</p><p>Size modifiers are designed to be used with the multi-class modifier pattern and must be used in conjunction with the base prose class.</p><p>Always include the <code>prose</code> class when adding a size modifier</p><pre tabindex=0><code>&lt;article class=&#34;prose prose-lg&#34;&gt;
   {{ markdown }}
 &lt;/article&gt;
-</code></pre><p>To learn about customizing the included type scales, read the documentation on customizing the CSS.</p>
-<h2 id="adapting-to-dark-mode">Adapting to dark mode</h2>
-<p>Each default color theme includes a hand-designed dark mode version that you can trigger by adding the prose-invert class:</p>
-<pre tabindex="0"><code>&lt;article class=&#34;prose dark:prose-invert&#34;&gt;
+</code></pre><p>To learn about customizing the included type scales, read the documentation on customizing the CSS.</p><h2 id=adapting-to-dark-mode>Adapting to dark mode</h2><p>Each default color theme includes a hand-designed dark mode version that you can trigger by adding the prose-invert class:</p><pre tabindex=0><code>&lt;article class=&#34;prose dark:prose-invert&#34;&gt;
   {{ markdown }}
 &lt;/article&gt;
-</code></pre><p>To learn about creating your own color themes, read the adding custom color themes documentation.</p>
-<p>​
+</code></pre><p>To learn about creating your own color themes, read the adding custom color themes documentation.</p><p>​
 Element modifiers
-Use element modifiers to customize the style of individual elements in your content directly in your HTML:</p>
-<pre tabindex="0"><code>&lt;article class=&#34;prose prose-img:rounded-xl prose-headings:underline prose-a:text-blue-600&#34;&gt;
+Use element modifiers to customize the style of individual elements in your content directly in your HTML:</p><pre tabindex=0><code>&lt;article class=&#34;prose prose-img:rounded-xl prose-headings:underline prose-a:text-blue-600&#34;&gt;
   {{ markdown }}
 &lt;/article&gt;
-</code></pre><p>This makes it easy to do things like style links to match your brand, add a border radius to images, and tons more.</p>
-<h3 id="heres-a-complete-list-of-available-element-modifiers">Here’s a complete list of available element modifiers:</h3>
-<table>
-<thead>
-<tr>
-<th>Modifier</th>
-<th>Target</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>prose-headings:{utility}</td>
-<td>h1, h2, h3, h4, th</td>
-</tr>
-<tr>
-<td>prose-lead:{utility}</td>
-<td>[class~=&ldquo;lead&rdquo;]</td>
-</tr>
-<tr>
-<td>prose-h1:{utility}</td>
-<td>h1</td>
-</tr>
-<tr>
-<td>prose-h2:{utility}</td>
-<td>h2</td>
-</tr>
-<tr>
-<td>prose-h3:{utility}</td>
-<td>h3</td>
-</tr>
-<tr>
-<td>prose-h4:{utility}</td>
-<td>h4</td>
-</tr>
-<tr>
-<td>prose-p:{utility}</td>
-<td>p</td>
-</tr>
-<tr>
-<td>prose-a:{utility}</td>
-<td>a</td>
-</tr>
-<tr>
-<td>prose-blockquote:{utility}</td>
-<td>blockquote</td>
-</tr>
-<tr>
-<td>prose-figure:{utility}</td>
-<td>figure</td>
-</tr>
-<tr>
-<td>prose-figcaption:{utility}</td>
-<td>figcaption</td>
-</tr>
-<tr>
-<td>prose-strong:{utility}</td>
-<td>strong</td>
-</tr>
-<tr>
-<td>prose-em:{utility}</td>
-<td>em</td>
-</tr>
-<tr>
-<td>prose-code:{utility}</td>
-<td>code</td>
-</tr>
-<tr>
-<td>prose-pre:{utility}</td>
-<td>pre</td>
-</tr>
-<tr>
-<td>prose-ol:{utility}</td>
-<td>ol</td>
-</tr>
-<tr>
-<td>prose-ul:{utility}</td>
-<td>ul</td>
-</tr>
-<tr>
-<td>prose-li:{utility}</td>
-<td>li</td>
-</tr>
-<tr>
-<td>prose-table:{utility}</td>
-<td>table</td>
-</tr>
-<tr>
-<td>prose-thead:{utility}</td>
-<td>thead</td>
-</tr>
-<tr>
-<td>prose-tr:{utility}</td>
-<td>tr</td>
-</tr>
-<tr>
-<td>prose-th:{utility}</td>
-<td>th</td>
-</tr>
-<tr>
-<td>prose-td:{utility}</td>
-<td>td</td>
-</tr>
-<tr>
-<td>prose-img:{utility}</td>
-<td>img</td>
-</tr>
-<tr>
-<td>prose-video:{utility}</td>
-<td>video</td>
-</tr>
-<tr>
-<td>prose-hr:{utility}</td>
-<td>hr</td>
-</tr>
-</tbody>
-</table>
-<p>When stacking these modifiers with other modifiers like hover, you most likely want the other modifier to come first:</p>
-<pre tabindex="0"><code>&lt;article class=&#34;prose prose-a:text-blue-600 hover:prose-a:text-blue-500&#34;&gt;
+</code></pre><p>This makes it easy to do things like style links to match your brand, add a border radius to images, and tons more.</p><h3 id=heres-a-complete-list-of-available-element-modifiers>Here’s a complete list of available element modifiers:</h3><table><thead><tr><th>Modifier</th><th>Target</th></tr></thead><tbody><tr><td>prose-headings:{utility}</td><td>h1, h2, h3, h4, th</td></tr><tr><td>prose-lead:{utility}</td><td>[class~=&ldquo;lead&rdquo;]</td></tr><tr><td>prose-h1:{utility}</td><td>h1</td></tr><tr><td>prose-h2:{utility}</td><td>h2</td></tr><tr><td>prose-h3:{utility}</td><td>h3</td></tr><tr><td>prose-h4:{utility}</td><td>h4</td></tr><tr><td>prose-p:{utility}</td><td>p</td></tr><tr><td>prose-a:{utility}</td><td>a</td></tr><tr><td>prose-blockquote:{utility}</td><td>blockquote</td></tr><tr><td>prose-figure:{utility}</td><td>figure</td></tr><tr><td>prose-figcaption:{utility}</td><td>figcaption</td></tr><tr><td>prose-strong:{utility}</td><td>strong</td></tr><tr><td>prose-em:{utility}</td><td>em</td></tr><tr><td>prose-code:{utility}</td><td>code</td></tr><tr><td>prose-pre:{utility}</td><td>pre</td></tr><tr><td>prose-ol:{utility}</td><td>ol</td></tr><tr><td>prose-ul:{utility}</td><td>ul</td></tr><tr><td>prose-li:{utility}</td><td>li</td></tr><tr><td>prose-table:{utility}</td><td>table</td></tr><tr><td>prose-thead:{utility}</td><td>thead</td></tr><tr><td>prose-tr:{utility}</td><td>tr</td></tr><tr><td>prose-th:{utility}</td><td>th</td></tr><tr><td>prose-td:{utility}</td><td>td</td></tr><tr><td>prose-img:{utility}</td><td>img</td></tr><tr><td>prose-video:{utility}</td><td>video</td></tr><tr><td>prose-hr:{utility}</td><td>hr</td></tr></tbody></table><p>When stacking these modifiers with other modifiers like hover, you most likely want the other modifier to come first:</p><pre tabindex=0><code>&lt;article class=&#34;prose prose-a:text-blue-600 hover:prose-a:text-blue-500&#34;&gt;
   {{ markdown }}
 &lt;/article&gt;
-</code></pre><h2 id="read-the-tailwind-css-documentation-on-ordering-stacked-modifiers-to-learn-more">Read the Tailwind CSS documentation on ordering stacked modifiers to learn more.</h2>
-<p>​
+</code></pre><h2 id=read-the-tailwind-css-documentation-on-ordering-stacked-modifiers-to-learn-more>Read the Tailwind CSS documentation on ordering stacked modifiers to learn more.</h2><p>​
 Overriding max-width
-Each size modifier comes with a baked in max-width designed to keep the content as readable as possible. This isn’t always what you want though, and sometimes you’ll want the content to just fill the width of its container.</p>
-<p>In those cases, all you need to do is add max-w-none to your content to override the embedded max-width:</p>
-<pre tabindex="0"><code>&lt;div class=&#34;grid grid-cols-4&#34;&gt;
+Each size modifier comes with a baked in max-width designed to keep the content as readable as possible. This isn’t always what you want though, and sometimes you’ll want the content to just fill the width of its container.</p><p>In those cases, all you need to do is add max-w-none to your content to override the embedded max-width:</p><pre tabindex=0><code>&lt;div class=&#34;grid grid-cols-4&#34;&gt;
   &lt;div class=&#34;col-span-1&#34;&gt;
     &lt;!-- ... --&gt;
   &lt;/div&gt;
@@ -501,11 +69,9 @@ Each size modifier comes with a baked in max-width designed to keep the content
     &lt;/article&gt;
   &lt;/div&gt;
 &lt;/div&gt;
-</code></pre><h2 id="advanced-topics">Advanced topics</h2>
-<p>​
+</code></pre><h2 id=advanced-topics>Advanced topics</h2><p>​
 Undoing typography styles
-If you have a block of markup embedded in some content that shouldn’t inherit the prose styles, use the not-prose class to sandbox it:</p>
-<pre tabindex="0"><code>&lt;article class=&#34;prose&#34;&gt;
+If you have a block of markup embedded in some content that shouldn’t inherit the prose styles, use the not-prose class to sandbox it:</p><pre tabindex=0><code>&lt;article class=&#34;prose&#34;&gt;
   &lt;h1&gt;My Heading&lt;/h1&gt;
   &lt;p&gt;...&lt;/p&gt;
 
@@ -517,10 +83,7 @@ If you have a block of markup embedded in some content that shouldn’t inherit
   &lt;!-- ... --&gt;
 &lt;/article&gt;
 </code></pre><p>Note that you can’t nest new prose instances within a not-prose block at this time.
-​</p>
-<h2 id="adding-custom-color-themes">Adding custom color themes</h2>
-<p>You can create your own color theme by adding a new key in the typography section of your tailwind.config.js file and providing your colors under the css key:</p>
-<pre tabindex="0"><code>tailwind.config.js
+​</p><h2 id=adding-custom-color-themes>Adding custom color themes</h2><p>You can create your own color theme by adding a new key in the typography section of your tailwind.config.js file and providing your colors under the css key:</p><pre tabindex=0><code>tailwind.config.js
 module.exports = {
   theme: {
     extend: {
@@ -570,10 +133,7 @@ module.exports = {
   ],
 }
 </code></pre><p>See our internal style definitions for some more examples.
-​</p>
-<h2 id="changing-the-default-class-name">Changing the default class name</h2>
-<p>If you need to use a class name other than prose for any reason, you can do so using the className option when registering the plugin:</p>
-<pre tabindex="0"><code>  tailwind.config.js
+​</p><h2 id=changing-the-default-class-name>Changing the default class name</h2><p>If you need to use a class name other than prose for any reason, you can do so using the className option when registering the plugin:</p><pre tabindex=0><code>  tailwind.config.js
   module.exports = {
     theme: {
       // ...
@@ -585,8 +145,7 @@ module.exports = {
     ]
     ...
   }
-</code></pre><p>Now every instance of prose in the default class names will be replaced by your custom class name:</p>
-<pre tabindex="0"><code>  &lt;article class=&#34;wysiwyg wysiwyg-slate lg:wysiwyg-xl&#34;&gt;
+</code></pre><p>Now every instance of prose in the default class names will be replaced by your custom class name:</p><pre tabindex=0><code>  &lt;article class=&#34;wysiwyg wysiwyg-slate lg:wysiwyg-xl&#34;&gt;
     &lt;h1&gt;My Heading&lt;/h1&gt;
     &lt;p&gt;...&lt;/p&gt;
 
@@ -597,9 +156,7 @@ module.exports = {
     &lt;p&gt;...&lt;/p&gt;
     &lt;!-- ... --&gt;
   &lt;/article&gt;
-</code></pre><h2 id="customizing-the-css">Customizing the CSS</h2>
-<p>If you want to customize the raw CSS generated by this plugin, add your overrides under the typography key in the theme section of your tailwind.config.js file:</p>
-<pre tabindex="0"><code>  tailwind.config.js
+</code></pre><h2 id=customizing-the-css>Customizing the CSS</h2><p>If you want to customize the raw CSS generated by this plugin, add your overrides under the typography key in the theme section of your tailwind.config.js file:</p><pre tabindex=0><code>  tailwind.config.js
   module.exports = {
     theme: {
       extend: {
@@ -623,8 +180,7 @@ module.exports = {
       // ...
     ],
   }
-</code></pre><p>Like with all theme customizations in Tailwind, you can also define the typography key as a function if you need access to the theme helper:</p>
-<pre tabindex="0"><code>tailwind.config.js
+</code></pre><p>Like with all theme customizations in Tailwind, you can also define the typography key as a function if you need access to the theme helper:</p><pre tabindex=0><code>tailwind.config.js
 module.exports = {
   theme: {
     extend: {
@@ -644,94 +200,11 @@ module.exports = {
     // ...
   ],
 }
-</code></pre><p>Customizations should be applied to a specific modifier like DEFAULT or xl, and must be added under the css property. Customizations are authored in the same CSS-in-JS syntax used to write Tailwind plugins.</p>
-<p>See the default styles for this plugin for more in-depth examples of configuring each modifier.</p>
-
-  </div>
-</article>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+</code></pre><p>Customizations should be applied to a specific modifier like DEFAULT or xl, and must be added under the css property. Customizations are authored in the same CSS-in-JS syntax used to write Tailwind plugins.</p><p>See the default styles for this plugin for more in-depth examples of configuring each modifier.</p></div></article><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/sitemap.xml b/public/sitemap.xml
index 3f15835..7089c98 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -1,74 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
-  xmlns:xhtml="http://www.w3.org/1999/xhtml">
-  <url>
-    <loc>https://tailbliss.vercel.app/tags/blog/</loc>
-    <lastmod>2022-10-30T15:34:06-05:00</lastmod>
-  </url><url>
-    <loc>https://tailbliss.vercel.app/categories/blog/</loc>
-    <lastmod>2022-10-30T15:34:06-05:00</lastmod>
-  </url><url>
-    <loc>https://tailbliss.vercel.app/posts/blog-post-1/</loc>
-    <lastmod>2022-10-30T15:34:06-05:00</lastmod>
-  </url><url>
-    <loc>https://tailbliss.vercel.app/categories/</loc>
-    <lastmod>2022-10-30T15:34:06-05:00</lastmod>
-  </url><url>
-    <loc>https://tailbliss.vercel.app/posts/</loc>
-    <lastmod>2022-10-30T15:34:06-05:00</lastmod>
-  </url><url>
-    <loc>https://tailbliss.vercel.app/tags/</loc>
-    <lastmod>2022-10-30T15:34:06-05:00</lastmod>
-  </url><url>
-    <loc>https://tailbliss.vercel.app/</loc>
-    <lastmod>2022-10-30T15:34:06-05:00</lastmod>
-  </url><url>
-    <loc>https://tailbliss.vercel.app/tags/news/</loc>
-    <lastmod>2022-10-30T15:34:06-05:00</lastmod>
-  </url><url>
-    <loc>https://tailbliss.vercel.app/categories/news/</loc>
-    <lastmod>2022-10-30T15:34:06-05:00</lastmod>
-  </url><url>
-    <loc>https://tailbliss.vercel.app/posts/news-post-1/</loc>
-    <lastmod>2022-10-30T15:34:06-05:00</lastmod>
-  </url><url>
-    <loc>https://tailbliss.vercel.app/posts/news-post-2/</loc>
-    <lastmod>2022-10-30T15:34:06-05:00</lastmod>
-  </url><url>
-    <loc>https://tailbliss.vercel.app/posts/news-post-4/</loc>
-    <lastmod>2022-10-30T15:34:06-05:00</lastmod>
-  </url><url>
-    <loc>https://tailbliss.vercel.app/posts/news-post-5/</loc>
-    <lastmod>2022-10-30T15:34:06-05:00</lastmod>
-  </url><url>
-    <loc>https://tailbliss.vercel.app/posts/news-post-6/</loc>
-    <lastmod>2022-10-30T15:34:06-05:00</lastmod>
-  </url><url>
-    <loc>https://tailbliss.vercel.app/about/</loc>
-    <lastmod>2022-10-30T15:34:06-05:00</lastmod>
-  </url><url>
-    <loc>https://tailbliss.vercel.app/posts/blog-post-2/</loc>
-    <lastmod>2022-10-30T15:34:06-05:00</lastmod>
-  </url><url>
-    <loc>https://tailbliss.vercel.app/posts/blog-post-3/</loc>
-    <lastmod>2022-10-30T15:34:06-05:00</lastmod>
-  </url><url>
-    <loc>https://tailbliss.vercel.app/posts/blog-post-4/</loc>
-    <lastmod>2022-10-30T15:34:06-05:00</lastmod>
-  </url><url>
-    <loc>https://tailbliss.vercel.app/posts/blog-post-5/</loc>
-    <lastmod>2022-10-30T15:34:06-05:00</lastmod>
-  </url><url>
-    <loc>https://tailbliss.vercel.app/posts/blog-post-6/</loc>
-    <lastmod>2022-10-30T15:34:06-05:00</lastmod>
-  </url><url>
-    <loc>https://tailbliss.vercel.app/contact/</loc>
-    <lastmod>2022-11-02T01:02:49-05:00</lastmod>
-  </url><url>
-    <loc>https://tailbliss.vercel.app/posts/news-post-3/</loc>
-    <lastmod>2022-10-30T15:34:06-05:00</lastmod>
-  </url><url>
-    <loc>https://tailbliss.vercel.app/prose/</loc>
-    <lastmod>2022-10-30T15:34:06-05:00</lastmod>
-  </url>
-</urlset>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml"><url><loc>https://tailbliss.netlify.app/tags/blog/</loc><lastmod>2022-10-30T15:34:06-05:00</lastmod></url><url><loc>https://tailbliss.netlify.app/categories/blog/</loc><lastmod>2022-10-30T15:34:06-05:00</lastmod></url><url><loc>https://tailbliss.netlify.app/posts/blog-post-1/</loc><lastmod>2022-10-30T15:34:06-05:00</lastmod></url><url><loc>https://tailbliss.netlify.app/categories/</loc><lastmod>2022-10-30T15:34:06-05:00</lastmod></url><url><loc>https://tailbliss.netlify.app/posts/</loc><lastmod>2022-10-30T15:34:06-05:00</lastmod></url><url><loc>https://tailbliss.netlify.app/tags/</loc><lastmod>2022-10-30T15:34:06-05:00</lastmod></url><url><loc>https://tailbliss.netlify.app/</loc><lastmod>2022-10-30T15:34:06-05:00</lastmod></url><url><loc>https://tailbliss.netlify.app/tags/news/</loc><lastmod>2022-10-30T15:34:06-05:00</lastmod></url><url><loc>https://tailbliss.netlify.app/categories/news/</loc><lastmod>2022-10-30T15:34:06-05:00</lastmod></url><url><loc>https://tailbliss.netlify.app/posts/news-post-1/</loc><lastmod>2022-10-30T15:34:06-05:00</lastmod></url><url><loc>https://tailbliss.netlify.app/posts/news-post-2/</loc><lastmod>2022-10-30T15:34:06-05:00</lastmod></url><url><loc>https://tailbliss.netlify.app/posts/news-post-4/</loc><lastmod>2022-10-30T15:34:06-05:00</lastmod></url><url><loc>https://tailbliss.netlify.app/posts/news-post-5/</loc><lastmod>2022-10-30T15:34:06-05:00</lastmod></url><url><loc>https://tailbliss.netlify.app/posts/news-post-6/</loc><lastmod>2022-10-30T15:34:06-05:00</lastmod></url><url><loc>https://tailbliss.netlify.app/about/</loc><lastmod>2022-10-30T15:34:06-05:00</lastmod></url><url><loc>https://tailbliss.netlify.app/posts/blog-post-2/</loc><lastmod>2022-10-30T15:34:06-05:00</lastmod></url><url><loc>https://tailbliss.netlify.app/posts/blog-post-3/</loc><lastmod>2022-10-30T15:34:06-05:00</lastmod></url><url><loc>https://tailbliss.netlify.app/posts/blog-post-4/</loc><lastmod>2022-10-30T15:34:06-05:00</lastmod></url><url><loc>https://tailbliss.netlify.app/posts/blog-post-5/</loc><lastmod>2022-10-30T15:34:06-05:00</lastmod></url><url><loc>https://tailbliss.netlify.app/posts/blog-post-6/</loc><lastmod>2022-10-30T15:34:06-05:00</lastmod></url><url><loc>https://tailbliss.netlify.app/contact/</loc><lastmod>2022-11-02T01:02:49-05:00</lastmod></url><url><loc>https://tailbliss.netlify.app/posts/news-post-3/</loc><lastmod>2022-10-30T15:34:06-05:00</lastmod></url><url><loc>https://tailbliss.netlify.app/prose/</loc><lastmod>2022-10-30T15:34:06-05:00</lastmod></url></urlset>
\ No newline at end of file
diff --git a/public/tags/blog/index.html b/public/tags/blog/index.html
index 41d99df..121d8a4 100644
--- a/public/tags/blog/index.html
+++ b/public/tags/blog/index.html
@@ -1,606 +1,44 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> Blog | TailBliss 
-</title>
-<meta name="description" content="TailBliss is Hugo Starter" />
-<meta property="og:title" content="Blog | TailBliss" />
-<meta name="twitter:title" content="Blog | TailBliss" />
-<meta itemprop="name" content="Blog | TailBliss" />
-<meta name="application-name" content="Blog | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="TailBliss is Hugo Starter" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/tags/blog/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<main>
-    <article>
-        <header class="mb-4 bg-indigo-600">
-            <span class="py-96">
-                <h1 class="py-16 text-5xl font-black text-center text-white capitalize">
-                    Blog
-                </h1>
-            </span>
-        </header>
-        
-        <div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50">
-    <div class="px-4 not-prose">
-        <div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3">
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/blog-post-1/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            Blog Post 1
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/blog/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2022-06-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/blog-post-2/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            Blog Post 2
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/blog/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2021-12-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/blog-post-3/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            Blog Post 3
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/blog/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2021-12-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/blog-post-4/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            Blog Post 4
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/blog/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2021-12-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/blog-post-5/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            Blog Post 5
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/blog/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2021-12-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/blog-post-6/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            Blog Post 6
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/blog/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2021-12-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-        </div>
-    </div>
-</div>
-    </article>
-    <div class="max-w-xl mx-auto my-16">
-        
-
-    </div>
-</main>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+<!doctype html><html lang=en><head><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>Blog | TailBliss</title><meta name=description content="TailBliss is Hugo Starter"><meta property="og:title" content="Blog | TailBliss"><meta name=twitter:title content="Blog | TailBliss"><meta itemprop=name content="Blog | TailBliss"><meta name=application-name content="Blog | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="TailBliss is Hugo Starter"><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/tags/blog/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><main><article><header class="mb-4 bg-indigo-600"><span class=py-96><h1 class="py-16 text-5xl font-black text-center text-white capitalize">Blog</h1></span></header><div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50"><div class="px-4 not-prose"><div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3"><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/blog-post-1/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Blog Post 1</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/blog/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-06-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/blog-post-2/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Blog Post 2</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/blog/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2021-12-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/blog-post-3/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Blog Post 3</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/blog/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2021-12-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/blog-post-4/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Blog Post 4</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/blog/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2021-12-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/blog-post-5/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Blog Post 5</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/blog/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2021-12-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/blog-post-6/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Blog Post 6</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/blog/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">Blog</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2021-12-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div></div></div></div></article><div class="max-w-xl mx-auto my-16"></div></main><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/tags/blog/index.xml b/public/tags/blog/index.xml
index 8377785..eab2f32 100644
--- a/public/tags/blog/index.xml
+++ b/public/tags/blog/index.xml
@@ -1,65 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Blog on TailBliss</title>
-    <link>https://tailbliss.vercel.app/tags/blog/</link>
-    <description>Recent content in Blog on TailBliss</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <lastBuildDate>Sat, 18 Jun 2022 11:10:36 +0800</lastBuildDate><atom:link href="https://tailbliss.vercel.app/tags/blog/index.xml" rel="self" type="application/rss+xml" />
-    <item>
-      <title>Blog Post 1</title>
-      <link>https://tailbliss.vercel.app/posts/blog-post-1/</link>
-      <pubDate>Sat, 18 Jun 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/blog-post-1/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>Blog Post 2</title>
-      <link>https://tailbliss.vercel.app/posts/blog-post-2/</link>
-      <pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/blog-post-2/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>Blog Post 3</title>
-      <link>https://tailbliss.vercel.app/posts/blog-post-3/</link>
-      <pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/blog-post-3/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>Blog Post 4</title>
-      <link>https://tailbliss.vercel.app/posts/blog-post-4/</link>
-      <pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/blog-post-4/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>Blog Post 5</title>
-      <link>https://tailbliss.vercel.app/posts/blog-post-5/</link>
-      <pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/blog-post-5/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>Blog Post 6</title>
-      <link>https://tailbliss.vercel.app/posts/blog-post-6/</link>
-      <pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/blog-post-6/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-  </channel>
-</rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Blog on TailBliss</title><link>https://tailbliss.netlify.app/tags/blog/</link><description>Recent content in Blog on TailBliss</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Sat, 18 Jun 2022 11:10:36 +0800</lastBuildDate><atom:link href="https://tailbliss.netlify.app/tags/blog/index.xml" rel="self" type="application/rss+xml"/><item><title>Blog Post 1</title><link>https://tailbliss.netlify.app/posts/blog-post-1/</link><pubDate>Sat, 18 Jun 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/blog-post-1/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>Blog Post 2</title><link>https://tailbliss.netlify.app/posts/blog-post-2/</link><pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/blog-post-2/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>Blog Post 3</title><link>https://tailbliss.netlify.app/posts/blog-post-3/</link><pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/blog-post-3/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>Blog Post 4</title><link>https://tailbliss.netlify.app/posts/blog-post-4/</link><pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/blog-post-4/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>Blog Post 5</title><link>https://tailbliss.netlify.app/posts/blog-post-5/</link><pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/blog-post-5/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>Blog Post 6</title><link>https://tailbliss.netlify.app/posts/blog-post-6/</link><pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/blog-post-6/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item></channel></rss>
\ No newline at end of file
diff --git a/public/tags/blog/page/1/index.html b/public/tags/blog/page/1/index.html
index d5a1e67..c9c92dd 100644
--- a/public/tags/blog/page/1/index.html
+++ b/public/tags/blog/page/1/index.html
@@ -1,10 +1 @@
-<!DOCTYPE html>
-<html lang="en-us">
-  <head>
-    <title>https://tailbliss.vercel.app/tags/blog/</title>
-    <link rel="canonical" href="https://tailbliss.vercel.app/tags/blog/">
-    <meta name="robots" content="noindex">
-    <meta charset="utf-8">
-    <meta http-equiv="refresh" content="0; url=https://tailbliss.vercel.app/tags/blog/">
-  </head>
-</html>
+<!doctype html><html lang=en-us><head><title>https://tailbliss.netlify.app/tags/blog/</title><link rel=canonical href=https://tailbliss.netlify.app/tags/blog/><meta name=robots content="noindex"><meta charset=utf-8><meta http-equiv=refresh content="0; url=https://tailbliss.netlify.app/tags/blog/"></head></html>
\ No newline at end of file
diff --git a/public/tags/index.html b/public/tags/index.html
index 975560c..27d80d5 100644
--- a/public/tags/index.html
+++ b/public/tags/index.html
@@ -1,388 +1,20 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> Tags | TailBliss 
-</title>
-<meta name="description" content="TailBliss is Hugo Starter" />
-<meta property="og:title" content="Tags | TailBliss" />
-<meta name="twitter:title" content="Tags | TailBliss" />
-<meta itemprop="name" content="Tags | TailBliss" />
-<meta name="application-name" content="Tags | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="TailBliss is Hugo Starter" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/tags/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<main>
-    <article>
-        <header class="mb-4 bg-indigo-600">
-            <span class="py-96">
-                <h1 class="py-16 text-5xl font-black text-center text-white capitalize">
-                    Tags
-                </h1>
-            </span>
-        </header>
-        
-        <div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50">
-    <div class="px-4 not-prose">
-        <div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3">
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/tags/blog/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            Blog
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        </div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only"></span>
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline"></a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2022-06-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>0 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/tags/news/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            News
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        </div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only"></span>
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline"></a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2022-05-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>0 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-        </div>
-    </div>
-</div>
-    </article>
-    <div class="max-w-xl mx-auto my-16">
-        
-
-    </div>
-</main>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+<!doctype html><html lang=en><head><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>Tags | TailBliss</title><meta name=description content="TailBliss is Hugo Starter"><meta property="og:title" content="Tags | TailBliss"><meta name=twitter:title content="Tags | TailBliss"><meta itemprop=name content="Tags | TailBliss"><meta name=application-name content="Tags | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="TailBliss is Hugo Starter"><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/tags/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><main><article><header class="mb-4 bg-indigo-600"><span class=py-96><h1 class="py-16 text-5xl font-black text-center text-white capitalize">Tags</h1></span></header><div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50"><div class="px-4 not-prose"><div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3"><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/tags/blog/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">Blog</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300"></p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only></span></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline></a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-06-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>0 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/tags/news/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">News</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300"></p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only></span></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline></a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-05-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>0 min
+read</span></div></div></div></div></div></div></div></div></article><div class="max-w-xl mx-auto my-16"></div></main><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/tags/index.xml b/public/tags/index.xml
index 811cfc6..22d5e5f 100644
--- a/public/tags/index.xml
+++ b/public/tags/index.xml
@@ -1,29 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Tags on TailBliss</title>
-    <link>https://tailbliss.vercel.app/tags/</link>
-    <description>Recent content in Tags on TailBliss</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <lastBuildDate>Sat, 18 Jun 2022 11:10:36 +0800</lastBuildDate><atom:link href="https://tailbliss.vercel.app/tags/index.xml" rel="self" type="application/rss+xml" />
-    <item>
-      <title>Blog</title>
-      <link>https://tailbliss.vercel.app/tags/blog/</link>
-      <pubDate>Sat, 18 Jun 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/tags/blog/</guid>
-      <description></description>
-    </item>
-    
-    <item>
-      <title>News</title>
-      <link>https://tailbliss.vercel.app/tags/news/</link>
-      <pubDate>Wed, 18 May 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/tags/news/</guid>
-      <description></description>
-    </item>
-    
-  </channel>
-</rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Tags on TailBliss</title><link>https://tailbliss.netlify.app/tags/</link><description>Recent content in Tags on TailBliss</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Sat, 18 Jun 2022 11:10:36 +0800</lastBuildDate><atom:link href="https://tailbliss.netlify.app/tags/index.xml" rel="self" type="application/rss+xml"/><item><title>Blog</title><link>https://tailbliss.netlify.app/tags/blog/</link><pubDate>Sat, 18 Jun 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/tags/blog/</guid><description/></item><item><title>News</title><link>https://tailbliss.netlify.app/tags/news/</link><pubDate>Wed, 18 May 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/tags/news/</guid><description/></item></channel></rss>
\ No newline at end of file
diff --git a/public/tags/news/index.html b/public/tags/news/index.html
index a2f4f8b..bad0801 100644
--- a/public/tags/news/index.html
+++ b/public/tags/news/index.html
@@ -1,606 +1,44 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
-<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
-<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
-<title itemprop="name"> News | TailBliss 
-</title>
-<meta name="description" content="TailBliss is Hugo Starter" />
-<meta property="og:title" content="News | TailBliss" />
-<meta name="twitter:title" content="News | TailBliss" />
-<meta itemprop="name" content="News | TailBliss" />
-<meta name="application-name" content="News | TailBliss" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="TailBliss" />
-<meta property="og:description"
-      content="TailBliss is Hugo Starter" />
-<meta property="og:site_name" content="TailBliss" />
-<meta property="og:url" content="https://tailbliss.vercel.app/tags/news/" />
-<meta property="og:locale" content="en">
-
-<meta property="og:image" content="/images/tailbliss-cover.png" />
-<meta property="og:image:secure_url" content="https://tailbliss.vercel.app/images/tailbliss-cover.png" />
-
-<meta property="og:type" content="website" />
-<script>
-    
-    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark');
-    } else {
-        document.documentElement.classList.remove('dark')
-    }
-</script>
-
-
-
-<link rel="stylesheet" href="/css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css" integrity="sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo=" />
-
-</head>
-
-<body class="bg-zinc-100 dark:bg-gray-800">
-    <div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10">
-    <div x-data="{ open: false }"
-         class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
-        <div class="flex flex-row items-center justify-between p-4">
-            <a href="https://tailbliss.vercel.app/" class="flex text-gray-100 transition duration-1000 ease-in-out group">
-                <img src="https://tailbliss.vercel.app/images/site-logo.svg"
-                     class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70"
-                     alt="TailBliss Logo" />
-                <div
-                     class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">
-                    TailBliss</div>
-            </a>
-            <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
-                <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
-                    <path x-show="!open" fill-rule="evenodd"
-                          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
-                          clip-rule="evenodd"></path>
-                    <path x-show="open" fill-rule="evenodd"
-                          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                          clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </div>
-        <nav :class="{'flex': open, 'hidden': !open}"
-             class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row">
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/prose/">Prose</a>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/about/">About</a>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Categories</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
-                    <div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow">
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/posts/">Posts</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/news/">News</a>
-                        <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                           href="https://tailbliss.vercel.app/categories/blog/">Blog</a>
-                    </div>
-                </div>
-            </div>
-            <div @click.away="open = false" class="relative" x-data="{ open: false }">
-                <button @click="open = !open"
-                        class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
-                    <span>Dropdown</span>
-                    <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}"
-                         class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1">
-                        <path fill-rule="evenodd"
-                              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                              clip-rule="evenodd"></path>
-                    </svg>
-                </button>
-                <div x-show="open" x-transition:enter="transition ease-out duration-100"
-                     x-transition:enter-start="transform opacity-0 scale-95"
-                     x-transition:enter-end="transform opacity-100 scale-100"
-                     x-transition:leave="transition ease-in duration-75"
-                     x-transition:leave-start="transform opacity-100 scale-100"
-                     x-transition:leave-end="transform opacity-0 scale-95"
-                     class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-                    <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
-                        <div class="grid grid-cols-1 gap-4">
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Appearance</p>
-                                    <p class="text-sm">Easy customization</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path
-                                              d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Comments</p>
-                                    <p class="text-sm">Check your latest comments</p>
-                                </div>
-                            </a>
-
-                            <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                               href="#">
-                                <div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900">
-                                    <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                         class="w-4 h-4 md:h-6 md:w-6">
-                                        <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                        </path>
-                                        <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                        </path>
-                                    </svg>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-semibold">Analytics</p>
-                                    <p class="text-sm">Take a look at your statistics</p>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline"
-               href="https://tailbliss.vercel.app/contact">
-                Contact
-            </a>
-            <button id="theme-toggle" type="button"
-                    class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden">
-                <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
-                    </path>
-                </svg>
-                <svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                          fill-rule="evenodd" clip-rule="evenodd"></path>
-                </svg>
-            </button>
-        </nav>
-    </div>
-</div>
-    
-<main>
-    <article>
-        <header class="mb-4 bg-indigo-600">
-            <span class="py-96">
-                <h1 class="py-16 text-5xl font-black text-center text-white capitalize">
-                    News
-                </h1>
-            </span>
-        </header>
-        
-        <div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50">
-    <div class="px-4 not-prose">
-        <div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3">
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/news-post-1/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            News Post 1
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/news/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2022-05-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/news-post-2/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            News Post 2
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/news/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2022-04-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/news-post-4/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            News Post 4
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/news/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2022-03-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/news-post-5/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            News Post 5
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/news/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2022-03-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/news-post-6/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            News Post 6
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/news/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2022-03-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                
-                
-                
-                <img src="https://tailbliss.vercel.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" />
-                
-                
-                <div class="p-6">
-                    <div class="flex-1">
-                        <a href="https://tailbliss.vercel.app/posts/news-post-3/"
-                           class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">
-                            News Post 3
-                        </a>
-                        <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-                        </p>
-                    </div>
-                    <div class="flex pt-6 font-medium text-indigo-600 text-md">
-                        <span class="pr-2 font-black">Tags:</span>
-                        <a href="https://tailbliss.vercel.app/tags/news/"
-                           class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div>
-                    <div class="flex items-center mt-6">
-                        <div class="flex-shrink-0">
-                            <a href="#">
-                                <span class="sr-only">TailBliss</span>
-                                
-                                
-                                
-                                <img class="w-10 h-10 rounded-full" src="https://tailbliss.vercel.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp" alt="">
-                                
-                                
-
-                            </a>
-                        </div>
-                        <div class="ml-3">
-                            <p class="text-sm font-medium text-gray-900 dark:text-gray-300">
-                                <a href="#" class="hover:underline">TailBliss</a>
-                            </p>
-                            <div class="flex space-x-1 text-sm text-gray-500">
-                                <time datetime="2020-02-12">2021-12-18</time>
-                                <span aria-hidden="true">&middot;</span>
-                                <span>2 min
-                                    read</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-        </div>
-    </div>
-</div>
-    </article>
-    <div class="max-w-xl mx-auto my-16">
-        
-
-    </div>
-</main>
-
-    
-
-<script src="https://tailbliss.vercel.app/js/alpine.js" defer></script>
-
-<script src="https://tailbliss.vercel.app/js/darkmode.js" defer></script>
-<footer class="bg-gray-900">
-    <div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-        <nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label="Footer">
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/about" class="text-base text-gray-400 hover:text-gray-300">About</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/blog/" class="text-base text-gray-400 hover:text-gray-300">Blog</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/categories/news/" class="text-base text-gray-400 hover:text-gray-300">News</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/prose/" class="text-base text-gray-400 hover:text-gray-300">Prose</a>
-            </div>
-
-            <div class="px-5 py-2">
-                <a href="https://tailbliss.vercel.app/contact/" class="text-base text-gray-400 hover:text-gray-300">Contact</a>
-            </div>
-        </nav>
-        <div class="flex justify-center mt-8 space-x-6">
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Facebook</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Instagram</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Twitter</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path
-                          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">GitHub</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-
-            <a href="#" class="text-gray-400 hover:text-gray-300">
-                <span class="sr-only">Dribbble</span>
-                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                    <path fill-rule="evenodd"
-                          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-                          clip-rule="evenodd" />
-                </svg>
-            </a>
-        </div>
-        <p class="mt-8 text-base text-center text-gray-400">&copy; 2022
-            TailBliss. All rights
-            reserved.</p>
-        <p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a
-               href="https://nusserstudios.com" class="hover:underline hover:text-indigo-600"><span
-                      class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a>
-        </p>
-    </div>
-</footer>
-</body>
-
-</html>
\ No newline at end of file
+<!doctype html><html lang=en><head><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=apple-touch-icon sizes=180x180 href=https://tailbliss.netlify.app/favicon/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://tailbliss.netlify.app/favicon/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://tailbliss.netlify.app/favicon/favicon-16x16.png><link rel=manifest href=https://tailbliss.netlify.app/favicon/site.webmanifest><link rel=mask-icon href=https://tailbliss.netlify.app/favicon/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title itemprop=name>News | TailBliss</title><meta name=description content="TailBliss is Hugo Starter"><meta property="og:title" content="News | TailBliss"><meta name=twitter:title content="News | TailBliss"><meta itemprop=name content="News | TailBliss"><meta name=application-name content="News | TailBliss"><meta property="og:site_name" content="TailBliss"><meta property="og:type" content="website"><meta property="og:title" content="TailBliss"><meta property="og:description" content="TailBliss is Hugo Starter"><meta property="og:site_name" content="TailBliss"><meta property="og:url" content="https://tailbliss.netlify.app/tags/news/"><meta property="og:locale" content="en"><meta property="og:image" content="/images/tailbliss-cover.png"><meta property="og:image:secure_url" content="https://tailbliss.netlify.app/images/tailbliss-cover.png"><meta property="og:type" content="website"><script>localStorage.getItem("color-theme")==="dark"||!("color-theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><link rel=stylesheet href="/css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css" integrity="sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="></head><body class="bg-zinc-100 dark:bg-gray-800"><div class="top-0 z-50 w-full text-gray-200 bg-gray-900 border-2 border-gray-900 md:sticky border-b-stone-200/10"><div x-data="{ open: false }" class="flex flex-col max-w-full px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8"><div class="flex flex-row items-center justify-between p-4"><a href=https://tailbliss.netlify.app/ class="flex text-gray-100 transition duration-1000 ease-in-out group"><img src=https://tailbliss.netlify.app/images/site-logo.svg class="transition-opacity h-9 w-9 group-hover:opacity-50 group-focus:opacity-70" alt="TailBliss Logo"><div class="mt-1 ml-3 text-xl font-black tracking-tight text-gray-100 uppercase transition-colors group-hover:text-gray-400/60">TailBliss</div></a><button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open"><svg fill="currentcolor" viewBox="0 0 20 20" class="w-6 h-6"><path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4A1 1 0 013 5zm0 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm6 5a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/><path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414.0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow hidden pb-4 md:pb-0 md:flex md:justify-end md:flex-row"><a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/prose/>Prose</a>
+<a class="px-4 py-2 mt-2 text-sm font-semibold rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/about/>About</a><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Categories</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"><div class="px-2 py-2 text-indigo-900 bg-white rounded-md shadow"><a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/posts/>Posts</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/news/>News</a>
+<a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/categories/blog/>Blog</a></div></div></div><div @click.away="open = false" class=relative x-data="{ open: false }"><button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-600 focus:outline-none focus:shadow-outline">
+<span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
+<button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" aria-label="Dark or Light Mode" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><main><article><header class="mb-4 bg-indigo-600"><span class=py-96><h1 class="py-16 text-5xl font-black text-center text-white capitalize">News</h1></span></header><div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50"><div class="px-4 not-prose"><div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3"><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/news-post-1/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">News Post 1</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/news/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-05-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/news-post-2/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">News Post 2</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/news/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-04-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/news-post-4/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">News Post 4</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/news/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-03-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/news-post-5/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">News Post 5</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/news/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-03-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/news-post-6/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">News Post 6</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/news/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2022-03-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div><div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900"><img src=https://tailbliss.netlify.app/../assets/images/featured/featured-img-placeholder_hu546ed76f4977c4148a28456895aefdc5_449073_405x0_resize_q90_h2_box_3.webp class="object-fill overflow-hidden rounded-t-lg" width=100% height><div class=p-6><div class=flex-1><a href=https://tailbliss.netlify.app/posts/news-post-3/ class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-indigo-600 dark:hover:text-indigo-500 hover:underline">News Post 3</a><p class="mt-3 text-base text-gray-900 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></div><div class="flex pt-6 font-medium text-indigo-600 text-md"><span class="pr-2 font-black">Tags:</span>
+<a href=https://tailbliss.netlify.app/tags/news/ class="inline-flex items-center rounded-md bg-gray-300 hover:bg-indigo-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">News</a></div><div class="flex items-center mt-6"><div class=flex-shrink-0><a href=#><span class=sr-only>TailBliss</span>
+<img class="w-10 h-10 rounded-full" src=https://tailbliss.netlify.app/../assets/images/global/author_huca3688f693a7e425d85094e45e53b98f_8028_400x0_resize_q75_h2_box_2.webp alt></a></div><div class=ml-3><p class="text-sm font-medium text-gray-900 dark:text-gray-300"><a href=# class=hover:underline>TailBliss</a></p><div class="flex space-x-1 text-sm text-gray-500"><time datetime=2020-02-12>2021-12-18</time>
+<span aria-hidden=true>&#183;</span>
+<span>2 min
+read</span></div></div></div></div></div></div></div></div></article><div class="max-w-xl mx-auto my-16"></div></main><script src=https://tailbliss.netlify.app/js/alpine.js defer></script>
+<script src=https://tailbliss.netlify.app/js/darkmode.js defer></script><footer class=bg-gray-900><div class="max-w-md px-4 py-12 mx-auto overflow-hidden sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"><nav class="flex flex-wrap justify-center -mx-5 -my-2" aria-label=Footer><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/about class="text-base text-gray-400 hover:text-gray-300">About</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/blog/ class="text-base text-gray-400 hover:text-gray-300">Blog</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/categories/news/ class="text-base text-gray-400 hover:text-gray-300">News</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/prose/ class="text-base text-gray-400 hover:text-gray-300">Prose</a></div><div class="px-5 py-2"><a href=https://tailbliss.netlify.app/contact/ class="text-base text-gray-400 hover:text-gray-300">Contact</a></div></nav><div class="flex justify-center mt-8 space-x-6"><a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Facebook</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094.0 2.238.195 2.238.195v2.46h-1.26c-1.243.0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Instagram</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43.0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902.0 011.772 1.153 4.902 4.902.0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902.0 01-1.153 1.772 4.902 4.902.0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643.0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902.0 01-1.772-1.153A4.902 4.902.0 012.525 18.55c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902.0 011.153-1.772A4.902 4.902.0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456.0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597.0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097.0 00-.748-1.15 3.098 3.098.0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135.0 110 10.27 5.135 5.135.0 010-10.27zm0 1.802a3.333 3.333.0 100 6.666 3.333 3.333.0 000-6.666zm5.338-3.205a1.2 1.2.0 110 2.4 1.2 1.2.0 010-2.4z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Twitter</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547.0 11.675-6.253 11.675-11.675.0-.178.0-.355-.012-.53A8.348 8.348.0 0022 5.92a8.19 8.19.0 01-2.357.646 4.118 4.118.0 001.804-2.27 8.224 8.224.0 01-2.605.996 4.107 4.107.0 00-6.993 3.743A11.65 11.65.0 013.392 4.748a4.106 4.106.0 001.27 5.477A4.072 4.072.0 012.8 9.713v.052a4.105 4.105.0 003.292 4.022 4.095 4.095.0 01-1.853.07 4.108 4.108.0 003.834 2.85A8.233 8.233.0 012 18.407a11.616 11.616.0 006.29 1.84"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>GitHub</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg></a>
+<a href=# class="text-gray-400 hover:text-gray-300"><span class=sr-only>Dribbble</span><svg class="w-6 h-6" fill="currentcolor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51.0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502.0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416.0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17.0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687.0 0112 3.475zm-3.633.803a53.896 53.896.0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581.0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522.0 01-2.19-5.705zM12 20.547a8.482 8.482.0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318.0 011.823 6.475A8.4 8.4.0 0112 20.547zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468.0 01-3.655 5.715z" clip-rule="evenodd"/></svg></a></div><p class="mt-8 text-base text-center text-gray-400">&copy; 2022
+TailBliss. All rights
+reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with &#x2764;&#xfe0f; by <a href=https://nusserstudios.com class="hover:underline hover:text-indigo-600"><span class="font-black uppercase">Nusser</span> <span class="font-light uppercase">Studios.</span></a></p></div></footer></body></html>
\ No newline at end of file
diff --git a/public/tags/news/index.xml b/public/tags/news/index.xml
index b3248c9..256aead 100644
--- a/public/tags/news/index.xml
+++ b/public/tags/news/index.xml
@@ -1,65 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>News on TailBliss</title>
-    <link>https://tailbliss.vercel.app/tags/news/</link>
-    <description>Recent content in News on TailBliss</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <lastBuildDate>Wed, 18 May 2022 11:10:36 +0800</lastBuildDate><atom:link href="https://tailbliss.vercel.app/tags/news/index.xml" rel="self" type="application/rss+xml" />
-    <item>
-      <title>News Post 1</title>
-      <link>https://tailbliss.vercel.app/posts/news-post-1/</link>
-      <pubDate>Wed, 18 May 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/news-post-1/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>News Post 2</title>
-      <link>https://tailbliss.vercel.app/posts/news-post-2/</link>
-      <pubDate>Mon, 18 Apr 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/news-post-2/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-    <item>
-      <title>News Post 4</title>
-      <link>https://tailbliss.vercel.app/posts/news-post-4/</link>
-      <pubDate>Fri, 18 Mar 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/news-post-4/</guid>
-      <description>&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.&lt;/p&gt;</description>
-    </item>
-    
-    <item>
-      <title>News Post 5</title>
-      <link>https://tailbliss.vercel.app/posts/news-post-5/</link>
-      <pubDate>Fri, 18 Mar 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/news-post-5/</guid>
-      <description>&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.&lt;/p&gt;</description>
-    </item>
-    
-    <item>
-      <title>News Post 6</title>
-      <link>https://tailbliss.vercel.app/posts/news-post-6/</link>
-      <pubDate>Fri, 18 Mar 2022 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/news-post-6/</guid>
-      <description>&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.&lt;/p&gt;</description>
-    </item>
-    
-    <item>
-      <title>News Post 3</title>
-      <link>https://tailbliss.vercel.app/posts/news-post-3/</link>
-      <pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate>
-      
-      <guid>https://tailbliss.vercel.app/posts/news-post-3/</guid>
-      <description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description>
-    </item>
-    
-  </channel>
-</rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>News on TailBliss</title><link>https://tailbliss.netlify.app/tags/news/</link><description>Recent content in News on TailBliss</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Wed, 18 May 2022 11:10:36 +0800</lastBuildDate><atom:link href="https://tailbliss.netlify.app/tags/news/index.xml" rel="self" type="application/rss+xml"/><item><title>News Post 1</title><link>https://tailbliss.netlify.app/posts/news-post-1/</link><pubDate>Wed, 18 May 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/news-post-1/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>News Post 2</title><link>https://tailbliss.netlify.app/posts/news-post-2/</link><pubDate>Mon, 18 Apr 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/news-post-2/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item><item><title>News Post 4</title><link>https://tailbliss.netlify.app/posts/news-post-4/</link><pubDate>Fri, 18 Mar 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/news-post-4/</guid><description>&lt;p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.&lt;/p></description></item><item><title>News Post 5</title><link>https://tailbliss.netlify.app/posts/news-post-5/</link><pubDate>Fri, 18 Mar 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/news-post-5/</guid><description>&lt;p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.&lt;/p></description></item><item><title>News Post 6</title><link>https://tailbliss.netlify.app/posts/news-post-6/</link><pubDate>Fri, 18 Mar 2022 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/news-post-6/</guid><description>&lt;p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.&lt;/p></description></item><item><title>News Post 3</title><link>https://tailbliss.netlify.app/posts/news-post-3/</link><pubDate>Sat, 18 Dec 2021 11:10:36 +0800</pubDate><guid>https://tailbliss.netlify.app/posts/news-post-3/</guid><description>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</description></item></channel></rss>
\ No newline at end of file
diff --git a/public/tags/news/page/1/index.html b/public/tags/news/page/1/index.html
index 146e1ed..8732653 100644
--- a/public/tags/news/page/1/index.html
+++ b/public/tags/news/page/1/index.html
@@ -1,10 +1 @@
-<!DOCTYPE html>
-<html lang="en-us">
-  <head>
-    <title>https://tailbliss.vercel.app/tags/news/</title>
-    <link rel="canonical" href="https://tailbliss.vercel.app/tags/news/">
-    <meta name="robots" content="noindex">
-    <meta charset="utf-8">
-    <meta http-equiv="refresh" content="0; url=https://tailbliss.vercel.app/tags/news/">
-  </head>
-</html>
+<!doctype html><html lang=en-us><head><title>https://tailbliss.netlify.app/tags/news/</title><link rel=canonical href=https://tailbliss.netlify.app/tags/news/><meta name=robots content="noindex"><meta charset=utf-8><meta http-equiv=refresh content="0; url=https://tailbliss.netlify.app/tags/news/"></head></html>
\ No newline at end of file
diff --git a/public/tags/page/1/index.html b/public/tags/page/1/index.html
index eb0d006..62b4511 100644
--- a/public/tags/page/1/index.html
+++ b/public/tags/page/1/index.html
@@ -1,10 +1 @@
-<!DOCTYPE html>
-<html lang="en-us">
-  <head>
-    <title>https://tailbliss.vercel.app/tags/</title>
-    <link rel="canonical" href="https://tailbliss.vercel.app/tags/">
-    <meta name="robots" content="noindex">
-    <meta charset="utf-8">
-    <meta http-equiv="refresh" content="0; url=https://tailbliss.vercel.app/tags/">
-  </head>
-</html>
+<!doctype html><html lang=en-us><head><title>https://tailbliss.netlify.app/tags/</title><link rel=canonical href=https://tailbliss.netlify.app/tags/><meta name=robots content="noindex"><meta charset=utf-8><meta http-equiv=refresh content="0; url=https://tailbliss.netlify.app/tags/"></head></html>
\ No newline at end of file
diff --git a/resources/_gen/assets/css/css/style.css_53d8db2e382030cdec351f02c8b70385.content b/resources/_gen/assets/css/css/style.css_53d8db2e382030cdec351f02c8b70385.content
index 5993f97..cd9febb 100644
--- a/resources/_gen/assets/css/css/style.css_53d8db2e382030cdec351f02c8b70385.content
+++ b/resources/_gen/assets/css/css/style.css_53d8db2e382030cdec351f02c8b70385.content
@@ -1 +1 @@
-*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::before,::after{--tw-content:''}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;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}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::before,::after{--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;--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: }.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where([class~=lead]):not(:where([class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=As]):not(:where([class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=as]):not(:where([class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=Is]):not(:where([class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=is]):not(:where([class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose :where(ol>li):not(:where([class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(hr):not(:where([class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-left-width:.25rem;border-left-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose] *))::before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose] *))::after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(figure>*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose :where(code):not(:where([class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose] *))::before{content:"`"}.prose :where(code):not(:where([class~=not-prose] *))::after{content:"`"}.prose :where(a code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-right:1.1428571em;padding-bottom:.8571429em;padding-left:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose] *))::before{content:none}.prose :where(pre code):not(:where([class~=not-prose] *))::after{content:none}.prose :where(table):not(:where([class~=not-prose] *)){width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose] *)){vertical-align:top}.prose{--tw-prose-body:#27272a;--tw-prose-headings:#18181b;--tw-prose-lead:#3f3f46;--tw-prose-links:#18181b;--tw-prose-bold:#18181b;--tw-prose-counters:#52525b;--tw-prose-bullets:#a1a1aa;--tw-prose-hr:#d4d4d8;--tw-prose-quotes:#18181b;--tw-prose-quote-borders:#d4d4d8;--tw-prose-captions:#3f3f46;--tw-prose-code:#6366f1;--tw-prose-pre-code:#a5b4fc;--tw-prose-pre-bg:#111827;--tw-prose-th-borders:#d4d4d8;--tw-prose-td-borders:#e4e4e7;--tw-prose-invert-body:#e4e4e7;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#d4d4d8;--tw-prose-invert-links:#818cf8;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#a1a1aa;--tw-prose-invert-bullets:#e4e4e7;--tw-prose-invert-hr:#71717a;--tw-prose-invert-quotes:#f4f4f5;--tw-prose-invert-quote-borders:#3f3f46;--tw-prose-invert-captions:#a1a1aa;--tw-prose-invert-code:#818cf8;--tw-prose-invert-pre-code:#a5b4fc;--tw-prose-invert-pre-bg:#111827;--tw-prose-invert-th-borders:#f4f4f5;--tw-prose-invert-td-borders:#71717a;font-size:1rem;line-height:1.75}.prose :where(p):not(:where([class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(video):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(figure):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(li):not(:where([class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.375em}.prose :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>*:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>*:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>*:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>*:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding-top:.5714286em;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-top:.8888889em;margin-bottom:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose] *)){font-size:2.1428571em;margin-top:0;margin-bottom:.8em;line-height:1.2}.prose-sm :where(h2):not(:where([class~=not-prose] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:.8em;line-height:1.4}.prose-sm :where(h3):not(:where([class~=not-prose] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:.4444444em;line-height:1.5555556}.prose-sm :where(h4):not(:where([class~=not-prose] *)){margin-top:1.4285714em;margin-bottom:.5714286em;line-height:1.4285714}.prose-sm :where(img):not(:where([class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(video):not(:where([class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure):not(:where([class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure>*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(code):not(:where([class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose] *)){font-size:.8571429em;line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:.25rem;padding-top:.6666667em;padding-right:1em;padding-bottom:.6666667em;padding-left:1em}.prose-sm :where(ol):not(:where([class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-left:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-left:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose] *)){margin-top:.2857143em;margin-bottom:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.4285714em}.prose-sm :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.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(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose] *)){margin-top:2.8571429em;margin-bottom:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose] *)){padding-right:1em;padding-bottom:.6666667em;padding-left:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding-top:.6666667em;padding-right:1em;padding-bottom:.6666667em;padding-left:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.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{font-size:1rem;line-height:1.75}.prose-base :where(p):not(:where([class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose-base :where([class~=lead]):not(:where([class~=not-prose] *)){font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose-base :where(blockquote):not(:where([class~=not-prose] *)){margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}.prose-base :where(h1):not(:where([class~=not-prose] *)){font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose-base :where(h2):not(:where([class~=not-prose] *)){font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose-base :where(h3):not(:where([class~=not-prose] *)){font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose-base :where(h4):not(:where([class~=not-prose] *)){margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose-base :where(img):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose-base :where(video):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose-base :where(figure):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose-base :where(figure>*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-base :where(figcaption):not(:where([class~=not-prose] *)){font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose-base :where(code):not(:where([class~=not-prose] *)){font-size:.875em}.prose-base :where(h2 code):not(:where([class~=not-prose] *)){font-size:.875em}.prose-base :where(h3 code):not(:where([class~=not-prose] *)){font-size:.9em}.prose-base :where(pre):not(:where([class~=not-prose] *)){font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-right:1.1428571em;padding-bottom:.8571429em;padding-left:1.1428571em}.prose-base :where(ol):not(:where([class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose-base :where(ul):not(:where([class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose-base :where(li):not(:where([class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose-base :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.375em}.prose-base :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.375em}.prose-base :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.75em;margin-bottom:.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(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose-base :where(hr):not(:where([class~=not-prose] *)){margin-top:3em;margin-bottom:3em}.prose-base :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-base :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-base :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-base :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-base :where(table):not(:where([class~=not-prose] *)){font-size:.875em;line-height:1.7142857}.prose-base :where(thead th):not(:where([class~=not-prose] *)){padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose-base :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-base :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose-base :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding-top:.5714286em;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose-base :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-base :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.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{font-size:1.125rem;line-height:1.7777778}.prose-lg :where(p):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.prose-lg :where([class~=lead]):not(:where([class~=not-prose] *)){font-size:1.2222222em;line-height:1.4545455;margin-top:1.0909091em;margin-bottom:1.0909091em}.prose-lg :where(blockquote):not(:where([class~=not-prose] *)){margin-top:1.6666667em;margin-bottom:1.6666667em;padding-left:1em}.prose-lg :where(h1):not(:where([class~=not-prose] *)){font-size:2.6666667em;margin-top:0;margin-bottom:.8333333em;line-height:1}.prose-lg :where(h2):not(:where([class~=not-prose] *)){font-size:1.6666667em;margin-top:1.8666667em;margin-bottom:1.0666667em;line-height:1.3333333}.prose-lg :where(h3):not(:where([class~=not-prose] *)){font-size:1.3333333em;margin-top:1.6666667em;margin-bottom:.6666667em;line-height:1.5}.prose-lg :where(h4):not(:where([class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:.4444444em;line-height:1.5555556}.prose-lg :where(img):not(:where([class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.prose-lg :where(video):not(:where([class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.prose-lg :where(figure):not(:where([class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.prose-lg :where(figure>*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-lg :where(figcaption):not(:where([class~=not-prose] *)){font-size:.8888889em;line-height:1.5;margin-top:1em}.prose-lg :where(code):not(:where([class~=not-prose] *)){font-size:.8888889em}.prose-lg :where(h2 code):not(:where([class~=not-prose] *)){font-size:.8666667em}.prose-lg :where(h3 code):not(:where([class~=not-prose] *)){font-size:.875em}.prose-lg :where(pre):not(:where([class~=not-prose] *)){font-size:.8888889em;line-height:1.75;margin-top:2em;margin-bottom:2em;border-radius:.375rem;padding-top:1em;padding-right:1.5em;padding-bottom:1em;padding-left:1.5em}.prose-lg :where(ol):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.5555556em}.prose-lg :where(ul):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.5555556em}.prose-lg :where(li):not(:where([class~=not-prose] *)){margin-top:.6666667em;margin-bottom:.6666667em}.prose-lg :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.4444444em}.prose-lg :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.4444444em}.prose-lg :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.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(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.prose-lg :where(hr):not(:where([class~=not-prose] *)){margin-top:3.1111111em;margin-bottom:3.1111111em}.prose-lg :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-lg :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-lg :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-lg :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-lg :where(table):not(:where([class~=not-prose] *)){font-size:.8888889em;line-height:1.5}.prose-lg :where(thead th):not(:where([class~=not-prose] *)){padding-right:.75em;padding-bottom:.75em;padding-left:.75em}.prose-lg :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-lg :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose-lg :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding-top:.75em;padding-right:.75em;padding-bottom:.75em;padding-left:.75em}.prose-lg :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-lg :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.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{font-size:1.25rem;line-height:1.8}.prose-xl :where(p):not(:where([class~=not-prose] *)){margin-top:1.2em;margin-bottom:1.2em}.prose-xl :where([class~=lead]):not(:where([class~=not-prose] *)){font-size:1.2em;line-height:1.5;margin-top:1em;margin-bottom:1em}.prose-xl :where(blockquote):not(:where([class~=not-prose] *)){margin-top:1.6em;margin-bottom:1.6em;padding-left:1.0666667em}.prose-xl :where(h1):not(:where([class~=not-prose] *)){font-size:2.8em;margin-top:0;margin-bottom:.8571429em;line-height:1}.prose-xl :where(h2):not(:where([class~=not-prose] *)){font-size:1.8em;margin-top:1.5555556em;margin-bottom:.8888889em;line-height:1.1111111}.prose-xl :where(h3):not(:where([class~=not-prose] *)){font-size:1.5em;margin-top:1.6em;margin-bottom:.6666667em;line-height:1.3333333}.prose-xl :where(h4):not(:where([class~=not-prose] *)){margin-top:1.8em;margin-bottom:.6em;line-height:1.6}.prose-xl :where(img):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose-xl :where(video):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose-xl :where(figure):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose-xl :where(figure>*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-xl :where(figcaption):not(:where([class~=not-prose] *)){font-size:.9em;line-height:1.5555556;margin-top:1em}.prose-xl :where(code):not(:where([class~=not-prose] *)){font-size:.9em}.prose-xl :where(h2 code):not(:where([class~=not-prose] *)){font-size:.8611111em}.prose-xl :where(h3 code):not(:where([class~=not-prose] *)){font-size:.9em}.prose-xl :where(pre):not(:where([class~=not-prose] *)){font-size:.9em;line-height:1.7777778;margin-top:2em;margin-bottom:2em;border-radius:.5rem;padding-top:1.1111111em;padding-right:1.3333333em;padding-bottom:1.1111111em;padding-left:1.3333333em}.prose-xl :where(ol):not(:where([class~=not-prose] *)){margin-top:1.2em;margin-bottom:1.2em;padding-left:1.6em}.prose-xl :where(ul):not(:where([class~=not-prose] *)){margin-top:1.2em;margin-bottom:1.2em;padding-left:1.6em}.prose-xl :where(li):not(:where([class~=not-prose] *)){margin-top:.6em;margin-bottom:.6em}.prose-xl :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.4em}.prose-xl :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.4em}.prose-xl :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.8em;margin-bottom:.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(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.8em;margin-bottom:.8em}.prose-xl :where(hr):not(:where([class~=not-prose] *)){margin-top:2.8em;margin-bottom:2.8em}.prose-xl :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-xl :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-xl :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-xl :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-xl :where(table):not(:where([class~=not-prose] *)){font-size:.9em;line-height:1.5555556}.prose-xl :where(thead th):not(:where([class~=not-prose] *)){padding-right:.6666667em;padding-bottom:.8888889em;padding-left:.6666667em}.prose-xl :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-xl :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose-xl :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding-top:.8888889em;padding-right:.6666667em;padding-bottom:.8888889em;padding-left:.6666667em}.prose-xl :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-xl :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.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{font-size:1.5rem;line-height:1.6666667}.prose-2xl :where(p):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.prose-2xl :where([class~=lead]):not(:where([class~=not-prose] *)){font-size:1.25em;line-height:1.4666667;margin-top:1.0666667em;margin-bottom:1.0666667em}.prose-2xl :where(blockquote):not(:where([class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em;padding-left:1.1111111em}.prose-2xl :where(h1):not(:where([class~=not-prose] *)){font-size:2.6666667em;margin-top:0;margin-bottom:.875em;line-height:1}.prose-2xl :where(h2):not(:where([class~=not-prose] *)){font-size:2em;margin-top:1.5em;margin-bottom:.8333333em;line-height:1.0833333}.prose-2xl :where(h3):not(:where([class~=not-prose] *)){font-size:1.5em;margin-top:1.5555556em;margin-bottom:.6666667em;line-height:1.2222222}.prose-2xl :where(h4):not(:where([class~=not-prose] *)){margin-top:1.6666667em;margin-bottom:.6666667em;line-height:1.5}.prose-2xl :where(img):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose-2xl :where(video):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose-2xl :where(figure):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose-2xl :where(figure>*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-2xl :where(figcaption):not(:where([class~=not-prose] *)){font-size:.8333333em;line-height:1.6;margin-top:1em}.prose-2xl :where(code):not(:where([class~=not-prose] *)){font-size:.8333333em}.prose-2xl :where(h2 code):not(:where([class~=not-prose] *)){font-size:.875em}.prose-2xl :where(h3 code):not(:where([class~=not-prose] *)){font-size:.8888889em}.prose-2xl :where(pre):not(:where([class~=not-prose] *)){font-size:.8333333em;line-height:1.8;margin-top:2em;margin-bottom:2em;border-radius:.5rem;padding-top:1.2em;padding-right:1.6em;padding-bottom:1.2em;padding-left:1.6em}.prose-2xl :where(ol):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.5833333em}.prose-2xl :where(ul):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.5833333em}.prose-2xl :where(li):not(:where([class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose-2xl :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.4166667em}.prose-2xl :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.4166667em}.prose-2xl :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.8333333em;margin-bottom:.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(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.6666667em;margin-bottom:.6666667em}.prose-2xl :where(hr):not(:where([class~=not-prose] *)){margin-top:3em;margin-bottom:3em}.prose-2xl :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-2xl :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-2xl :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-2xl :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-2xl :where(table):not(:where([class~=not-prose] *)){font-size:.8333333em;line-height:1.4}.prose-2xl :where(thead th):not(:where([class~=not-prose] *)){padding-right:.6em;padding-bottom:.8em;padding-left:.6em}.prose-2xl :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-2xl :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose-2xl :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding-top:.8em;padding-right:.6em;padding-bottom:.8em;padding-left:.6em}.prose-2xl :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-2xl :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.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}.prose-invert{--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}.prose-slate{--tw-prose-body:#334155;--tw-prose-headings:#0f172a;--tw-prose-lead:#475569;--tw-prose-links:#0f172a;--tw-prose-bold:#0f172a;--tw-prose-counters:#64748b;--tw-prose-bullets:#cbd5e1;--tw-prose-hr:#e2e8f0;--tw-prose-quotes:#0f172a;--tw-prose-quote-borders:#e2e8f0;--tw-prose-captions:#64748b;--tw-prose-code:#0f172a;--tw-prose-pre-code:#e2e8f0;--tw-prose-pre-bg:#1e293b;--tw-prose-th-borders:#cbd5e1;--tw-prose-td-borders:#e2e8f0;--tw-prose-invert-body:#cbd5e1;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#94a3b8;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#94a3b8;--tw-prose-invert-bullets:#475569;--tw-prose-invert-hr:#334155;--tw-prose-invert-quotes:#f1f5f9;--tw-prose-invert-quote-borders:#334155;--tw-prose-invert-captions:#94a3b8;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#cbd5e1;--tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);--tw-prose-invert-th-borders:#475569;--tw-prose-invert-td-borders:#334155}.prose-gray{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151}.prose-zinc{--tw-prose-body:#3f3f46;--tw-prose-headings:#18181b;--tw-prose-lead:#52525b;--tw-prose-links:#18181b;--tw-prose-bold:#18181b;--tw-prose-counters:#71717a;--tw-prose-bullets:#d4d4d8;--tw-prose-hr:#e4e4e7;--tw-prose-quotes:#18181b;--tw-prose-quote-borders:#e4e4e7;--tw-prose-captions:#71717a;--tw-prose-code:#18181b;--tw-prose-pre-code:#e4e4e7;--tw-prose-pre-bg:#27272a;--tw-prose-th-borders:#d4d4d8;--tw-prose-td-borders:#e4e4e7;--tw-prose-invert-body:#d4d4d8;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#a1a1aa;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#a1a1aa;--tw-prose-invert-bullets:#52525b;--tw-prose-invert-hr:#3f3f46;--tw-prose-invert-quotes:#f4f4f5;--tw-prose-invert-quote-borders:#3f3f46;--tw-prose-invert-captions:#a1a1aa;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d4d4d8;--tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);--tw-prose-invert-th-borders:#52525b;--tw-prose-invert-td-borders:#3f3f46}.prose-neutral{--tw-prose-body:#404040;--tw-prose-headings:#171717;--tw-prose-lead:#525252;--tw-prose-links:#171717;--tw-prose-bold:#171717;--tw-prose-counters:#737373;--tw-prose-bullets:#d4d4d4;--tw-prose-hr:#e5e5e5;--tw-prose-quotes:#171717;--tw-prose-quote-borders:#e5e5e5;--tw-prose-captions:#737373;--tw-prose-code:#171717;--tw-prose-pre-code:#e5e5e5;--tw-prose-pre-bg:#262626;--tw-prose-th-borders:#d4d4d4;--tw-prose-td-borders:#e5e5e5;--tw-prose-invert-body:#d4d4d4;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#a3a3a3;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#a3a3a3;--tw-prose-invert-bullets:#525252;--tw-prose-invert-hr:#404040;--tw-prose-invert-quotes:#f5f5f5;--tw-prose-invert-quote-borders:#404040;--tw-prose-invert-captions:#a3a3a3;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d4d4d4;--tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);--tw-prose-invert-th-borders:#525252;--tw-prose-invert-td-borders:#404040}.prose-stone{--tw-prose-body:#44403c;--tw-prose-headings:#1c1917;--tw-prose-lead:#57534e;--tw-prose-links:#1c1917;--tw-prose-bold:#1c1917;--tw-prose-counters:#78716c;--tw-prose-bullets:#d6d3d1;--tw-prose-hr:#e7e5e4;--tw-prose-quotes:#1c1917;--tw-prose-quote-borders:#e7e5e4;--tw-prose-captions:#78716c;--tw-prose-code:#1c1917;--tw-prose-pre-code:#e7e5e4;--tw-prose-pre-bg:#292524;--tw-prose-th-borders:#d6d3d1;--tw-prose-td-borders:#e7e5e4;--tw-prose-invert-body:#d6d3d1;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#a8a29e;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#a8a29e;--tw-prose-invert-bullets:#57534e;--tw-prose-invert-hr:#44403c;--tw-prose-invert-quotes:#f5f5f4;--tw-prose-invert-quote-borders:#44403c;--tw-prose-invert-captions:#a8a29e;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d6d3d1;--tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);--tw-prose-invert-th-borders:#57534e;--tw-prose-invert-td-borders:#44403c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.right-1\/2{right:50%}.top-8{top:2rem}.left-1\/2{left:50%}.top-0{top:0}.left-0{left:0}.right-0{right:0}.z-0{z-index:0}.z-50{z-index:50}.z-30{z-index:30}.col-span-6{grid-column:span 6/span 6}.col-span-1{grid-column:span 1/span 1}.col-span-3{grid-column:span 3/span 3}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-16{margin-top:4rem;margin-bottom:4rem}.-mx-5{margin-left:-1.25rem;margin-right:-1.25rem}.-my-2{margin-top:-.5rem;margin-bottom:-.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mb-2{margin-bottom:.5rem}.mb-6{margin-bottom:1.5rem}.-ml-3{margin-left:-.75rem}.mt-8{margin-top:2rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.-mr-3{margin-right:-.75rem}.-mr-40{margin-right:-10rem}.mt-12{margin-top:3rem}.mt-3{margin-top:.75rem}.mt-2{margin-top:.5rem}.ml-3{margin-left:.75rem}.-mt-72{margin-top:-18rem}.mt-10{margin-top:2.5rem}.mt-1{margin-top:.25rem}.ml-1{margin-left:.25rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-5{height:1.25rem}.h-full{height:100%}.h-12{height:3rem}.h-8{height:2rem}.h-1\/3{height:33.333333%}.h-10{height:2.5rem}.h-6{height:1.5rem}.h-auto{height:auto}.h-9{height:2.25rem}.h-4{height:1rem}.max-h-12{max-height:3rem}.w-5{width:1.25rem}.w-full{width:100%}.w-8{width:2rem}.w-screen{width:100vw}.w-10{width:2.5rem}.w-1\/2{width:50%}.w-6{width:1.5rem}.w-9{width:2.25rem}.w-4{width:1rem}.w-0{width:0}.min-w-0{min-width:0}.max-w-screen-xl{max-width:1280px}.max-w-screen-sm{max-width:640px}.max-w-xl{max-width:36rem}.max-w-md{max-width:28rem}.max-w-3xl{max-width:48rem}.max-w-7xl{max-width:80rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-full{max-width:100%}.max-w-screen-md{max-width:768px}.max-w-none{max-width:none}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.origin-top-right{transform-origin:top right}.-translate-x-3{--tw-translate-x:-0.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.-translate-y-2{--tw-translate-y:-0.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-8{gap:2rem}.gap-0\.5{gap:.125rem}.gap-0{gap:0}.gap-4{gap:1rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:.5rem}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-md{border-radius:.375rem}.rounded-full{border-radius:9999px}.rounded-r-3xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.rounded-l-3xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-t-2{border-top-width:2px}.border-transparent{border-color:transparent}.border-gray-900{--tw-border-opacity:1;border-color:rgb(17 24 39/var(--tw-border-opacity))}.border-indigo-300{--tw-border-opacity:1;border-color:rgb(165 180 252/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-b-stone-200\/10{border-bottom-color:rgb(231 229 228/.1)}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-indigo-300{--tw-bg-opacity:1;background-color:rgb(165 180 252/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity))}.bg-zinc-100{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-indigo-600{--tw-gradient-from:#4f46e5;--tw-gradient-to:rgb(79 70 229 / 0);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.bg-center{background-position:50%}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.p-6{padding:1.5rem}.p-4{padding:1rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-2\.5{padding:.625rem}.px-4{padding-left:1rem;padding-right:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-0{padding-top:0;padding-bottom:0}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-96{padding-top:24rem;padding-bottom:24rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-12{padding-top:3rem;padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pt-64{padding-top:16rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pl-4{padding-left:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pb-4{padding-bottom:1rem}.pr-2{padding-right:.5rem}.pt-1{padding-top:.25rem}.pb-16{padding-bottom:4rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-8xl{font-size:6rem;line-height:1}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.font-black{font-weight:900}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-extrabold{font-weight:800}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-none{line-height:1}.leading-7{line-height:1.75rem}.leading-extra-loose{line-height:2.5}.tracking-tight{letter-spacing:-.025em}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.text-indigo-400\/30{color:rgb(129 140 248/.3)}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.text-indigo-100{--tw-text-opacity:1;color:rgb(224 231 255/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity))}.text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.text-indigo-900{--tw-text-opacity:1;color:rgb(49 46 129/var(--tw-text-opacity))}.text-zinc-900{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.text-opacity-40{--tw-text-opacity:0.4}.placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity))}.opacity-80{opacity:.8}.opacity-0{opacity:0}.opacity-100{opacity:1}.mix-blend-multiply{mix-blend-mode:multiply}.shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-zinc-300\/40{--tw-ring-color:rgb(212 212 216 / 0.4)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.duration-1000{transition-duration:1000ms}.duration-200{transition-duration:200ms}.duration-100{transition-duration:100ms}.duration-75{transition-duration:75ms}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}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,notocoloremoji,segoe ui symbol,android emoji,emojisymbols; .prose :where(h1):not(:where([class~=not-prose] *)){color:#fff!important}.hover\:bg-indigo-800:hover{--tw-bg-opacity:1;background-color:rgb(55 48 163/var(--tw-bg-opacity))}.hover\:bg-indigo-200:hover{--tw-bg-opacity:1;background-color:rgb(199 210 254/var(--tw-bg-opacity))}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\:bg-indigo-600:hover{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:text-indigo-600:hover{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.hover\:text-gray-300:hover{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.focus\:border-transparent:focus{border-color:transparent}.focus\:border-indigo-500:focus{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity))}.focus\:bg-indigo-700:focus{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity))}.focus\:bg-indigo-600:focus{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity))}.focus\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-indigo-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(165 180 252 / var(--tw-ring-opacity))}.focus\:ring-white:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255 / var(--tw-ring-opacity))}.focus\:ring-gray-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(229 231 235 / var(--tw-ring-opacity))}.focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241 / var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus\:ring-offset-indigo-500:focus{--tw-ring-offset-color:#6366f1}.group:hover .group-hover\:bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.group:hover .group-hover\:text-gray-400\/60{color:rgb(156 163 175/.6)}.group:hover .group-hover\:opacity-50{opacity:.5}.group:focus .group-focus\:opacity-70{opacity:.7}.prose-headings\:underline :is(:where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose] *))){text-decoration-line:underline}.prose-a\:text-blue-600 :is(:where(a):not(:where([class~=not-prose] *))){--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.hover\:prose-a\:text-blue-500 :is(:where(a):not(:where([class~=not-prose] *))):hover{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.prose-img\:rounded-xl :is(:where(img):not(:where([class~=not-prose] *))){border-radius:.75rem}.dark .dark\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.dark .dark\:bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.dark .dark\:bg-gray-900\/10{background-color:rgb(17 24 39/.1)}.dark .dark\:bg-gray-900\/50{background-color:rgb(17 24 39/.5)}.dark .dark\:bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.dark .dark\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark .dark\:bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity))}.dark .dark\:prose-invert{--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}.dark .dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .dark\:text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.dark .dark\:text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.dark .dark\:text-gray-50{--tw-text-opacity:1;color:rgb(249 250 251/var(--tw-text-opacity))}.dark .dark\:text-gray-900\/60{color:rgb(17 24 39/.6)}.dark .dark\:text-zinc-200{--tw-text-opacity:1;color:rgb(228 228 231/var(--tw-text-opacity))}.dark .dark\:text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.dark .dark\:text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity))}.dark .dark\:placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.dark .dark\:placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.dark .dark\:ring-gray-900\/40{--tw-ring-color:rgb(17 24 39 / 0.4)}.dark .dark\:hover\:bg-gray-900\/80:hover{background-color:rgb(17 24 39/.8)}.dark .dark\:hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity))}.dark .dark\:hover\:text-indigo-500:hover{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.dark .dark\:focus\:border-indigo-500:focus{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity))}.dark .dark\:focus\:ring-indigo-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(49 46 129 / var(--tw-ring-opacity))}.dark .dark\:focus\:ring-gray-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(55 65 81 / var(--tw-ring-opacity))}.dark .dark\:focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241 / var(--tw-ring-opacity))}.dark .dark\:focus\:ring-indigo-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(55 48 163 / var(--tw-ring-opacity))}@media(min-width:640px){.sm\:relative{position:relative}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:mb-0{margin-bottom:0}.sm\:mb-6{margin-bottom:1.5rem}.sm\:mt-12{margin-top:3rem}.sm\:mt-4{margin-top:1rem}.sm\:-mt-32{margin-top:-8rem}.sm\:mt-0{margin-top:0}.sm\:ml-3{margin-left:.75rem}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:h-2\/3{height:66.666667%}.sm\:w-fit{width:-moz-fit-content;width:fit-content}.sm\:max-w-3xl{max-width:48rem}.sm\:max-w-xl{max-width:36rem}.sm\:max-w-lg{max-width:32rem}.sm\:justify-center{justify-content:center}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-12{padding-left:3rem;padding-right:3rem}.sm\:py-20{padding-top:5rem;padding-bottom:5rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:pt-6{padding-top:1.5rem}.sm\:text-center{text-align:center}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media(min-width:768px){.md\:sticky{position:sticky}.md\:mt-8{margin-top:2rem}.md\:mt-12{margin-top:3rem}.md\:mt-0{margin-top:0}.md\:mt-5{margin-top:1.25rem}.md\:ml-4{margin-left:1rem}.md\:-mt-1{margin-top:-.25rem}.md\:ml-2{margin-left:.5rem}.md\:inline{display:inline}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-6{height:1.5rem}.md\:w-auto{width:auto}.md\:w-48{width:12rem}.md\:w-screen{width:100vw}.md\:w-6{width:1.5rem}.md\:max-w-3xl{max-width:48rem}.md\:max-w-sm{max-width:24rem}.md\:flex-grow{flex-grow:1}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-end{justify-content:flex-end}.md\:prose-lg{font-size:1.125rem;line-height:1.7777778}.md\:justify-between{justify-content:space-between}.md\:prose-lg :where(p):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.md\:prose-lg :where([class~=lead]):not(:where([class~=not-prose] *)){font-size:1.2222222em;line-height:1.4545455;margin-top:1.0909091em;margin-bottom:1.0909091em}.md\:prose-lg :where(blockquote):not(:where([class~=not-prose] *)){margin-top:1.6666667em;margin-bottom:1.6666667em;padding-left:1em}.md\:prose-lg :where(h1):not(:where([class~=not-prose] *)){font-size:2.6666667em;margin-top:0;margin-bottom:.8333333em;line-height:1}.md\:prose-lg :where(h2):not(:where([class~=not-prose] *)){font-size:1.6666667em;margin-top:1.8666667em;margin-bottom:1.0666667em;line-height:1.3333333}.md\:prose-lg :where(h3):not(:where([class~=not-prose] *)){font-size:1.3333333em;margin-top:1.6666667em;margin-bottom:.6666667em;line-height:1.5}.md\:prose-lg :where(h4):not(:where([class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:.4444444em;line-height:1.5555556}.md\:prose-lg :where(img):not(:where([class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.md\:prose-lg :where(video):not(:where([class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.md\:prose-lg :where(figure):not(:where([class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.md\:prose-lg :where(figure>*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.md\:prose-lg :where(figcaption):not(:where([class~=not-prose] *)){font-size:.8888889em;line-height:1.5;margin-top:1em}.md\:prose-lg :where(code):not(:where([class~=not-prose] *)){font-size:.8888889em}.md\:prose-lg :where(h2 code):not(:where([class~=not-prose] *)){font-size:.8666667em}.md\:prose-lg :where(h3 code):not(:where([class~=not-prose] *)){font-size:.875em}.md\:prose-lg :where(pre):not(:where([class~=not-prose] *)){font-size:.8888889em;line-height:1.75;margin-top:2em;margin-bottom:2em;border-radius:.375rem;padding-top:1em;padding-right:1.5em;padding-bottom:1em;padding-left:1.5em}.md\:prose-lg :where(ol):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.5555556em}.md\:prose-lg :where(ul):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.5555556em}.md\:prose-lg :where(li):not(:where([class~=not-prose] *)){margin-top:.6666667em;margin-bottom:.6666667em}.md\:prose-lg :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.4444444em}.md\:prose-lg :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.4444444em}.md\:prose-lg :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.md\:prose-lg :where(.prose>ul>li>*:first-child):not(:where([class~=not-prose] *)){margin-top:1.3333333em}.md\:prose-lg :where(.prose>ul>li>*:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.3333333em}.md\:prose-lg :where(.prose>ol>li>*:first-child):not(:where([class~=not-prose] *)){margin-top:1.3333333em}.md\:prose-lg :where(.prose>ol>li>*:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.3333333em}.md\:prose-lg :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.md\:prose-lg :where(hr):not(:where([class~=not-prose] *)){margin-top:3.1111111em;margin-bottom:3.1111111em}.md\:prose-lg :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.md\:prose-lg :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.md\:prose-lg :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.md\:prose-lg :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.md\:prose-lg :where(table):not(:where([class~=not-prose] *)){font-size:.8888889em;line-height:1.5}.md\:prose-lg :where(thead th):not(:where([class~=not-prose] *)){padding-right:.75em;padding-bottom:.75em;padding-left:.75em}.md\:prose-lg :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.md\:prose-lg :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.md\:prose-lg :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding-top:.75em;padding-right:.75em;padding-bottom:.75em;padding-left:.75em}.md\:prose-lg :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.md\:prose-lg :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.md\:prose-lg :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.md\:prose-lg :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.md\:rounded-bl-lg{border-bottom-left-radius:.5rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:px-1\.5{padding-left:.375rem;padding-right:.375rem}.md\:px-1{padding-left:.25rem;padding-right:.25rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:pt-12{padding-top:3rem}.md\:pt-24{padding-top:6rem}.md\:pb-16{padding-bottom:4rem}.md\:pb-0{padding-bottom:0}.md\:text-left{text-align:left}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media(min-width:1024px){.lg\:absolute{position:absolute}.lg\:relative{position:relative}.lg\:inset-y-0{top:0;bottom:0}.lg\:right-0{right:0}.lg\:right-72{right:18rem}.lg\:-right-8{right:-2rem}.lg\:left-auto{left:auto}.lg\:top-12{top:3rem}.lg\:left-80{left:20rem}.lg\:left-0{left:0}.lg\:m-0{margin:0}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:mx-auto{margin-left:auto;margin-right:auto}.lg\:mb-0{margin-bottom:0}.lg\:mt-0{margin-top:0}.lg\:mb-4{margin-bottom:1rem}.lg\:mb-16{margin-bottom:4rem}.lg\:grid{display:grid}.lg\:h-full{height:100%}.lg\:w-screen{width:100vw}.lg\:w-1\/2{width:50%}.lg\:w-full{width:100%}.lg\:w-auto{width:auto}.lg\:max-w-7xl{max-width:80rem}.lg\:max-w-none{max-width:none}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:justify-start{justify-content:flex-start}.lg\:gap-12{gap:3rem}.lg\:gap-24{gap:6rem}.lg\:prose-xl{font-size:1.25rem;line-height:1.8}.lg\:prose-xl :where(p):not(:where([class~=not-prose] *)){margin-top:1.2em;margin-bottom:1.2em}.lg\:prose-xl :where([class~=lead]):not(:where([class~=not-prose] *)){font-size:1.2em;line-height:1.5;margin-top:1em;margin-bottom:1em}.lg\:prose-xl :where(blockquote):not(:where([class~=not-prose] *)){margin-top:1.6em;margin-bottom:1.6em;padding-left:1.0666667em}.lg\:prose-xl :where(h1):not(:where([class~=not-prose] *)){font-size:2.8em;margin-top:0;margin-bottom:.8571429em;line-height:1}.lg\:prose-xl :where(h2):not(:where([class~=not-prose] *)){font-size:1.8em;margin-top:1.5555556em;margin-bottom:.8888889em;line-height:1.1111111}.lg\:prose-xl :where(h3):not(:where([class~=not-prose] *)){font-size:1.5em;margin-top:1.6em;margin-bottom:.6666667em;line-height:1.3333333}.lg\:prose-xl :where(h4):not(:where([class~=not-prose] *)){margin-top:1.8em;margin-bottom:.6em;line-height:1.6}.lg\:prose-xl :where(img):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.lg\:prose-xl :where(video):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.lg\:prose-xl :where(figure):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.lg\:prose-xl :where(figure>*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.lg\:prose-xl :where(figcaption):not(:where([class~=not-prose] *)){font-size:.9em;line-height:1.5555556;margin-top:1em}.lg\:prose-xl :where(code):not(:where([class~=not-prose] *)){font-size:.9em}.lg\:prose-xl :where(h2 code):not(:where([class~=not-prose] *)){font-size:.8611111em}.lg\:prose-xl :where(h3 code):not(:where([class~=not-prose] *)){font-size:.9em}.lg\:prose-xl :where(pre):not(:where([class~=not-prose] *)){font-size:.9em;line-height:1.7777778;margin-top:2em;margin-bottom:2em;border-radius:.5rem;padding-top:1.1111111em;padding-right:1.3333333em;padding-bottom:1.1111111em;padding-left:1.3333333em}.lg\:prose-xl :where(ol):not(:where([class~=not-prose] *)){margin-top:1.2em;margin-bottom:1.2em;padding-left:1.6em}.lg\:prose-xl :where(ul):not(:where([class~=not-prose] *)){margin-top:1.2em;margin-bottom:1.2em;padding-left:1.6em}.lg\:prose-xl :where(li):not(:where([class~=not-prose] *)){margin-top:.6em;margin-bottom:.6em}.lg\:prose-xl :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.4em}.lg\:prose-xl :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.4em}.lg\:prose-xl :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.8em;margin-bottom:.8em}.lg\:prose-xl :where(.prose>ul>li>*:first-child):not(:where([class~=not-prose] *)){margin-top:1.2em}.lg\:prose-xl :where(.prose>ul>li>*:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.2em}.lg\:prose-xl :where(.prose>ol>li>*:first-child):not(:where([class~=not-prose] *)){margin-top:1.2em}.lg\:prose-xl :where(.prose>ol>li>*:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.2em}.lg\:prose-xl :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.8em;margin-bottom:.8em}.lg\:prose-xl :where(hr):not(:where([class~=not-prose] *)){margin-top:2.8em;margin-bottom:2.8em}.lg\:prose-xl :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.lg\:prose-xl :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.lg\:prose-xl :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.lg\:prose-xl :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.lg\:prose-xl :where(table):not(:where([class~=not-prose] *)){font-size:.9em;line-height:1.5555556}.lg\:prose-xl :where(thead th):not(:where([class~=not-prose] *)){padding-right:.6666667em;padding-bottom:.8888889em;padding-left:.6666667em}.lg\:prose-xl :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.lg\:prose-xl :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.lg\:prose-xl :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding-top:.8888889em;padding-right:.6666667em;padding-bottom:.8888889em;padding-left:.6666667em}.lg\:prose-xl :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.lg\:prose-xl :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.lg\:prose-xl :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.lg\:prose-xl :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.lg\:py-16{padding-top:4rem;padding-bottom:4rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-0{padding-top:0;padding-bottom:0}.lg\:px-0{padding-left:0;padding-right:0}.lg\:py-20{padding-top:5rem;padding-bottom:5rem}.lg\:pt-20{padding-top:5rem}.lg\:pl-12{padding-left:3rem}.lg\:pt-12{padding-top:3rem}.lg\:pb-24{padding-bottom:6rem}.lg\:pb-16{padding-bottom:4rem}.lg\:text-left{text-align:left}.lg\:text-7xl{font-size:4.5rem;line-height:1}}@media(min-width:1280px){.xl\:mb-2{margin-bottom:.5rem}.xl\:inline{display:inline}.xl\:text-9xl{font-size:8rem;line-height:1}.xl\:text-6xl{font-size:3.75rem;line-height:1}.xl\:text-xl{font-size:1.25rem;line-height:1.75rem}.xl\:text-lg{font-size:1.125rem;line-height:1.75rem}}
\ No newline at end of file
+*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::before,::after{--tw-content:''}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;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}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::before,::after{--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;--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: }.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where([class~=lead]):not(:where([class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=As]):not(:where([class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=as]):not(:where([class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=Is]):not(:where([class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=is]):not(:where([class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose :where(ol>li):not(:where([class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(hr):not(:where([class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-left-width:.25rem;border-left-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose] *))::before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose] *))::after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(figure>*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose :where(code):not(:where([class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose] *))::before{content:"`"}.prose :where(code):not(:where([class~=not-prose] *))::after{content:"`"}.prose :where(a code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-right:1.1428571em;padding-bottom:.8571429em;padding-left:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose] *))::before{content:none}.prose :where(pre code):not(:where([class~=not-prose] *))::after{content:none}.prose :where(table):not(:where([class~=not-prose] *)){width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose] *)){vertical-align:top}.prose{--tw-prose-body:#27272a;--tw-prose-headings:#18181b;--tw-prose-lead:#3f3f46;--tw-prose-links:#18181b;--tw-prose-bold:#18181b;--tw-prose-counters:#52525b;--tw-prose-bullets:#a1a1aa;--tw-prose-hr:#d4d4d8;--tw-prose-quotes:#18181b;--tw-prose-quote-borders:#d4d4d8;--tw-prose-captions:#3f3f46;--tw-prose-code:#6366f1;--tw-prose-pre-code:#a5b4fc;--tw-prose-pre-bg:#111827;--tw-prose-th-borders:#d4d4d8;--tw-prose-td-borders:#e4e4e7;--tw-prose-invert-body:#e4e4e7;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#d4d4d8;--tw-prose-invert-links:#818cf8;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#a1a1aa;--tw-prose-invert-bullets:#e4e4e7;--tw-prose-invert-hr:#71717a;--tw-prose-invert-quotes:#f4f4f5;--tw-prose-invert-quote-borders:#3f3f46;--tw-prose-invert-captions:#a1a1aa;--tw-prose-invert-code:#818cf8;--tw-prose-invert-pre-code:#a5b4fc;--tw-prose-invert-pre-bg:#111827;--tw-prose-invert-th-borders:#f4f4f5;--tw-prose-invert-td-borders:#71717a;font-size:1rem;line-height:1.75}.prose :where(p):not(:where([class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(video):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(figure):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(li):not(:where([class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.375em}.prose :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>*:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>*:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>*:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>*:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding-top:.5714286em;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-top:.8888889em;margin-bottom:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose] *)){font-size:2.1428571em;margin-top:0;margin-bottom:.8em;line-height:1.2}.prose-sm :where(h2):not(:where([class~=not-prose] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:.8em;line-height:1.4}.prose-sm :where(h3):not(:where([class~=not-prose] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:.4444444em;line-height:1.5555556}.prose-sm :where(h4):not(:where([class~=not-prose] *)){margin-top:1.4285714em;margin-bottom:.5714286em;line-height:1.4285714}.prose-sm :where(img):not(:where([class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(video):not(:where([class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure):not(:where([class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure>*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(code):not(:where([class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose] *)){font-size:.8571429em;line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:.25rem;padding-top:.6666667em;padding-right:1em;padding-bottom:.6666667em;padding-left:1em}.prose-sm :where(ol):not(:where([class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-left:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-left:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose] *)){margin-top:.2857143em;margin-bottom:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.4285714em}.prose-sm :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.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(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose] *)){margin-top:2.8571429em;margin-bottom:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose] *)){padding-right:1em;padding-bottom:.6666667em;padding-left:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding-top:.6666667em;padding-right:1em;padding-bottom:.6666667em;padding-left:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.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{font-size:1rem;line-height:1.75}.prose-base :where(p):not(:where([class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose-base :where([class~=lead]):not(:where([class~=not-prose] *)){font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose-base :where(blockquote):not(:where([class~=not-prose] *)){margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}.prose-base :where(h1):not(:where([class~=not-prose] *)){font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose-base :where(h2):not(:where([class~=not-prose] *)){font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose-base :where(h3):not(:where([class~=not-prose] *)){font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose-base :where(h4):not(:where([class~=not-prose] *)){margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose-base :where(img):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose-base :where(video):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose-base :where(figure):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose-base :where(figure>*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-base :where(figcaption):not(:where([class~=not-prose] *)){font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose-base :where(code):not(:where([class~=not-prose] *)){font-size:.875em}.prose-base :where(h2 code):not(:where([class~=not-prose] *)){font-size:.875em}.prose-base :where(h3 code):not(:where([class~=not-prose] *)){font-size:.9em}.prose-base :where(pre):not(:where([class~=not-prose] *)){font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-right:1.1428571em;padding-bottom:.8571429em;padding-left:1.1428571em}.prose-base :where(ol):not(:where([class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose-base :where(ul):not(:where([class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose-base :where(li):not(:where([class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose-base :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.375em}.prose-base :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.375em}.prose-base :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.75em;margin-bottom:.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(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose-base :where(hr):not(:where([class~=not-prose] *)){margin-top:3em;margin-bottom:3em}.prose-base :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-base :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-base :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-base :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-base :where(table):not(:where([class~=not-prose] *)){font-size:.875em;line-height:1.7142857}.prose-base :where(thead th):not(:where([class~=not-prose] *)){padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose-base :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-base :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose-base :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding-top:.5714286em;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose-base :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-base :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.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{font-size:1.125rem;line-height:1.7777778}.prose-lg :where(p):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.prose-lg :where([class~=lead]):not(:where([class~=not-prose] *)){font-size:1.2222222em;line-height:1.4545455;margin-top:1.0909091em;margin-bottom:1.0909091em}.prose-lg :where(blockquote):not(:where([class~=not-prose] *)){margin-top:1.6666667em;margin-bottom:1.6666667em;padding-left:1em}.prose-lg :where(h1):not(:where([class~=not-prose] *)){font-size:2.6666667em;margin-top:0;margin-bottom:.8333333em;line-height:1}.prose-lg :where(h2):not(:where([class~=not-prose] *)){font-size:1.6666667em;margin-top:1.8666667em;margin-bottom:1.0666667em;line-height:1.3333333}.prose-lg :where(h3):not(:where([class~=not-prose] *)){font-size:1.3333333em;margin-top:1.6666667em;margin-bottom:.6666667em;line-height:1.5}.prose-lg :where(h4):not(:where([class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:.4444444em;line-height:1.5555556}.prose-lg :where(img):not(:where([class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.prose-lg :where(video):not(:where([class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.prose-lg :where(figure):not(:where([class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.prose-lg :where(figure>*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-lg :where(figcaption):not(:where([class~=not-prose] *)){font-size:.8888889em;line-height:1.5;margin-top:1em}.prose-lg :where(code):not(:where([class~=not-prose] *)){font-size:.8888889em}.prose-lg :where(h2 code):not(:where([class~=not-prose] *)){font-size:.8666667em}.prose-lg :where(h3 code):not(:where([class~=not-prose] *)){font-size:.875em}.prose-lg :where(pre):not(:where([class~=not-prose] *)){font-size:.8888889em;line-height:1.75;margin-top:2em;margin-bottom:2em;border-radius:.375rem;padding-top:1em;padding-right:1.5em;padding-bottom:1em;padding-left:1.5em}.prose-lg :where(ol):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.5555556em}.prose-lg :where(ul):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.5555556em}.prose-lg :where(li):not(:where([class~=not-prose] *)){margin-top:.6666667em;margin-bottom:.6666667em}.prose-lg :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.4444444em}.prose-lg :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.4444444em}.prose-lg :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.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(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.prose-lg :where(hr):not(:where([class~=not-prose] *)){margin-top:3.1111111em;margin-bottom:3.1111111em}.prose-lg :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-lg :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-lg :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-lg :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-lg :where(table):not(:where([class~=not-prose] *)){font-size:.8888889em;line-height:1.5}.prose-lg :where(thead th):not(:where([class~=not-prose] *)){padding-right:.75em;padding-bottom:.75em;padding-left:.75em}.prose-lg :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-lg :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose-lg :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding-top:.75em;padding-right:.75em;padding-bottom:.75em;padding-left:.75em}.prose-lg :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-lg :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.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{font-size:1.25rem;line-height:1.8}.prose-xl :where(p):not(:where([class~=not-prose] *)){margin-top:1.2em;margin-bottom:1.2em}.prose-xl :where([class~=lead]):not(:where([class~=not-prose] *)){font-size:1.2em;line-height:1.5;margin-top:1em;margin-bottom:1em}.prose-xl :where(blockquote):not(:where([class~=not-prose] *)){margin-top:1.6em;margin-bottom:1.6em;padding-left:1.0666667em}.prose-xl :where(h1):not(:where([class~=not-prose] *)){font-size:2.8em;margin-top:0;margin-bottom:.8571429em;line-height:1}.prose-xl :where(h2):not(:where([class~=not-prose] *)){font-size:1.8em;margin-top:1.5555556em;margin-bottom:.8888889em;line-height:1.1111111}.prose-xl :where(h3):not(:where([class~=not-prose] *)){font-size:1.5em;margin-top:1.6em;margin-bottom:.6666667em;line-height:1.3333333}.prose-xl :where(h4):not(:where([class~=not-prose] *)){margin-top:1.8em;margin-bottom:.6em;line-height:1.6}.prose-xl :where(img):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose-xl :where(video):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose-xl :where(figure):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose-xl :where(figure>*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-xl :where(figcaption):not(:where([class~=not-prose] *)){font-size:.9em;line-height:1.5555556;margin-top:1em}.prose-xl :where(code):not(:where([class~=not-prose] *)){font-size:.9em}.prose-xl :where(h2 code):not(:where([class~=not-prose] *)){font-size:.8611111em}.prose-xl :where(h3 code):not(:where([class~=not-prose] *)){font-size:.9em}.prose-xl :where(pre):not(:where([class~=not-prose] *)){font-size:.9em;line-height:1.7777778;margin-top:2em;margin-bottom:2em;border-radius:.5rem;padding-top:1.1111111em;padding-right:1.3333333em;padding-bottom:1.1111111em;padding-left:1.3333333em}.prose-xl :where(ol):not(:where([class~=not-prose] *)){margin-top:1.2em;margin-bottom:1.2em;padding-left:1.6em}.prose-xl :where(ul):not(:where([class~=not-prose] *)){margin-top:1.2em;margin-bottom:1.2em;padding-left:1.6em}.prose-xl :where(li):not(:where([class~=not-prose] *)){margin-top:.6em;margin-bottom:.6em}.prose-xl :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.4em}.prose-xl :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.4em}.prose-xl :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.8em;margin-bottom:.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(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.8em;margin-bottom:.8em}.prose-xl :where(hr):not(:where([class~=not-prose] *)){margin-top:2.8em;margin-bottom:2.8em}.prose-xl :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-xl :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-xl :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-xl :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-xl :where(table):not(:where([class~=not-prose] *)){font-size:.9em;line-height:1.5555556}.prose-xl :where(thead th):not(:where([class~=not-prose] *)){padding-right:.6666667em;padding-bottom:.8888889em;padding-left:.6666667em}.prose-xl :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-xl :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose-xl :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding-top:.8888889em;padding-right:.6666667em;padding-bottom:.8888889em;padding-left:.6666667em}.prose-xl :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-xl :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.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{font-size:1.5rem;line-height:1.6666667}.prose-2xl :where(p):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.prose-2xl :where([class~=lead]):not(:where([class~=not-prose] *)){font-size:1.25em;line-height:1.4666667;margin-top:1.0666667em;margin-bottom:1.0666667em}.prose-2xl :where(blockquote):not(:where([class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em;padding-left:1.1111111em}.prose-2xl :where(h1):not(:where([class~=not-prose] *)){font-size:2.6666667em;margin-top:0;margin-bottom:.875em;line-height:1}.prose-2xl :where(h2):not(:where([class~=not-prose] *)){font-size:2em;margin-top:1.5em;margin-bottom:.8333333em;line-height:1.0833333}.prose-2xl :where(h3):not(:where([class~=not-prose] *)){font-size:1.5em;margin-top:1.5555556em;margin-bottom:.6666667em;line-height:1.2222222}.prose-2xl :where(h4):not(:where([class~=not-prose] *)){margin-top:1.6666667em;margin-bottom:.6666667em;line-height:1.5}.prose-2xl :where(img):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose-2xl :where(video):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose-2xl :where(figure):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose-2xl :where(figure>*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-2xl :where(figcaption):not(:where([class~=not-prose] *)){font-size:.8333333em;line-height:1.6;margin-top:1em}.prose-2xl :where(code):not(:where([class~=not-prose] *)){font-size:.8333333em}.prose-2xl :where(h2 code):not(:where([class~=not-prose] *)){font-size:.875em}.prose-2xl :where(h3 code):not(:where([class~=not-prose] *)){font-size:.8888889em}.prose-2xl :where(pre):not(:where([class~=not-prose] *)){font-size:.8333333em;line-height:1.8;margin-top:2em;margin-bottom:2em;border-radius:.5rem;padding-top:1.2em;padding-right:1.6em;padding-bottom:1.2em;padding-left:1.6em}.prose-2xl :where(ol):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.5833333em}.prose-2xl :where(ul):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.5833333em}.prose-2xl :where(li):not(:where([class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose-2xl :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.4166667em}.prose-2xl :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.4166667em}.prose-2xl :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.8333333em;margin-bottom:.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(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.6666667em;margin-bottom:.6666667em}.prose-2xl :where(hr):not(:where([class~=not-prose] *)){margin-top:3em;margin-bottom:3em}.prose-2xl :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-2xl :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-2xl :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-2xl :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-2xl :where(table):not(:where([class~=not-prose] *)){font-size:.8333333em;line-height:1.4}.prose-2xl :where(thead th):not(:where([class~=not-prose] *)){padding-right:.6em;padding-bottom:.8em;padding-left:.6em}.prose-2xl :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-2xl :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose-2xl :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding-top:.8em;padding-right:.6em;padding-bottom:.8em;padding-left:.6em}.prose-2xl :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-2xl :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.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}.prose-invert{--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}.prose-slate{--tw-prose-body:#334155;--tw-prose-headings:#0f172a;--tw-prose-lead:#475569;--tw-prose-links:#0f172a;--tw-prose-bold:#0f172a;--tw-prose-counters:#64748b;--tw-prose-bullets:#cbd5e1;--tw-prose-hr:#e2e8f0;--tw-prose-quotes:#0f172a;--tw-prose-quote-borders:#e2e8f0;--tw-prose-captions:#64748b;--tw-prose-code:#0f172a;--tw-prose-pre-code:#e2e8f0;--tw-prose-pre-bg:#1e293b;--tw-prose-th-borders:#cbd5e1;--tw-prose-td-borders:#e2e8f0;--tw-prose-invert-body:#cbd5e1;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#94a3b8;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#94a3b8;--tw-prose-invert-bullets:#475569;--tw-prose-invert-hr:#334155;--tw-prose-invert-quotes:#f1f5f9;--tw-prose-invert-quote-borders:#334155;--tw-prose-invert-captions:#94a3b8;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#cbd5e1;--tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);--tw-prose-invert-th-borders:#475569;--tw-prose-invert-td-borders:#334155}.prose-gray{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151}.prose-zinc{--tw-prose-body:#3f3f46;--tw-prose-headings:#18181b;--tw-prose-lead:#52525b;--tw-prose-links:#18181b;--tw-prose-bold:#18181b;--tw-prose-counters:#71717a;--tw-prose-bullets:#d4d4d8;--tw-prose-hr:#e4e4e7;--tw-prose-quotes:#18181b;--tw-prose-quote-borders:#e4e4e7;--tw-prose-captions:#71717a;--tw-prose-code:#18181b;--tw-prose-pre-code:#e4e4e7;--tw-prose-pre-bg:#27272a;--tw-prose-th-borders:#d4d4d8;--tw-prose-td-borders:#e4e4e7;--tw-prose-invert-body:#d4d4d8;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#a1a1aa;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#a1a1aa;--tw-prose-invert-bullets:#52525b;--tw-prose-invert-hr:#3f3f46;--tw-prose-invert-quotes:#f4f4f5;--tw-prose-invert-quote-borders:#3f3f46;--tw-prose-invert-captions:#a1a1aa;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d4d4d8;--tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);--tw-prose-invert-th-borders:#52525b;--tw-prose-invert-td-borders:#3f3f46}.prose-neutral{--tw-prose-body:#404040;--tw-prose-headings:#171717;--tw-prose-lead:#525252;--tw-prose-links:#171717;--tw-prose-bold:#171717;--tw-prose-counters:#737373;--tw-prose-bullets:#d4d4d4;--tw-prose-hr:#e5e5e5;--tw-prose-quotes:#171717;--tw-prose-quote-borders:#e5e5e5;--tw-prose-captions:#737373;--tw-prose-code:#171717;--tw-prose-pre-code:#e5e5e5;--tw-prose-pre-bg:#262626;--tw-prose-th-borders:#d4d4d4;--tw-prose-td-borders:#e5e5e5;--tw-prose-invert-body:#d4d4d4;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#a3a3a3;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#a3a3a3;--tw-prose-invert-bullets:#525252;--tw-prose-invert-hr:#404040;--tw-prose-invert-quotes:#f5f5f5;--tw-prose-invert-quote-borders:#404040;--tw-prose-invert-captions:#a3a3a3;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d4d4d4;--tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);--tw-prose-invert-th-borders:#525252;--tw-prose-invert-td-borders:#404040}.prose-stone{--tw-prose-body:#44403c;--tw-prose-headings:#1c1917;--tw-prose-lead:#57534e;--tw-prose-links:#1c1917;--tw-prose-bold:#1c1917;--tw-prose-counters:#78716c;--tw-prose-bullets:#d6d3d1;--tw-prose-hr:#e7e5e4;--tw-prose-quotes:#1c1917;--tw-prose-quote-borders:#e7e5e4;--tw-prose-captions:#78716c;--tw-prose-code:#1c1917;--tw-prose-pre-code:#e7e5e4;--tw-prose-pre-bg:#292524;--tw-prose-th-borders:#d6d3d1;--tw-prose-td-borders:#e7e5e4;--tw-prose-invert-body:#d6d3d1;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#a8a29e;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#a8a29e;--tw-prose-invert-bullets:#57534e;--tw-prose-invert-hr:#44403c;--tw-prose-invert-quotes:#f5f5f4;--tw-prose-invert-quote-borders:#44403c;--tw-prose-invert-captions:#a8a29e;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d6d3d1;--tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);--tw-prose-invert-th-borders:#57534e;--tw-prose-invert-td-borders:#44403c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.right-1\/2{right:50%}.top-8{top:2rem}.left-1\/2{left:50%}.top-0{top:0}.left-0{left:0}.right-0{right:0}.z-0{z-index:0}.z-50{z-index:50}.z-30{z-index:30}.col-span-6{grid-column:span 6/span 6}.col-span-1{grid-column:span 1/span 1}.col-span-3{grid-column:span 3/span 3}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-16{margin-top:4rem;margin-bottom:4rem}.-mx-5{margin-left:-1.25rem;margin-right:-1.25rem}.-my-2{margin-top:-.5rem;margin-bottom:-.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mb-2{margin-bottom:.5rem}.mb-6{margin-bottom:1.5rem}.-ml-3{margin-left:-.75rem}.mt-8{margin-top:2rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.-mr-3{margin-right:-.75rem}.-mr-40{margin-right:-10rem}.mt-12{margin-top:3rem}.mt-3{margin-top:.75rem}.mt-2{margin-top:.5rem}.ml-3{margin-left:.75rem}.-mt-72{margin-top:-18rem}.mt-10{margin-top:2.5rem}.mt-1{margin-top:.25rem}.ml-1{margin-left:.25rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-5{height:1.25rem}.h-full{height:100%}.h-12{height:3rem}.h-8{height:2rem}.h-1\/3{height:33.333333%}.h-10{height:2.5rem}.h-6{height:1.5rem}.h-auto{height:auto}.h-9{height:2.25rem}.h-4{height:1rem}.max-h-12{max-height:3rem}.w-5{width:1.25rem}.w-full{width:100%}.w-8{width:2rem}.w-screen{width:100vw}.w-10{width:2.5rem}.w-1\/2{width:50%}.w-6{width:1.5rem}.w-9{width:2.25rem}.w-4{width:1rem}.w-0{width:0}.min-w-0{min-width:0}.max-w-screen-xl{max-width:1280px}.max-w-screen-sm{max-width:640px}.max-w-xl{max-width:36rem}.max-w-md{max-width:28rem}.max-w-3xl{max-width:48rem}.max-w-7xl{max-width:80rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-full{max-width:100%}.max-w-screen-md{max-width:768px}.max-w-none{max-width:none}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.origin-top-right{transform-origin:top right}.-translate-x-3{--tw-translate-x:-0.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.-translate-y-2{--tw-translate-y:-0.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-8{gap:2rem}.gap-0\.5{gap:.125rem}.gap-0{gap:0}.gap-4{gap:1rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:.5rem}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-md{border-radius:.375rem}.rounded-full{border-radius:9999px}.rounded-r-3xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.rounded-l-3xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-t-2{border-top-width:2px}.border-transparent{border-color:transparent}.border-gray-900{--tw-border-opacity:1;border-color:rgb(17 24 39/var(--tw-border-opacity))}.border-indigo-300{--tw-border-opacity:1;border-color:rgb(165 180 252/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-b-stone-200\/10{border-bottom-color:rgb(231 229 228/.1)}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-indigo-300{--tw-bg-opacity:1;background-color:rgb(165 180 252/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity))}.bg-zinc-100{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-indigo-600{--tw-gradient-from:#4f46e5;--tw-gradient-to:rgb(79 70 229 / 0);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.bg-center{background-position:50%}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.p-6{padding:1.5rem}.p-4{padding:1rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-2\.5{padding:.625rem}.px-4{padding-left:1rem;padding-right:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-0{padding-top:0;padding-bottom:0}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-96{padding-top:24rem;padding-bottom:24rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-12{padding-top:3rem;padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pt-64{padding-top:16rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pl-4{padding-left:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pb-4{padding-bottom:1rem}.pr-2{padding-right:.5rem}.pt-1{padding-top:.25rem}.pb-16{padding-bottom:4rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-8xl{font-size:6rem;line-height:1}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.font-black{font-weight:900}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-extrabold{font-weight:800}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-none{line-height:1}.leading-7{line-height:1.75rem}.leading-extra-loose{line-height:2.5}.tracking-tight{letter-spacing:-.025em}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.text-indigo-400\/30{color:rgb(129 140 248/.3)}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.text-indigo-100{--tw-text-opacity:1;color:rgb(224 231 255/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity))}.text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.text-indigo-900{--tw-text-opacity:1;color:rgb(49 46 129/var(--tw-text-opacity))}.text-zinc-900{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.text-opacity-40{--tw-text-opacity:0.4}.placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity))}.opacity-80{opacity:.8}.opacity-0{opacity:0}.opacity-100{opacity:1}.mix-blend-multiply{mix-blend-mode:multiply}.shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-zinc-300\/40{--tw-ring-color:rgb(212 212 216 / 0.4)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.duration-1000{transition-duration:1000ms}.duration-200{transition-duration:200ms}.duration-100{transition-duration:100ms}.duration-75{transition-duration:75ms}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}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,notocoloremoji,segoe ui symbol,android emoji,emojisymbols; .prose :where(h1):not(:where([class~=not-prose] *)){color:#fff!important}.hover\:bg-indigo-800:hover{--tw-bg-opacity:1;background-color:rgb(55 48 163/var(--tw-bg-opacity))}.hover\:bg-indigo-200:hover{--tw-bg-opacity:1;background-color:rgb(199 210 254/var(--tw-bg-opacity))}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\:bg-indigo-600:hover{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:text-indigo-600:hover{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.hover\:text-gray-300:hover{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.focus\:border-transparent:focus{border-color:transparent}.focus\:border-indigo-500:focus{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity))}.focus\:bg-indigo-700:focus{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity))}.focus\:bg-indigo-600:focus{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity))}.focus\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-indigo-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(165 180 252 / var(--tw-ring-opacity))}.focus\:ring-white:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255 / var(--tw-ring-opacity))}.focus\:ring-gray-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(229 231 235 / var(--tw-ring-opacity))}.focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241 / var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus\:ring-offset-indigo-500:focus{--tw-ring-offset-color:#6366f1}.group:hover .group-hover\:bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.group:hover .group-hover\:text-gray-400\/60{color:rgb(156 163 175/.6)}.group:hover .group-hover\:opacity-50{opacity:.5}.group:focus .group-focus\:opacity-70{opacity:.7}.prose-headings\:underline :is(:where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose] *))){text-decoration-line:underline}.prose-a\:text-blue-600 :is(:where(a):not(:where([class~=not-prose] *))){--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.hover\:prose-a\:text-blue-500 :is(:where(a):not(:where([class~=not-prose] *))):hover{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.prose-img\:rounded-xl :is(:where(img):not(:where([class~=not-prose] *))){border-radius:.75rem}.dark .dark\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.dark .dark\:bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.dark .dark\:bg-gray-900\/10{background-color:rgb(17 24 39/.1)}.dark .dark\:bg-gray-900\/50{background-color:rgb(17 24 39/.5)}.dark .dark\:bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.dark .dark\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark .dark\:bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity))}.dark .dark\:bg-gray-900\/40{background-color:rgb(17 24 39/.4)}.dark .dark\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.dark .dark\:prose-invert{--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}.dark .dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .dark\:text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.dark .dark\:text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.dark .dark\:text-gray-50{--tw-text-opacity:1;color:rgb(249 250 251/var(--tw-text-opacity))}.dark .dark\:text-gray-900\/60{color:rgb(17 24 39/.6)}.dark .dark\:text-zinc-200{--tw-text-opacity:1;color:rgb(228 228 231/var(--tw-text-opacity))}.dark .dark\:text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.dark .dark\:text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity))}.dark .dark\:text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.dark .dark\:text-zinc-50{--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity))}.dark .dark\:text-zinc-100{--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity))}.dark .dark\:text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.dark .dark\:text-indigo-200{--tw-text-opacity:1;color:rgb(199 210 254/var(--tw-text-opacity))}.dark .dark\:text-indigo-300{--tw-text-opacity:1;color:rgb(165 180 252/var(--tw-text-opacity))}.dark .dark\:placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.dark .dark\:placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.dark .dark\:ring-gray-900\/40{--tw-ring-color:rgb(17 24 39 / 0.4)}.dark .dark\:hover\:bg-gray-900\/80:hover{background-color:rgb(17 24 39/.8)}.dark .dark\:hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity))}.dark .dark\:hover\:text-indigo-500:hover{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.dark .dark\:focus\:border-indigo-500:focus{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity))}.dark .dark\:focus\:ring-indigo-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(49 46 129 / var(--tw-ring-opacity))}.dark .dark\:focus\:ring-gray-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(55 65 81 / var(--tw-ring-opacity))}.dark .dark\:focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241 / var(--tw-ring-opacity))}.dark .dark\:focus\:ring-indigo-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(55 48 163 / var(--tw-ring-opacity))}@media(min-width:640px){.sm\:relative{position:relative}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:mb-0{margin-bottom:0}.sm\:mb-6{margin-bottom:1.5rem}.sm\:mt-12{margin-top:3rem}.sm\:mt-4{margin-top:1rem}.sm\:-mt-32{margin-top:-8rem}.sm\:mt-0{margin-top:0}.sm\:ml-3{margin-left:.75rem}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:h-2\/3{height:66.666667%}.sm\:w-fit{width:-moz-fit-content;width:fit-content}.sm\:max-w-3xl{max-width:48rem}.sm\:max-w-xl{max-width:36rem}.sm\:max-w-lg{max-width:32rem}.sm\:justify-center{justify-content:center}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-12{padding-left:3rem;padding-right:3rem}.sm\:py-20{padding-top:5rem;padding-bottom:5rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:pt-6{padding-top:1.5rem}.sm\:text-center{text-align:center}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media(min-width:768px){.md\:sticky{position:sticky}.md\:mt-8{margin-top:2rem}.md\:mt-12{margin-top:3rem}.md\:mt-0{margin-top:0}.md\:mt-5{margin-top:1.25rem}.md\:ml-4{margin-left:1rem}.md\:-mt-1{margin-top:-.25rem}.md\:ml-2{margin-left:.5rem}.md\:inline{display:inline}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-6{height:1.5rem}.md\:w-auto{width:auto}.md\:w-48{width:12rem}.md\:w-screen{width:100vw}.md\:w-6{width:1.5rem}.md\:max-w-3xl{max-width:48rem}.md\:max-w-sm{max-width:24rem}.md\:flex-grow{flex-grow:1}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-end{justify-content:flex-end}.md\:prose-lg{font-size:1.125rem;line-height:1.7777778}.md\:justify-between{justify-content:space-between}.md\:prose-lg :where(p):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.md\:prose-lg :where([class~=lead]):not(:where([class~=not-prose] *)){font-size:1.2222222em;line-height:1.4545455;margin-top:1.0909091em;margin-bottom:1.0909091em}.md\:prose-lg :where(blockquote):not(:where([class~=not-prose] *)){margin-top:1.6666667em;margin-bottom:1.6666667em;padding-left:1em}.md\:prose-lg :where(h1):not(:where([class~=not-prose] *)){font-size:2.6666667em;margin-top:0;margin-bottom:.8333333em;line-height:1}.md\:prose-lg :where(h2):not(:where([class~=not-prose] *)){font-size:1.6666667em;margin-top:1.8666667em;margin-bottom:1.0666667em;line-height:1.3333333}.md\:prose-lg :where(h3):not(:where([class~=not-prose] *)){font-size:1.3333333em;margin-top:1.6666667em;margin-bottom:.6666667em;line-height:1.5}.md\:prose-lg :where(h4):not(:where([class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:.4444444em;line-height:1.5555556}.md\:prose-lg :where(img):not(:where([class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.md\:prose-lg :where(video):not(:where([class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.md\:prose-lg :where(figure):not(:where([class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.md\:prose-lg :where(figure>*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.md\:prose-lg :where(figcaption):not(:where([class~=not-prose] *)){font-size:.8888889em;line-height:1.5;margin-top:1em}.md\:prose-lg :where(code):not(:where([class~=not-prose] *)){font-size:.8888889em}.md\:prose-lg :where(h2 code):not(:where([class~=not-prose] *)){font-size:.8666667em}.md\:prose-lg :where(h3 code):not(:where([class~=not-prose] *)){font-size:.875em}.md\:prose-lg :where(pre):not(:where([class~=not-prose] *)){font-size:.8888889em;line-height:1.75;margin-top:2em;margin-bottom:2em;border-radius:.375rem;padding-top:1em;padding-right:1.5em;padding-bottom:1em;padding-left:1.5em}.md\:prose-lg :where(ol):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.5555556em}.md\:prose-lg :where(ul):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.5555556em}.md\:prose-lg :where(li):not(:where([class~=not-prose] *)){margin-top:.6666667em;margin-bottom:.6666667em}.md\:prose-lg :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.4444444em}.md\:prose-lg :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.4444444em}.md\:prose-lg :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.md\:prose-lg :where(.prose>ul>li>*:first-child):not(:where([class~=not-prose] *)){margin-top:1.3333333em}.md\:prose-lg :where(.prose>ul>li>*:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.3333333em}.md\:prose-lg :where(.prose>ol>li>*:first-child):not(:where([class~=not-prose] *)){margin-top:1.3333333em}.md\:prose-lg :where(.prose>ol>li>*:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.3333333em}.md\:prose-lg :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.md\:prose-lg :where(hr):not(:where([class~=not-prose] *)){margin-top:3.1111111em;margin-bottom:3.1111111em}.md\:prose-lg :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.md\:prose-lg :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.md\:prose-lg :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.md\:prose-lg :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.md\:prose-lg :where(table):not(:where([class~=not-prose] *)){font-size:.8888889em;line-height:1.5}.md\:prose-lg :where(thead th):not(:where([class~=not-prose] *)){padding-right:.75em;padding-bottom:.75em;padding-left:.75em}.md\:prose-lg :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.md\:prose-lg :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.md\:prose-lg :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding-top:.75em;padding-right:.75em;padding-bottom:.75em;padding-left:.75em}.md\:prose-lg :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.md\:prose-lg :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.md\:prose-lg :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.md\:prose-lg :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.md\:rounded-bl-lg{border-bottom-left-radius:.5rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:px-1\.5{padding-left:.375rem;padding-right:.375rem}.md\:px-1{padding-left:.25rem;padding-right:.25rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:pt-12{padding-top:3rem}.md\:pt-24{padding-top:6rem}.md\:pb-16{padding-bottom:4rem}.md\:pb-0{padding-bottom:0}.md\:text-left{text-align:left}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media(min-width:1024px){.lg\:absolute{position:absolute}.lg\:relative{position:relative}.lg\:inset-y-0{top:0;bottom:0}.lg\:right-0{right:0}.lg\:right-72{right:18rem}.lg\:-right-8{right:-2rem}.lg\:left-auto{left:auto}.lg\:top-12{top:3rem}.lg\:left-80{left:20rem}.lg\:left-0{left:0}.lg\:m-0{margin:0}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:mx-auto{margin-left:auto;margin-right:auto}.lg\:mb-0{margin-bottom:0}.lg\:mt-0{margin-top:0}.lg\:mb-4{margin-bottom:1rem}.lg\:mb-16{margin-bottom:4rem}.lg\:grid{display:grid}.lg\:h-full{height:100%}.lg\:w-screen{width:100vw}.lg\:w-1\/2{width:50%}.lg\:w-full{width:100%}.lg\:w-auto{width:auto}.lg\:max-w-7xl{max-width:80rem}.lg\:max-w-none{max-width:none}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:justify-start{justify-content:flex-start}.lg\:gap-12{gap:3rem}.lg\:gap-24{gap:6rem}.lg\:prose-xl{font-size:1.25rem;line-height:1.8}.lg\:prose-xl :where(p):not(:where([class~=not-prose] *)){margin-top:1.2em;margin-bottom:1.2em}.lg\:prose-xl :where([class~=lead]):not(:where([class~=not-prose] *)){font-size:1.2em;line-height:1.5;margin-top:1em;margin-bottom:1em}.lg\:prose-xl :where(blockquote):not(:where([class~=not-prose] *)){margin-top:1.6em;margin-bottom:1.6em;padding-left:1.0666667em}.lg\:prose-xl :where(h1):not(:where([class~=not-prose] *)){font-size:2.8em;margin-top:0;margin-bottom:.8571429em;line-height:1}.lg\:prose-xl :where(h2):not(:where([class~=not-prose] *)){font-size:1.8em;margin-top:1.5555556em;margin-bottom:.8888889em;line-height:1.1111111}.lg\:prose-xl :where(h3):not(:where([class~=not-prose] *)){font-size:1.5em;margin-top:1.6em;margin-bottom:.6666667em;line-height:1.3333333}.lg\:prose-xl :where(h4):not(:where([class~=not-prose] *)){margin-top:1.8em;margin-bottom:.6em;line-height:1.6}.lg\:prose-xl :where(img):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.lg\:prose-xl :where(video):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.lg\:prose-xl :where(figure):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.lg\:prose-xl :where(figure>*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.lg\:prose-xl :where(figcaption):not(:where([class~=not-prose] *)){font-size:.9em;line-height:1.5555556;margin-top:1em}.lg\:prose-xl :where(code):not(:where([class~=not-prose] *)){font-size:.9em}.lg\:prose-xl :where(h2 code):not(:where([class~=not-prose] *)){font-size:.8611111em}.lg\:prose-xl :where(h3 code):not(:where([class~=not-prose] *)){font-size:.9em}.lg\:prose-xl :where(pre):not(:where([class~=not-prose] *)){font-size:.9em;line-height:1.7777778;margin-top:2em;margin-bottom:2em;border-radius:.5rem;padding-top:1.1111111em;padding-right:1.3333333em;padding-bottom:1.1111111em;padding-left:1.3333333em}.lg\:prose-xl :where(ol):not(:where([class~=not-prose] *)){margin-top:1.2em;margin-bottom:1.2em;padding-left:1.6em}.lg\:prose-xl :where(ul):not(:where([class~=not-prose] *)){margin-top:1.2em;margin-bottom:1.2em;padding-left:1.6em}.lg\:prose-xl :where(li):not(:where([class~=not-prose] *)){margin-top:.6em;margin-bottom:.6em}.lg\:prose-xl :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.4em}.lg\:prose-xl :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.4em}.lg\:prose-xl :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.8em;margin-bottom:.8em}.lg\:prose-xl :where(.prose>ul>li>*:first-child):not(:where([class~=not-prose] *)){margin-top:1.2em}.lg\:prose-xl :where(.prose>ul>li>*:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.2em}.lg\:prose-xl :where(.prose>ol>li>*:first-child):not(:where([class~=not-prose] *)){margin-top:1.2em}.lg\:prose-xl :where(.prose>ol>li>*:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.2em}.lg\:prose-xl :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.8em;margin-bottom:.8em}.lg\:prose-xl :where(hr):not(:where([class~=not-prose] *)){margin-top:2.8em;margin-bottom:2.8em}.lg\:prose-xl :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.lg\:prose-xl :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.lg\:prose-xl :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.lg\:prose-xl :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.lg\:prose-xl :where(table):not(:where([class~=not-prose] *)){font-size:.9em;line-height:1.5555556}.lg\:prose-xl :where(thead th):not(:where([class~=not-prose] *)){padding-right:.6666667em;padding-bottom:.8888889em;padding-left:.6666667em}.lg\:prose-xl :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.lg\:prose-xl :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.lg\:prose-xl :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding-top:.8888889em;padding-right:.6666667em;padding-bottom:.8888889em;padding-left:.6666667em}.lg\:prose-xl :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.lg\:prose-xl :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.lg\:prose-xl :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.lg\:prose-xl :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.lg\:py-16{padding-top:4rem;padding-bottom:4rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-0{padding-top:0;padding-bottom:0}.lg\:px-0{padding-left:0;padding-right:0}.lg\:py-20{padding-top:5rem;padding-bottom:5rem}.lg\:pt-20{padding-top:5rem}.lg\:pl-12{padding-left:3rem}.lg\:pt-12{padding-top:3rem}.lg\:pb-24{padding-bottom:6rem}.lg\:pb-16{padding-bottom:4rem}.lg\:text-left{text-align:left}.lg\:text-7xl{font-size:4.5rem;line-height:1}}@media(min-width:1280px){.xl\:mb-2{margin-bottom:.5rem}.xl\:inline{display:inline}.xl\:text-9xl{font-size:8rem;line-height:1}.xl\:text-6xl{font-size:3.75rem;line-height:1}.xl\:text-xl{font-size:1.25rem;line-height:1.75rem}.xl\:text-lg{font-size:1.125rem;line-height:1.75rem}}
\ No newline at end of file
diff --git a/resources/_gen/assets/css/css/style.css_53d8db2e382030cdec351f02c8b70385.json b/resources/_gen/assets/css/css/style.css_53d8db2e382030cdec351f02c8b70385.json
index 22dc578..9c71607 100644
--- a/resources/_gen/assets/css/css/style.css_53d8db2e382030cdec351f02c8b70385.json
+++ b/resources/_gen/assets/css/css/style.css_53d8db2e382030cdec351f02c8b70385.json
@@ -1 +1 @@
-{"Target":"css/style.min.d777530905d7c8fb08a2e589a6bf2f2cb3cd71dbc83e9dcfe0d1bf285466fdea.css","MediaType":"text/css","Data":{"Integrity":"sha256-13dTCQXXyPsIouWJpr8vLLPNcdvIPp3P4NG/KFRm/eo="}}
\ No newline at end of file
+{"Target":"css/style.min.701ded087146471622ed83560db8cb45bbb72aeb79e3be33a015b9d80b93d07d.css","MediaType":"text/css","Data":{"Integrity":"sha256-cB3tCHFGRxYi7YNWDbjLRbu3Kut5474zoBW52AuT0H0="}}
\ No newline at end of file
diff --git a/resources/_gen/assets/css/css/style.css_ad9a12809e06de71aca16e9138fbecf4.content b/resources/_gen/assets/css/css/style.css_ad9a12809e06de71aca16e9138fbecf4.content
index 60088cd..9d326a1 100644
--- a/resources/_gen/assets/css/css/style.css_ad9a12809e06de71aca16e9138fbecf4.content
+++ b/resources/_gen/assets/css/css/style.css_ad9a12809e06de71aca16e9138fbecf4.content
@@ -2873,6 +2873,11 @@ video {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
+.bg-gray-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
+}
+
 .bg-gradient-to-t {
   background-image: linear-gradient(to top, var(--tw-gradient-stops));
 }
@@ -3596,6 +3601,15 @@ EmojiSymbols;
   background-color: rgb(79 70 229 / var(--tw-bg-opacity));
 }
 
+.dark .dark\:bg-gray-900\/40 {
+  background-color: rgb(17 24 39 / 0.4);
+}
+
+.dark .dark\:bg-white {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
 .dark .dark\:prose-invert {
   --tw-prose-body: var(--tw-prose-invert-body);
   --tw-prose-headings: var(--tw-prose-invert-headings);
@@ -3654,6 +3668,36 @@ EmojiSymbols;
   color: rgb(129 140 248 / var(--tw-text-opacity));
 }
 
+.dark .dark\:text-gray-100 {
+  --tw-text-opacity: 1;
+  color: rgb(243 244 246 / var(--tw-text-opacity));
+}
+
+.dark .dark\:text-zinc-50 {
+  --tw-text-opacity: 1;
+  color: rgb(250 250 250 / var(--tw-text-opacity));
+}
+
+.dark .dark\:text-zinc-100 {
+  --tw-text-opacity: 1;
+  color: rgb(244 244 245 / var(--tw-text-opacity));
+}
+
+.dark .dark\:text-indigo-500 {
+  --tw-text-opacity: 1;
+  color: rgb(99 102 241 / var(--tw-text-opacity));
+}
+
+.dark .dark\:text-indigo-200 {
+  --tw-text-opacity: 1;
+  color: rgb(199 210 254 / var(--tw-text-opacity));
+}
+
+.dark .dark\:text-indigo-300 {
+  --tw-text-opacity: 1;
+  color: rgb(165 180 252 / var(--tw-text-opacity));
+}
+
 .dark .dark\:placeholder-gray-400::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgb(156 163 175 / var(--tw-placeholder-opacity));
diff --git a/static/images/sample-logo-white.svg b/static/images/sample-logo-white.svg
new file mode 100644
index 0000000..30d7ba9
--- /dev/null
+++ b/static/images/sample-logo-white.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY st0 "fill:#FFFFFF;">
+]>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 138 48" style="enable-background:new 0 0 138 48;" xml:space="preserve">
+<g>
+	<path style="&st0;" d="M62,32.6V15.4h4.7v13.5h7v3.8H62z"/>
+	<path style="&st0;" d="M89.8,24c0,1.9-0.4,3.5-1.1,4.8c-0.7,1.3-1.8,2.3-3,3c-1.3,0.7-2.7,1-4.2,1c-1.6,0-3-0.3-4.2-1
+		c-1.3-0.7-2.3-1.7-3-3c-0.7-1.3-1.1-2.9-1.1-4.8c0-1.9,0.4-3.5,1.1-4.8c0.7-1.3,1.7-2.3,3-3c1.3-0.7,2.7-1,4.2-1c1.6,0,3,0.3,4.2,1
+		c1.3,0.7,2.3,1.7,3,3C89.5,20.5,89.8,22.1,89.8,24z M85,24c0-1-0.1-1.9-0.4-2.6c-0.3-0.7-0.7-1.2-1.2-1.6c-0.5-0.4-1.2-0.6-2-0.6
+		c-0.8,0-1.4,0.2-2,0.6c-0.5,0.4-0.9,0.9-1.2,1.6C78,22.1,77.9,23,77.9,24c0,1,0.1,1.9,0.4,2.6c0.3,0.7,0.7,1.2,1.2,1.6
+		c0.5,0.4,1.2,0.6,2,0.6c0.8,0,1.4-0.2,2-0.6c0.5-0.4,0.9-0.9,1.2-1.6C84.9,25.9,85,25,85,24z"/>
+	<path style="&st0;" d="M102,21.1c-0.1-0.3-0.2-0.6-0.3-0.8c-0.2-0.2-0.4-0.4-0.6-0.6c-0.2-0.2-0.5-0.3-0.8-0.4s-0.6-0.1-1-0.1
+		c-0.8,0-1.5,0.2-2,0.6c-0.6,0.4-1,0.9-1.3,1.6c-0.3,0.7-0.4,1.6-0.4,2.6c0,1,0.1,1.9,0.4,2.6c0.3,0.7,0.7,1.3,1.2,1.6
+		c0.5,0.4,1.2,0.6,2,0.6c0.7,0,1.3-0.1,1.8-0.3s0.8-0.5,1.1-0.9c0.2-0.4,0.4-0.8,0.4-1.3l0.8,0.1h-3.9V23h7.6v2.4c0,1.6-0.3,2.9-1,4
+		c-0.7,1.1-1.6,2-2.7,2.6c-1.2,0.6-2.5,0.9-4,0.9c-1.7,0-3.1-0.4-4.4-1.1c-1.3-0.7-2.3-1.7-3-3c-0.7-1.3-1.1-2.9-1.1-4.7
+		c0-1.4,0.2-2.7,0.7-3.8c0.4-1.1,1-2,1.8-2.8c0.8-0.8,1.7-1.3,2.7-1.7c1-0.4,2.1-0.6,3.3-0.6c1,0,2,0.1,2.8,0.4s1.7,0.7,2.3,1.2
+		c0.7,0.5,1.2,1.2,1.6,1.9c0.4,0.7,0.7,1.5,0.8,2.4H102z"/>
+	<path style="&st0;" d="M124.6,24c0,1.9-0.4,3.5-1.1,4.8c-0.7,1.3-1.8,2.3-3,3c-1.3,0.7-2.7,1-4.2,1c-1.6,0-3-0.3-4.2-1
+		c-1.3-0.7-2.3-1.7-3-3c-0.7-1.3-1.1-2.9-1.1-4.8c0-1.9,0.4-3.5,1.1-4.8c0.7-1.3,1.7-2.3,3-3c1.3-0.7,2.7-1,4.2-1c1.6,0,3,0.3,4.2,1
+		c1.3,0.7,2.3,1.7,3,3C124.2,20.5,124.6,22.1,124.6,24z M119.8,24c0-1-0.1-1.9-0.4-2.6c-0.3-0.7-0.7-1.2-1.2-1.6
+		c-0.5-0.4-1.2-0.6-2-0.6c-0.8,0-1.4,0.2-2,0.6c-0.5,0.4-0.9,0.9-1.2,1.6c-0.3,0.7-0.4,1.6-0.4,2.6c0,1,0.1,1.9,0.4,2.6
+		c0.3,0.7,0.7,1.2,1.2,1.6c0.5,0.4,1.2,0.6,2,0.6c0.8,0,1.4-0.2,2-0.6c0.5-0.4,0.9-0.9,1.2-1.6C119.7,25.9,119.8,25,119.8,24z"/>
+</g>
+<g>
+	<g>
+		<polygon style="&st0;" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7 		"/>
+	</g>
+	<g>
+		<polygon style="&st0;" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 
+			36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9 		"/>
+	</g>
+</g>
+</svg>