Merge pull request #2683 from fshowalter/draft

draft
fshowalter · Jul 30, 2024 · f471224 · f471224 · github-actions · Jul 30, 2024
2 parents 440ec42 + b60d5ab
commit f471224
Show file tree

Hide file tree

Showing 70 changed files with 950 additions and 748 deletions.
diff --git a/src/components/Layout/Mast.tsx b/src/components/Layout/Mast.tsx
@@ -34,7 +34,7 @@ export function Mast({ currentPath }: { currentPath: string }) {
               d="M6.5 12a5.5 5.5 0 100-11 5.5 5.5 0 000 11zM13 6.5a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z"
             />
           </svg>
-          <span className="flex items-baseline p-2 text-base opacity-70">
+          <span className="flex items-baseline whitespace-nowrap p-2 text-base opacity-70">
             Quick search...
           </span>
           <kbd className="ml-auto mr-[1ch] mt-px flex min-h-6 flex-none items-center bg-subtle pl-3 pr-4 font-mono text-sm font-light opacity-70">

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -55,24 +55,25 @@ const pathname = new URL(Astro.request.url).pathname;
       <slot />
     </LayoutComponent>
     <dialog
-      class="w-[76vh] rounded-xl border-2 border-default shadow-xl"
+      class="w-[75vw] rounded-xl border-2 border-default shadow-xl"
       aria-label="Search"
     >
-      <div
-        class="dialog-frame flex overflow-hidden py-4 pl-gutter pr-[calc(var(--gutter-width)_-_1rem)]"
-      >
+      <div class="dialog-frame flex flex-col overflow-hidden px-gutter py-4">
         {
           (
             <div class="flex-grow">
               <div id="pagefind__search" />
             </div>
           )
         }
-        <button
-          data-close-modal
-          class="ml-2 self-start p-4 font-mono text-xs text-subtle"
-          ><kbd>ESC</kbd></button
-        >
+        <div class="pt-4 text-sm text-subtle">
+          <kbd class="bg-subtle p-2 font-mono">Tab</kbd> to navigate
+          <button
+            data-close-modal
+            class="ml-2 self-start bg-subtle p-2 font-mono text-xs text-subtle"
+            ><kbd>ESC</kbd></button
+          > to close
+        </div>
       </div>
     </dialog>
   </body>

diff --git a/src/pages/__snapshots__/404.html b/src/pages/__snapshots__/404.html
@@ -63,7 +63,8 @@
                   fill-rule="evenodd"
                   d="M6.5 12a5.5 5.5 0 100-11 5.5 5.5 0 000 11zM13 6.5a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z"
                 ></path></svg
-              ><span class="flex items-baseline p-2 text-base opacity-70"
+              ><span
+                class="flex items-baseline whitespace-nowrap p-2 text-base opacity-70"
                 >Quick search...</span
               ><kbd
                 class="ml-auto mr-[1ch] mt-px flex min-h-6 flex-none items-center bg-subtle pl-3 pr-4 font-mono text-sm font-light opacity-70"
@@ -464,19 +465,21 @@
       </div>
     </div>
     <dialog
-      class="w-[76vh] rounded-xl border-2 border-default shadow-xl"
+      class="w-[75vw] rounded-xl border-2 border-default shadow-xl"
       aria-label="Search"
     >
-      <div
-        class="dialog-frame flex overflow-hidden py-4 pl-gutter pr-[calc(var(--gutter-width)_-_1rem)]"
-      >
+      <div class="dialog-frame flex flex-col overflow-hidden px-gutter py-4">
         <div class="flex-grow"><div id="pagefind__search"></div></div>
-        <button
-          data-close-modal
-          class="ml-2 self-start p-4 font-mono text-xs text-subtle"
-        >
-          <kbd>ESC</kbd>
-        </button>
+        <div class="pt-4 text-sm text-subtle">
+          <kbd class="bg-subtle p-2 font-mono">Tab</kbd> to navigate
+          <button
+            data-close-modal
+            class="ml-2 self-start bg-subtle p-2 font-mono text-xs text-subtle"
+          >
+            <kbd>ESC</kbd>
+          </button>
+          to close
+        </div>
       </div>
     </dialog>
     <script>

diff --git a/src/pages/__snapshots__/gone.html b/src/pages/__snapshots__/gone.html
@@ -66,7 +66,8 @@
                   fill-rule="evenodd"
                   d="M6.5 12a5.5 5.5 0 100-11 5.5 5.5 0 000 11zM13 6.5a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z"
                 ></path></svg
-              ><span class="flex items-baseline p-2 text-base opacity-70"
+              ><span
+                class="flex items-baseline whitespace-nowrap p-2 text-base opacity-70"
                 >Quick search...</span
               ><kbd
                 class="ml-auto mr-[1ch] mt-px flex min-h-6 flex-none items-center bg-subtle pl-3 pr-4 font-mono text-sm font-light opacity-70"
@@ -450,19 +451,21 @@
       </div>
     </div>
     <dialog
-      class="w-[76vh] rounded-xl border-2 border-default shadow-xl"
+      class="w-[75vw] rounded-xl border-2 border-default shadow-xl"
       aria-label="Search"
     >
-      <div
-        class="dialog-frame flex overflow-hidden py-4 pl-gutter pr-[calc(var(--gutter-width)_-_1rem)]"
-      >
+      <div class="dialog-frame flex flex-col overflow-hidden px-gutter py-4">
         <div class="flex-grow"><div id="pagefind__search"></div></div>
-        <button
-          data-close-modal
-          class="ml-2 self-start p-4 font-mono text-xs text-subtle"
-        >
-          <kbd>ESC</kbd>
-        </button>
+        <div class="pt-4 text-sm text-subtle">
+          <kbd class="bg-subtle p-2 font-mono">Tab</kbd> to navigate
+          <button
+            data-close-modal
+            class="ml-2 self-start bg-subtle p-2 font-mono text-xs text-subtle"
+          >
+            <kbd>ESC</kbd>
+          </button>
+          to close
+        </div>
       </div>
     </dialog>
     <script>

diff --git a/src/pages/__snapshots__/how-i-grade.html b/src/pages/__snapshots__/how-i-grade.html
@@ -69,7 +69,8 @@
                   fill-rule="evenodd"
                   d="M6.5 12a5.5 5.5 0 100-11 5.5 5.5 0 000 11zM13 6.5a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z"
                 ></path></svg
-              ><span class="flex items-baseline p-2 text-base opacity-70"
+              ><span
+                class="flex items-baseline whitespace-nowrap p-2 text-base opacity-70"
                 >Quick search...</span
               ><kbd
                 class="ml-auto mr-[1ch] mt-px flex min-h-6 flex-none items-center bg-subtle pl-3 pr-4 font-mono text-sm font-light opacity-70"
@@ -569,19 +570,21 @@ <h2>On Abandoning Books</h2>
       </div>
     </div>
     <dialog
-      class="w-[76vh] rounded-xl border-2 border-default shadow-xl"
+      class="w-[75vw] rounded-xl border-2 border-default shadow-xl"
       aria-label="Search"
     >
-      <div
-        class="dialog-frame flex overflow-hidden py-4 pl-gutter pr-[calc(var(--gutter-width)_-_1rem)]"
-      >
+      <div class="dialog-frame flex flex-col overflow-hidden px-gutter py-4">
         <div class="flex-grow"><div id="pagefind__search"></div></div>
-        <button
-          data-close-modal
-          class="ml-2 self-start p-4 font-mono text-xs text-subtle"
-        >
-          <kbd>ESC</kbd>
-        </button>
+        <div class="pt-4 text-sm text-subtle">
+          <kbd class="bg-subtle p-2 font-mono">Tab</kbd> to navigate
+          <button
+            data-close-modal
+            class="ml-2 self-start bg-subtle p-2 font-mono text-xs text-subtle"
+          >
+            <kbd>ESC</kbd>
+          </button>
+          to close
+        </div>
       </div>
     </dialog>
     <script>

diff --git a/src/pages/__snapshots__/index.html b/src/pages/__snapshots__/index.html
@@ -68,7 +68,8 @@
                   fill-rule="evenodd"
                   d="M6.5 12a5.5 5.5 0 100-11 5.5 5.5 0 000 11zM13 6.5a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z"
                 ></path></svg
-              ><span class="flex items-baseline p-2 text-base opacity-70"
+              ><span
+                class="flex items-baseline whitespace-nowrap p-2 text-base opacity-70"
                 >Quick search...</span
               ><kbd
                 class="ml-auto mr-[1ch] mt-px flex min-h-6 flex-none items-center bg-subtle pl-3 pr-4 font-mono text-sm font-light opacity-70"
@@ -1008,19 +1009,21 @@ <h2 class="text-center text-2.5xl font-bold leading-8">
       </div>
     </div>
     <dialog
-      class="w-[76vh] rounded-xl border-2 border-default shadow-xl"
+      class="w-[75vw] rounded-xl border-2 border-default shadow-xl"
       aria-label="Search"
     >
-      <div
-        class="dialog-frame flex overflow-hidden py-4 pl-gutter pr-[calc(var(--gutter-width)_-_1rem)]"
-      >
+      <div class="dialog-frame flex flex-col overflow-hidden px-gutter py-4">
         <div class="flex-grow"><div id="pagefind__search"></div></div>
-        <button
-          data-close-modal
-          class="ml-2 self-start p-4 font-mono text-xs text-subtle"
-        >
-          <kbd>ESC</kbd>
-        </button>
+        <div class="pt-4 text-sm text-subtle">
+          <kbd class="bg-subtle p-2 font-mono">Tab</kbd> to navigate
+          <button
+            data-close-modal
+            class="ml-2 self-start bg-subtle p-2 font-mono text-xs text-subtle"
+          >
+            <kbd>ESC</kbd>
+          </button>
+          to close
+        </div>
       </div>
     </dialog>
     <script>

diff --git a/src/pages/readings/stats/__snapshots__/2022.html b/src/pages/readings/stats/__snapshots__/2022.html
@@ -68,7 +68,8 @@
                   fill-rule="evenodd"
                   d="M6.5 12a5.5 5.5 0 100-11 5.5 5.5 0 000 11zM13 6.5a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z"
                 ></path></svg
-              ><span class="flex items-baseline p-2 text-base opacity-70"
+              ><span
+                class="flex items-baseline whitespace-nowrap p-2 text-base opacity-70"
                 >Quick search...</span
               ><kbd
                 class="ml-auto mr-[1ch] mt-px flex min-h-6 flex-none items-center bg-subtle pl-3 pr-4 font-mono text-sm font-light opacity-70"
@@ -1776,19 +1777,21 @@
       </div>
     </div>
     <dialog
-      class="w-[76vh] rounded-xl border-2 border-default shadow-xl"
+      class="w-[75vw] rounded-xl border-2 border-default shadow-xl"
       aria-label="Search"
     >
-      <div
-        class="dialog-frame flex overflow-hidden py-4 pl-gutter pr-[calc(var(--gutter-width)_-_1rem)]"
-      >
+      <div class="dialog-frame flex flex-col overflow-hidden px-gutter py-4">
         <div class="flex-grow"><div id="pagefind__search"></div></div>
-        <button
-          data-close-modal
-          class="ml-2 self-start p-4 font-mono text-xs text-subtle"
-        >
-          <kbd>ESC</kbd>
-        </button>
+        <div class="pt-4 text-sm text-subtle">
+          <kbd class="bg-subtle p-2 font-mono">Tab</kbd> to navigate
+          <button
+            data-close-modal
+            class="ml-2 self-start bg-subtle p-2 font-mono text-xs text-subtle"
+          >
+            <kbd>ESC</kbd>
+          </button>
+          to close
+        </div>
       </div>
     </dialog>
     <script>

diff --git a/src/pages/readings/stats/__snapshots__/2023.html b/src/pages/readings/stats/__snapshots__/2023.html
@@ -68,7 +68,8 @@
                   fill-rule="evenodd"
                   d="M6.5 12a5.5 5.5 0 100-11 5.5 5.5 0 000 11zM13 6.5a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z"
                 ></path></svg
-              ><span class="flex items-baseline p-2 text-base opacity-70"
+              ><span
+                class="flex items-baseline whitespace-nowrap p-2 text-base opacity-70"
                 >Quick search...</span
               ><kbd
                 class="ml-auto mr-[1ch] mt-px flex min-h-6 flex-none items-center bg-subtle pl-3 pr-4 font-mono text-sm font-light opacity-70"
@@ -646,19 +647,21 @@
       </div>
     </div>
     <dialog
-      class="w-[76vh] rounded-xl border-2 border-default shadow-xl"
+      class="w-[75vw] rounded-xl border-2 border-default shadow-xl"
       aria-label="Search"
     >
-      <div
-        class="dialog-frame flex overflow-hidden py-4 pl-gutter pr-[calc(var(--gutter-width)_-_1rem)]"
-      >
+      <div class="dialog-frame flex flex-col overflow-hidden px-gutter py-4">
         <div class="flex-grow"><div id="pagefind__search"></div></div>
-        <button
-          data-close-modal
-          class="ml-2 self-start p-4 font-mono text-xs text-subtle"
-        >
-          <kbd>ESC</kbd>
-        </button>
+        <div class="pt-4 text-sm text-subtle">
+          <kbd class="bg-subtle p-2 font-mono">Tab</kbd> to navigate
+          <button
+            data-close-modal
+            class="ml-2 self-start bg-subtle p-2 font-mono text-xs text-subtle"
+          >
+            <kbd>ESC</kbd>
+          </button>
+          to close
+        </div>
       </div>
     </dialog>
     <script>

diff --git a/src/pages/readings/stats/__snapshots__/2024.html b/src/pages/readings/stats/__snapshots__/2024.html
@@ -68,7 +68,8 @@
                   fill-rule="evenodd"
                   d="M6.5 12a5.5 5.5 0 100-11 5.5 5.5 0 000 11zM13 6.5a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z"
                 ></path></svg
-              ><span class="flex items-baseline p-2 text-base opacity-70"
+              ><span
+                class="flex items-baseline whitespace-nowrap p-2 text-base opacity-70"
                 >Quick search...</span
               ><kbd
                 class="ml-auto mr-[1ch] mt-px flex min-h-6 flex-none items-center bg-subtle pl-3 pr-4 font-mono text-sm font-light opacity-70"
@@ -327,19 +328,21 @@
       </div>
     </div>
     <dialog
-      class="w-[76vh] rounded-xl border-2 border-default shadow-xl"
+      class="w-[75vw] rounded-xl border-2 border-default shadow-xl"
       aria-label="Search"
     >
-      <div
-        class="dialog-frame flex overflow-hidden py-4 pl-gutter pr-[calc(var(--gutter-width)_-_1rem)]"
-      >
+      <div class="dialog-frame flex flex-col overflow-hidden px-gutter py-4">
         <div class="flex-grow"><div id="pagefind__search"></div></div>
-        <button
-          data-close-modal
-          class="ml-2 self-start p-4 font-mono text-xs text-subtle"
-        >
-          <kbd>ESC</kbd>
-        </button>
+        <div class="pt-4 text-sm text-subtle">
+          <kbd class="bg-subtle p-2 font-mono">Tab</kbd> to navigate
+          <button
+            data-close-modal
+            class="ml-2 self-start bg-subtle p-2 font-mono text-xs text-subtle"
+          >
+            <kbd>ESC</kbd>
+          </button>
+          to close
+        </div>
       </div>
     </dialog>
     <script>

diff --git a/src/pages/readings/stats/__snapshots__/index.html b/src/pages/readings/stats/__snapshots__/index.html
@@ -65,7 +65,8 @@
                   fill-rule="evenodd"
                   d="M6.5 12a5.5 5.5 0 100-11 5.5 5.5 0 000 11zM13 6.5a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z"
                 ></path></svg
-              ><span class="flex items-baseline p-2 text-base opacity-70"
+              ><span
+                class="flex items-baseline whitespace-nowrap p-2 text-base opacity-70"
                 >Quick search...</span
               ><kbd
                 class="ml-auto mr-[1ch] mt-px flex min-h-6 flex-none items-center bg-subtle pl-3 pr-4 font-mono text-sm font-light opacity-70"
@@ -2335,19 +2336,21 @@
       </div>
     </div>
     <dialog
-      class="w-[76vh] rounded-xl border-2 border-default shadow-xl"
+      class="w-[75vw] rounded-xl border-2 border-default shadow-xl"
       aria-label="Search"
     >
-      <div
-        class="dialog-frame flex overflow-hidden py-4 pl-gutter pr-[calc(var(--gutter-width)_-_1rem)]"
-      >
+      <div class="dialog-frame flex flex-col overflow-hidden px-gutter py-4">
         <div class="flex-grow"><div id="pagefind__search"></div></div>
-        <button
-          data-close-modal
-          class="ml-2 self-start p-4 font-mono text-xs text-subtle"
-        >
-          <kbd>ESC</kbd>
-        </button>
+        <div class="pt-4 text-sm text-subtle">
+          <kbd class="bg-subtle p-2 font-mono">Tab</kbd> to navigate
+          <button
+            data-close-modal
+            class="ml-2 self-start bg-subtle p-2 font-mono text-xs text-subtle"
+          >
+            <kbd>ESC</kbd>
+          </button>
+          to close
+        </div>
       </div>
     </dialog>
     <script>