Merge pull request #28 from nusserstudios/dev

Updated home hero to use image processing.

layouts/index.html

@@ -33,8 +33,15 @@
                         Pipes. Images are optimized for use with Hugo Pipes for WebP format.</p>
                 </div>
                 <div class="col-span-6">
-                    <img src="/images/tailbliss-rocket-indigo.webp" width="100%" height="" alt=""
+                    {{ $hero := resources.GetMatch "images/pages/tailbliss-rocket-indigo.png" }}
-                         class="w-full max-w-xl mx-auto rounded-lg" alt="TailBliss Hero" />
+
+                    {{ $thumb := ($hero.Fill "400x400 webp q90") }}
+                    {{ $large := ($hero.Fill "576x576 webp q90") }}
+
+                    <img srcset="
+                        {{- with $thumb.RelPermalink -}}{{.}} 400w{{- end -}}
+                        {{- with $large.RelPermalink -}}, {{.}} 576w{{- end -}}" src="{{ $hero.RelPermalink }}"
+                         width="100%" height="" alt="TailBliss Hero" class="w-full max-w-xl mx-auto rounded-lg" />
                 </div>
             </div>
         </div>
@@ -182,18 +189,18 @@
                     </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">
-                    {{ $bannerOne := resources.GetMatch "images/pages/hacktoberfest.jpg" }}
+                    {{ $heroOne := resources.GetMatch "images/pages/hacktoberfest.jpg" }}
 
-                    {{ $tiny := ($bannerOne.Fit "480x280 q80") }}
+                    {{ $tiny := ($heroOne.Fit "480x280 q80") }}
-                    {{ $small := ($bannerOne.Fit "768x280 q80") }}
+                    {{ $small := ($heroOne.Fit "768x280 q80") }}
-                    {{ $medium := ($bannerOne.Fit "1024x280 q80") }}
+                    {{ $medium := ($heroOne.Fit "1024x280 q80") }}
-                    {{ $large := ($bannerOne.Fit "1374x1000 q80") }}
+                    {{ $large := ($heroOne.Fit "1374x1000 q80") }}
 
                     <img srcset="
                         {{- with $tiny.RelPermalink -}}{{.}} 480w{{- end -}}
                         {{- with $small.RelPermalink -}}, {{.}} 768w{{- end -}}
                         {{- with $medium.RelPermalink -}}, {{.}} 1024w{{- end -}}
-                        {{- with $large.RelPermalink -}}, {{.}} 1374w{{- end -}}" src="{{ $bannerOne.RelPermalink }}"
+                        {{- with $large.RelPermalink -}}, {{.}} 1374w{{- end -}}" src="{{ $heroOne.RelPermalink }}"
                          alt="TailBliss Hacktoberfest Image"
                          class="w-full rounded-lg shadow-xl lg:h-full lg:w-auto lg:max-w-none" />
                 </div>

public/index.html

@@ -6,7 +6,7 @@
 <span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
 <button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><main><div class="bg-gray-200 dark:bg-gray-900"><div class="max-w-screen-xl px-4 py-8 mx-auto"><div class="grid items-center gap-8 mb-8 sm:mb-0 lg:gap-12 lg:grid-cols-12"><div class="col-span-6 px-4 text-center sm:mb-6 lg:text-left lg:mb-0"><h1 class="mb-2 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl xl:text-6xl dark:text-white">TailBliss</h1><h2 class="pb-2 text-3xl font-light text-gray-800 dark:text-gray-300 md:text-4xl">Super Fast, and Flexible</h2><a href=https://github.com/nusserstudios/tailbliss class="inline-flex py-4 mx-auto space-x-4 sm:text-center"><span class="rounded bg-gray-50 px-2.5 py-1 text-sm font-bold text-gray-900">What's new</span>
 <span class="inline-flex items-center space-x-1 text-sm font-medium text-gray-800 dark:text-white"><span>Just shipped version 0.1.0</span><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentcolor" aria-hidden="true"><path fill-rule="evenodd" d="M7.21 14.77a.75.75.0 01.02-1.06L11.168 10 7.23 6.29a.75.75.0 111.04-1.08l4.5 4.25a.75.75.0 010 1.08l-4.5 4.25a.75.75.0 01-1.06-.02z" clip-rule="evenodd"/></svg></span></a><p class="max-w-xl mx-auto mb-6 font-normal text-gray-900 lg:mx-0 xl:mb-2 md:text-lg xl:text-xl dark:text-gray-50">A Hugo theme built with love, using TailwindCSS 3, Apline.JS, and Hugo
