making hp updates

assets/js/main.js

@@ -23,13 +23,15 @@ domReadyLoop();
 
 document.addEventListener("DOMContentLoaded", function() {
 
+    console.log('what');
     loadGsapAnimations();
     createRadialBackgrounds();
     updateTOC();
     addHeadingsToTOC();
     renderSmoothAnchorLinks();
     window.dispatchEvent(new CustomEvent('set-route', { detail: { route: window.location.pathname } }));
     removeHTMXloadingStates();
+
     changeDocsContentMobile();
     // if (typeof document.startViewTransition === "function") {
     //     document.startViewTransition(() => updateTheDOMSomehow(data));
@@ -50,8 +52,7 @@ removeHTMXloadingStates = function(){
 changeDocsContentMobile = function(){
     document.querySelectorAll('[hx-target="#docs-content"]').forEach(element => {
         element.addEventListener('click', function(){
-            console.log('happened');
-            if (window.innerWidth < 768 && window.location.href == document.getElementById('home_url').value) {
+            if (window.innerWidth < 768 && (window.location.href == document.getElementById('home_url').value || window.location.pathname.replace(/^\/|\/$/g, '') == document.getElementById('home_url').value.replace(/^\/|\/$/g, ''))  ) {
                 window.location.href = element.getAttribute('hx-get');
             }
         });

includes/home/browser-tab-pages.html

@@ -2,7 +2,7 @@
     <div class="mx-auto">
         <div class="mx-auto mb-12 text-left md:text-center md:max-w-3xl">
             <span class="inline-block mb-4 text-sm font-medium tracking-tighter uppercase text-[#a9fd02]">Premium Authentication Experience</span>
-            <h2 class="text-3xl font-normal text-white sm:text-4xl md:text-6xl md:leading-tight font-rota">Plug-and-Play Auth<span class="hidden md:inline">entication</span> Pages for Your App<span class="hidden md:inline">lication</span></h2>
+            <h2 class="text-2xl font-normal text-white text-balance sm:text-4xl md:text-6xl md:leading-tight font-rota">Plug-and-Play Auth<span class="hidden md:inline">entication</span> Pages for Your App<span class="hidden md:inline">lication</span></h2>
         </div>
         <div class="flex relative justify-center items-center py-0 w-full">
             <div class="overflow-hidden absolute inset-0 z-10 w-full h-full">

includes/home/customize.html

@@ -2,7 +2,7 @@
     <div class="container px-6 mx-auto max-w-6xl lg:px-8">
         <div class="mx-auto mb-12 text-left md:text-center md:max-w-4xl">
             <span class="inline-block mb-4 text-sm font-medium tracking-tighter uppercase text-[#a9fd02]">Easily make it your own</span>
-            <h2 class="text-3xl font-normal text-white sm:text-4xl md:text-6xl md:leading-tight font-rota">Customize and Configure<br class="hidden md:block"> With Just a Few Clicks</h2>
+            <h2 class="text-2xl font-normal text-white text-balance sm:text-4xl md:text-6xl md:leading-tight font-rota">Customize and Configure<br class="hidden md:block"> With Just a Few Clicks</h2>
         </div>
 
         <div class="overflow-hidden relative px-16 pt-16 mb-10 rounded-xl border sm:pt-24 md:py-24 border-zinc-700 bg-zinc-950 radial-background">

includes/home/hero.html

@@ -14,9 +14,9 @@
         <div class="relative w-full h-px"></div>
         <!-- Heading Content -->
         <div class="pt-16 mx-auto max-w-5xl text-left lg:pt-24 sm:text-center">
-            <h1 class="pb-4 mb-2 text-4xl font-medium text-white font-rota md:leading-tight sm:text-5xl lg:text-7xl">Customizable, Drop-in Ready <br class="hidden md:block"> Authentication for Laravel</h1>
+            <h1 class="pb-4 mb-2 text-3xl font-medium text-white text-balance font-rota md:leading-tight sm:text-5xl lg:text-7xl">Customizable, Drop-in Ready <br class="hidden md:block"> Authentication for Laravel</h1>
             <!-- Seamless & Configurable Authentication for Laravel -->
-            <p class="mx-auto mb-8 text-base font-light leading-relaxed text-white opacity-80 sm:max-w-xl lg:max-w-3xl sm:text-base lg:text-xl lg:mb-12 text-balance">Easily add Login, Registration, Email Verification, Forgot Password, Social Login, and Two-Factor Auth in a SNAP! Then, easily customize it to fit your brand. </p>
+            <p class="mx-auto mb-8 text-sm font-light leading-relaxed text-white opacity-80 text-balance sm:max-w-xl lg:max-w-3xl sm:text-base lg:text-xl lg:mb-12">Easily add Login, Registration, Email Verification, Forgot Password, Social Login, and Two-Factor Auth in a SNAP! Then, easily customize it to fit your brand. </p>
 
             <div class="relative hover:scale-[1.03] ease-out mb-0 duration-300 bg-pink-200 rounded-lg w-full sm:max-w-sm mx-auto [background:linear-gradient(45deg,#090912,theme(colors.black)_50%,#090912)_padding-box,conic-gradient(from_var(--border-angle),theme(colors.slate.900/.48)_80%,_#75a522_86%,_#bcfb4f_90%,_#75a522_94%,_theme(colors.slate.900/.48))_border-box] border border-transparent animate-border">
                 <div class="relative mx-auto w-full h-auto font-mono text-base font-medium text-left text-white bg-gradient-to-br to-black rounded-lg border shadow-sm duration-300 ease-out sm:inline-block border-zinc-700 radial-background group from-neutral-900">

includes/home/never-worry.html

@@ -2,7 +2,7 @@
     <div class="relative p-px rounded-xl group">
         <div class="flex isolate overflow-hidden relative z-50 flex-col items-center p-8 bg-gradient-to-r from-black rounded-xl border sm:p-16 md:flex-row radial-background to-zinc-900 border-zinc-700">
             <div class="mx-auto text-left md:pr-10 sm:max-w-md md:max-w-full">
-                <h2 class="mb-2 text-2xl font-bold text-white sm:mb-6 sm:text-3xl md:text-4xl tracking-tighter-xl font-rota">Never Worry About Auth Again</h2>
+                <h2 class="mb-2 text-2xl font-bold text-white text-balance sm:mb-6 sm:text-3xl md:text-4xl tracking-tighter-xl font-rota">Never Worry About Auth Again</h2>
                 <p class="text-white text-opacity-60">Our <a href="https://github.com/thedevdojo/auth/blob/main/resources/workflows/auth.yml" target="_blank" class="text-white underline">GitHub action</a> will ensure your auth is fully functional. Setup is lickity split! Now, you can focus on what you do best — building great applications.</p>
             </div>
             <div class="flex flex-shrink-0 justify-start items-center mt-5 w-full sm:max-w-md md:max-w-full md:justify-center md:w-auto md:mt-0">

layouts/main.html

@@ -104,6 +104,12 @@
               console.log(slug);
           }, 100);
         },
+        routeIsCurrentlyHomepage(){
+          if(this.route.replace(/^\/|\/$/g, '') == document.getElementById('home_url').value.replace(/^\/|\/$/g, '')){
+            return true;
+          }
+          return false;
+        }
           }"
       x-init="