add search

OneBusAway · Feb 5, 2024 · a21ebbe · a21ebbe
1 parent f4c5639
commit a21ebbe
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 1 deletion.
diff --git a/src/_layouts/default.erb b/src/_layouts/default.erb
@@ -20,7 +20,19 @@
             </div>
             <div class="fixed inset-x-0 top-0 z-50 flex h-14 items-center justify-between gap-12 px-4 transition sm:px-6 lg:left-72 lg:z-30 lg:px-8 xl:left-80 backdrop-blur-sm lg:left-72 xl:left-80 dark:backdrop-blur bg-white/[var(--bg-opacity-light)] dark:bg-zinc-900/[var(--bg-opacity-dark)]" style="--bg-opacity-light:0.5;--bg-opacity-dark:0.2">
               <div class="absolute inset-x-0 top-full h-px transition bg-zinc-900/7.5 dark:bg-white/7.5"></div>
-              <div class="hidden lg:block lg:max-w-md lg:flex-auto"><button type="button" class="hidden h-8 w-full items-center gap-2 rounded-full bg-white pl-2 pr-3 text-sm text-zinc-500 ring-1 ring-zinc-900/10 transition hover:ring-zinc-900/20 ui-not-focus-visible:outline-none lg:flex dark:bg-white/5 dark:text-zinc-400 dark:ring-inset dark:ring-white/10 dark:hover:ring-white/20"><svg viewBox="0 0 20 20" fill="none" aria-hidden="true" class="h-5 w-5 stroke-current"><path stroke-linecap="round" stroke-linejoin="round" d="M12.01 12a4.25 4.25 0 1 0-6.02-6 4.25 4.25 0 0 0 6.02 6Zm0 0 3.24 3.25"></path></svg>Find something...<kbd class="ml-auto text-2xs text-zinc-400 dark:text-zinc-500"><kbd class="font-sans">⌘</kbd><kbd class="font-sans">K</kbd></kbd></button></div>
+
+              <div class="hidden lg:block lg:max-w-md lg:flex-auto" id='oba-docs-search-container'>
+                <button type="button" class="hidden h-8 w-full items-center gap-2 rounded-full bg-white pl-2 pr-3 text-sm text-zinc-500 ring-1 ring-zinc-900/10 transition hover:ring-zinc-900/20 ui-not-focus-visible:outline-none lg:flex dark:bg-white/5 dark:text-zinc-400 dark:ring-inset dark:ring-white/10 dark:hover:ring-white/20">
+                  <svg viewBox="0 0 20 20" fill="none" aria-hidden="true" class="h-5 w-5 stroke-current">
+                    <path stroke-linecap="round" stroke-linejoin="round" d="M12.01 12a4.25 4.25 0 1 0-6.02-6 4.25 4.25 0 0 0 6.02 6Zm0 0 3.24 3.25"></path>
+                  </svg>
+                  Find something...
+                  <kbd class="ml-auto text-2xs text-zinc-400 dark:text-zinc-500">
+                    <kbd class="font-sans">⌘</kbd><kbd class="font-sans">K</kbd>
+                  </kbd>
+                </button>
+              </div>
+
               <div class="flex items-center gap-5 lg:hidden">
                 <button type="button" class="flex h-6 w-6 items-center justify-center rounded-md transition hover:bg-zinc-900/5 dark:hover:bg-white/5" aria-label="Toggle navigation">
                   <svg viewBox="0 0 10 9" fill="none" stroke-linecap="round" aria-hidden="true" class="w-2.5 stroke-zinc-900 dark:stroke-white">
@@ -74,5 +86,17 @@
       });
       hljs.highlightAll();
     </script>
+    <script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+
+    <script type="text/javascript">
+      docsearch({
+        appId: "RDM4DTADEP",
+        apiKey: "c0fb830900a6cd24677d8f3d791ed567",
+        indexName: "onebusaway-onrender",
+        insights: true, // Optional, automatically send insights when user interacts with search results
+        container: '#oba-docs-search-container',
+        debug: true // Set debug to true if you want to inspect the modal
+      });
+    </script>
   </body>
 </html>
diff --git a/src/_partials/_head.erb b/src/_partials/_head.erb
@@ -13,6 +13,7 @@
 
 <link rel="stylesheet" href="<%= asset_path 'css' %>" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.0/styles/default.min.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3"/>
 
 <script src="<%= asset_path 'js' %>" defer></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.0/highlight.min.js"></script>