-Pipes. Images are optimized for use with Hugo Pipes for WebP format.</p></div><div class=col-span-6><img src=https://tailbliss.netlify.app/images/tailbliss-rocket-indigo.webp width=100% height alt class="w-full max-w-xl mx-auto rounded-lg" alt="TailBliss Hero"></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.netlify.app/images/pages/our-mission_hu9e41904be62b5e78e796dc304a702e2b_1640902_1440x1440_resize_q50_h2_box_3.webp width=1440 height=1440 class="absolute inset-0 object-cover w-full h-full" alt="TailBliss - Our Mission">
+Pipes. Images are optimized for use with Hugo Pipes for WebP format.</p></div><div class=col-span-6><img srcset="https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hubdd09c7b8ac3cbb02ad71fe6d1e63388_190013_480x280_fill_q90_box_smart1.jpg 480w, https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hubdd09c7b8ac3cbb02ad71fe6d1e63388_190013_768x280_fill_q90_box_smart1.jpg 768w, https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hubdd09c7b8ac3cbb02ad71fe6d1e63388_190013_1024x280_fill_q90_box_smart1.jpg 1024w, https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hubdd09c7b8ac3cbb02ad71fe6d1e63388_190013_1366x280_fill_q90_box_smart1.jpg 1366w" src=https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo.jpg 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.netlify.app/images/pages/our-mission_hu9e41904be62b5e78e796dc304a702e2b_1640902_1440x1440_resize_q50_h2_box_3.webp width=1440 height=1440 class="absolute inset-0 object-cover w-full h-full" alt="TailBliss - Our Mission">
 ><div class="absolute inset-0 bg-indigo-300 mix-blend-multiply"></div><div class="absolute inset-0 bg-gradient-to-t from-indigo-600 opacity-80"></div><div class="relative px-8"><div><img class=h-12 src=images/tailbliss-white.svg alt=Workcation></div><blockquote class=mt-8><div class="relative text-lg font-medium text-white md:flex-grow"><svg class="absolute top-0 left-0 w-8 h-8 transform -translate-x-3 -translate-y-2 text-indigo-400/30" fill="currentcolor" viewBox="0 0 32 32" aria-hidden="true"><path d="M9.352 4C4.456 7.456 1 13.12 1 19.36c0 5.088 3.072 8.064 6.624 8.064 3.36.0 5.856-2.688 5.856-5.856.0-3.168-2.208-5.472-5.088-5.472-.576.0-1.344.096-1.536.192.48-3.264 3.552-7.104 6.624-9.024L9.352 4zm16.512.0c-4.8 3.456-8.256 9.12-8.256 15.36.0 5.088 3.072 8.064 6.624 8.064 3.264.0 5.856-2.688 5.856-5.856.0-3.168-2.304-5.472-5.184-5.472-.576.0-1.248.096-1.44.192.48-3.264 3.456-7.104 6.528-9.024L25.864 4z"/></svg><p class=relative>Tincidunt integer commodo, cursus etiam
 aliquam neque, et. Consectetur pretium in volutpat, diam.
 Montes, magna cursus nulla feugiat dignissim id lobortis

public/page/2/index.html

