NewPipe-eV
/
hugoWebsite
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated codecov

This commit is contained in:
Jeremy Nusser 2022-11-02 17:57:18 -05:00
parent 9f3e5a0b86
commit 7555bee1cd
52 changed files with 17802 additions and 1092 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
config.yml → .github/workflows/config.yml vendored
View File

@ -25,10 +25,10 @@ jobs:
# The orb install-packages step will also automatically cache them for faster future runs.
- node/install-packages:
# If you are using yarn, change the line below from "npm" to "yarn"
pkg-manager: yarn
pkg-manager: npm
- run:
name: Run tests
command: yarn test
command: yarn test && "echo Build Successful!"
workflows:
# Below is the definition of your workflow.

86
.github/workflows/workflow.yml vendored
View File

@ -1,2 +1,86 @@
- name: Codecov
uses: codecov/codecov-action@v3.1.1
on: [push, pull_request]
jobs:
no-deps:
runs-on: ${{ matrix.os }}
strategy:
matrix:
os: [macos-latest, windows-latest, ubuntu-latest]
steps:
- name: Checkout
- uses: codecov/codecov-action@v3.1.
with:
flags: unittests # optional
name: codecov-umbrella # optional
fail_ci_if_error: true # optional (default = false)
verbose: true # optional (default = false)
- name: Upload coverage to Codecov (script)
uses: ./
with:
files: ./coverage/script/coverage-final.json
flags: script,${{ matrix.os }}
name: codecov-script
verbose: true
- name: Upload coverage to Codecov (demo)
uses: ./
with:
files: ./coverage/calculator/coverage-final.json,./coverage/coverage-test/coverage-final.json
file: ./coverage/coverage-final.json
flags: demo,${{ matrix.os }}
name: codecov-demo
verbose: true
- name: Upload coverage to Codecov (version)
uses: ./
with:
files: ./coverage/calculator/coverage-final.json,./coverage/coverage-test/coverage-final.json
file: ./coverage/coverage-final.json
flags: version,${{ matrix.os }}
name: codecov-version
version: v0.1.0_8880
verbose: true
run:
runs-on: ${{ matrix.os }}
strategy:
matrix:
os: [macos-latest, windows-latest, ubuntu-latest]
steps:
- name: Checkout
uses: actions/checkout@v3
- name: Install dependencies
run: npm install
- name: Lint
run: npm run lint
- name: Run tests and collect coverage
run: npm run test
- name: Upload coverage to Codecov (script)
uses: ./
with:
files: ./coverage/script/coverage-final.json
flags: script,${{ matrix.os }}
name: codecov-script
verbose: true
- name: Upload coverage to Codecov (demo)
uses: ./
with:
files: ./coverage/calculator/coverage-final.json,./coverage/coverage-test/coverage-final.json
file: ./coverage/coverage-final.json
flags: demo,${{ matrix.os }}
name: codecov-demo
verbose: true
- name: Upload coverage to Codecov (version)
uses: ./
with:
files: ./coverage/calculator/coverage-final.json,./coverage/coverage-test/coverage-final.json
file: ./coverage/coverage-final.json
flags: version,${{ matrix.os }}
name: codecov-version
version: v0.1.0_8880
verbose: true
Footer
© 2022 GitHub, Inc.
Footer navigation
Terms
Privacy

1
codecov.SHA256SUM
View File

@ -1 +0,0 @@
20f9c9d78483fce977b6cc39e231a734a23bcd36f4d536bb7355222fb88d02bc codecov

16
codecov.SHA256SUM.sig
View File

@ -1,16 +0,0 @@
-----BEGIN PGP SIGNATURE-----
iQIzBAABCgAdFiEEJwNOf9uFDgu8LGL/gGuyiu13mGkFAmMsvyQACgkQgGuyiu13
mGmStA/+N4roe/N6hA78uO55SL8/8tfS75QYe+PbRF3nN+mpXsyik+gMZWfu9SLT
lQJK2T9PfU6dFx5VnceoENXgnH+SUvDLorKUOwTolXMIEos9bLCPRcgfe3AkTeZR
2sHZcDj75nmcfEpO9Tf/Jpq2PPrP24J3S822/v3ZT8lca9jJe8CJlBL15yXC1kgD
Vk72+r9KzAoAu6bCEvBOOIFHHNfVBf0635vamRFCHFgjN1rRJW5cuyieZr9rYa22
1KDpN6vijJwUlrwB7V8wTvaeOEinR5Fzo55TtjTtE4brfaOF2KCzM33Czzep3SfH
OPJENE1+A+/bleRcVok5qmRfvMThSITE98INNk4qCVsB1YqTOvtJs5rFtyuH/Xqf
674HAqeNjzXvFME5oX4Hm31X1Y4rfzH0738H25J//3GqZWahivq7e8ElyYP+CI0H
pXbeN6E9Zup/QR6YjYWBV35AvRscC7v4e6HnlN9ctTuAd0VZJXI8JLM1XTgiQnIQ
rql/7lIYrvzLerPmzVoAmYZuV2iAE7pxfo3Iy9zEtgV8cF42peE3TDyrqj5Ylbtc
1pKlfIIAhoB/ff2hIvGonXG4OgTCCQrUvbtI8KsNi6UFPX5jhCaltKMsLG/JPM+Q
vXPa43eZ+aWPHOi9dFdlg98GCFesSVKLECkU4DjoZxJsI493PrQ=
=IHR5
-----END PGP SIGNATURE-----

