175 lines
8.4 KiB
Text
175 lines
8.4 KiB
Text
---
|
||
layout: default
|
||
---
|
||
|
||
.jumbotron
|
||
.container.pos-rel
|
||
.jumbotron-header
|
||
%h1.jumbotron-title
|
||
Algolia doc search
|
||
%img.logo{:src => "./img/docsearch-logo.svg", :alt => "Algolia doc search", :height => "48"}
|
||
%p#top The easiest way to add search to your documentation.
|
||
.spacer20
|
||
.jumbotron-left-column
|
||
%div.index-container
|
||
%img.index{:src => "./img/illus-index.svg", :alt => "docsearch doc crawling"}
|
||
%div.ripple
|
||
.spacer30
|
||
.text-center
|
||
%p We’ve created the fastest, easiest way to search within documentation.
|
||
%p
And best of all? It’s FREE.
|
||
|
||
{% haml join-form.haml %}
|
||
#section_why.page-section
|
||
.m800.m-l-r-auto
|
||
%h2.page-section-title Why DocSearch?
|
||
%p We're kind of scratching our own itch here. As developers, we spend a lot of time reading documentation, and it isn’t always easy to find the information we need.
|
||
%p No one's to blame, building a good search for a documentation is a complex challenge.
We just happen to have a lot of experience doing that, and we want to share it with the world.
|
||
#section_examples.page-section.dark
|
||
.container
|
||
.text-center
|
||
%h2.page-section-title DocSearch is live
|
||
%p We’ve integrated DocSearch into several open source projects. Take a look.
|
||
.row
|
||
.col-sm-4.showcase
|
||
%a{:href => "https://facebook.github.io/react/", :target => "_blank"}
|
||
%img.img-responsive.logo{:src => "./img/showcase/logo-react.png", :alt => "reactjs"}
|
||
.screen-wrapper
|
||
%img.img-responsive.example.freezeframe{:src => "./img/showcase/example-react.gif", :alt => "react docsearch demo"}
|
||
%img.img-responsive.screen-mask{:src => "./img/mask.png", :alt => "mask"}
|
||
.spacer10
|
||
React
|
||
.col-sm-4.showcase
|
||
%a{:href => "http://facebook.github.io/react-native/docs/getting-started.html", :target => "_blank"}
|
||
%img.img-responsive.logo{:src => "./img/showcase/logo-react.png", :alt => "react native"}
|
||
.screen-wrapper
|
||
%img.img-responsive.example.freezeframe{:src => "./img/showcase/example-reactnative.gif", :alt => "react native docsearch demo"}
|
||
%img.img-responsive.screen-mask{:src => "./img/mask.png", :alt => "mask"}
|
||
.spacer10
|
||
React Native
|
||
.col-sm-4.showcase
|
||
%a{:href => "http://eslint.org/", :target => "_blank"}
|
||
%img.img-responsive.logo{:src => "./img/showcase/logo-eslint.png", :alt => "eslint"}
|
||
.screen-wrapper
|
||
%img.img-responsive.example.freezeframe{:src => "./img/showcase/example-eslint.gif", :alt => "eslint docsearch demo"}
|
||
%img.img-responsive.screen-mask{:src => "./img/mask.png", :alt => "mask"}
|
||
.spacer10
|
||
ESLint
|
||
.col-sm-4.showcase
|
||
%a{:href => "http://docs.scala-lang.org/", :target => "_blank"}
|
||
%img.img-responsive.logo{:src => "./img/showcase/logo-scala.png", :alt => "scala"}
|
||
.screen-wrapper
|
||
%img.img-responsive.example.freezeframe{:src => "./img/showcase/example-scala.gif", :alt => "scala docsearch demo"}
|
||
%img.img-responsive.screen-mask{:src => "./img/mask.png", :alt => "mask"}
|
||
.spacer10
|
||
Scala
|
||
.col-sm-4.showcase
|
||
%a{:href => "https://babeljs.algolia.com/", :target => "_blank"}
|
||
%img.img-responsive.logo{:src => "./img/showcase/logo-babel.png", :alt => "babel"}
|
||
.screen-wrapper
|
||
%img.img-responsive.example.freezeframe{:src => "./img/showcase/example-babel.gif", :alt => "babel docsearch demo"}
|
||
%img.img-responsive.screen-mask{:src => "./img/mask.png", :alt => "mask"}
|
||
.spacer10
|
||
Babel.js
|
||
.col-sm-4.showcase
|
||
%a{:href => "http://vuejs.org/guide/", :target => "_blank"}
|
||
%img.img-responsive.logo{:src => "./img/showcase/logo-vuejs.png", :alt => "vuejs"}
|
||
.screen-wrapper
|
||
%img.img-responsive.example.freezeframe{:src => "./img/showcase/example-vuejs.gif", :alt => "vuejs docsearch demo"}
|
||
%img.img-responsive.screen-mask{:src => "./img/mask.png", :alt => "mask"}
|
||
.spacer10
|
||
Vue.js
|
||
.col-sm-4.showcase
|
||
%a{:href => "https://docs.influxdata.com/", :target => "_blank"}
|
||
%img.img-responsive.logo{:src => "./img/showcase/logo-influxdata.png", :alt => "influxdata"}
|
||
.screen-wrapper
|
||
%img.img-responsive.example.freezeframe{:src => "./img/showcase/example-influxdata.gif", :alt => "influxdata docsearch demo"}
|
||
%img.img-responsive.screen-mask{:src => "./img/mask.png", :alt => "mask"}
|
||
.spacer10
|
||
Influxdata
|
||
.col-sm-4.showcase
|
||
%a{:href => "http://help.apiary.io/", :target => "_blank"}
|
||
%img.img-responsive.logo{:src => "./img/showcase/logo-apiary.png", :alt => "apiary"}
|
||
.screen-wrapper
|
||
%img.img-responsive.example.freezeframe{:src => "./img/showcase/example-apiary.gif", :alt => "apiary docsearch demo"}
|
||
%img.img-responsive.screen-mask{:src => "./img/mask.png", :alt => "mask"}
|
||
.spacer10
|
||
Apiary
|
||
.col-sm-4.showcase
|
||
%a{:href => "http://marionettejs.com/", :target => "_blank"}
|
||
%img.img-responsive.logo{:src => "./img/showcase/logo-marionettejs.png", :alt => "marionnette"}
|
||
.screen-wrapper
|
||
%img.img-responsive.example.freezeframe{:src => "./img/showcase/example-marionettejs.gif", :alt => "marionette docsearch demo"}
|
||
%img.img-responsive.screen-mask{:src => "./img/mask.png", :alt => "mask"}
|
||
.spacer10
|
||
Marionette.js
|
||
.col-sm-4.showcase
|
||
%a{:href => "https://labstack.com/echo", :target => "_blank"}
|
||
%img.img-responsive.logo{:src => "./img/showcase/logo-echo.svg", :alt => "echo"}
|
||
.screen-wrapper
|
||
%img.img-responsive.example.freezeframe{:src => "./img/showcase/example-echo.png", :alt => "echo docsearch demo"}
|
||
.spacer10
|
||
Echo
|
||
.col-sm-4.showcase
|
||
%a{:href => "https://serge.io/", :target => "_blank"}
|
||
%img.img-responsive.logo{:src => "./img/showcase/logo-serge.svg", :alt => "serge"}
|
||
.screen-wrapper
|
||
%img.img-responsive.example.freezeframe{:src => "./img/showcase/example-serge.png", :alt => "serge docsearch demo"}
|
||
.spacer10
|
||
Serge
|
||
.col-sm-4.showcase
|
||
.placeholder-logo
|
||
.placeholder-screen
|
||
.spacer10
|
||
You?
|
||
#section_how.page-section
|
||
.container
|
||
.row
|
||
%h2.page-section-title How it works
|
||
.row
|
||
.col-sm-12
|
||
%img.img-responsive{:src => "./img/illus-howitworks.jpg", :alt => "how it works"}
|
||
.spacer60
|
||
.row
|
||
.col-sm-10.col-sm-offset-1
|
||
.row
|
||
.col-sm-4.how-it-works
|
||
%h3
|
||
%span.how-it-works-number> 1
|
||
We crawl your documentation pages
|
||
%p We built a website crawler designed to index every section of your documentation.
|
||
%p Just send us the URL of your documentation, and we’ll periodically run the crawler so you’re always up-to-date.
|
||
.spacer30
|
||
.col-sm-4.how-it-works
|
||
%h3
|
||
%span.how-it-works-number> 2
|
||
We configure your search experience
|
||
%p You don’t need to configure any settings or even have an Algolia account.
|
||
%p We take care of all of this automatically to ensure the best documentation search experience.
|
||
.spacer30
|
||
.col-sm-4.how-it-works
|
||
%h3
|
||
%span.how-it-works-number> 3
|
||
You add the search autocomplete to your UI
|
||
%p We’ll send you a few lines of code to integrate Algolia autocomplete and power your search.
|
||
%p You will receive the same speed, relevance and best-in-class UX as our paying customers.
|
||
#section_get-started.page-section.dark
|
||
.container
|
||
%h2.page-section-title Get started
|
||
.text-center
|
||
%p We’ll get back to you within a few hours with everything you need to integrate your new search into your website.
|
||
%p Oh, and did we mention it's FREE? No commitment. No subscription. Everything is on us! And it won't change.
|
||
.spacer30
|
||
|
||
{% haml join-form.haml %}
|
||
|
||
{% contentfor site-footer %}
|
||
<script src="{{ "/js/home.js" | prepend: site.baseurl }}"></script>
|
||
<script src="js/animation.js"></script>
|
||
<script type="text/javascript">
|
||
freezeframe_options = {
|
||
animation_icon_image: false
|
||
}
|
||
</script>
|
||
<script src="js/freezeframe.min.js"></script>
|
||
{% endcontentfor %}
|