@@ -6,7 +6,7 @@
 <span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
 <button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><main><div class="bg-gray-200 dark:bg-gray-900"><div class="max-w-screen-xl px-4 py-8 mx-auto"><div class="grid items-center gap-8 mb-8 sm:mb-0 lg:gap-12 lg:grid-cols-12"><div class="col-span-6 px-4 text-center sm:mb-6 lg:text-left lg:mb-0"><h1 class="mb-2 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl xl:text-6xl dark:text-white">TailBliss</h1><h2 class="pb-2 text-3xl font-light text-gray-800 dark:text-gray-300 md:text-4xl">Super Fast, and Flexible</h2><a href=https://github.com/nusserstudios/tailbliss class="inline-flex py-4 mx-auto space-x-4 sm:text-center"><span class="rounded bg-gray-50 px-2.5 py-1 text-sm font-bold text-gray-900">What's new</span>
 <span class="inline-flex items-center space-x-1 text-sm font-medium text-gray-800 dark:text-white"><span>Just shipped version 0.1.0</span><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentcolor" aria-hidden="true"><path fill-rule="evenodd" d="M7.21 14.77a.75.75.0 01.02-1.06L11.168 10 7.23 6.29a.75.75.0 111.04-1.08l4.5 4.25a.75.75.0 010 1.08l-4.5 4.25a.75.75.0 01-1.06-.02z" clip-rule="evenodd"/></svg></span></a><p class="max-w-xl mx-auto mb-6 font-normal text-gray-900 lg:mx-0 xl:mb-2 md:text-lg xl:text-xl dark:text-gray-50">A Hugo theme built with love, using TailwindCSS 3, Apline.JS, and Hugo
-Pipes. Images are optimized for use with Hugo Pipes for WebP format.</p></div><div class=col-span-6><img src=https://tailbliss.netlify.app/images/tailbliss-rocket-indigo.webp width=100% height alt class="w-full max-w-xl mx-auto rounded-lg" alt="TailBliss Hero"></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.netlify.app/images/pages/our-mission_hu9e41904be62b5e78e796dc304a702e2b_1640902_1440x1440_resize_q50_h2_box_3.webp width=1440 height=1440 class="absolute inset-0 object-cover w-full h-full" alt="TailBliss - Our Mission">
+Pipes. Images are optimized for use with Hugo Pipes for WebP format.</p></div><div class=col-span-6><img srcset="https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hubdd09c7b8ac3cbb02ad71fe6d1e63388_190013_480x280_fill_q90_box_smart1.jpg 480w, https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hubdd09c7b8ac3cbb02ad71fe6d1e63388_190013_768x280_fill_q90_box_smart1.jpg 768w, https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hubdd09c7b8ac3cbb02ad71fe6d1e63388_190013_1024x280_fill_q90_box_smart1.jpg 1024w, https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hubdd09c7b8ac3cbb02ad71fe6d1e63388_190013_1366x280_fill_q90_box_smart1.jpg 1366w" src=https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo.jpg 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.netlify.app/images/pages/our-mission_hu9e41904be62b5e78e796dc304a702e2b_1640902_1440x1440_resize_q50_h2_box_3.webp width=1440 height=1440 class="absolute inset-0 object-cover w-full h-full" alt="TailBliss - Our Mission">
 ><div class="absolute inset-0 bg-indigo-300 mix-blend-multiply"></div><div class="absolute inset-0 bg-gradient-to-t from-indigo-600 opacity-80"></div><div class="relative px-8"><div><img class=h-12 src=images/tailbliss-white.svg alt=Workcation></div><blockquote class=mt-8><div class="relative text-lg font-medium text-white md:flex-grow"><svg class="absolute top-0 left-0 w-8 h-8 transform -translate-x-3 -translate-y-2 text-indigo-400/30" fill="currentcolor" viewBox="0 0 32 32" aria-hidden="true"><path d="M9.352 4C4.456 7.456 1 13.12 1 19.36c0 5.088 3.072 8.064 6.624 8.064 3.36.0 5.856-2.688 5.856-5.856.0-3.168-2.208-5.472-5.088-5.472-.576.0-1.344.096-1.536.192.48-3.264 3.552-7.104 6.624-9.024L9.352 4zm16.512.0c-4.8 3.456-8.256 9.12-8.256 15.36.0 5.088 3.072 8.064 6.624 8.064 3.264.0 5.856-2.688 5.856-5.856.0-3.168-2.304-5.472-5.184-5.472-.576.0-1.248.096-1.44.192.48-3.264 3.456-7.104 6.528-9.024L25.864 4z"/></svg><p class=relative>Tincidunt integer commodo, cursus etiam
 aliquam neque, et. Consectetur pretium in volutpat, diam.
 Montes, magna cursus nulla feugiat dignissim id lobortis

public/page/3/index.html

