Add Algolia DocSearch (#323)

rvm · Dec 28, 2017 · 3a08f69 · 3a08f69
1 parent 509c686
commit 3a08f69
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 0 deletions.
diff --git a/content/assets/css/algolia-docsearch.sass b/content/assets/css/algolia-docsearch.sass
@@ -0,0 +1,5 @@
+.algolia-autocomplete .algolia-docsearch-suggestion--category-header
+  color: maroon
+
+.algolia-autocomplete .algolia-docsearch-suggestion--title
+  color: #555658
diff --git a/layouts/shared/doc_menu.haml b/layouts/shared/doc_menu.haml
@@ -3,6 +3,11 @@
     = link_to 'RVM Documentation Index', '/', style: "color: red;"
     |
     = link_to 'RVM Blog', '/blog/'
+
+  .headline
+    <label for="docsearch-input">Search:</label>
+    <input id="docsearch-input" type="text" />
+
   .column
     = menu_for("/rvm/")
 

diff --git a/layouts/shared/footer.haml b/layouts/shared/footer.haml
@@ -40,3 +40,13 @@
     ga('send', 'pageview');
     ga('create', 'UA-45354940-1', 'rvm.io', {'name': 'ga_mpapis'}); // owner mpapis@gmail.com
     ga('ga_mpapis.send', 'pageview');
+
+  :preserve
+    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
+  :javascript
+    docsearch({
+    apiKey: '511953e6f628103639db56a6f0f96977',
+    indexName: 'rvm',
+    inputSelector: '#docsearch-input',
+    debug: false // Set debug to true if you want to inspect the dropdown
+    });
diff --git a/layouts/shared/html-head.haml b/layouts/shared/html-head.haml
@@ -3,6 +3,8 @@
     RVM: Ruby Version Manager -
     = @item[:title]
   %link{ :href => "/css/screen.css", :rel => "stylesheet", :type => "text/css", :media => "screen" }
+  %link{ :href => "https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css", :rel => "stylesheet", :type => "text/css" }
+  %link{ :href => "/css/algolia-docsearch.css", :rel => "stylesheet", :type => "text/css" }
   %meta{ :content => "text/html; charset=UTF-8", "http-equiv" => "Content-Type" }
   %meta{ :name => "google-site-verification", :content => "w2V78a6cwiHD5Gm8yvlTP21xZ1YgVguDdC0JGDEA2d0" }
   = add_feed_link