Add Docs Search

2 files changed, 16 insertions, 6 deletions

diff --git a/docs/src/_layout/_docs-layout.pug b/docs/src/_layout/_docs-layout.pug
index 54bd626..9ad4772 100644
--- a/docs/src/_layout/_docs-layout.pug
+++ b/docs/src/_layout/_docs-layout.pug
@@ -6,9 +6,12 @@ block content
     .docs-navbar
       a.off-canvas-toggle.btn.btn-link.btn-action(href='#sidebar')
         i.icon.icon-menu
-      .btns
-        a.btn.btn-primary.float-right(href='https://github.com/picturepan2/spectre' target='_blank') GitHub
-        a.btn.mr-1.float-right(href='https://www.paypal.me/picturepan2' target='_blank') PayPal
+      .btns.d-flex
+        input.docs-search.form-input(type="text" placeholder="Search Docs")
+        a.btn.ml-1(href='https://www.paypal.me/picturepan2' target='_blank') PayPal
+        a.btn.btn-primary.ml-1(href='https://github.com/picturepan2/spectre' target='_blank') GitHub
+        
+        
 
     #sidebar.docs-sidebar.off-canvas-sidebar
       .docs-brand
@@ -21,7 +24,6 @@ block content
             img(src='img/spectre-logo.svg' alt='Spectre.css CSS Framework')
             h2 SPECTRE
       .docs-nav
-        input.d-hide.form-input.input-sm(type="text" placeholder="Search Docs")
         .accordion-container
           +docs-accordion(
             'getting-started',
@@ -105,4 +107,13 @@ block content
     a.off-canvas-overlay(href='#close')
     .off-canvas-content
       #content.docs-content
-        block docs-content
\ No newline at end of file
+        block docs-content
+
+  script(type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js")
+  script.
+    docsearch({ 
+    apiKey: 'bede06373c5a1fa3c1bbe8401e24c653', 
+    indexName: 'picturepan2_spectre', 
+    inputSelector: '.docs-search', 
+    debug: true
+    }); 
\ No newline at end of file
diff --git a/docs/src/_layout/_layout.pug b/docs/src/_layout/_layout.pug
index 53dca0e..6eb2e38 100644
--- a/docs/src/_layout/_layout.pug
+++ b/docs/src/_layout/_layout.pug
@@ -53,5 +53,4 @@ html(lang='en')
 
       ga('create', 'UA-2702768-8', 'auto');
       ga('send', 'pageview');
-
   
\ No newline at end of file