@@ -6,7 +6,7 @@
 <span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
 <button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><main><div class="bg-gray-200 dark:bg-gray-900"><div class="max-w-screen-xl px-4 py-8 mx-auto"><div class="grid items-center gap-8 mb-8 sm:mb-0 lg:gap-12 lg:grid-cols-12"><div class="col-span-6 px-4 text-center sm:mb-6 lg:text-left lg:mb-0"><h1 class="mb-2 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl xl:text-6xl dark:text-white">TailBliss</h1><h2 class="pb-2 text-3xl font-light text-gray-800 dark:text-gray-300 md:text-4xl">Super Fast, and Flexible</h2><a href=https://github.com/nusserstudios/tailbliss class="inline-flex py-4 mx-auto space-x-4 sm:text-center"><span class="rounded bg-gray-50 px-2.5 py-1 text-sm font-bold text-gray-900">What's new</span>
 <span class="inline-flex items-center space-x-1 text-sm font-medium text-gray-800 dark:text-white"><span>Just shipped version 0.1.0</span><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentcolor" aria-hidden="true"><path fill-rule="evenodd" d="M7.21 14.77a.75.75.0 01.02-1.06L11.168 10 7.23 6.29a.75.75.0 111.04-1.08l4.5 4.25a.75.75.0 010 1.08l-4.5 4.25a.75.75.0 01-1.06-.02z" clip-rule="evenodd"/></svg></span></a><p class="max-w-xl mx-auto mb-6 font-normal text-gray-900 lg:mx-0 xl:mb-2 md:text-lg xl:text-xl dark:text-gray-50">A Hugo theme built with love, using TailwindCSS 3, Apline.JS, and Hugo
-Pipes. Images are optimized for use with Hugo Pipes for WebP format.</p></div><div class=col-span-6><img src=https://tailbliss.netlify.app/images/tailbliss-rocket-indigo.webp width=100% height alt class="w-full max-w-xl mx-auto rounded-lg" alt="TailBliss Hero"></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.netlify.app/images/pages/our-mission_hu9e41904be62b5e78e796dc304a702e2b_1640902_1440x1440_resize_q50_h2_box_3.webp width=1440 height=1440 class="absolute inset-0 object-cover w-full h-full" alt="TailBliss - Our Mission">
+Pipes. Images are optimized for use with Hugo Pipes for WebP format.</p></div><div class=col-span-6><img srcset="https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hubdd09c7b8ac3cbb02ad71fe6d1e63388_190013_480x280_fill_q90_box_smart1.jpg 480w, https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hubdd09c7b8ac3cbb02ad71fe6d1e63388_190013_768x280_fill_q90_box_smart1.jpg 768w, https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hubdd09c7b8ac3cbb02ad71fe6d1e63388_190013_1024x280_fill_q90_box_smart1.jpg 1024w, https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hubdd09c7b8ac3cbb02ad71fe6d1e63388_190013_1366x280_fill_q90_box_smart1.jpg 1366w" src=https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo.jpg 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.netlify.app/images/pages/our-mission_hu9e41904be62b5e78e796dc304a702e2b_1640902_1440x1440_resize_q50_h2_box_3.webp width=1440 height=1440 class="absolute inset-0 object-cover w-full h-full" alt="TailBliss - Our Mission">
 ><div class="absolute inset-0 bg-indigo-300 mix-blend-multiply"></div><div class="absolute inset-0 bg-gradient-to-t from-indigo-600 opacity-80"></div><div class="relative px-8"><div><img class=h-12 src=images/tailbliss-white.svg alt=Workcation></div><blockquote class=mt-8><div class="relative text-lg font-medium text-white md:flex-grow"><svg class="absolute top-0 left-0 w-8 h-8 transform -translate-x-3 -translate-y-2 text-indigo-400/30" fill="currentcolor" viewBox="0 0 32 32" aria-hidden="true"><path d="M9.352 4C4.456 7.456 1 13.12 1 19.36c0 5.088 3.072 8.064 6.624 8.064 3.36.0 5.856-2.688 5.856-5.856.0-3.168-2.208-5.472-5.088-5.472-.576.0-1.344.096-1.536.192.48-3.264 3.552-7.104 6.624-9.024L9.352 4zm16.512.0c-4.8 3.456-8.256 9.12-8.256 15.36.0 5.088 3.072 8.064 6.624 8.064 3.264.0 5.856-2.688 5.856-5.856.0-3.168-2.304-5.472-5.184-5.472-.576.0-1.248.096-1.44.192.48-3.264 3.456-7.104 6.528-9.024L25.864 4z"/></svg><p class=relative>Tincidunt integer commodo, cursus etiam
 aliquam neque, et. Consectetur pretium in volutpat, diam.
 Montes, magna cursus nulla feugiat dignissim id lobortis

