Upgrade to Algolia Docsearch v4

Author: mattcone

_includes/footer.html

@@ -15,12 +15,10 @@
 <!-- for search -->
 <script src="/assets/javascript/docsearch.min.js"></script>
 <script>
-docsearch({
-container: '#docsearch',
-appId: 'G2ZRR9A979',
-apiKey: 'f522befe6142f2279344e025a79539a7',
-indexName: 'markdownguide',
-inputSelector: '#search-input',
-debug: false // Set debug to true if you want to inspect the dropdown
-});
+  docsearch({
+    container: '#docsearch',
+    appId: 'G2ZRR9A979',
+    apiKey: 'f522befe6142f2279344e025a79539a7',
+    indexName: 'markdownguide'
+  });
 </script>

_includes/nav.html

@@ -17,9 +17,9 @@
         <a class="nav-item nav-link {% if page.url contains 'tools' %}active{% endif %}" href="/tools/">Tools</a>
         <a class="nav-item nav-link {% if page.title == 'The Markdown Guide Book' %}active{% endif %}" href="/book/">Book</a>
       </div>
+      <div class="ml-auto mt-3 mt-lg-0">
+        <div id="docsearch"></div>
+      </div>
     </div>
-    <form class="form-inline d-none d-lg-inline-block mt-2 mt-md-0">
-      <input type="text" class="form-control" id="search-input" placeholder="Search" style="margin-top:0">
-    </form>
   </div>
-</nav>
+</nav>