latest to wave website

thedevdojo · Oct 20, 2024 · 2852a92 · 2852a92
1 parent 5c7108b
commit 2852a92
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/includes/keys.html b/includes/keys.html
@@ -1,8 +1,8 @@
 <div class="fixed bottom-0 left-0 z-[999999] hidden p-3 space-x-2 xl:flex">
-    <button @keydown.left.window="$el.classList.remove('opacity-90')" @keyup.left.window="$el.classList.add('opacity-90')" class="relative flex items-center justify-center w-10 h-10 font-medium border border-gray-200 rounded-md shadow-sm opacity-90 bg-gradient-to-b from-white to-gray-50">
+    <button @click="document.getElementById('prev-active-button').click()" @keydown.left.window="$el.classList.remove('opacity-90')" @keyup.left.window="$el.classList.add('opacity-90')" class="relative flex items-center justify-center w-10 h-10 font-medium border border-gray-200 rounded-md shadow-sm opacity-90 bg-gradient-to-b from-white to-gray-50">
         <svg @keydown.left.window="$el.classList.remove('opacity-30')" @keyup.left.window="$el.classList.add('opacity-30')" class="flex-shrink-0 w-4 h-4 fill-current opacity-30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="none" d="M0 0h256v256H0z"/><path d="M163.06 40.61a8 8 0 0 0-8.72 1.73l-80 80a8 8 0 0 0 0 11.32l80 80A8 8 0 0 0 168 208V48a8 8 0 0 0-4.94-7.39Z"/></svg>
     </button>
-    <button @keydown.right.window="$el.classList.remove('opacity-90')" @keyup.right.window="$el.classList.add('opacity-90')" class="relative flex items-center justify-center w-10 h-10 font-medium border border-gray-200 rounded-md shadow-sm opacity-90 bg-gradient-to-b from-white to-gray-50">
+    <button @click="document.getElementById('next-active-button').click()" @keydown.right.window="$el.classList.remove('opacity-90')" @keyup.right.window="$el.classList.add('opacity-90')" class="relative flex items-center justify-center w-10 h-10 font-medium border border-gray-200 rounded-md shadow-sm opacity-90 bg-gradient-to-b from-white to-gray-50">
         <svg @keydown.right.window="$el.classList.remove('opacity-30')" @keyup.right.window="$el.classList.add('opacity-30')" class="flex-shrink-0 w-4 h-4 fill-current opacity-30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="none" d="M0 0h256v256H0z"/><path d="m181.66 122.34-80-80A8 8 0 0 0 88 48v160a8 8 0 0 0 13.66 5.66l80-80a8 8 0 0 0 0-11.32Z"/></svg>
     </button>
 </div>
diff --git a/pages/docs/[content].html b/pages/docs/[content].html
@@ -18,7 +18,7 @@
 
                     <div class="flex flex-row items-stretch justify-between gap-5 my-8">
                         <If condition="frontmatter.prevURL != 'undefined' && frontmatter.prevURL != null">
-                            <button hx-get="{ url('{frontmatter.prevURL}') }" @keyup.left.window="$el.click()" hx-target="#docs-content" hx-select="#docs-content" hx-swap="outerHTML" hx-push-url="true" @click="scrollTop(); route=$el.getAttribute('hx-get')"
+                            <button id="prev-active-button" hx-get="{ url('{frontmatter.prevURL}') }" @keyup.left.window="$el.click()" hx-target="#docs-content" hx-select="#docs-content" hx-swap="outerHTML" hx-push-url="true" @click="scrollTop(); route=$el.getAttribute('hx-get')"
                                 class="flex items-center w-full p-4 ease-linear border rounded-md shadow-sm md:w-1/2 duration-50 border-neutral-100 dark:border-transparent hover:bg-black hover:border-black text-neutral-600 dark:text-neutral-400 group hover:text-white">
                                 <svg class="mr-4 ml-1.5 w-6 h-6 duration-300 ease-out group-hover:-translate-x-1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="none"><path d="M3.75 12h16.5m-16.5 0l6.5 6.25M3.75 12l6.5-6.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>
                                 <div class="flex flex-col items-start justify-center">
@@ -35,7 +35,7 @@
                         </If>
 
                         <If condition="frontmatter.nextURL != null">
-                            <button hx-get="{ url('{frontmatter.nextURL}') }" @keyup.right.window="$el.click()" hx-target="#docs-content" hx-select="#docs-content" hx-swap="outerHTML" hx-push-url="true" @click="scrollTop(); route=$el.getAttribute('hx-get')"
+                            <button id="next-active-button" hx-get="{ url('{frontmatter.nextURL}') }" @keyup.right.window="$el.click()" hx-target="#docs-content" hx-select="#docs-content" hx-swap="outerHTML" hx-push-url="true" @click="scrollTop(); route=$el.getAttribute('hx-get')"
                                 class="flex items-center justify-end w-full p-4 ease-linear border rounded-md shadow-sm border-neutral-100 dark:border-transparent md:w-1/2 duration-50 hover:bg-black hover:border-black text-neutral-600 dark:text-neutral-400 group hover:text-white">
                                 <div class="flex flex-col items-end justify-center">
                                     <small>Next Page</small>