public/page/4/index.html

@@ -6,7 +6,7 @@
 <span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
 <button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><main><div class="bg-gray-200 dark:bg-gray-900"><div class="max-w-screen-xl px-4 py-8 mx-auto"><div class="grid items-center gap-8 mb-8 sm:mb-0 lg:gap-12 lg:grid-cols-12"><div class="col-span-6 px-4 text-center sm:mb-6 lg:text-left lg:mb-0"><h1 class="mb-2 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl xl:text-6xl dark:text-white">TailBliss</h1><h2 class="pb-2 text-3xl font-light text-gray-800 dark:text-gray-300 md:text-4xl">Super Fast, and Flexible</h2><a href=https://github.com/nusserstudios/tailbliss class="inline-flex py-4 mx-auto space-x-4 sm:text-center"><span class="rounded bg-gray-50 px-2.5 py-1 text-sm font-bold text-gray-900">What's new</span>
 <span class="inline-flex items-center space-x-1 text-sm font-medium text-gray-800 dark:text-white"><span>Just shipped version 0.1.0</span><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentcolor" aria-hidden="true"><path fill-rule="evenodd" d="M7.21 14.77a.75.75.0 01.02-1.06L11.168 10 7.23 6.29a.75.75.0 111.04-1.08l4.5 4.25a.75.75.0 010 1.08l-4.5 4.25a.75.75.0 01-1.06-.02z" clip-rule="evenodd"/></svg></span></a><p class="max-w-xl mx-auto mb-6 font-normal text-gray-900 lg:mx-0 xl:mb-2 md:text-lg xl:text-xl dark:text-gray-50">A Hugo theme built with love, using TailwindCSS 3, Apline.JS, and Hugo
-Pipes. Images are optimized for use with Hugo Pipes for WebP format.</p></div><div class=col-span-6><img src=https://tailbliss.netlify.app/images/tailbliss-rocket-indigo.webp width=100% height alt class="w-full max-w-xl mx-auto rounded-lg" alt="TailBliss Hero"></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.netlify.app/images/pages/our-mission_hu9e41904be62b5e78e796dc304a702e2b_1640902_1440x1440_resize_q50_h2_box_3.webp width=1440 height=1440 class="absolute inset-0 object-cover w-full h-full" alt="TailBliss - Our Mission">
+Pipes. Images are optimized for use with Hugo Pipes for WebP format.</p></div><div class=col-span-6><img srcset="https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hubdd09c7b8ac3cbb02ad71fe6d1e63388_190013_480x280_fill_q90_box_smart1.jpg 480w, https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hubdd09c7b8ac3cbb02ad71fe6d1e63388_190013_768x280_fill_q90_box_smart1.jpg 768w, https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hubdd09c7b8ac3cbb02ad71fe6d1e63388_190013_1024x280_fill_q90_box_smart1.jpg 1024w, https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hubdd09c7b8ac3cbb02ad71fe6d1e63388_190013_1366x280_fill_q90_box_smart1.jpg 1366w" src=https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo.jpg 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.netlify.app/images/pages/our-mission_hu9e41904be62b5e78e796dc304a702e2b_1640902_1440x1440_resize_q50_h2_box_3.webp width=1440 height=1440 class="absolute inset-0 object-cover w-full h-full" alt="TailBliss - Our Mission">
 ><div class="absolute inset-0 bg-indigo-300 mix-blend-multiply"></div><div class="absolute inset-0 bg-gradient-to-t from-indigo-600 opacity-80"></div><div class="relative px-8"><div><img class=h-12 src=images/tailbliss-white.svg alt=Workcation></div><blockquote class=mt-8><div class="relative text-lg font-medium text-white md:flex-grow"><svg class="absolute top-0 left-0 w-8 h-8 transform -translate-x-3 -translate-y-2 text-indigo-400/30" fill="currentcolor" viewBox="0 0 32 32" aria-hidden="true"><path d="M9.352 4C4.456 7.456 1 13.12 1 19.36c0 5.088 3.072 8.064 6.624 8.064 3.36.0 5.856-2.688 5.856-5.856.0-3.168-2.208-5.472-5.088-5.472-.576.0-1.344.096-1.536.192.48-3.264 3.552-7.104 6.624-9.024L9.352 4zm16.512.0c-4.8 3.456-8.256 9.12-8.256 15.36.0 5.088 3.072 8.064 6.624 8.064 3.264.0 5.856-2.688 5.856-5.856.0-3.168-2.304-5.472-5.184-5.472-.576.0-1.248.096-1.44.192.48-3.264 3.456-7.104 6.528-9.024L25.864 4z"/></svg><p class=relative>Tincidunt integer commodo, cursus etiam
 aliquam neque, et. Consectetur pretium in volutpat, diam.
 Montes, magna cursus nulla feugiat dignissim id lobortis