2
package.json
View File

@ -17,7 +17,7 @@
"watch:tw": "tailwindcss -i ./assets/css/main.css -o ./assets/css/style.css --watch",
"watch:hugo": "hugo server",
"build": "hugo --minify",
"test": "yarn"
"test": "hugo"
},
"repository": {
"type": "git",

324
public/404.html
View File

@ -1,17 +1,307 @@
<!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.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>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.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 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.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"/></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"/></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.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"/></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 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.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.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>
<!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>

552
public/about/index.html
View File

@ -1,33 +1,529 @@
<!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.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>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.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 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.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"/></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"/></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.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"/></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 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.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&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
<!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
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></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
</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
~ 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>&#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.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.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>
:::</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>

650
public/categories/blog/index.html
View File

@ -1,44 +1,606 @@
<!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.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>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.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 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.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"/></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"/></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.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"/></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 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.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>&#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.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>&#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.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>&#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.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>&#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.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>&#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.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>&#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.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.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>
<!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>

66
public/categories/blog/index.xml
View File

@ -1 +1,65 @@
<?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.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>

11
public/categories/blog/page/1/index.html
View File

@ -1 +1,10 @@
<!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.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>

408
public/categories/index.html
View File

@ -1,20 +1,388 @@
<!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.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>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.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 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.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"/></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"/></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.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"/></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 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.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>&#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.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>&#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.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.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>
<!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>

30
public/categories/index.xml
View File

@ -1 +1,29 @@
<?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/></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/></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.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>

650
public/categories/news/index.html
View File

@ -1,44 +1,606 @@
<!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.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>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.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 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.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"/></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"/></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.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"/></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 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.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>&#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.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>&#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.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>&#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.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>&#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.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>&#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.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>&#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.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.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>
<!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>

66
public/categories/news/index.xml
View File

@ -1 +1,65 @@
<?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>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.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>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.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>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.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.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>

11
public/categories/news/page/1/index.html
View File

@ -1 +1,10 @@
<!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.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>

11
public/categories/page/1/index.html
View File

@ -1 +1,10 @@
<!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.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>

347
public/contact/index.html
View File

@ -1,17 +1,330 @@
<!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.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 & 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.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>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.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 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.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"/></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"/></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.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"/></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 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.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.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>
<!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>

831
public/index.html
View File

@ -1,67 +1,764 @@
<!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.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>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.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 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.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"/></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"/></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.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"/></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 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.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>&#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.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>&#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.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>&#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"><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.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.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>
<!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>

155
public/index.xml
View File

@ -1,4 +1,73 @@
<?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>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.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>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.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>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.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.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.
(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;
@ -8,11 +77,85 @@ 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.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!
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>

11
public/page/1/index.html
View File

@ -1 +1,10 @@
<!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.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>

831
public/page/2/index.html
View File

@ -1,67 +1,764 @@
<!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.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>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.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 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.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"/></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"/></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.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"/></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 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.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>&#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.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>&#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.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>&#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"><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.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.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>
<!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>

823
public/page/3/index.html
View File

@ -1,65 +1,758 @@
<!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.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>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.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 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.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"/></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"/></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.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"/></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 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.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>&#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.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>&#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.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>&#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"><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.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.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>
<!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>

831
public/page/4/index.html
View File

@ -1,67 +1,764 @@
<!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.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>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.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 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.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"/></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"/></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.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"/></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 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.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>&#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.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>&#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.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>&#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"><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.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.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>
<!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>

809
public/page/5/index.html
View File

@ -1,63 +1,746 @@
<!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.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>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.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 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.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"/></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"/></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.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"/></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 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.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>&#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.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>&#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.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>&#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"><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.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.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>
<!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>

563
public/posts/blog-post-1/index.html
View File

@ -1,35 +1,538 @@
<!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.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>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.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 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.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"/></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"/></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.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"/></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 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.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&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
<!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
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></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
</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
~ 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>&#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.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.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>
:::</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>

563
public/posts/blog-post-2/index.html
View File

@ -1,35 +1,538 @@
<!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.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>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.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 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.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"/></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"/></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.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"/></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 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.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&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
<!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
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></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
</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
~ 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>&#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.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.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>
:::</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>

563
public/posts/blog-post-3/index.html
View File

@ -1,35 +1,538 @@
<!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.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>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.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 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.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"/></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"/></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.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"/></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 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.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&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
<!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
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></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
</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
~ 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>&#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.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.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>
:::</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>

563
public/posts/blog-post-4/index.html
View File

@ -1,35 +1,538 @@
<!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.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>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.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 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.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"/></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"/></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.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"/></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 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.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&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
<!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
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></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
</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
~ 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>&#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.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.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>
:::</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>

563
public/posts/blog-post-5/index.html
View File

@ -1,35 +1,538 @@
<!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.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>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.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 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.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"/></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"/></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.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"/></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 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.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&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
<!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
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></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
</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
~ 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>&#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.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.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>
:::</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>

563
public/posts/blog-post-6/index.html
View File

@ -1,35 +1,538 @@
<!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.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>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.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 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.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"/></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"/></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.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"/></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 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.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&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
<!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
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></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
</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
~ 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>&#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.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.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>
:::</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>

853
public/posts/index.html
View File

@ -1,62 +1,791 @@
<!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.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>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.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 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.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"/></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"/></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.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"/></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 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.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>&#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.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>&#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.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>&#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.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>&#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.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>&#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.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>&#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.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>&#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.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>&#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.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>&#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.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.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>
<!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>

120
public/posts/index.xml
View File

File diff suppressed because one or more lines are too long

563
public/posts/news-post-1/index.html
View File

@ -1,35 +1,538 @@
<!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.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>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.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 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.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"/></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"/></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.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"/></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 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.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&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
<!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
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></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
</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
~ 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>&#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.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.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>
:::</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>

563
public/posts/news-post-2/index.html
View File

@ -1,35 +1,538 @@
<!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.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>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.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 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.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"/></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"/></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.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"/></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 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.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&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
<!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
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></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
</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
~ 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>&#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.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.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>
:::</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>

563
public/posts/news-post-3/index.html
View File

@ -1,35 +1,538 @@
<!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.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>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.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 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.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"/></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"/></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.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"/></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 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.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&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
<!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
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></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
</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
~ 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>&#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.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.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>
:::</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>

336
public/posts/news-post-4/index.html
View File

File diff suppressed because one or more lines are too long

336
public/posts/news-post-5/index.html
View File

File diff suppressed because one or more lines are too long

336
public/posts/news-post-6/index.html
View File

File diff suppressed because one or more lines are too long

11
public/posts/page/1/index.html
View File

@ -1 +1,10 @@
<!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.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>

529
public/posts/page/2/index.html
View File

@ -1,32 +1,497 @@
<!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.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>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.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 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.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"/></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"/></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.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"/></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 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.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>&#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.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>&#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.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>&#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.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.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>
<!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>

599
public/prose/index.html
View File

@ -1,15 +1,246 @@
<!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.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 & 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.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>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.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 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.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"/></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"/></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.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"/></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 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.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.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;
{{ 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: {
// ...
},
@ -18,7 +249,9 @@
// ...
],
}
</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
@ -30,36 +263,235 @@
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;
@ -69,9 +501,11 @@ 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;
@ -83,7 +517,10 @@ 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: {
@ -133,7 +570,10 @@ 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: {
// ...
@ -145,7 +585,8 @@ 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;
@ -156,7 +597,9 @@ 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: {
@ -180,7 +623,8 @@ 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: {
@ -200,11 +644,94 @@ 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.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>
</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>

75
public/sitemap.xml
View File

@ -1 +1,74 @@
<?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.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>

650
public/tags/blog/index.html
View File

@ -1,44 +1,606 @@
<!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.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>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.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 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.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"/></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"/></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.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"/></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 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.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>&#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.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>&#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.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>&#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.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>&#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.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>&#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.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>&#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.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.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>
<!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>

66
public/tags/blog/index.xml
View File

@ -1 +1,65 @@
<?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.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>

11
public/tags/blog/page/1/index.html
View File

@ -1 +1,10 @@
<!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.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>

408
public/tags/index.html
View File

@ -1,20 +1,388 @@
<!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.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>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.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 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.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"/></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"/></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.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"/></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 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.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>&#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.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>&#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.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.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>
<!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>

30
public/tags/index.xml
View File

@ -1 +1,29 @@
<?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/></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/></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.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>

650
public/tags/news/index.html
View File

@ -1,44 +1,606 @@
<!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.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>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.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 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.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"/></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"/></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.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"/></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 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.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>&#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.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>&#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.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>&#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.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>&#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.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>&#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.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>&#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.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.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>
<!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>

66
public/tags/news/index.xml
View File

@ -1 +1,65 @@
<?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>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.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>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.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>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.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.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>

11
public/tags/news/page/1/index.html
View File

@ -1 +1,10 @@
<!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.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>

11
public/tags/page/1/index.html
View File

@ -1 +1,10 @@
<!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.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>

1203
yarn-error.log Normal file
View File

File diff suppressed because it is too large Load Diff