feat(OAuth): Add a modal to redirect to Algolia so that it OAuths

docs/_layouts/default.html

@@ -22,6 +22,7 @@
 {%if page.noFooter == null %}
     {% include footer.html %}
 {% endif %}
+    <script src="//cdn.jsdelivr.net/jquery/2/jquery.min.js"></script>
     <script src="{{ "/js/bootstrap.min.js" | prepend: site.baseurl }}"></script>
     <script src="//cdn.jsdelivr.net/autocomplete.js/0/autocomplete.jquery.min.js"></script>
     <script src="//cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>

docs/css/_bootstrap.scss

@@ -43,10 +43,10 @@
 // @import "bootstrap/panels";
 // @import "bootstrap/responsive-embed";
 // @import "bootstrap/wells";
-// @import "bootstrap/close";
+@import "bootstrap/close";
 
 // Components w/ JavaScript
-// @import "bootstrap/modals";
+@import "bootstrap/modals";
 // @import "bootstrap/tooltip";
 // @import "bootstrap/popovers";
 // @import "bootstrap/carousel";

docs/css/_home.scss

@@ -69,6 +69,9 @@ h2 {
       font-size: 2em;
     }
   }
+}
 
-
-}
+#join {
+  top: 15%;
+  outline: none;
+}

docs/index.haml

@@ -2,6 +2,27 @@
 layout: default
 ---
 
+#join.modal.fade{tabindex: '-1', role: 'dialog', 'aria-labelledby' => 'join-label'}
+  .modal-dialog
+    .modal-content
+      %form{method: 'get', action: 'https://www.algolia.com/zendesk/auth'}
+        .modal-header
+          %button.close{type: 'button', 'data-dismiss' => 'modal', 'aria-hidden' => 'true'} ×
+          %h4#join-label.modal-title Join the beta
+        .modal-body
+          :markdown
+            You'll first need to be logged in on your
+            [Algolia account](https://www.algolia.com/dashboard)
+            in order to use this integration.  
+            [Click here to create one](https://www.algolia.com/users/sign_up)
+          %hr
+          .form-group
+            %label{for: 'join-subdomain'} Zendesk subdomain
+            %input#join-subdomain.form-control{type: 'text', name: 'subdomain', placeholder: 'your-zendesk-instance(.zendesk.com)'}
+        .modal-footer
+          %button.btn.btn-default{type: 'button', 'data-dismiss' => 'modal'} Close
+          %button.btn.btn-primary{type: 'submit'} Submit
+
 .main-content
   .jumbotron
     .container
@@ -13,9 +34,8 @@ layout: default
 
       .spacer50
       %p.text-center
-        %a.btn.btn-primary.btn-lg{href: 'mailto:[email protected]?subject=Join%20the%20Zendesk%20beta'}
+        %a.btn.btn-primary.btn-lg{'data-toggle' => 'modal', 'data-target' => '#join'}
           Join the beta
-          %i.fa.fa-envelope-o
 
   .container
     .spacer50