public/page/5/index.html

@@ -6,7 +6,7 @@
 <span>Dropdown</span><svg fill="currentcolor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-show=open x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen"><div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900"><div class="grid grid-cols-1 gap-4"><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16 2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><div class=ml-3><p class=font-semibold>Appearance</p><p class=text-sm>Easy customization</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863.0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></div><div class=ml-3><p class=font-semibold>Comments</p><p class=text-sm>Check your latest comments</p></div></a><a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=#><div class="p-3 text-white bg-indigo-600 rounded-lg group-hover:bg-gray-900"><svg fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-4 h-4 md:h-6 md:w-6"><path d="M11 3.055A9.001 9.001.0 1020.945 13H11V3.055z"/><path d="M20.488 9H15V3.512A9.025 9.025.0 0120.488 9z"/></svg></div><div class=ml-3><p class=font-semibold>Analytics</p><p class=text-sm>Take a look at your statistics</p></div></a></div></div></div></div><a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:text-white hover:bg-indigo-600 focus:bg-indigo-700 focus:outline-none focus:shadow-outline" href=https://tailbliss.netlify.app/contact>Contact</a>
 <button id=theme-toggle type=button class="p-2 text-sm text-gray-500 rounded-lg md: dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 md:ml-2 max-w-5 xs:hidden"><svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-5 h-5" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></nav></div></div><main><div class="bg-gray-200 dark:bg-gray-900"><div class="max-w-screen-xl px-4 py-8 mx-auto"><div class="grid items-center gap-8 mb-8 sm:mb-0 lg:gap-12 lg:grid-cols-12"><div class="col-span-6 px-4 text-center sm:mb-6 lg:text-left lg:mb-0"><h1 class="mb-2 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl xl:text-6xl dark:text-white">TailBliss</h1><h2 class="pb-2 text-3xl font-light text-gray-800 dark:text-gray-300 md:text-4xl">Super Fast, and Flexible</h2><a href=https://github.com/nusserstudios/tailbliss class="inline-flex py-4 mx-auto space-x-4 sm:text-center"><span class="rounded bg-gray-50 px-2.5 py-1 text-sm font-bold text-gray-900">What's new</span>
 <span class="inline-flex items-center space-x-1 text-sm font-medium text-gray-800 dark:text-white"><span>Just shipped version 0.1.0</span><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentcolor" aria-hidden="true"><path fill-rule="evenodd" d="M7.21 14.77a.75.75.0 01.02-1.06L11.168 10 7.23 6.29a.75.75.0 111.04-1.08l4.5 4.25a.75.75.0 010 1.08l-4.5 4.25a.75.75.0 01-1.06-.02z" clip-rule="evenodd"/></svg></span></a><p class="max-w-xl mx-auto mb-6 font-normal text-gray-900 lg:mx-0 xl:mb-2 md:text-lg xl:text-xl dark:text-gray-50">A Hugo theme built with love, using TailwindCSS 3, Apline.JS, and Hugo
-Pipes. Images are optimized for use with Hugo Pipes for WebP format.</p></div><div class=col-span-6><img src=https://tailbliss.netlify.app/images/tailbliss-rocket-indigo.webp width=100% height alt class="w-full max-w-xl mx-auto rounded-lg" alt="TailBliss Hero"></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.netlify.app/images/pages/our-mission_hu9e41904be62b5e78e796dc304a702e2b_1640902_1440x1440_resize_q50_h2_box_3.webp width=1440 height=1440 class="absolute inset-0 object-cover w-full h-full" alt="TailBliss - Our Mission">
+Pipes. Images are optimized for use with Hugo Pipes for WebP format.</p></div><div class=col-span-6><img srcset="https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hubdd09c7b8ac3cbb02ad71fe6d1e63388_190013_480x280_fill_q90_box_smart1.jpg 480w, https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hubdd09c7b8ac3cbb02ad71fe6d1e63388_190013_768x280_fill_q90_box_smart1.jpg 768w, https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hubdd09c7b8ac3cbb02ad71fe6d1e63388_190013_1024x280_fill_q90_box_smart1.jpg 1024w, https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo_hubdd09c7b8ac3cbb02ad71fe6d1e63388_190013_1366x280_fill_q90_box_smart1.jpg 1366w" src=https://tailbliss.netlify.app/images/pages/tailbliss-rocket-indigo.jpg 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.netlify.app/images/pages/our-mission_hu9e41904be62b5e78e796dc304a702e2b_1640902_1440x1440_resize_q50_h2_box_3.webp width=1440 height=1440 class="absolute inset-0 object-cover w-full h-full" alt="TailBliss - Our Mission">
 ><div class="absolute inset-0 bg-indigo-300 mix-blend-multiply"></div><div class="absolute inset-0 bg-gradient-to-t from-indigo-600 opacity-80"></div><div class="relative px-8"><div><img class=h-12 src=images/tailbliss-white.svg alt=Workcation></div><blockquote class=mt-8><div class="relative text-lg font-medium text-white md:flex-grow"><svg class="absolute top-0 left-0 w-8 h-8 transform -translate-x-3 -translate-y-2 text-indigo-400/30" fill="currentcolor" viewBox="0 0 32 32" aria-hidden="true"><path d="M9.352 4C4.456 7.456 1 13.12 1 19.36c0 5.088 3.072 8.064 6.624 8.064 3.36.0 5.856-2.688 5.856-5.856.0-3.168-2.208-5.472-5.088-5.472-.576.0-1.344.096-1.536.192.48-3.264 3.552-7.104 6.624-9.024L9.352 4zm16.512.0c-4.8 3.456-8.256 9.12-8.256 15.36.0 5.088 3.072 8.064 6.624 8.064 3.264.0 5.856-2.688 5.856-5.856.0-3.168-2.304-5.472-5.184-5.472-.576.0-1.248.096-1.44.192.48-3.264 3.456-7.104 6.528-9.024L25.864 4z"/></svg><p class=relative>Tincidunt integer commodo, cursus etiam
 aliquam neque, et. Consectetur pretium in volutpat, diam.
 Montes, magna cursus nulla feugiat dignissim id lobortis

resources/_gen/assets/css/css/style.css_ad9a12809e06de71aca16e9138fbecf4.content

@@ -2436,14 +2436,6 @@ video {
   margin-top: -18rem;
 }
 
-.mb-1\.5 {
-  margin-bottom: 0.375rem;
-}
-
-.mb-1 {
-  margin-bottom: 0.25rem;
-}
-
 .mt-10 {
   margin-top: 2.5rem;
 }
@@ -2616,14 +2608,6 @@ video {
   max-width: none;
 }
 
-.max-w-6xl {
-  max-width: 72rem;
-}
-
-.max-w-screen-lg {
-  max-width: 1024px;
-}
-
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -3082,16 +3066,12 @@ video {
   padding-bottom: 4rem;
 }
 
-.pt-4 {
-  padding-top: 1rem;
-}
-
 .pt-2 {
   padding-top: 0.5rem;
 }
 
-.pt-12 {
+.pt-4 {
-  padding-top: 3rem;
+  padding-top: 1rem;
 }
 
 .text-left {