Updated codecov
This commit is contained in:
Jeremy Nusser
parent
9f3e5a0b86
commit
7555bee1cd
|
|
@ -25,10 +25,10 @@ jobs:
|
||||||
# The orb install-packages step will also automatically cache them for faster future runs.
|
# The orb install-packages step will also automatically cache them for faster future runs.
|
||||||
- node/install-packages:
|
- node/install-packages:
|
||||||
# If you are using yarn, change the line below from "npm" to "yarn"
|
# If you are using yarn, change the line below from "npm" to "yarn"
|
||||||
pkg-manager: yarn
|
pkg-manager: npm
|
||||||
- run:
|
- run:
|
||||||
name: Run tests
|
name: Run tests
|
||||||
command: yarn test
|
command: yarn test && "echo Build Successful!"
|
||||||
|
|
||||||
workflows:
|
workflows:
|
||||||
# Below is the definition of your workflow.
|
# Below is the definition of your workflow.
|
||||||
|
|
@ -1,2 +1,86 @@
|
||||||
|
|
||||||
- name: Codecov
|
- 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 +0,0 @@
|
||||||
20f9c9d78483fce977b6cc39e231a734a23bcd36f4d536bb7355222fb88d02bc codecov
|
|
||||||
|
|
@ -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-----
|
|
||||||
|
|
@ -17,7 +17,7 @@
|
||||||
"watch:tw": "tailwindcss -i ./assets/css/main.css -o ./assets/css/style.css --watch",
|
"watch:tw": "tailwindcss -i ./assets/css/main.css -o ./assets/css/style.css --watch",
|
||||||
"watch:hugo": "hugo server",
|
"watch:hugo": "hugo server",
|
||||||
"build": "hugo --minify",
|
"build": "hugo --minify",
|
||||||
"test": "yarn"
|
"test": "hugo"
|
||||||
},
|
},
|
||||||
"repository": {
|
"repository": {
|
||||||
"type": "git",
|
"type": "git",
|
||||||
|
|
|
||||||
320
public/404.html
320
public/404.html
|
|
@ -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>
|
<!DOCTYPE html>
|
||||||
<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">
|
<html lang="en">
|
||||||
<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>
|
<head>
|
||||||
<a class="block px-4 py-2 mt-2 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">
|
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
|
||||||
<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>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<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’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.
|
<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’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
|
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
|
find lots to explore on the home page. </p>
|
||||||
to Homepage</a></div></div></main><script src=https://tailbliss.vercel.app/js/alpine.js defer></script>
|
<a href="https://tailbliss.vercel.app/"
|
||||||
<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>
|
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
|
||||||
<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>
|
to Homepage</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<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">© 2022
|
</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">© 2022
|
||||||
TailBliss. All rights
|
TailBliss. All rights
|
||||||
reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
reserved.</p>
|
||||||
|
<p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
||||||
|
|
@ -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>
|
<!DOCTYPE html>
|
||||||
<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">
|
<html lang="en">
|
||||||
<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>
|
<head>
|
||||||
<a class="block px-4 py-2 mt-2 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">
|
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
|
||||||
<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>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<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… test….. test?….. test!….</p><p>!!!!!! ???? ,, – —</p><p>“Smartypants, double quotes” and ‘single quotes’</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…</p><blockquote><p>…by using additional greater-than signs right next to each other…</p><blockquote><p>…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…</p></li><li><p>…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
|
<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… test….. test?….. test!….</p>
|
||||||
|
<p>!!!!!! ???? ,, – —</p>
|
||||||
|
<p>“Smartypants, double quotes” and ‘single quotes’</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…</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>…by using additional greater-than signs right next to each other…</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>…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…</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>…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 1 of code
|
||||||
line 2 of code
|
line 2 of code
|
||||||
line 3 of code
|
line 3 of code
|
||||||
</code></pre><p>Block code “fences”</p><pre tabindex=0><code>Sample text here...
|
</code></pre>
|
||||||
</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>) {
|
<p>Block code “fences”</p>
|
||||||
</span></span><span style=display:flex><span> <span style=color:#66d9ef>return</span> <span style=color:#a6e22e>bar</span><span style=color:#f92672>++</span>;
|
<pre tabindex="0"><code>Sample text here...
|
||||||
</span></span><span style=display:flex><span>};
|
</code></pre><p>Syntax highlighting</p>
|
||||||
</span></span><span style=display:flex><span>
|
<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:#a6e22e>console</span>.<span style=color:#a6e22e>log</span>(<span style=color:#a6e22e>foo</span>(<span style=color:#ae81ff>5</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></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>
|
</span></span><span style="display:flex;"><span>};
|
||||||
<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
|
</span></span><span style="display:flex;"><span>
|
||||||
<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><ins></a></h3><p>++Inserted text++</p><h3 id=markhttpsgithubcommarkdown-itmarkdown-it-mark><a href=https://github.com/markdown-it/markdown-it-mark><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
|
</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>));
|
||||||
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 }
|
</span></span></code></pre></div><h2 id="tables">Tables</h2>
|
||||||
</code></pre><p>Third paragraph of definition 2.</p></dd></dl><p><em>Compact style:</em></p><p>Term 1
|
<table>
|
||||||
~ Definition 1</p><p>Term 2
|
<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"><ins></a></h3>
|
||||||
|
<p>++Inserted text++</p>
|
||||||
|
<h3 id="markhttpsgithubcommarkdown-itmarkdown-it-mark"><a href="https://github.com/markdown-it/markdown-it-mark"><mark></a></h3>
|
||||||
|
<p>==Marked text==</p>
|
||||||
|
<h3 id="footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote"><a href="https://github.com/markdown-it/markdown-it-footnote">Footnotes</a></h3>
|
||||||
|
<p>Footnote 1 link<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>.</p>
|
||||||
|
<p>Footnote 2 link<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
|
||||||
|
<p>Inline footnote^[Text of inline footnote] definition.</p>
|
||||||
|
<p>Duplicated footnote reference<sup id="fnref1:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
|
||||||
|
<h3 id="definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist"><a href="https://github.com/markdown-it/markdown-it-deflist">Definition lists</a></h3>
|
||||||
|
<dl>
|
||||||
|
<dt>Term 1</dt>
|
||||||
|
<dd>
|
||||||
|
<p>Definition 1
|
||||||
|
with lazy continuation.</p>
|
||||||
|
</dd>
|
||||||
|
<dt>Term 2 with <em>inline markup</em></dt>
|
||||||
|
<dd>
|
||||||
|
<p>Definition 2</p>
|
||||||
|
<pre><code>{ some code, part of Definition 2 }
|
||||||
|
</code></pre>
|
||||||
|
<p>Third paragraph of definition 2.</p>
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
<p><em>Compact style:</em></p>
|
||||||
|
<p>Term 1
|
||||||
|
~ Definition 1</p>
|
||||||
|
<p>Term 2
|
||||||
~ Definition 2a
|
~ Definition 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 “HTML”, but keep intact partial entries like “xxxHTMLyyy” 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 “HTML”, but keep intact partial entries like “xxxHTMLyyy” 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>
|
<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. <a href=#fnref:1 class=footnote-backref role=doc-backlink>↩︎</a></p></li><li id=fn:2><p>Footnote text. <a href=#fnref:2 class=footnote-backref role=doc-backlink>↩︎</a> <a href=#fnref1:2 class=footnote-backref role=doc-backlink>↩︎</a></p></li></ol></div></div></article><script src=https://tailbliss.vercel.app/js/alpine.js defer></script>
|
:::</p>
|
||||||
<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>
|
<div class="footnotes" role="doc-endnotes">
|
||||||
<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>
|
<hr>
|
||||||
<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>
|
<ol>
|
||||||
<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>
|
<li id="fn:1">
|
||||||
<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">© 2022
|
<p>Footnote <strong>can have markup</strong></p>
|
||||||
|
<p>and multiple paragraphs. <a href="#fnref:1" class="footnote-backref" role="doc-backlink">↩︎</a></p>
|
||||||
|
</li>
|
||||||
|
<li id="fn:2">
|
||||||
|
<p>Footnote text. <a href="#fnref:2" class="footnote-backref" role="doc-backlink">↩︎</a> <a href="#fnref1:2" class="footnote-backref" role="doc-backlink">↩︎</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">© 2022
|
||||||
TailBliss. All rights
|
TailBliss. All rights
|
||||||
reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
reserved.</p>
|
||||||
|
<p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
||||||
|
|
@ -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>
|
<!DOCTYPE html>
|
||||||
<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">
|
<html lang="en">
|
||||||
<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>
|
<head>
|
||||||
<a class="block px-4 py-2 mt-2 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">
|
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
|
||||||
<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>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<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>
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<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>
|
<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
|
||||||
<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>
|
<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
|
||||||
<span aria-hidden=true>·</span>
|
<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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</span>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<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">© 2022
|
</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">© 2022
|
||||||
TailBliss. All rights
|
TailBliss. All rights
|
||||||
reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
reserved.</p>
|
||||||
|
<p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
<!DOCTYPE html>
|
||||||
<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">
|
<html lang="en">
|
||||||
<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>
|
<head>
|
||||||
<a class="block px-4 py-2 mt-2 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">
|
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
|
||||||
<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>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<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>
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<span aria-hidden=true>·</span>
|
<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">·</span>
|
||||||
<span>0 min
|
<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>
|
read</span>
|
||||||
<span aria-hidden=true>·</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">·</span>
|
||||||
<span>0 min
|
<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>
|
read</span>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<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">© 2022
|
</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">© 2022
|
||||||
TailBliss. All rights
|
TailBliss. All rights
|
||||||
reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
reserved.</p>
|
||||||
|
<p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
<!DOCTYPE html>
|
||||||
<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">
|
<html lang="en">
|
||||||
<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>
|
<head>
|
||||||
<a class="block px-4 py-2 mt-2 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">
|
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
|
||||||
<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>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<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>
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<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>
|
<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
|
||||||
<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>
|
<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
|
||||||
<span aria-hidden=true>·</span>
|
<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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</span>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<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">© 2022
|
</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">© 2022
|
||||||
TailBliss. All rights
|
TailBliss. All rights
|
||||||
reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
reserved.</p>
|
||||||
|
<p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
||||||
|
|
@ -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><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></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><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></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><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></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><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></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><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></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><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
<!DOCTYPE html>
|
||||||
<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">
|
<html lang="en">
|
||||||
<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>
|
<head>
|
||||||
<a class="block px-4 py-2 mt-2 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">
|
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
|
||||||
<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>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<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>
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<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>
|
<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
|
||||||
<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>
|
<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
|
||||||
<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>
|
<link rel="icon" type="image/png" sizes="16x16" href="https://tailbliss.vercel.app/favicon/favicon-16x16.png">
|
||||||
<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>
|
<link rel="manifest" href="https://tailbliss.vercel.app/favicon/site.webmanifest">
|
||||||
<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>
|
<link rel="mask-icon" href="https://tailbliss.vercel.app/favicon/safari-pinned-tab.svg" color="#5bbad5">
|
||||||
<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>
|
<meta name="msapplication-TileColor" content="#da532c">
|
||||||
<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>
|
<meta name="theme-color" content="#ffffff">
|
||||||
<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">© 2022
|
<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>
|
||||||
|
|
||||||
|
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">© 2022
|
||||||
TailBliss. All rights
|
TailBliss. All rights
|
||||||
reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
reserved.</p>
|
||||||
|
<p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
||||||
|
|
@ -1,26 +1,358 @@
|
||||||
<!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>
|
<!DOCTYPE html>
|
||||||
<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">
|
<html lang="en">
|
||||||
<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>
|
<head>
|
||||||
<a class="block px-4 py-2 mt-2 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">
|
<meta name="generator" content="Hugo 0.105.0">
|
||||||
<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>
|
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
|
||||||
<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>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<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
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
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">
|
<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
|
||||||
><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
|
<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.
|
aliquam neque, et. Consectetur pretium in volutpat, diam.
|
||||||
Montes, magna cursus nulla feugiat dignissim id lobortis
|
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
|
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
|
quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit
|
||||||
amet, sed aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi
|
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
|
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, consequat turpis elementum. Lorem nibh vel, eget pretium arcu
|
||||||
vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.
|
vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.
|
||||||
Sollicitudin tristique eroserat odio sed vitae, consequat turpis elementum. Lorem nibh vel,
|
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
|
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.
|
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
|
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
|
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
|
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.
|
enim. Nunc condimentum ut lorem in faucibus. Phasellus varius ligula et commodo tristique.
|
||||||
Nunc sodales nisl nec
|
Nunc sodales nisl nec
|
||||||
|
|
@ -33,35 +365,400 @@ mattis risus vel, imperdiet enim. Donec
|
||||||
fermentum sit amet tortor nec tincidunt. Nam nec lectus tortor. Nunc sit amet laoreet orci,
|
fermentum sit amet tortor nec tincidunt. Nam nec lectus tortor. Nunc sit amet laoreet orci,
|
||||||
porta ornare massa. Phasellus
|
porta ornare massa. Phasellus
|
||||||
eget lorem mi. Nam eleifend ultricies sapien, quis mollis leo bibendum at. Quisque viverra
|
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
|
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
|
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
|
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 →</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
|
fames senectus vitae.
|
||||||
|
</p>
|
||||||
|
<div class="my-6">
|
||||||
|
<a href="#" class="text-base font-medium text-indigo-500">
|
||||||
|
Meet our investors and advisors →
|
||||||
|
</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,
|
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>
|
adipisicing elit. Ipsa libero labore natus atque, ducimus sed.</p>
|
||||||
<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>
|
</div>
|
||||||
<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>·</span>
|
<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">·</span>
|
||||||
<span>2
|
<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>
|
min read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2
|
<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>
|
min read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2
|
<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
|
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
|
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>
|
consectetur neque tristique pellentesque.</p>
|
||||||
<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
|
</div>
|
||||||
me</button></div></form></div></div></div></div></main><script src=https://tailbliss.vercel.app/js/alpine.js defer></script>
|
<form action="#" class="mt-12 sm:mx-auto sm:flex sm:max-w-lg">
|
||||||
<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>
|
<div class="flex-1 min-w-0">
|
||||||
<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>
|
<label for="cta-email" class="sr-only">Email address</label>
|
||||||
<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>
|
<input id="cta-email" type="email"
|
||||||
<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>
|
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"
|
||||||
<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">© 2022
|
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">© 2022
|
||||||
TailBliss. All rights
|
TailBliss. All rights
|
||||||
reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
reserved.</p>
|
||||||
|
<p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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
155
public/index.xml
|
|
@ -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><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></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><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></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><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></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><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></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><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></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><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></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) +-
|
(c) (C) (r) (R) (tm) (TM) (p) (P) +-
|
||||||
test.. test&hellip; test&hellip;.. test?&hellip;.. test!&hellip;.
|
test.. test&hellip; test&hellip;.. test?&hellip;.. test!&hellip;.
|
||||||
!!!!!! ???? ,, &ndash; &mdash;
|
!!!!!! ???? ,, &ndash; &mdash;
|
||||||
|
|
@ -8,11 +77,85 @@ This is bold text
|
||||||
This is italic text
|
This is italic text
|
||||||
This is italic text
|
This is italic text
|
||||||
Strikethrough
|
Strikethrough
|
||||||
Blockquotes Blockquotes can also be nested&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.
|
Blockquotes Blockquotes can also be nested&hellip;</description>
|
||||||
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!
|
</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&rsquo;t control.
|
Beautiful typographic defaults for HTML you don&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.
|
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
|
Tailwind CSS IntelliSense extension for Visual Studio Code
|
||||||
&lt;article class=&#34;prose lg:prose-xl&#34;&gt;
|
&lt;article class=&#34;prose lg:prose-xl&#34;&gt;
{{ markdown }}
&lt;/article&gt; To see what it looks like in action, check out our live demo on Tailwind Play.</description>
|
||||||
{{ markdown }}
|
</item>
|
||||||
&lt;/article&gt; To see what it looks like in action, check out our live demo on Tailwind Play.</description></item></channel></rss>
|
|
||||||
|
</channel>
|
||||||
|
</rss>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -1,26 +1,358 @@
|
||||||
<!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>
|
<!DOCTYPE html>
|
||||||
<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">
|
<html lang="en">
|
||||||
<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>
|
<head>
|
||||||
<a class="block px-4 py-2 mt-2 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">
|
<meta name="generator" content="Hugo 0.105.0">
|
||||||
<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>
|
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
|
||||||
<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>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<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
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
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">
|
<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
|
||||||
><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
|
<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.
|
aliquam neque, et. Consectetur pretium in volutpat, diam.
|
||||||
Montes, magna cursus nulla feugiat dignissim id lobortis
|
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
|
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
|
quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit
|
||||||
amet, sed aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi
|
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
|
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, consequat turpis elementum. Lorem nibh vel, eget pretium arcu
|
||||||
vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.
|
vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.
|
||||||
Sollicitudin tristique eroserat odio sed vitae, consequat turpis elementum. Lorem nibh vel,
|
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
|
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.
|
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
|
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
|
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
|
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.
|
enim. Nunc condimentum ut lorem in faucibus. Phasellus varius ligula et commodo tristique.
|
||||||
Nunc sodales nisl nec
|
Nunc sodales nisl nec
|
||||||
|
|
@ -33,35 +365,400 @@ mattis risus vel, imperdiet enim. Donec
|
||||||
fermentum sit amet tortor nec tincidunt. Nam nec lectus tortor. Nunc sit amet laoreet orci,
|
fermentum sit amet tortor nec tincidunt. Nam nec lectus tortor. Nunc sit amet laoreet orci,
|
||||||
porta ornare massa. Phasellus
|
porta ornare massa. Phasellus
|
||||||
eget lorem mi. Nam eleifend ultricies sapien, quis mollis leo bibendum at. Quisque viverra
|
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
|
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
|
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
|
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 →</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
|
fames senectus vitae.
|
||||||
|
</p>
|
||||||
|
<div class="my-6">
|
||||||
|
<a href="#" class="text-base font-medium text-indigo-500">
|
||||||
|
Meet our investors and advisors →
|
||||||
|
</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,
|
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>
|
adipisicing elit. Ipsa libero labore natus atque, ducimus sed.</p>
|
||||||
<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>
|
</div>
|
||||||
<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>·</span>
|
<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">·</span>
|
||||||
<span>2
|
<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>
|
min read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2
|
<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>
|
min read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2
|
<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
|
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
|
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>
|
consectetur neque tristique pellentesque.</p>
|
||||||
<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
|
</div>
|
||||||
me</button></div></form></div></div></div></div></main><script src=https://tailbliss.vercel.app/js/alpine.js defer></script>
|
<form action="#" class="mt-12 sm:mx-auto sm:flex sm:max-w-lg">
|
||||||
<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>
|
<div class="flex-1 min-w-0">
|
||||||
<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>
|
<label for="cta-email" class="sr-only">Email address</label>
|
||||||
<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>
|
<input id="cta-email" type="email"
|
||||||
<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>
|
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"
|
||||||
<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">© 2022
|
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">© 2022
|
||||||
TailBliss. All rights
|
TailBliss. All rights
|
||||||
reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
reserved.</p>
|
||||||
|
<p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
||||||
|
|
@ -1,26 +1,358 @@
|
||||||
<!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>
|
<!DOCTYPE html>
|
||||||
<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">
|
<html lang="en">
|
||||||
<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>
|
<head>
|
||||||
<a class="block px-4 py-2 mt-2 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">
|
<meta name="generator" content="Hugo 0.105.0">
|
||||||
<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>
|
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
|
||||||
<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>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<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
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
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">
|
<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
|
||||||
><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
|
<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.
|
aliquam neque, et. Consectetur pretium in volutpat, diam.
|
||||||
Montes, magna cursus nulla feugiat dignissim id lobortis
|
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
|
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
|
quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit
|
||||||
amet, sed aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi
|
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
|
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, consequat turpis elementum. Lorem nibh vel, eget pretium arcu
|
||||||
vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.
|
vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.
|
||||||
Sollicitudin tristique eroserat odio sed vitae, consequat turpis elementum. Lorem nibh vel,
|
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
|
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.
|
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
|
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
|
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
|
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.
|
enim. Nunc condimentum ut lorem in faucibus. Phasellus varius ligula et commodo tristique.
|
||||||
Nunc sodales nisl nec
|
Nunc sodales nisl nec
|
||||||
|
|
@ -33,33 +365,394 @@ mattis risus vel, imperdiet enim. Donec
|
||||||
fermentum sit amet tortor nec tincidunt. Nam nec lectus tortor. Nunc sit amet laoreet orci,
|
fermentum sit amet tortor nec tincidunt. Nam nec lectus tortor. Nunc sit amet laoreet orci,
|
||||||
porta ornare massa. Phasellus
|
porta ornare massa. Phasellus
|
||||||
eget lorem mi. Nam eleifend ultricies sapien, quis mollis leo bibendum at. Quisque viverra
|
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
|
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
|
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
|
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 →</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
|
fames senectus vitae.
|
||||||
|
</p>
|
||||||
|
<div class="my-6">
|
||||||
|
<a href="#" class="text-base font-medium text-indigo-500">
|
||||||
|
Meet our investors and advisors →
|
||||||
|
</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,
|
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>
|
adipisicing elit. Ipsa libero labore natus atque, ducimus sed.</p>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2
|
<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>
|
min read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2
|
<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>
|
min read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2
|
<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
|
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
|
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>
|
consectetur neque tristique pellentesque.</p>
|
||||||
<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
|
</div>
|
||||||
me</button></div></form></div></div></div></div></main><script src=https://tailbliss.vercel.app/js/alpine.js defer></script>
|
<form action="#" class="mt-12 sm:mx-auto sm:flex sm:max-w-lg">
|
||||||
<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>
|
<div class="flex-1 min-w-0">
|
||||||
<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>
|
<label for="cta-email" class="sr-only">Email address</label>
|
||||||
<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>
|
<input id="cta-email" type="email"
|
||||||
<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>
|
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"
|
||||||
<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">© 2022
|
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">© 2022
|
||||||
TailBliss. All rights
|
TailBliss. All rights
|
||||||
reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
reserved.</p>
|
||||||
|
<p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
||||||
|
|
@ -1,26 +1,358 @@
|
||||||
<!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>
|
<!DOCTYPE html>
|
||||||
<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">
|
<html lang="en">
|
||||||
<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>
|
<head>
|
||||||
<a class="block px-4 py-2 mt-2 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">
|
<meta name="generator" content="Hugo 0.105.0">
|
||||||
<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>
|
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
|
||||||
<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>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<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
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
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">
|
<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
|
||||||
><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
|
<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.
|
aliquam neque, et. Consectetur pretium in volutpat, diam.
|
||||||
Montes, magna cursus nulla feugiat dignissim id lobortis
|
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
|
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
|
quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit
|
||||||
amet, sed aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi
|
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
|
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, consequat turpis elementum. Lorem nibh vel, eget pretium arcu
|
||||||
vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.
|
vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.
|
||||||
Sollicitudin tristique eroserat odio sed vitae, consequat turpis elementum. Lorem nibh vel,
|
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
|
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.
|
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
|
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
|
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
|
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.
|
enim. Nunc condimentum ut lorem in faucibus. Phasellus varius ligula et commodo tristique.
|
||||||
Nunc sodales nisl nec
|
Nunc sodales nisl nec
|
||||||
|
|
@ -33,35 +365,400 @@ mattis risus vel, imperdiet enim. Donec
|
||||||
fermentum sit amet tortor nec tincidunt. Nam nec lectus tortor. Nunc sit amet laoreet orci,
|
fermentum sit amet tortor nec tincidunt. Nam nec lectus tortor. Nunc sit amet laoreet orci,
|
||||||
porta ornare massa. Phasellus
|
porta ornare massa. Phasellus
|
||||||
eget lorem mi. Nam eleifend ultricies sapien, quis mollis leo bibendum at. Quisque viverra
|
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
|
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
|
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
|
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 →</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
|
fames senectus vitae.
|
||||||
|
</p>
|
||||||
|
<div class="my-6">
|
||||||
|
<a href="#" class="text-base font-medium text-indigo-500">
|
||||||
|
Meet our investors and advisors →
|
||||||
|
</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,
|
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>
|
adipisicing elit. Ipsa libero labore natus atque, ducimus sed.</p>
|
||||||
<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>
|
</div>
|
||||||
<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>·</span>
|
<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">·</span>
|
||||||
<span>2
|
<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>
|
min read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2
|
<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>
|
min read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2
|
<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
|
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
|
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>
|
consectetur neque tristique pellentesque.</p>
|
||||||
<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
|
</div>
|
||||||
me</button></div></form></div></div></div></div></main><script src=https://tailbliss.vercel.app/js/alpine.js defer></script>
|
<form action="#" class="mt-12 sm:mx-auto sm:flex sm:max-w-lg">
|
||||||
<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>
|
<div class="flex-1 min-w-0">
|
||||||
<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>
|
<label for="cta-email" class="sr-only">Email address</label>
|
||||||
<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>
|
<input id="cta-email" type="email"
|
||||||
<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>
|
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"
|
||||||
<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">© 2022
|
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">© 2022
|
||||||
TailBliss. All rights
|
TailBliss. All rights
|
||||||
reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
reserved.</p>
|
||||||
|
<p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
||||||
|
|
@ -1,26 +1,358 @@
|
||||||
<!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>
|
<!DOCTYPE html>
|
||||||
<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">
|
<html lang="en">
|
||||||
<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>
|
<head>
|
||||||
<a class="block px-4 py-2 mt-2 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">
|
<meta name="generator" content="Hugo 0.105.0">
|
||||||
<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>
|
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
|
||||||
<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>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<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
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
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">
|
<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
|
||||||
><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
|
<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.
|
aliquam neque, et. Consectetur pretium in volutpat, diam.
|
||||||
Montes, magna cursus nulla feugiat dignissim id lobortis
|
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
|
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
|
quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit
|
||||||
amet, sed aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi
|
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
|
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, consequat turpis elementum. Lorem nibh vel, eget pretium arcu
|
||||||
vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.
|
vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.
|
||||||
Sollicitudin tristique eroserat odio sed vitae, consequat turpis elementum. Lorem nibh vel,
|
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
|
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.
|
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
|
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
|
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
|
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.
|
enim. Nunc condimentum ut lorem in faucibus. Phasellus varius ligula et commodo tristique.
|
||||||
Nunc sodales nisl nec
|
Nunc sodales nisl nec
|
||||||
|
|
@ -33,31 +365,382 @@ mattis risus vel, imperdiet enim. Donec
|
||||||
fermentum sit amet tortor nec tincidunt. Nam nec lectus tortor. Nunc sit amet laoreet orci,
|
fermentum sit amet tortor nec tincidunt. Nam nec lectus tortor. Nunc sit amet laoreet orci,
|
||||||
porta ornare massa. Phasellus
|
porta ornare massa. Phasellus
|
||||||
eget lorem mi. Nam eleifend ultricies sapien, quis mollis leo bibendum at. Quisque viverra
|
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
|
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
|
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
|
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 →</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
|
fames senectus vitae.
|
||||||
|
</p>
|
||||||
|
<div class="my-6">
|
||||||
|
<a href="#" class="text-base font-medium text-indigo-500">
|
||||||
|
Meet our investors and advisors →
|
||||||
|
</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,
|
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>
|
adipisicing elit. Ipsa libero labore natus atque, ducimus sed.</p>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>0
|
<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>
|
min read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2
|
<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>
|
min read</span>
|
||||||
<span aria-hidden=true>·</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">·</span>
|
||||||
<span>6
|
<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
|
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
|
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>
|
consectetur neque tristique pellentesque.</p>
|
||||||
<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
|
</div>
|
||||||
me</button></div></form></div></div></div></div></main><script src=https://tailbliss.vercel.app/js/alpine.js defer></script>
|
<form action="#" class="mt-12 sm:mx-auto sm:flex sm:max-w-lg">
|
||||||
<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>
|
<div class="flex-1 min-w-0">
|
||||||
<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>
|
<label for="cta-email" class="sr-only">Email address</label>
|
||||||
<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>
|
<input id="cta-email" type="email"
|
||||||
<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>
|
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"
|
||||||
<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">© 2022
|
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">© 2022
|
||||||
TailBliss. All rights
|
TailBliss. All rights
|
||||||
reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
reserved.</p>
|
||||||
|
<p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
||||||
|
|
@ -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>
|
<!DOCTYPE html>
|
||||||
<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">
|
<html lang="en">
|
||||||
<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>
|
<head>
|
||||||
<a class="block px-4 py-2 mt-2 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">
|
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
|
||||||
<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>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<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
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
resize in browser.</li><li><strong><a href=https://github.com/nodeca/babelfish/>babelfish</a></strong> - developer friendly
|
<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
|
||||||
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… test….. test?….. test!….</p><p>!!!!!! ???? ,, – —</p><p>“Smartypants, double quotes” and ‘single quotes’</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…</p><blockquote><p>…by using additional greater-than signs right next to each other…</p><blockquote><p>…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…</p></li><li><p>…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
|
<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… test….. test?….. test!….</p>
|
||||||
|
<p>!!!!!! ???? ,, – —</p>
|
||||||
|
<p>“Smartypants, double quotes” and ‘single quotes’</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…</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>…by using additional greater-than signs right next to each other…</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>…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…</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>…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 1 of code
|
||||||
line 2 of code
|
line 2 of code
|
||||||
line 3 of code
|
line 3 of code
|
||||||
</code></pre><p>Block code “fences”</p><pre tabindex=0><code>Sample text here...
|
</code></pre>
|
||||||
</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>) {
|
<p>Block code “fences”</p>
|
||||||
</span></span><span style=display:flex><span> <span style=color:#66d9ef>return</span> <span style=color:#a6e22e>bar</span><span style=color:#f92672>++</span>;
|
<pre tabindex="0"><code>Sample text here...
|
||||||
</span></span><span style=display:flex><span>};
|
</code></pre><p>Syntax highlighting</p>
|
||||||
</span></span><span style=display:flex><span>
|
<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:#a6e22e>console</span>.<span style=color:#a6e22e>log</span>(<span style=color:#a6e22e>foo</span>(<span style=color:#ae81ff>5</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></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>
|
</span></span><span style="display:flex;"><span>};
|
||||||
<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
|
</span></span><span style="display:flex;"><span>
|
||||||
<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><ins></a></h3><p>++Inserted text++</p><h3 id=markhttpsgithubcommarkdown-itmarkdown-it-mark><a href=https://github.com/markdown-it/markdown-it-mark><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
|
</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>));
|
||||||
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 }
|
</span></span></code></pre></div><h2 id="tables">Tables</h2>
|
||||||
</code></pre><p>Third paragraph of definition 2.</p></dd></dl><p><em>Compact style:</em></p><p>Term 1
|
<table>
|
||||||
~ Definition 1</p><p>Term 2
|
<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"><ins></a></h3>
|
||||||
|
<p>++Inserted text++</p>
|
||||||
|
<h3 id="markhttpsgithubcommarkdown-itmarkdown-it-mark"><a href="https://github.com/markdown-it/markdown-it-mark"><mark></a></h3>
|
||||||
|
<p>==Marked text==</p>
|
||||||
|
<h3 id="footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote"><a href="https://github.com/markdown-it/markdown-it-footnote">Footnotes</a></h3>
|
||||||
|
<p>Footnote 1 link<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>.</p>
|
||||||
|
<p>Footnote 2 link<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
|
||||||
|
<p>Inline footnote^[Text of inline footnote] definition.</p>
|
||||||
|
<p>Duplicated footnote reference<sup id="fnref1:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
|
||||||
|
<h3 id="definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist"><a href="https://github.com/markdown-it/markdown-it-deflist">Definition lists</a></h3>
|
||||||
|
<dl>
|
||||||
|
<dt>Term 1</dt>
|
||||||
|
<dd>
|
||||||
|
<p>Definition 1
|
||||||
|
with lazy continuation.</p>
|
||||||
|
</dd>
|
||||||
|
<dt>Term 2 with <em>inline markup</em></dt>
|
||||||
|
<dd>
|
||||||
|
<p>Definition 2</p>
|
||||||
|
<pre><code>{ some code, part of Definition 2 }
|
||||||
|
</code></pre>
|
||||||
|
<p>Third paragraph of definition 2.</p>
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
<p><em>Compact style:</em></p>
|
||||||
|
<p>Term 1
|
||||||
|
~ Definition 1</p>
|
||||||
|
<p>Term 2
|
||||||
~ Definition 2a
|
~ Definition 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 “HTML”, but keep intact partial entries like “xxxHTMLyyy” 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 “HTML”, but keep intact partial entries like “xxxHTMLyyy” 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>
|
<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. <a href=#fnref:1 class=footnote-backref role=doc-backlink>↩︎</a></p></li><li id=fn:2><p>Footnote text. <a href=#fnref:2 class=footnote-backref role=doc-backlink>↩︎</a> <a href=#fnref1:2 class=footnote-backref role=doc-backlink>↩︎</a></p></li></ol></div></div></article><script src=https://tailbliss.vercel.app/js/alpine.js defer></script>
|
:::</p>
|
||||||
<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>
|
<div class="footnotes" role="doc-endnotes">
|
||||||
<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>
|
<hr>
|
||||||
<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>
|
<ol>
|
||||||
<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>
|
<li id="fn:1">
|
||||||
<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">© 2022
|
<p>Footnote <strong>can have markup</strong></p>
|
||||||
|
<p>and multiple paragraphs. <a href="#fnref:1" class="footnote-backref" role="doc-backlink">↩︎</a></p>
|
||||||
|
</li>
|
||||||
|
<li id="fn:2">
|
||||||
|
<p>Footnote text. <a href="#fnref:2" class="footnote-backref" role="doc-backlink">↩︎</a> <a href="#fnref1:2" class="footnote-backref" role="doc-backlink">↩︎</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">© 2022
|
||||||
TailBliss. All rights
|
TailBliss. All rights
|
||||||
reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
reserved.</p>
|
||||||
|
<p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
||||||
|
|
@ -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>
|
<!DOCTYPE html>
|
||||||
<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">
|
<html lang="en">
|
||||||
<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>
|
<head>
|
||||||
<a class="block px-4 py-2 mt-2 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">
|
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
|
||||||
<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>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<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
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
resize in browser.</li><li><strong><a href=https://github.com/nodeca/babelfish/>babelfish</a></strong> - developer friendly
|
<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
|
||||||
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… test….. test?….. test!….</p><p>!!!!!! ???? ,, – —</p><p>“Smartypants, double quotes” and ‘single quotes’</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…</p><blockquote><p>…by using additional greater-than signs right next to each other…</p><blockquote><p>…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…</p></li><li><p>…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
|
<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… test….. test?….. test!….</p>
|
||||||
|
<p>!!!!!! ???? ,, – —</p>
|
||||||
|
<p>“Smartypants, double quotes” and ‘single quotes’</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…</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>…by using additional greater-than signs right next to each other…</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>…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…</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>…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 1 of code
|
||||||
line 2 of code
|
line 2 of code
|
||||||
line 3 of code
|
line 3 of code
|
||||||
</code></pre><p>Block code “fences”</p><pre tabindex=0><code>Sample text here...
|
</code></pre>
|
||||||
</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>) {
|
<p>Block code “fences”</p>
|
||||||
</span></span><span style=display:flex><span> <span style=color:#66d9ef>return</span> <span style=color:#a6e22e>bar</span><span style=color:#f92672>++</span>;
|
<pre tabindex="0"><code>Sample text here...
|
||||||
</span></span><span style=display:flex><span>};
|
</code></pre><p>Syntax highlighting</p>
|
||||||
</span></span><span style=display:flex><span>
|
<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:#a6e22e>console</span>.<span style=color:#a6e22e>log</span>(<span style=color:#a6e22e>foo</span>(<span style=color:#ae81ff>5</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></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>
|
</span></span><span style="display:flex;"><span>};
|
||||||
<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
|
</span></span><span style="display:flex;"><span>
|
||||||
<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><ins></a></h3><p>++Inserted text++</p><h3 id=markhttpsgithubcommarkdown-itmarkdown-it-mark><a href=https://github.com/markdown-it/markdown-it-mark><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
|
</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>));
|
||||||
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 }
|
</span></span></code></pre></div><h2 id="tables">Tables</h2>
|
||||||
</code></pre><p>Third paragraph of definition 2.</p></dd></dl><p><em>Compact style:</em></p><p>Term 1
|
<table>
|
||||||
~ Definition 1</p><p>Term 2
|
<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"><ins></a></h3>
|
||||||
|
<p>++Inserted text++</p>
|
||||||
|
<h3 id="markhttpsgithubcommarkdown-itmarkdown-it-mark"><a href="https://github.com/markdown-it/markdown-it-mark"><mark></a></h3>
|
||||||
|
<p>==Marked text==</p>
|
||||||
|
<h3 id="footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote"><a href="https://github.com/markdown-it/markdown-it-footnote">Footnotes</a></h3>
|
||||||
|
<p>Footnote 1 link<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>.</p>
|
||||||
|
<p>Footnote 2 link<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
|
||||||
|
<p>Inline footnote^[Text of inline footnote] definition.</p>
|
||||||
|
<p>Duplicated footnote reference<sup id="fnref1:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
|
||||||
|
<h3 id="definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist"><a href="https://github.com/markdown-it/markdown-it-deflist">Definition lists</a></h3>
|
||||||
|
<dl>
|
||||||
|
<dt>Term 1</dt>
|
||||||
|
<dd>
|
||||||
|
<p>Definition 1
|
||||||
|
with lazy continuation.</p>
|
||||||
|
</dd>
|
||||||
|
<dt>Term 2 with <em>inline markup</em></dt>
|
||||||
|
<dd>
|
||||||
|
<p>Definition 2</p>
|
||||||
|
<pre><code>{ some code, part of Definition 2 }
|
||||||
|
</code></pre>
|
||||||
|
<p>Third paragraph of definition 2.</p>
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
<p><em>Compact style:</em></p>
|
||||||
|
<p>Term 1
|
||||||
|
~ Definition 1</p>
|
||||||
|
<p>Term 2
|
||||||
~ Definition 2a
|
~ Definition 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 “HTML”, but keep intact partial entries like “xxxHTMLyyy” 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 “HTML”, but keep intact partial entries like “xxxHTMLyyy” 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>
|
<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. <a href=#fnref:1 class=footnote-backref role=doc-backlink>↩︎</a></p></li><li id=fn:2><p>Footnote text. <a href=#fnref:2 class=footnote-backref role=doc-backlink>↩︎</a> <a href=#fnref1:2 class=footnote-backref role=doc-backlink>↩︎</a></p></li></ol></div></div></article><script src=https://tailbliss.vercel.app/js/alpine.js defer></script>
|
:::</p>
|
||||||
<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>
|
<div class="footnotes" role="doc-endnotes">
|
||||||
<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>
|
<hr>
|
||||||
<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>
|
<ol>
|
||||||
<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>
|
<li id="fn:1">
|
||||||
<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">© 2022
|
<p>Footnote <strong>can have markup</strong></p>
|
||||||
|
<p>and multiple paragraphs. <a href="#fnref:1" class="footnote-backref" role="doc-backlink">↩︎</a></p>
|
||||||
|
</li>
|
||||||
|
<li id="fn:2">
|
||||||
|
<p>Footnote text. <a href="#fnref:2" class="footnote-backref" role="doc-backlink">↩︎</a> <a href="#fnref1:2" class="footnote-backref" role="doc-backlink">↩︎</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">© 2022
|
||||||
TailBliss. All rights
|
TailBliss. All rights
|
||||||
reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
reserved.</p>
|
||||||
|
<p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
||||||
|
|
@ -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>
|
<!DOCTYPE html>
|
||||||
<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">
|
<html lang="en">
|
||||||
<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>
|
<head>
|
||||||
<a class="block px-4 py-2 mt-2 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">
|
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
|
||||||
<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>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<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
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
resize in browser.</li><li><strong><a href=https://github.com/nodeca/babelfish/>babelfish</a></strong> - developer friendly
|
<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
|
||||||
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… test….. test?….. test!….</p><p>!!!!!! ???? ,, – —</p><p>“Smartypants, double quotes” and ‘single quotes’</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…</p><blockquote><p>…by using additional greater-than signs right next to each other…</p><blockquote><p>…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…</p></li><li><p>…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
|
<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… test….. test?….. test!….</p>
|
||||||
|
<p>!!!!!! ???? ,, – —</p>
|
||||||
|
<p>“Smartypants, double quotes” and ‘single quotes’</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…</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>…by using additional greater-than signs right next to each other…</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>…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…</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>…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 1 of code
|
||||||
line 2 of code
|
line 2 of code
|
||||||
line 3 of code
|
line 3 of code
|
||||||
</code></pre><p>Block code “fences”</p><pre tabindex=0><code>Sample text here...
|
</code></pre>
|
||||||
</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>) {
|
<p>Block code “fences”</p>
|
||||||
</span></span><span style=display:flex><span> <span style=color:#66d9ef>return</span> <span style=color:#a6e22e>bar</span><span style=color:#f92672>++</span>;
|
<pre tabindex="0"><code>Sample text here...
|
||||||
</span></span><span style=display:flex><span>};
|
</code></pre><p>Syntax highlighting</p>
|
||||||
</span></span><span style=display:flex><span>
|
<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:#a6e22e>console</span>.<span style=color:#a6e22e>log</span>(<span style=color:#a6e22e>foo</span>(<span style=color:#ae81ff>5</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></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>
|
</span></span><span style="display:flex;"><span>};
|
||||||
<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
|
</span></span><span style="display:flex;"><span>
|
||||||
<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><ins></a></h3><p>++Inserted text++</p><h3 id=markhttpsgithubcommarkdown-itmarkdown-it-mark><a href=https://github.com/markdown-it/markdown-it-mark><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
|
</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>));
|
||||||
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 }
|
</span></span></code></pre></div><h2 id="tables">Tables</h2>
|
||||||
</code></pre><p>Third paragraph of definition 2.</p></dd></dl><p><em>Compact style:</em></p><p>Term 1
|
<table>
|
||||||
~ Definition 1</p><p>Term 2
|
<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"><ins></a></h3>
|
||||||
|
<p>++Inserted text++</p>
|
||||||
|
<h3 id="markhttpsgithubcommarkdown-itmarkdown-it-mark"><a href="https://github.com/markdown-it/markdown-it-mark"><mark></a></h3>
|
||||||
|
<p>==Marked text==</p>
|
||||||
|
<h3 id="footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote"><a href="https://github.com/markdown-it/markdown-it-footnote">Footnotes</a></h3>
|
||||||
|
<p>Footnote 1 link<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>.</p>
|
||||||
|
<p>Footnote 2 link<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
|
||||||
|
<p>Inline footnote^[Text of inline footnote] definition.</p>
|
||||||
|
<p>Duplicated footnote reference<sup id="fnref1:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
|
||||||
|
<h3 id="definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist"><a href="https://github.com/markdown-it/markdown-it-deflist">Definition lists</a></h3>
|
||||||
|
<dl>
|
||||||
|
<dt>Term 1</dt>
|
||||||
|
<dd>
|
||||||
|
<p>Definition 1
|
||||||
|
with lazy continuation.</p>
|
||||||
|
</dd>
|
||||||
|
<dt>Term 2 with <em>inline markup</em></dt>
|
||||||
|
<dd>
|
||||||
|
<p>Definition 2</p>
|
||||||
|
<pre><code>{ some code, part of Definition 2 }
|
||||||
|
</code></pre>
|
||||||
|
<p>Third paragraph of definition 2.</p>
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
<p><em>Compact style:</em></p>
|
||||||
|
<p>Term 1
|
||||||
|
~ Definition 1</p>
|
||||||
|
<p>Term 2
|
||||||
~ Definition 2a
|
~ Definition 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 “HTML”, but keep intact partial entries like “xxxHTMLyyy” 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 “HTML”, but keep intact partial entries like “xxxHTMLyyy” 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>
|
<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. <a href=#fnref:1 class=footnote-backref role=doc-backlink>↩︎</a></p></li><li id=fn:2><p>Footnote text. <a href=#fnref:2 class=footnote-backref role=doc-backlink>↩︎</a> <a href=#fnref1:2 class=footnote-backref role=doc-backlink>↩︎</a></p></li></ol></div></div></article><script src=https://tailbliss.vercel.app/js/alpine.js defer></script>
|
:::</p>
|
||||||
<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>
|
<div class="footnotes" role="doc-endnotes">
|
||||||
<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>
|
<hr>
|
||||||
<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>
|
<ol>
|
||||||
<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>
|
<li id="fn:1">
|
||||||
<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">© 2022
|
<p>Footnote <strong>can have markup</strong></p>
|
||||||
|
<p>and multiple paragraphs. <a href="#fnref:1" class="footnote-backref" role="doc-backlink">↩︎</a></p>
|
||||||
|
</li>
|
||||||
|
<li id="fn:2">
|
||||||
|
<p>Footnote text. <a href="#fnref:2" class="footnote-backref" role="doc-backlink">↩︎</a> <a href="#fnref1:2" class="footnote-backref" role="doc-backlink">↩︎</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">© 2022
|
||||||
TailBliss. All rights
|
TailBliss. All rights
|
||||||
reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
reserved.</p>
|
||||||
|
<p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
||||||
|
|
@ -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>
|
<!DOCTYPE html>
|
||||||
<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">
|
<html lang="en">
|
||||||
<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>
|
<head>
|
||||||
<a class="block px-4 py-2 mt-2 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">
|
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
|
||||||
<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>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<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
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
resize in browser.</li><li><strong><a href=https://github.com/nodeca/babelfish/>babelfish</a></strong> - developer friendly
|
<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
|
||||||
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… test….. test?….. test!….</p><p>!!!!!! ???? ,, – —</p><p>“Smartypants, double quotes” and ‘single quotes’</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…</p><blockquote><p>…by using additional greater-than signs right next to each other…</p><blockquote><p>…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…</p></li><li><p>…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
|
<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… test….. test?….. test!….</p>
|
||||||
|
<p>!!!!!! ???? ,, – —</p>
|
||||||
|
<p>“Smartypants, double quotes” and ‘single quotes’</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…</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>…by using additional greater-than signs right next to each other…</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>…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…</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>…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 1 of code
|
||||||
line 2 of code
|
line 2 of code
|
||||||
line 3 of code
|
line 3 of code
|
||||||
</code></pre><p>Block code “fences”</p><pre tabindex=0><code>Sample text here...
|
</code></pre>
|
||||||
</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>) {
|
<p>Block code “fences”</p>
|
||||||
</span></span><span style=display:flex><span> <span style=color:#66d9ef>return</span> <span style=color:#a6e22e>bar</span><span style=color:#f92672>++</span>;
|
<pre tabindex="0"><code>Sample text here...
|
||||||
</span></span><span style=display:flex><span>};
|
</code></pre><p>Syntax highlighting</p>
|
||||||
</span></span><span style=display:flex><span>
|
<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:#a6e22e>console</span>.<span style=color:#a6e22e>log</span>(<span style=color:#a6e22e>foo</span>(<span style=color:#ae81ff>5</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></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>
|
</span></span><span style="display:flex;"><span>};
|
||||||
<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
|
</span></span><span style="display:flex;"><span>
|
||||||
<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><ins></a></h3><p>++Inserted text++</p><h3 id=markhttpsgithubcommarkdown-itmarkdown-it-mark><a href=https://github.com/markdown-it/markdown-it-mark><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
|
</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>));
|
||||||
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 }
|
</span></span></code></pre></div><h2 id="tables">Tables</h2>
|
||||||
</code></pre><p>Third paragraph of definition 2.</p></dd></dl><p><em>Compact style:</em></p><p>Term 1
|
<table>
|
||||||
~ Definition 1</p><p>Term 2
|
<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"><ins></a></h3>
|
||||||
|
<p>++Inserted text++</p>
|
||||||
|
<h3 id="markhttpsgithubcommarkdown-itmarkdown-it-mark"><a href="https://github.com/markdown-it/markdown-it-mark"><mark></a></h3>
|
||||||
|
<p>==Marked text==</p>
|
||||||
|
<h3 id="footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote"><a href="https://github.com/markdown-it/markdown-it-footnote">Footnotes</a></h3>
|
||||||
|
<p>Footnote 1 link<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>.</p>
|
||||||
|
<p>Footnote 2 link<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
|
||||||
|
<p>Inline footnote^[Text of inline footnote] definition.</p>
|
||||||
|
<p>Duplicated footnote reference<sup id="fnref1:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
|
||||||
|
<h3 id="definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist"><a href="https://github.com/markdown-it/markdown-it-deflist">Definition lists</a></h3>
|
||||||
|
<dl>
|
||||||
|
<dt>Term 1</dt>
|
||||||
|
<dd>
|
||||||
|
<p>Definition 1
|
||||||
|
with lazy continuation.</p>
|
||||||
|
</dd>
|
||||||
|
<dt>Term 2 with <em>inline markup</em></dt>
|
||||||
|
<dd>
|
||||||
|
<p>Definition 2</p>
|
||||||
|
<pre><code>{ some code, part of Definition 2 }
|
||||||
|
</code></pre>
|
||||||
|
<p>Third paragraph of definition 2.</p>
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
<p><em>Compact style:</em></p>
|
||||||
|
<p>Term 1
|
||||||
|
~ Definition 1</p>
|
||||||
|
<p>Term 2
|
||||||
~ Definition 2a
|
~ Definition 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 “HTML”, but keep intact partial entries like “xxxHTMLyyy” 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 “HTML”, but keep intact partial entries like “xxxHTMLyyy” 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>
|
<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. <a href=#fnref:1 class=footnote-backref role=doc-backlink>↩︎</a></p></li><li id=fn:2><p>Footnote text. <a href=#fnref:2 class=footnote-backref role=doc-backlink>↩︎</a> <a href=#fnref1:2 class=footnote-backref role=doc-backlink>↩︎</a></p></li></ol></div></div></article><script src=https://tailbliss.vercel.app/js/alpine.js defer></script>
|
:::</p>
|
||||||
<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>
|
<div class="footnotes" role="doc-endnotes">
|
||||||
<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>
|
<hr>
|
||||||
<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>
|
<ol>
|
||||||
<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>
|
<li id="fn:1">
|
||||||
<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">© 2022
|
<p>Footnote <strong>can have markup</strong></p>
|
||||||
|
<p>and multiple paragraphs. <a href="#fnref:1" class="footnote-backref" role="doc-backlink">↩︎</a></p>
|
||||||
|
</li>
|
||||||
|
<li id="fn:2">
|
||||||
|
<p>Footnote text. <a href="#fnref:2" class="footnote-backref" role="doc-backlink">↩︎</a> <a href="#fnref1:2" class="footnote-backref" role="doc-backlink">↩︎</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">© 2022
|
||||||
TailBliss. All rights
|
TailBliss. All rights
|
||||||
reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
reserved.</p>
|
||||||
|
<p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
||||||
|
|
@ -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>
|
<!DOCTYPE html>
|
||||||
<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">
|
<html lang="en">
|
||||||
<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>
|
<head>
|
||||||
<a class="block px-4 py-2 mt-2 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">
|
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
|
||||||
<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>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<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
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
resize in browser.</li><li><strong><a href=https://github.com/nodeca/babelfish/>babelfish</a></strong> - developer friendly
|
<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
|
||||||
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… test….. test?….. test!….</p><p>!!!!!! ???? ,, – —</p><p>“Smartypants, double quotes” and ‘single quotes’</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…</p><blockquote><p>…by using additional greater-than signs right next to each other…</p><blockquote><p>…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…</p></li><li><p>…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
|
<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… test….. test?….. test!….</p>
|
||||||
|
<p>!!!!!! ???? ,, – —</p>
|
||||||
|
<p>“Smartypants, double quotes” and ‘single quotes’</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…</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>…by using additional greater-than signs right next to each other…</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>…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…</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>…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 1 of code
|
||||||
line 2 of code
|
line 2 of code
|
||||||
line 3 of code
|
line 3 of code
|
||||||
</code></pre><p>Block code “fences”</p><pre tabindex=0><code>Sample text here...
|
</code></pre>
|
||||||
</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>) {
|
<p>Block code “fences”</p>
|
||||||
</span></span><span style=display:flex><span> <span style=color:#66d9ef>return</span> <span style=color:#a6e22e>bar</span><span style=color:#f92672>++</span>;
|
<pre tabindex="0"><code>Sample text here...
|
||||||
</span></span><span style=display:flex><span>};
|
</code></pre><p>Syntax highlighting</p>
|
||||||
</span></span><span style=display:flex><span>
|
<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:#a6e22e>console</span>.<span style=color:#a6e22e>log</span>(<span style=color:#a6e22e>foo</span>(<span style=color:#ae81ff>5</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></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>
|
</span></span><span style="display:flex;"><span>};
|
||||||
<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
|
</span></span><span style="display:flex;"><span>
|
||||||
<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><ins></a></h3><p>++Inserted text++</p><h3 id=markhttpsgithubcommarkdown-itmarkdown-it-mark><a href=https://github.com/markdown-it/markdown-it-mark><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
|
</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>));
|
||||||
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 }
|
</span></span></code></pre></div><h2 id="tables">Tables</h2>
|
||||||
</code></pre><p>Third paragraph of definition 2.</p></dd></dl><p><em>Compact style:</em></p><p>Term 1
|
<table>
|
||||||
~ Definition 1</p><p>Term 2
|
<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"><ins></a></h3>
|
||||||
|
<p>++Inserted text++</p>
|
||||||
|
<h3 id="markhttpsgithubcommarkdown-itmarkdown-it-mark"><a href="https://github.com/markdown-it/markdown-it-mark"><mark></a></h3>
|
||||||
|
<p>==Marked text==</p>
|
||||||
|
<h3 id="footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote"><a href="https://github.com/markdown-it/markdown-it-footnote">Footnotes</a></h3>
|
||||||
|
<p>Footnote 1 link<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>.</p>
|
||||||
|
<p>Footnote 2 link<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
|
||||||
|
<p>Inline footnote^[Text of inline footnote] definition.</p>
|
||||||
|
<p>Duplicated footnote reference<sup id="fnref1:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
|
||||||
|
<h3 id="definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist"><a href="https://github.com/markdown-it/markdown-it-deflist">Definition lists</a></h3>
|
||||||
|
<dl>
|
||||||
|
<dt>Term 1</dt>
|
||||||
|
<dd>
|
||||||
|
<p>Definition 1
|
||||||
|
with lazy continuation.</p>
|
||||||
|
</dd>
|
||||||
|
<dt>Term 2 with <em>inline markup</em></dt>
|
||||||
|
<dd>
|
||||||
|
<p>Definition 2</p>
|
||||||
|
<pre><code>{ some code, part of Definition 2 }
|
||||||
|
</code></pre>
|
||||||
|
<p>Third paragraph of definition 2.</p>
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
<p><em>Compact style:</em></p>
|
||||||
|
<p>Term 1
|
||||||
|
~ Definition 1</p>
|
||||||
|
<p>Term 2
|
||||||
~ Definition 2a
|
~ Definition 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 “HTML”, but keep intact partial entries like “xxxHTMLyyy” 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 “HTML”, but keep intact partial entries like “xxxHTMLyyy” 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>
|
<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. <a href=#fnref:1 class=footnote-backref role=doc-backlink>↩︎</a></p></li><li id=fn:2><p>Footnote text. <a href=#fnref:2 class=footnote-backref role=doc-backlink>↩︎</a> <a href=#fnref1:2 class=footnote-backref role=doc-backlink>↩︎</a></p></li></ol></div></div></article><script src=https://tailbliss.vercel.app/js/alpine.js defer></script>
|
:::</p>
|
||||||
<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>
|
<div class="footnotes" role="doc-endnotes">
|
||||||
<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>
|
<hr>
|
||||||
<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>
|
<ol>
|
||||||
<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>
|
<li id="fn:1">
|
||||||
<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">© 2022
|
<p>Footnote <strong>can have markup</strong></p>
|
||||||
|
<p>and multiple paragraphs. <a href="#fnref:1" class="footnote-backref" role="doc-backlink">↩︎</a></p>
|
||||||
|
</li>
|
||||||
|
<li id="fn:2">
|
||||||
|
<p>Footnote text. <a href="#fnref:2" class="footnote-backref" role="doc-backlink">↩︎</a> <a href="#fnref1:2" class="footnote-backref" role="doc-backlink">↩︎</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">© 2022
|
||||||
TailBliss. All rights
|
TailBliss. All rights
|
||||||
reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
reserved.</p>
|
||||||
|
<p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
||||||
|
|
@ -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>
|
<!DOCTYPE html>
|
||||||
<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">
|
<html lang="en">
|
||||||
<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>
|
<head>
|
||||||
<a class="block px-4 py-2 mt-2 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">
|
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
|
||||||
<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>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<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
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
resize in browser.</li><li><strong><a href=https://github.com/nodeca/babelfish/>babelfish</a></strong> - developer friendly
|
<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
|
||||||
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… test….. test?….. test!….</p><p>!!!!!! ???? ,, – —</p><p>“Smartypants, double quotes” and ‘single quotes’</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…</p><blockquote><p>…by using additional greater-than signs right next to each other…</p><blockquote><p>…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…</p></li><li><p>…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
|
<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… test….. test?….. test!….</p>
|
||||||
|
<p>!!!!!! ???? ,, – —</p>
|
||||||
|
<p>“Smartypants, double quotes” and ‘single quotes’</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…</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>…by using additional greater-than signs right next to each other…</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>…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…</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>…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 1 of code
|
||||||
line 2 of code
|
line 2 of code
|
||||||
line 3 of code
|
line 3 of code
|
||||||
</code></pre><p>Block code “fences”</p><pre tabindex=0><code>Sample text here...
|
</code></pre>
|
||||||
</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>) {
|
<p>Block code “fences”</p>
|
||||||
</span></span><span style=display:flex><span> <span style=color:#66d9ef>return</span> <span style=color:#a6e22e>bar</span><span style=color:#f92672>++</span>;
|
<pre tabindex="0"><code>Sample text here...
|
||||||
</span></span><span style=display:flex><span>};
|
</code></pre><p>Syntax highlighting</p>
|
||||||
</span></span><span style=display:flex><span>
|
<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:#a6e22e>console</span>.<span style=color:#a6e22e>log</span>(<span style=color:#a6e22e>foo</span>(<span style=color:#ae81ff>5</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></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>
|
</span></span><span style="display:flex;"><span>};
|
||||||
<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
|
</span></span><span style="display:flex;"><span>
|
||||||
<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><ins></a></h3><p>++Inserted text++</p><h3 id=markhttpsgithubcommarkdown-itmarkdown-it-mark><a href=https://github.com/markdown-it/markdown-it-mark><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
|
</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>));
|
||||||
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 }
|
</span></span></code></pre></div><h2 id="tables">Tables</h2>
|
||||||
</code></pre><p>Third paragraph of definition 2.</p></dd></dl><p><em>Compact style:</em></p><p>Term 1
|
<table>
|
||||||
~ Definition 1</p><p>Term 2
|
<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"><ins></a></h3>
|
||||||
|
<p>++Inserted text++</p>
|
||||||
|
<h3 id="markhttpsgithubcommarkdown-itmarkdown-it-mark"><a href="https://github.com/markdown-it/markdown-it-mark"><mark></a></h3>
|
||||||
|
<p>==Marked text==</p>
|
||||||
|
<h3 id="footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote"><a href="https://github.com/markdown-it/markdown-it-footnote">Footnotes</a></h3>
|
||||||
|
<p>Footnote 1 link<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>.</p>
|
||||||
|
<p>Footnote 2 link<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
|
||||||
|
<p>Inline footnote^[Text of inline footnote] definition.</p>
|
||||||
|
<p>Duplicated footnote reference<sup id="fnref1:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
|
||||||
|
<h3 id="definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist"><a href="https://github.com/markdown-it/markdown-it-deflist">Definition lists</a></h3>
|
||||||
|
<dl>
|
||||||
|
<dt>Term 1</dt>
|
||||||
|
<dd>
|
||||||
|
<p>Definition 1
|
||||||
|
with lazy continuation.</p>
|
||||||
|
</dd>
|
||||||
|
<dt>Term 2 with <em>inline markup</em></dt>
|
||||||
|
<dd>
|
||||||
|
<p>Definition 2</p>
|
||||||
|
<pre><code>{ some code, part of Definition 2 }
|
||||||
|
</code></pre>
|
||||||
|
<p>Third paragraph of definition 2.</p>
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
<p><em>Compact style:</em></p>
|
||||||
|
<p>Term 1
|
||||||
|
~ Definition 1</p>
|
||||||
|
<p>Term 2
|
||||||
~ Definition 2a
|
~ Definition 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 “HTML”, but keep intact partial entries like “xxxHTMLyyy” 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 “HTML”, but keep intact partial entries like “xxxHTMLyyy” 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>
|
<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. <a href=#fnref:1 class=footnote-backref role=doc-backlink>↩︎</a></p></li><li id=fn:2><p>Footnote text. <a href=#fnref:2 class=footnote-backref role=doc-backlink>↩︎</a> <a href=#fnref1:2 class=footnote-backref role=doc-backlink>↩︎</a></p></li></ol></div></div></article><script src=https://tailbliss.vercel.app/js/alpine.js defer></script>
|
:::</p>
|
||||||
<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>
|
<div class="footnotes" role="doc-endnotes">
|
||||||
<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>
|
<hr>
|
||||||
<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>
|
<ol>
|
||||||
<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>
|
<li id="fn:1">
|
||||||
<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">© 2022
|
<p>Footnote <strong>can have markup</strong></p>
|
||||||
|
<p>and multiple paragraphs. <a href="#fnref:1" class="footnote-backref" role="doc-backlink">↩︎</a></p>
|
||||||
|
</li>
|
||||||
|
<li id="fn:2">
|
||||||
|
<p>Footnote text. <a href="#fnref:2" class="footnote-backref" role="doc-backlink">↩︎</a> <a href="#fnref1:2" class="footnote-backref" role="doc-backlink">↩︎</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">© 2022
|
||||||
TailBliss. All rights
|
TailBliss. All rights
|
||||||
reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
reserved.</p>
|
||||||
|
<p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
||||||
|
|
@ -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>
|
<!DOCTYPE html>
|
||||||
<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">
|
<html lang="en">
|
||||||
<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>
|
<head>
|
||||||
<a class="block px-4 py-2 mt-2 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">
|
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
|
||||||
<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>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<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>
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<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>
|
<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
|
||||||
<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>
|
<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
|
||||||
<span aria-hidden=true>·</span>
|
<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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</span>
|
||||||
<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>
|
</div>
|
||||||
<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
|
</div>
|
||||||
›</a></a></div></nav></div></main><script src=https://tailbliss.vercel.app/js/alpine.js defer></script>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<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">© 2022
|
</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">© 2022
|
||||||
TailBliss. All rights
|
TailBliss. All rights
|
||||||
reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
reserved.</p>
|
||||||
|
<p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -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>
|
<!DOCTYPE html>
|
||||||
<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">
|
<html lang="en">
|
||||||
<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>
|
<head>
|
||||||
<a class="block px-4 py-2 mt-2 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">
|
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
|
||||||
<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>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<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
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
resize in browser.</li><li><strong><a href=https://github.com/nodeca/babelfish/>babelfish</a></strong> - developer friendly
|
<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
|
||||||
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… test….. test?….. test!….</p><p>!!!!!! ???? ,, – —</p><p>“Smartypants, double quotes” and ‘single quotes’</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…</p><blockquote><p>…by using additional greater-than signs right next to each other…</p><blockquote><p>…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…</p></li><li><p>…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
|
<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… test….. test?….. test!….</p>
|
||||||
|
<p>!!!!!! ???? ,, – —</p>
|
||||||
|
<p>“Smartypants, double quotes” and ‘single quotes’</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…</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>…by using additional greater-than signs right next to each other…</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>…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…</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>…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 1 of code
|
||||||
line 2 of code
|
line 2 of code
|
||||||
line 3 of code
|
line 3 of code
|
||||||
</code></pre><p>Block code “fences”</p><pre tabindex=0><code>Sample text here...
|
</code></pre>
|
||||||
</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>) {
|
<p>Block code “fences”</p>
|
||||||
</span></span><span style=display:flex><span> <span style=color:#66d9ef>return</span> <span style=color:#a6e22e>bar</span><span style=color:#f92672>++</span>;
|
<pre tabindex="0"><code>Sample text here...
|
||||||
</span></span><span style=display:flex><span>};
|
</code></pre><p>Syntax highlighting</p>
|
||||||
</span></span><span style=display:flex><span>
|
<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:#a6e22e>console</span>.<span style=color:#a6e22e>log</span>(<span style=color:#a6e22e>foo</span>(<span style=color:#ae81ff>5</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></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>
|
</span></span><span style="display:flex;"><span>};
|
||||||
<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
|
</span></span><span style="display:flex;"><span>
|
||||||
<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><ins></a></h3><p>++Inserted text++</p><h3 id=markhttpsgithubcommarkdown-itmarkdown-it-mark><a href=https://github.com/markdown-it/markdown-it-mark><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
|
</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>));
|
||||||
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 }
|
</span></span></code></pre></div><h2 id="tables">Tables</h2>
|
||||||
</code></pre><p>Third paragraph of definition 2.</p></dd></dl><p><em>Compact style:</em></p><p>Term 1
|
<table>
|
||||||
~ Definition 1</p><p>Term 2
|
<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"><ins></a></h3>
|
||||||
|
<p>++Inserted text++</p>
|
||||||
|
<h3 id="markhttpsgithubcommarkdown-itmarkdown-it-mark"><a href="https://github.com/markdown-it/markdown-it-mark"><mark></a></h3>
|
||||||
|
<p>==Marked text==</p>
|
||||||
|
<h3 id="footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote"><a href="https://github.com/markdown-it/markdown-it-footnote">Footnotes</a></h3>
|
||||||
|
<p>Footnote 1 link<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>.</p>
|
||||||
|
<p>Footnote 2 link<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
|
||||||
|
<p>Inline footnote^[Text of inline footnote] definition.</p>
|
||||||
|
<p>Duplicated footnote reference<sup id="fnref1:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
|
||||||
|
<h3 id="definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist"><a href="https://github.com/markdown-it/markdown-it-deflist">Definition lists</a></h3>
|
||||||
|
<dl>
|
||||||
|
<dt>Term 1</dt>
|
||||||
|
<dd>
|
||||||
|
<p>Definition 1
|
||||||
|
with lazy continuation.</p>
|
||||||
|
</dd>
|
||||||
|
<dt>Term 2 with <em>inline markup</em></dt>
|
||||||
|
<dd>
|
||||||
|
<p>Definition 2</p>
|
||||||
|
<pre><code>{ some code, part of Definition 2 }
|
||||||
|
</code></pre>
|
||||||
|
<p>Third paragraph of definition 2.</p>
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
<p><em>Compact style:</em></p>
|
||||||
|
<p>Term 1
|
||||||
|
~ Definition 1</p>
|
||||||
|
<p>Term 2
|
||||||
~ Definition 2a
|
~ Definition 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 “HTML”, but keep intact partial entries like “xxxHTMLyyy” 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 “HTML”, but keep intact partial entries like “xxxHTMLyyy” 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>
|
<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. <a href=#fnref:1 class=footnote-backref role=doc-backlink>↩︎</a></p></li><li id=fn:2><p>Footnote text. <a href=#fnref:2 class=footnote-backref role=doc-backlink>↩︎</a> <a href=#fnref1:2 class=footnote-backref role=doc-backlink>↩︎</a></p></li></ol></div></div></article><script src=https://tailbliss.vercel.app/js/alpine.js defer></script>
|
:::</p>
|
||||||
<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>
|
<div class="footnotes" role="doc-endnotes">
|
||||||
<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>
|
<hr>
|
||||||
<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>
|
<ol>
|
||||||
<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>
|
<li id="fn:1">
|
||||||
<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">© 2022
|
<p>Footnote <strong>can have markup</strong></p>
|
||||||
|
<p>and multiple paragraphs. <a href="#fnref:1" class="footnote-backref" role="doc-backlink">↩︎</a></p>
|
||||||
|
</li>
|
||||||
|
<li id="fn:2">
|
||||||
|
<p>Footnote text. <a href="#fnref:2" class="footnote-backref" role="doc-backlink">↩︎</a> <a href="#fnref1:2" class="footnote-backref" role="doc-backlink">↩︎</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">© 2022
|
||||||
TailBliss. All rights
|
TailBliss. All rights
|
||||||
reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
reserved.</p>
|
||||||
|
<p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
||||||
|
|
@ -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>
|
<!DOCTYPE html>
|
||||||
<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">
|
<html lang="en">
|
||||||
<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>
|
<head>
|
||||||
<a class="block px-4 py-2 mt-2 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">
|
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
|
||||||
<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>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<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
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
resize in browser.</li><li><strong><a href=https://github.com/nodeca/babelfish/>babelfish</a></strong> - developer friendly
|
<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
|
||||||
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… test….. test?….. test!….</p><p>!!!!!! ???? ,, – —</p><p>“Smartypants, double quotes” and ‘single quotes’</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…</p><blockquote><p>…by using additional greater-than signs right next to each other…</p><blockquote><p>…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…</p></li><li><p>…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
|
<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… test….. test?….. test!….</p>
|
||||||
|
<p>!!!!!! ???? ,, – —</p>
|
||||||
|
<p>“Smartypants, double quotes” and ‘single quotes’</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…</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>…by using additional greater-than signs right next to each other…</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>…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…</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>…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 1 of code
|
||||||
line 2 of code
|
line 2 of code
|
||||||
line 3 of code
|
line 3 of code
|
||||||
</code></pre><p>Block code “fences”</p><pre tabindex=0><code>Sample text here...
|
</code></pre>
|
||||||
</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>) {
|
<p>Block code “fences”</p>
|
||||||
</span></span><span style=display:flex><span> <span style=color:#66d9ef>return</span> <span style=color:#a6e22e>bar</span><span style=color:#f92672>++</span>;
|
<pre tabindex="0"><code>Sample text here...
|
||||||
</span></span><span style=display:flex><span>};
|
</code></pre><p>Syntax highlighting</p>
|
||||||
</span></span><span style=display:flex><span>
|
<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:#a6e22e>console</span>.<span style=color:#a6e22e>log</span>(<span style=color:#a6e22e>foo</span>(<span style=color:#ae81ff>5</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></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>
|
</span></span><span style="display:flex;"><span>};
|
||||||
<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
|
</span></span><span style="display:flex;"><span>
|
||||||
<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><ins></a></h3><p>++Inserted text++</p><h3 id=markhttpsgithubcommarkdown-itmarkdown-it-mark><a href=https://github.com/markdown-it/markdown-it-mark><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
|
</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>));
|
||||||
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 }
|
</span></span></code></pre></div><h2 id="tables">Tables</h2>
|
||||||
</code></pre><p>Third paragraph of definition 2.</p></dd></dl><p><em>Compact style:</em></p><p>Term 1
|
<table>
|
||||||
~ Definition 1</p><p>Term 2
|
<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"><ins></a></h3>
|
||||||
|
<p>++Inserted text++</p>
|
||||||
|
<h3 id="markhttpsgithubcommarkdown-itmarkdown-it-mark"><a href="https://github.com/markdown-it/markdown-it-mark"><mark></a></h3>
|
||||||
|
<p>==Marked text==</p>
|
||||||
|
<h3 id="footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote"><a href="https://github.com/markdown-it/markdown-it-footnote">Footnotes</a></h3>
|
||||||
|
<p>Footnote 1 link<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>.</p>
|
||||||
|
<p>Footnote 2 link<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
|
||||||
|
<p>Inline footnote^[Text of inline footnote] definition.</p>
|
||||||
|
<p>Duplicated footnote reference<sup id="fnref1:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
|
||||||
|
<h3 id="definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist"><a href="https://github.com/markdown-it/markdown-it-deflist">Definition lists</a></h3>
|
||||||
|
<dl>
|
||||||
|
<dt>Term 1</dt>
|
||||||
|
<dd>
|
||||||
|
<p>Definition 1
|
||||||
|
with lazy continuation.</p>
|
||||||
|
</dd>
|
||||||
|
<dt>Term 2 with <em>inline markup</em></dt>
|
||||||
|
<dd>
|
||||||
|
<p>Definition 2</p>
|
||||||
|
<pre><code>{ some code, part of Definition 2 }
|
||||||
|
</code></pre>
|
||||||
|
<p>Third paragraph of definition 2.</p>
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
<p><em>Compact style:</em></p>
|
||||||
|
<p>Term 1
|
||||||
|
~ Definition 1</p>
|
||||||
|
<p>Term 2
|
||||||
~ Definition 2a
|
~ Definition 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 “HTML”, but keep intact partial entries like “xxxHTMLyyy” 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 “HTML”, but keep intact partial entries like “xxxHTMLyyy” 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>
|
<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. <a href=#fnref:1 class=footnote-backref role=doc-backlink>↩︎</a></p></li><li id=fn:2><p>Footnote text. <a href=#fnref:2 class=footnote-backref role=doc-backlink>↩︎</a> <a href=#fnref1:2 class=footnote-backref role=doc-backlink>↩︎</a></p></li></ol></div></div></article><script src=https://tailbliss.vercel.app/js/alpine.js defer></script>
|
:::</p>
|
||||||
<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>
|
<div class="footnotes" role="doc-endnotes">
|
||||||
<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>
|
<hr>
|
||||||
<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>
|
<ol>
|
||||||
<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>
|
<li id="fn:1">
|
||||||
<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">© 2022
|
<p>Footnote <strong>can have markup</strong></p>
|
||||||
|
<p>and multiple paragraphs. <a href="#fnref:1" class="footnote-backref" role="doc-backlink">↩︎</a></p>
|
||||||
|
</li>
|
||||||
|
<li id="fn:2">
|
||||||
|
<p>Footnote text. <a href="#fnref:2" class="footnote-backref" role="doc-backlink">↩︎</a> <a href="#fnref1:2" class="footnote-backref" role="doc-backlink">↩︎</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">© 2022
|
||||||
TailBliss. All rights
|
TailBliss. All rights
|
||||||
reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
reserved.</p>
|
||||||
|
<p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
||||||
|
|
@ -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>
|
<!DOCTYPE html>
|
||||||
<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">
|
<html lang="en">
|
||||||
<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>
|
<head>
|
||||||
<a class="block px-4 py-2 mt-2 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">
|
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
|
||||||
<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>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<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
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
resize in browser.</li><li><strong><a href=https://github.com/nodeca/babelfish/>babelfish</a></strong> - developer friendly
|
<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
|
||||||
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… test….. test?….. test!….</p><p>!!!!!! ???? ,, – —</p><p>“Smartypants, double quotes” and ‘single quotes’</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…</p><blockquote><p>…by using additional greater-than signs right next to each other…</p><blockquote><p>…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…</p></li><li><p>…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
|
<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… test….. test?….. test!….</p>
|
||||||
|
<p>!!!!!! ???? ,, – —</p>
|
||||||
|
<p>“Smartypants, double quotes” and ‘single quotes’</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…</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>…by using additional greater-than signs right next to each other…</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>…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…</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>…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 1 of code
|
||||||
line 2 of code
|
line 2 of code
|
||||||
line 3 of code
|
line 3 of code
|
||||||
</code></pre><p>Block code “fences”</p><pre tabindex=0><code>Sample text here...
|
</code></pre>
|
||||||
</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>) {
|
<p>Block code “fences”</p>
|
||||||
</span></span><span style=display:flex><span> <span style=color:#66d9ef>return</span> <span style=color:#a6e22e>bar</span><span style=color:#f92672>++</span>;
|
<pre tabindex="0"><code>Sample text here...
|
||||||
</span></span><span style=display:flex><span>};
|
</code></pre><p>Syntax highlighting</p>
|
||||||
</span></span><span style=display:flex><span>
|
<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:#a6e22e>console</span>.<span style=color:#a6e22e>log</span>(<span style=color:#a6e22e>foo</span>(<span style=color:#ae81ff>5</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></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>
|
</span></span><span style="display:flex;"><span>};
|
||||||
<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
|
</span></span><span style="display:flex;"><span>
|
||||||
<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><ins></a></h3><p>++Inserted text++</p><h3 id=markhttpsgithubcommarkdown-itmarkdown-it-mark><a href=https://github.com/markdown-it/markdown-it-mark><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
|
</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>));
|
||||||
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 }
|
</span></span></code></pre></div><h2 id="tables">Tables</h2>
|
||||||
</code></pre><p>Third paragraph of definition 2.</p></dd></dl><p><em>Compact style:</em></p><p>Term 1
|
<table>
|
||||||
~ Definition 1</p><p>Term 2
|
<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"><ins></a></h3>
|
||||||
|
<p>++Inserted text++</p>
|
||||||
|
<h3 id="markhttpsgithubcommarkdown-itmarkdown-it-mark"><a href="https://github.com/markdown-it/markdown-it-mark"><mark></a></h3>
|
||||||
|
<p>==Marked text==</p>
|
||||||
|
<h3 id="footnoteshttpsgithubcommarkdown-itmarkdown-it-footnote"><a href="https://github.com/markdown-it/markdown-it-footnote">Footnotes</a></h3>
|
||||||
|
<p>Footnote 1 link<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>.</p>
|
||||||
|
<p>Footnote 2 link<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
|
||||||
|
<p>Inline footnote^[Text of inline footnote] definition.</p>
|
||||||
|
<p>Duplicated footnote reference<sup id="fnref1:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
|
||||||
|
<h3 id="definition-listshttpsgithubcommarkdown-itmarkdown-it-deflist"><a href="https://github.com/markdown-it/markdown-it-deflist">Definition lists</a></h3>
|
||||||
|
<dl>
|
||||||
|
<dt>Term 1</dt>
|
||||||
|
<dd>
|
||||||
|
<p>Definition 1
|
||||||
|
with lazy continuation.</p>
|
||||||
|
</dd>
|
||||||
|
<dt>Term 2 with <em>inline markup</em></dt>
|
||||||
|
<dd>
|
||||||
|
<p>Definition 2</p>
|
||||||
|
<pre><code>{ some code, part of Definition 2 }
|
||||||
|
</code></pre>
|
||||||
|
<p>Third paragraph of definition 2.</p>
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
<p><em>Compact style:</em></p>
|
||||||
|
<p>Term 1
|
||||||
|
~ Definition 1</p>
|
||||||
|
<p>Term 2
|
||||||
~ Definition 2a
|
~ Definition 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 “HTML”, but keep intact partial entries like “xxxHTMLyyy” 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 “HTML”, but keep intact partial entries like “xxxHTMLyyy” 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>
|
<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. <a href=#fnref:1 class=footnote-backref role=doc-backlink>↩︎</a></p></li><li id=fn:2><p>Footnote text. <a href=#fnref:2 class=footnote-backref role=doc-backlink>↩︎</a> <a href=#fnref1:2 class=footnote-backref role=doc-backlink>↩︎</a></p></li></ol></div></div></article><script src=https://tailbliss.vercel.app/js/alpine.js defer></script>
|
:::</p>
|
||||||
<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>
|
<div class="footnotes" role="doc-endnotes">
|
||||||
<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>
|
<hr>
|
||||||
<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>
|
<ol>
|
||||||
<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>
|
<li id="fn:1">
|
||||||
<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">© 2022
|
<p>Footnote <strong>can have markup</strong></p>
|
||||||
|
<p>and multiple paragraphs. <a href="#fnref:1" class="footnote-backref" role="doc-backlink">↩︎</a></p>
|
||||||
|
</li>
|
||||||
|
<li id="fn:2">
|
||||||
|
<p>Footnote text. <a href="#fnref:2" class="footnote-backref" role="doc-backlink">↩︎</a> <a href="#fnref1:2" class="footnote-backref" role="doc-backlink">↩︎</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">© 2022
|
||||||
TailBliss. All rights
|
TailBliss. All rights
|
||||||
reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
reserved.</p>
|
||||||
|
<p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
<!DOCTYPE html>
|
||||||
<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">
|
<html lang="en">
|
||||||
<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>
|
<head>
|
||||||
<a class="block px-4 py-2 mt-2 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">
|
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
|
||||||
<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>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<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>
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<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>
|
<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
|
||||||
<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>
|
<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
|
||||||
<span aria-hidden=true>·</span>
|
<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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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">‹
|
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>
|
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">© 2022
|
<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">© 2022
|
||||||
TailBliss. All rights
|
TailBliss. All rights
|
||||||
reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
reserved.</p>
|
||||||
|
<p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
||||||
|
|
@ -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>
|
<!DOCTYPE html>
|
||||||
<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">
|
<html lang="en">
|
||||||
<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>
|
<head>
|
||||||
<a class="block px-4 py-2 mt-2 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">
|
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
|
||||||
<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>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<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’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><article class="prose lg:prose-xl">
|
<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 & 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>
|
||||||
|
|
||||||
|
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’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><article class="prose lg:prose-xl">
|
||||||
{{ markdown }}
|
{{ markdown }}
|
||||||
</article>
|
</article>
|
||||||
</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.
|
</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
|
</p>
|
||||||
</code></pre><p>Then add the plugin to your tailwind.config.js file: tailwind.config.js</p><pre tabindex=0><code>module.exports = {
|
<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: {
|
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><article class="prose lg:prose-xl">
|
</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><article class="prose lg:prose-xl">
|
||||||
<h1>Garlic bread with cheese: What the science tells us</h1>
|
<h1>Garlic bread with cheese: What the science tells us</h1>
|
||||||
<p>
|
<p>
|
||||||
For years parents have espoused the health benefits of eating garlic bread with cheese to their
|
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.
|
springing up around the country.
|
||||||
</p>
|
</p>
|
||||||
</article>
|
</article>
|
||||||
</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><article class="prose prose-slate">
|
</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><article class="prose prose-slate">
|
||||||
{{ markdown }}
|
{{ markdown }}
|
||||||
</article>
|
</article>
|
||||||
</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><article class="prose prose-stone">
|
</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><article class="prose prose-stone">
|
||||||
{{ markdown }}
|
{{ markdown }}
|
||||||
</article>
|
</article>
|
||||||
</code></pre><p>To learn about creating your own color themes, read the adding custom color themes documentation.
|
</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><article class="prose prose-xl">
|
</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><article class="prose prose-xl">
|
||||||
{{ markdown }}
|
{{ markdown }}
|
||||||
</article>
|
</article>
|
||||||
</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><article class="prose md:prose-lg lg:prose-xl">
|
</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><article class="prose md:prose-lg lg:prose-xl">
|
||||||
{{ markdown }}
|
{{ markdown }}
|
||||||
</article>
|
</article>
|
||||||
</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><article class="prose prose-lg">
|
</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><article class="prose prose-lg">
|
||||||
{{ markdown }}
|
{{ markdown }}
|
||||||
</article>
|
</article>
|
||||||
</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><article class="prose dark:prose-invert">
|
</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><article class="prose dark:prose-invert">
|
||||||
{{ markdown }}
|
{{ markdown }}
|
||||||
</article>
|
</article>
|
||||||
</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
|
Element modifiers
|
||||||
Use element modifiers to customize the style of individual elements in your content directly in your HTML:</p><pre tabindex=0><code><article class="prose prose-img:rounded-xl prose-headings:underline prose-a:text-blue-600">
|
Use element modifiers to customize the style of individual elements in your content directly in your HTML:</p>
|
||||||
|
<pre tabindex="0"><code><article class="prose prose-img:rounded-xl prose-headings:underline prose-a:text-blue-600">
|
||||||
{{ markdown }}
|
{{ markdown }}
|
||||||
</article>
|
</article>
|
||||||
</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~=“lead”]</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><article class="prose prose-a:text-blue-600 hover:prose-a:text-blue-500">
|
</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~=“lead”]</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><article class="prose prose-a:text-blue-600 hover:prose-a:text-blue-500">
|
||||||
{{ markdown }}
|
{{ markdown }}
|
||||||
</article>
|
</article>
|
||||||
</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
|
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><div class="grid grid-cols-4">
|
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><div class="grid grid-cols-4">
|
||||||
<div class="col-span-1">
|
<div class="col-span-1">
|
||||||
<!-- ... -->
|
<!-- ... -->
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -69,9 +501,11 @@ Each size modifier comes with a baked in max-width designed to keep the content
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</code></pre><h2 id=advanced-topics>Advanced topics</h2><p>
|
</code></pre><h2 id="advanced-topics">Advanced topics</h2>
|
||||||
|
<p>
|
||||||
Undoing typography styles
|
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><article class="prose">
|
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><article class="prose">
|
||||||
<h1>My Heading</h1>
|
<h1>My Heading</h1>
|
||||||
<p>...</p>
|
<p>...</p>
|
||||||
|
|
||||||
|
|
@ -83,7 +517,10 @@ If you have a block of markup embedded in some content that shouldn’t inherit
|
||||||
<!-- ... -->
|
<!-- ... -->
|
||||||
</article>
|
</article>
|
||||||
</code></pre><p>Note that you can’t nest new prose instances within a not-prose block at this time.
|
</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 = {
|
module.exports = {
|
||||||
theme: {
|
theme: {
|
||||||
extend: {
|
extend: {
|
||||||
|
|
@ -133,7 +570,10 @@ module.exports = {
|
||||||
],
|
],
|
||||||
}
|
}
|
||||||
</code></pre><p>See our internal style definitions for some more examples.
|
</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 = {
|
module.exports = {
|
||||||
theme: {
|
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> <article class="wysiwyg wysiwyg-slate lg:wysiwyg-xl">
|
</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> <article class="wysiwyg wysiwyg-slate lg:wysiwyg-xl">
|
||||||
<h1>My Heading</h1>
|
<h1>My Heading</h1>
|
||||||
<p>...</p>
|
<p>...</p>
|
||||||
|
|
||||||
|
|
@ -156,7 +597,9 @@ module.exports = {
|
||||||
<p>...</p>
|
<p>...</p>
|
||||||
<!-- ... -->
|
<!-- ... -->
|
||||||
</article>
|
</article>
|
||||||
</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 = {
|
module.exports = {
|
||||||
theme: {
|
theme: {
|
||||||
extend: {
|
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 = {
|
module.exports = {
|
||||||
theme: {
|
theme: {
|
||||||
extend: {
|
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>
|
</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>
|
||||||
<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>
|
<p>See the default styles for this plugin for more in-depth examples of configuring each modifier.</p>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
</article>
|
||||||
<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">© 2022
|
|
||||||
|
|
||||||
|
|
||||||
|
<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">© 2022
|
||||||
TailBliss. All rights
|
TailBliss. All rights
|
||||||
reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
reserved.</p>
|
||||||
|
<p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
<!DOCTYPE html>
|
||||||
<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">
|
<html lang="en">
|
||||||
<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>
|
<head>
|
||||||
<a class="block px-4 py-2 mt-2 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">
|
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
|
||||||
<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>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<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>
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<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>
|
<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
|
||||||
<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>
|
<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
|
||||||
<span aria-hidden=true>·</span>
|
<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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</span>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<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">© 2022
|
</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">© 2022
|
||||||
TailBliss. All rights
|
TailBliss. All rights
|
||||||
reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
reserved.</p>
|
||||||
|
<p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
<!DOCTYPE html>
|
||||||
<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">
|
<html lang="en">
|
||||||
<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>
|
<head>
|
||||||
<a class="block px-4 py-2 mt-2 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">
|
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
|
||||||
<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>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<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>
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<span aria-hidden=true>·</span>
|
<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">·</span>
|
||||||
<span>0 min
|
<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>
|
read</span>
|
||||||
<span aria-hidden=true>·</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">·</span>
|
||||||
<span>0 min
|
<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>
|
read</span>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<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">© 2022
|
</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">© 2022
|
||||||
TailBliss. All rights
|
TailBliss. All rights
|
||||||
reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
reserved.</p>
|
||||||
|
<p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
<!DOCTYPE html>
|
||||||
<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">
|
<html lang="en">
|
||||||
<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>
|
<head>
|
||||||
<a class="block px-4 py-2 mt-2 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">
|
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
|
||||||
<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>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<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>
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<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>
|
<link rel="apple-touch-icon" sizes="180x180" href="https://tailbliss.vercel.app/favicon/apple-touch-icon.png">
|
||||||
<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>
|
<link rel="icon" type="image/png" sizes="32x32" href="https://tailbliss.vercel.app/favicon/favicon-32x32.png">
|
||||||
<span aria-hidden=true>·</span>
|
<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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<span aria-hidden=true>·</span>
|
</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">·</span>
|
||||||
<span>2 min
|
<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>
|
read</span>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<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">© 2022
|
</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">© 2022
|
||||||
TailBliss. All rights
|
TailBliss. All rights
|
||||||
reserved.</p><p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
reserved.</p>
|
||||||
|
<p class="mt-2 text-base text-center text-gray-400">Made with ❤️ 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>
|
||||||
|
|
@ -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><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></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><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></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><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></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><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></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><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></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><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.</p></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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue