10 lines
No EOL
50 KiB
HTML
10 lines
No EOL
50 KiB
HTML
<!DOCTYPE html> <html> <head> <meta charset=utf-8> <meta content='IE=edge' http-equiv=X-UA-Compatible> <meta content='width=device-width, initial-scale=1' name=viewport> <base href='/'> <title> DocSearch </title><meta content='site.description' name=description><meta content=summary_large_image name='twitter:card'> <meta content=algolia name='twitter:site'> <meta content=DocSearch name='twitter:title'> <meta content="Algolia DocSearch is the easiest way to add search to your documentation. Just send us your URL, and we'll send you the implementation code." name='twitter:description'> <meta content='https://community.algolia.com/docsearch/assets/images/docsearch-social.png' name='twitter:image:src'> <meta content='community.algolia.com' name='twitter:domain'> <meta content=Speed name='twitter:label1'> <meta content='Blazing Fast ⚡⚡⚡' name='twitter:data1'> <meta content=Price name='twitter:label2'> <meta content='FREE!' name='twitter:data2'> <meta content=DocSearch property='og:title'> <meta content='Algolia Community' property='og:site_name'> <meta content='https://community.algolia.com/docsearch/' property='og:url'> <meta content="Algolia DocSearch is the easiest way to add search to your documentation. Just send us your URL, and we'll send you the implementation code." property='og:description'> <meta content='https://community.algolia.com/docsearch/assets/images/docsearch-social.png' property='og:image'> <meta content=en_US property='og:locale'> <meta content=website property='og:type'> <!--[if IE]><link href='/assets/images/favicon.png' rel='shortcut icon'><![endif]--> <link href='assets/images/favicon.png' rel=icon> <link href='assets/stylesheets/main.css' media=screen rel=stylesheet> <link href='https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css' rel=stylesheet> </head> <body class=' '> <nav class=algc-navigation> <div class=algc-navigation__container> <div class=algc-mainmenu> <ul class=algc-navigation__brands> <li class='algc-navigation__li algc-navigation__li--algolia'> <a href='https://www.algolia.com/'> <svg class=algolia-logo role=img aria-labelledby=algc-algolia-logo xmlns="http://www.w3.org/2000/svg" viewBox="0 0 387 96"> <title id=algc-algolia-logo>algolia</title> <defs> <linearGradient x1="-37.7495%" y1="134.9357%" x2="130.2389%" y2="-27.7001%" id=linearGradient-1> <stop stop-color="#00AEFF" offset="0%"/> <stop stop-color="#3369E7" offset="100%"/> </linearGradient> </defs> <g fill=none fill-rule=evenodd> <g> <path d="M12.6144 0h70.5712C90.1322 0 95.8 5.637 95.8 12.6106v70.579c0 6.9446-5.6387 12.6106-12.6144 12.6106H12.6144C5.6678 95.8002 0 90.1632 0 83.1896v-70.608C0 5.637 5.6387 0 12.6144 0z" fill="url(#linearGradient-1)" transform="translate(-636.000000, -51.000000) translate(588.000000, -3.000000) translate(48.000000, 54.000000)"/> <path d="M49.087 24.3205c-14.9294 0-27.0414 12.1167-27.0414 27.081 0 14.9642 12.112 27.0518 27.0415 27.0518 14.9297 0 27.0417-12.1167 27.0417-27.081 0-14.964-12.083-27.0518-27.0414-27.0518zm0 46.1422c-10.5144 0-19.0538-8.5427-19.0538-19.0612 0-10.5186 8.5394-19.0613 19.054-19.0613 10.5144 0 19.0538 8.5427 19.0538 19.0613 0 10.5185-8.5104 19.0612-19.054 19.0612zm0-34.229v14.209c0 .4067.4358.6972.8134.4938l12.6058-6.5377c.2904-.1453.3775-.494.2323-.7846-2.614-4.591-7.4647-7.729-13.0705-7.9325-.2905 0-.581.2325-.581.552zM31.4274 25.8025l-1.6556-1.6562c-1.6265-1.6272-4.2406-1.6272-5.8672 0l-1.975 1.976c-1.6266 1.627-1.6266 4.242 0 5.8693l1.6265 1.6272c.2616.2615.639.2034.8716-.058.9585-1.3077 2.004-2.557 3.166-3.7194C28.784 28.65 30.004 27.604 31.34 26.645c.2905-.1743.3195-.581.087-.8426zM57.946 21.502v-3.2834c0-2.2955-1.859-4.155-4.1535-4.155h-9.6722c-2.2946 0-4.1535 1.8595-4.1535 4.155v3.3706c0 .3777.3485.6392.726.552 2.7013-.7845 5.5478-1.1913 8.4233-1.1913 2.7597 0 5.49.3775 8.133 1.104.3486.087.697-.1744.697-.552zm181.535 51.8954c0 7.7582-1.975 13.4243-5.9543 17.0273-3.9793 3.603-10.0498 5.4046-18.2406 5.4046-2.9914 0-9.2072-.5812-14.174-1.6853l1.83-9.0076c4.1534.8717 9.643 1.104 12.5185 1.104 4.5602 0 7.8133-.9297 9.7594-2.7893 1.946-1.8593 2.9044-4.62 2.9044-8.281v-1.8595c-1.1328.552-2.614 1.104-4.444 1.6853-1.8298.552-3.9502.8426-6.332.8426-3.1368 0-5.9833-.494-8.5684-1.482-2.585-.9878-4.8216-2.4407-6.6515-4.3584-1.83-1.9178-3.2822-4.3296-4.2988-7.206-1.0166-2.8768-1.5394-8.02-1.5394-11.797 0-3.545.552-7.991 1.6266-10.9546 1.1035-2.9638 2.672-5.5208 4.7923-7.642 2.0913-2.121 4.6473-3.7483 7.639-4.9396 2.9917-1.1914 6.5062-1.9468 10.3112-1.9468 3.6888 0 7.087.4648 10.3983 1.0168 3.311.552 6.1285 1.1333 8.423 1.7725v45.096zm-31.5725-22.4318c0 4.7653 1.0456 10.0537 3.137 12.262 2.0912 2.2083 4.7924 3.3124 8.1036 3.3124 1.801 0 3.5148-.2615 5.112-.7554 1.598-.494 2.876-1.075 3.8925-1.7725V35.798c-.8133-.1744-4.2117-.8717-7.4938-.959-4.1245-.116-7.2614 1.5692-9.469 4.2714-2.1783 2.7023-3.282 7.4386-3.282 11.8552zm85.4812 0c0 3.8355-.552 6.7412-1.6846 9.9084-1.1325 3.1672-2.73 5.8694-4.7923 8.1068-2.0622 2.2374-4.531 3.9808-7.4357 5.2012-2.9046 1.2204-7.3776 1.9177-9.614 1.9177-2.2367-.029-6.6806-.6683-9.556-1.9177-2.8757-1.2495-5.3445-2.9638-7.4068-5.2012-2.062-2.2374-3.6596-4.9396-4.8215-8.1068-1.1618-3.1672-1.7427-6.073-1.7427-9.9084 0-3.8355.5228-7.5257 1.6847-10.6638 1.1618-3.1382 2.7883-5.8114 4.8796-8.0488 2.0914-2.2373 4.5893-3.9517 7.4358-5.172 2.8757-1.2205 6.0417-1.8016 9.469-1.8016 3.4274 0 6.5934.6102 9.498 1.8015 2.9045 1.22 5.4025 2.9345 7.4357 5.172 2.0622 2.2372 3.6597 4.9104 4.8215 8.0486 1.22 3.138 1.83 6.8283 1.83 10.6638zm-11.6182.029c0-4.9105-1.0747-9.0075-3.166-11.855-2.0913-2.8767-5.025-4.3005-8.7718-4.3005-3.747 0-6.6805 1.424-8.7718 4.3007-2.0916 2.8766-3.108 6.9446-3.108 11.8552 0 4.9686 1.0455 8.31 3.137 11.1867 2.091 2.9057 5.025 4.3295 8.7716 4.3295 3.7468 0 6.6804-1.453 8.7717-4.3294 2.0913-2.9057 3.137-6.218 3.137-11.1868zm36.917 25.105C300.07 76.187 300.07 61.0484 300.07 58.6366l-.029-53.697 11.3568-1.8014v53.3484c0 1.3657 0 10.0246 7.2904 10.0536V76.1zm20.0123 0h-11.415V27.052l11.415-1.8017v50.8494zm-5.722-56.2248c3.805 0 6.913-3.08 6.913-6.8864 0-3.8065-3.079-6.8865-6.913-6.8865s-6.9128 3.08-6.9128 6.8862 3.108 6.8864 6.913 6.8864zm34.0996 5.4046c3.747 0 6.913.465 9.469 1.3947 2.556.93 4.618 2.2377 6.1285 3.894 1.51 1.6562 2.585 3.9226 3.224 6.3053.668 2.3827.9873 4.9978.9873 7.8745v29.231c-1.7427.3778-4.386.8137-7.9294 1.3367-3.5436.523-7.523.7845-11.9378.7845-2.9336 0-5.6348-.2906-8.0456-.8427-2.44-.552-4.502-1.4528-6.2448-2.7022-1.714-1.2492-3.05-2.8474-4.0376-4.8232-.9585-1.976-1.4522-4.7653-1.4522-7.671 0-2.7895.5518-4.562 1.6265-6.4797 1.1037-1.9176 2.585-3.4867 4.444-4.707 1.888-1.2205 4.0373-2.092 6.5062-2.615 2.469-.523 5.054-.7847 7.726-.7847 1.249 0 2.556.087 3.9502.2323s2.8464.4068 4.415.7846v-1.86c0-1.3075-.1454-2.557-.465-3.7192-.3194-1.1914-.8712-2.2084-1.6264-3.109-.7843-.901-1.801-1.5982-3.079-2.0922-1.278-.494-2.9045-.8717-4.8506-.8717-2.614 0-4.9958.3197-7.1742.6975-2.1785.3777-3.9793.8135-5.3444 1.3075l-1.3653-9.3273c1.4234-.494 3.5437-.988 6.274-1.482s5.664-.7554 8.8008-.7554zm.9585 41.2316c3.4852 0 6.0702-.2034 7.871-.552V54.3942c-.639-.1743-1.5393-.3777-2.7302-.552-1.191-.1744-2.498-.2906-3.9503-.2906-1.249 0-2.527.087-3.805.2905-1.278.1746-2.4398.523-3.4564 1.017-1.0165.494-1.859 1.1915-2.469 2.092-.639.901-.9293 1.424-.9293 2.7898 0 2.6732.9294 4.2132 2.614 5.2302 1.7137 1.046 3.9793 1.54 6.855 1.54zM143.7464 25.57c3.747 0 6.913.465 9.469 1.3947 2.556.9298 4.618 2.2374 6.1285 3.8936 1.5395 1.6853 2.585 3.9227 3.224 6.3053.668 2.3827.9877 4.9978.9877 7.8744v29.231c-1.7427.378-4.386.8137-7.9294 1.3368-3.5436.523-7.5228.7845-11.9378.7845-2.9336 0-5.6348-.2906-8.0456-.8427-2.44-.552-4.502-1.4528-6.245-2.7022-1.7137-1.2495-3.0498-2.8476-4.0374-4.8235-.9585-1.976-1.4522-4.7656-1.4522-7.671 0-2.7897.5518-4.562 1.6265-6.48 1.104-1.9177 2.585-3.4867 4.444-4.707 1.888-1.2204 4.0373-2.092 6.5062-2.615 2.469-.523 5.054-.7847 7.726-.7847 1.249 0 2.5562.0872 3.9504.2325 1.365.145 2.8464.4066 4.415.7843v-1.8595c0-1.3076-.1453-2.557-.4648-3.7193-.3197-1.1913-.8716-2.2083-1.6268-3.109-.7842-.9008-1.8008-1.5982-3.0788-2.092-1.278-.494-2.9046-.8718-4.8507-.8718-2.614 0-4.9958.3196-7.1742.6973-2.1784.3777-3.9793.8135-5.3444 1.3075l-1.365-9.3273c1.423-.494 3.5434-.988 6.274-1.482 2.73-.523 5.6636-.7554 8.8005-.7554zm.9876 41.2606c3.4855 0 6.0706-.2034 7.8714-.552V54.7138c-.639-.1744-1.5394-.3778-2.7303-.552-1.1907-.1745-2.498-.2907-3.95-.2907-1.249 0-2.527.0874-3.805.2908-1.278.1742-2.44.523-3.4564 1.0168-1.0166.494-1.859 1.1914-2.4688 2.092-.639.901-.9297 1.424-.9297 2.7896 0 2.6733.9296 4.2133 2.614 5.2303 1.685 1.017 3.9795 1.54 6.855 1.54zm46.0374 9.269c-18.6183.0873-18.6183-15.0513-18.6183-17.463l-.029-53.697 11.357-1.8016v53.3485c0 1.3657 0 10.0246 7.2906 10.0536v9.56z" fill="#FFF"/> </g> </g> </svg> </a> </li> <li class='algc-navigation__li algc-navigation__li--community'> <a href='https://community.algolia.com/' data-enabledropdown=true data-dropdown=integrations> <svg class=algc-arrowseparator viewBox="0 0 18 35" xmlns="http://www.w3.org/2000/svg"><g id=Symbols fill=none fill-rule=evenodd><g id="community/header" fill="#3369E6"><g id=Group-13><g id=Group-2><path id=Combined-Shape-Copy d="M1.8537 34.7643l15.5597-17.268L1.8537 0H0l15.5597 17.4964L0 34.7644z"/></g></g></g></g></svg> <svg class=algolia-community-logo role=img aria-labelledby=algc-algolia-community-logo width=143 height=32 viewBox="0 0 143 32" xmlns="http://www.w3.org/2000/svg"> <title id=algc-algolia-community-logo>algolia community</title> <g fill=none fill-rule=evenodd> <path fill="#46AEDA" d="M13.503 3.268L16.366.402l3.45 3.456-1.145 1.146-2.3-2.304-1.716 1.72"/> <path fill="#FE336F" d="M19.302 29.712L16.44 32.58l-9.777-9.792 1.145-1.146 8.627 8.638 1.717-1.72"/> <path fill="#F5A623" d="M20.447 28.566l12.02-12.04-11.5-11.517-1.146 1.146 10.353 10.366-10.876 10.892"/> <path fill="#50E3C2" d="M5.49 11.294l-5.153 5.16 5.176 5.182 1.145-1.146-4.025-4.03 4.007-4.014"/> <path fill="#BD0FE1" d="M6.634 10.147l5.725-5.732 1.15 1.152L7.783 11.3"/> <path d="M16.538 11.796c-3.07 0-5.558 2.477-5.558 5.536 0 3.06 2.49 5.53 5.558 5.53 3.068 0 5.558-2.477 5.558-5.536 0-3.06-2.484-5.53-5.558-5.53zm0 9.432c-2.16 0-3.916-1.746-3.916-3.896s1.755-3.896 3.916-3.896c2.16 0 3.916 1.746 3.916 3.896s-1.75 3.896-3.916 3.896zm0-6.996v2.904c0 .083.09.143.167.1l2.59-1.335c.06-.03.078-.1.05-.16-.557-.97-1.573-1.582-2.688-1.62-.06 0-.12.047-.12.112zm-3.63-2.133l-.34-.34c-.334-.332-.873-.332-1.206 0l-.406.405c-.16.158-.25.374-.25.6 0 .225.09.44.25.6l.334.332c.054.053.132.04.18-.012.197-.27.414-.524.65-.76.238-.24.496-.457.77-.654.06-.034.066-.117.018-.17zm5.45-.88v-.67c0-.47-.382-.85-.853-.85h-1.988c-.472 0-.854.38-.854.85v.688c0 .077.072.13.15.113.562-.16 1.145-.243 1.73-.242.568 0 1.13.077 1.673.225.034.01.07 0 .1-.02.027-.023.043-.057.043-.093zM41.436 16.5c0-.77.12-1.488.358-2.157.238-.67.58-1.25 1.022-1.74.444-.49.984-.876 1.62-1.154.635-.28 1.35-.42 2.144-.42.98 0 1.907.18 2.78.538l-.516 1.97c-.278-.12-.592-.22-.943-.3-.35-.08-.724-.12-1.12-.12-.94 0-1.656.296-2.146.886-.49.59-.735 1.423-.735 2.497 0 1.035.23 1.854.694 2.457.463.603 1.245.905 2.344.905.41 0 .814-.04 1.21-.12.398-.08.743-.178 1.034-.298l.337 1.99c-.265.132-.666.25-1.202.357-.546.108-1.102.16-1.658.16-.888 0-1.66-.136-2.314-.407-.656-.272-1.2-.65-1.63-1.134-.43-.485-.75-1.062-.962-1.732-.212-.67-.318-1.395-.318-2.177zm19.126-.02c0 .823-.12 1.572-.357 2.248-.24.676-.576 1.253-1.013 1.73-.437.478-.964.85-1.58 1.114-.615.266-1.294.398-2.035.398-.74 0-1.416-.132-2.026-.398-.608-.265-1.13-.636-1.568-1.113-.437-.48-.778-1.056-1.023-1.732-.246-.676-.368-1.425-.368-2.247 0-.82.123-1.567.367-2.237.244-.67.59-1.243 1.032-1.72.444-.478.97-.846 1.58-1.104.608-.26 1.277-.39 2.005-.39s1.4.13 2.016.39c.616.257 1.142.625 1.58 1.103.436.477.777 1.05 1.022 1.72.245.67.367 1.416.367 2.238zm-2.463 0c0-1.034-.223-1.852-.666-2.456-.443-.603-1.063-.905-1.857-.905s-1.414.3-1.857.904c-.443.604-.665 1.422-.665 2.457 0 1.048.222 1.877.665 2.487.444.61 1.063.915 1.857.915s1.414-.305 1.857-.915c.444-.61.665-1.44.665-2.486zm10.863-.258c0-1.087-.135-1.873-.407-2.357-.27-.484-.778-.726-1.52-.726-.264 0-.555.02-.873.06-.318.04-.556.072-.715.098v8.394h-2.403V11.628c.463-.133 1.07-.26 1.817-.378.748-.12 1.54-.18 2.373-.18.715 0 1.3.094 1.758.28.457.185.838.43 1.142.735.146-.106.33-.22.556-.338.226-.12.478-.23.756-.328.29-.104.584-.187.884-.25.31-.066.625-.1.943-.1.808 0 1.473.117 1.996.35.522.23.933.556 1.23.973.298.418.504.922.616 1.512.113.59.17 1.237.17 1.94v5.847H74.88v-5.47c0-1.087-.133-1.873-.397-2.357-.265-.484-.775-.726-1.53-.726-.384 0-.748.062-1.092.188-.344.126-.602.25-.775.368.106.332.18.683.22 1.054.04.372.058.77.058 1.194v5.748h-2.403v-5.47zm17.18 0c0-1.087-.136-1.873-.407-2.357-.272-.484-.778-.726-1.52-.726-.264 0-.556.02-.873.06-.318.04-.556.072-.715.098v8.394h-2.404V11.628c.464-.133 1.07-.26 1.818-.378.748-.12 1.54-.18 2.373-.18.715 0 1.3.094 1.758.28.457.185.837.43 1.142.735.145-.106.33-.22.556-.338.226-.12.478-.23.756-.328.288-.104.584-.187.883-.25.31-.066.625-.1.943-.1.807 0 1.473.117 1.996.35.522.23.932.556 1.23.973.298.418.503.922.616 1.512.112.59.17 1.237.17 1.94v5.847H92.06v-5.47c0-1.087-.133-1.873-.398-2.357-.264-.484-.774-.726-1.53-.726-.383 0-.747.062-1.09.188-.346.126-.604.25-.776.368.106.332.18.683.22 1.054.038.372.058.77.058 1.194v5.748h-2.403v-5.47zm19.78 5.15c-.462.12-1.065.244-1.806.37-.74.125-1.556.188-2.443.188-.834 0-1.532-.12-2.095-.358-.564-.238-1.014-.57-1.352-.994-.337-.424-.58-.932-.725-1.522-.145-.59-.218-1.236-.218-1.94V11.29h2.403v5.45c0 1.113.162 1.91.487 2.386.324.477.89.716 1.698.716.29 0 .6-.013.923-.04.325-.026.566-.06.725-.1V11.29h2.404v10.083zm3.06-9.744c.463-.133 1.066-.26 1.807-.378.742-.12 1.563-.18 2.463-.18.848 0 1.556.117 2.125.35.57.23 1.023.556 1.36.973.338.418.577.922.716 1.512.14.59.208 1.237.208 1.94v5.847h-2.403v-5.47c0-.557-.037-1.03-.11-1.422-.073-.39-.192-.71-.358-.955-.165-.245-.39-.424-.675-.537-.285-.112-.632-.17-1.043-.17-.304 0-.622.02-.953.06-.33.04-.575.074-.734.1v8.394h-2.403V11.628zm14.042 10.064h-2.404V11.29h2.405v10.402zm.258-13.445c0 .45-.146.808-.437 1.074-.292.266-.636.398-1.033.398-.41 0-.76-.132-1.053-.397-.29-.265-.436-.622-.436-1.073 0-.465.145-.83.436-1.094.292-.266.643-.398 1.053-.398.397 0 .74.132 1.033.398.29.265.437.63.437 1.094zm2.68.298l2.404-.398v3.143h3.694v2.008h-3.693v4.237c0 .835.133 1.432.397 1.79.265.358.715.537 1.35.537.438 0 .825-.046 1.163-.14.337-.092.606-.178.804-.258l.398 1.91c-.278.12-.642.242-1.092.367-.45.127-.98.19-1.59.19-.74 0-1.36-.1-1.856-.298-.496-.2-.89-.487-1.182-.865-.29-.378-.496-.836-.615-1.373-.12-.537-.18-1.15-.18-1.84v-9.01zm16.903 2.745c-1.073 3.95-2.318 7.53-3.734 10.74-.265.596-.536 1.107-.815 1.53-.278.425-.59.777-.933 1.055-.34.277-.732.483-1.152.607-.423.126-.914.19-1.47.19-.37 0-.738-.04-1.102-.12-.364-.08-.64-.166-.824-.26l.437-1.928c.476.186.947.278 1.41.278.622 0 1.11-.15 1.46-.447.35-.3.658-.76.923-1.383-.754-1.458-1.48-3.05-2.175-4.773-.694-1.725-1.313-3.555-1.856-5.49h2.563c.132.556.294 1.16.486 1.81.397 1.342.844 2.67 1.34 3.977.236.623.488 1.24.755 1.85.424-1.18.82-2.436 1.192-3.77.358-1.283.696-2.573 1.013-3.867h2.483z" fill="#FFF"/> </g> </svg> <svg width=12 height=7 role=img arial-labelledby=algc-icon-separator-alt viewBox="0 0 12 7" xmlns="http://www.w3.org/2000/svg"> <title id=algc-icon-separator-alt>menu with dropdown</title> <path d="M6.458 3.58L2.81.37C2.344-.04 1.634.01 1.225.477c-.41.468-.362 1.18.105 1.59L5.51 5.74s.537.375 1.05.356c.515-.02.984-.433.984-.433l4.072-3.596c.467-.41.515-1.12.107-1.59C11.315.01 10.605-.04 10.138.37l-3.68 3.21z" fill="#FFF" fill-rule=evenodd /> </svg> </a> </li> <li class=algc-navigation__li> <a class='algc-badge algc-navigation__navitem' href='/docsearch/ ' data-dropdown=links data-enabledropdown=false> <svg class=algc-arrowseparator viewBox="0 0 18 35" xmlns="http://www.w3.org/2000/svg"><g id=Symbols fill=none fill-rule=evenodd><g id="community/header" fill="#3369E6"><g id=Group-13><g id=Group-2><path id=Combined-Shape-Copy d="M1.8537 34.7643l15.5597-17.268L1.8537 0H0l15.5597 17.4964L0 34.7644z"/></g></g></g></g></svg> <span>DocSearch</span> </a> </li> </ul> <div class=algc-navigation__menu> <div class=algc-menu__search> <div class=algc-menu__search--holder> <div class='algc-search__input algc-search__input--docsearch'> <input id=searchbox placeholder='Search the docs' type=search> <button id=search> <svg role=img aria-labelledby=algc-top-search-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"> <title id=algc-top-search-icon>Open search input</title> <path d="M10.052 10.88c-1.1.91-2.483 1.406-3.91 1.403C2.75 12.283 0 9.533 0 6.14 0 2.75 2.75 0 6.142 0c3.392 0 6.14 2.75 6.14 6.142 0 1.485-.526 2.847-1.403 3.91l3.95 3.95c.227.227.228.596-.002.826-.228.227-.597.228-.826 0l-3.95-3.95zm-3.91.234c2.745 0 4.972-2.227 4.972-4.972 0-2.747-2.227-4.972-4.972-4.972-2.747 0-4.972 2.225-4.972 4.972 0 2.745 2.225 4.972 4.972 4.972z" fill="#FFF" fill-rule=evenodd /> </svg> </button> <button id=cancel> <svg role=img aria-labelledby=algc-top-search-close xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13"> <title id=algc-top-search-close>Close search input</title> <path d="M5.274 6.5L.614 1.84 0 1.225 1.226 0l.613.613 4.66 4.66 4.66-4.66.614-.613L13 1.226l-.613.613-4.66 4.66 4.66 4.66.613.614L11.774 13l-.613-.613-4.66-4.66-4.66 4.66-.614.613L0 11.774l.613-.613" fill="#FFF" fill-rule=evenodd /> </svg> </button> </div> </div> </div> <ul class=algc-menu__list> <li class="algc-menu__list__item "> <a href=documentation class=""> Documentation </a> </li> <li class="algc-menu__list__item "> <a href="https://algolia.com/about" class=""> About </a> </li> <li class="algc-menu__list__item "> <a href="https://github.com/algolia/docsearch/" target=_blank class=""> <img src='assets/images/icon-github.svg'/> </a> </li></ul> <button class=algc-openmobile><span></span></button> </div> <div class=algc-navigation__dropdown-holder> <div class='algc-dropdownroot notransition'> <div class=algc-dropdownroot__dropdownbg></div> <div class=algc-dropdownroot__dropdownarrow></div> <div class=algc-dropdownroot__dropdowncontainer> <div class=algc-dropdownroot__section> <div class=algc-dropdownroot__content data-dropdown-content=integrations> <ul class=algc-dropdownroot__widelist> <li> <div class=dropdown-item> <a href="https://community.algolia.com/instantsearch.js/react"> <span class=item-icon style="background: linear-gradient(to bottom left, #2C5EE2 0%, #17204F 150%)"><svg viewBox="0 0 127 113" xmlns="http://www.w3.org/2000/svg"><title>React InstantSearch</title><path d="M51.438 52.172l-2.907-1.68-2.565 4.442c-1.52-.485-3.137-.746-4.816-.746-8.75 0-15.84 7.098-15.84 15.852 0 8.755 7.09 15.853 15.84 15.853 8.747 0 15.837-7.098 15.837-15.853 0-4.66-2.008-8.85-5.206-11.75l2.564-4.435 1.936-3.336-5.81-3.37-1.936 3.337 2.904 1.685zm19.292 14.51c1.54-7.14 7.885-12.494 15.482-12.494 8.75 0 15.84 7.098 15.84 15.852 0 8.755-7.09 15.853-15.84 15.853-7.597 0-13.943-5.353-15.482-12.495h-5.128v-6.715h5.128zm3.256-17.848l2.904-1.686-2.58-4.444c3.19-2.9 5.193-7.085 5.193-11.738 0-8.755-7.09-15.853-15.838-15.853s-15.84 7.098-15.84 15.853c0 8.754 7.092 15.853 15.84 15.853 1.685 0 3.31-.265 4.833-.753L71.07 50.5l1.86 3.316 5.858-3.287-1.874-3.34-2.928 1.644zm-5.46 48.817c9.465 7.297 18.232 9.824 23.72 6.652 4.93-2.854 7.322-10.372 6.404-21.197l6.692-.567c1.114 13.135-2.072 23.14-9.732 27.576-8.57 4.954-20.363 1.55-32.23-7.96-11.87 9.51-23.664 12.914-32.234 7.96-7.658-4.436-10.844-14.44-9.73-27.576l6.692.567c-.918 10.825 1.475 18.343 6.4 21.195 5.49 3.174 14.26.647 23.724-6.65-2.332-2.213-4.648-4.65-6.925-7.297l5.09-4.38c2.316 2.69 4.656 5.127 6.982 7.295 2.325-2.168 4.664-4.604 6.98-7.296l5.09 4.38c-2.276 2.647-4.593 5.085-6.924 7.3zM28.243 30.393c4.176-1.31 8.71-2.38 13.53-3.183l1.103 6.623c-4.92.82-9.467 1.933-13.557 3.273.776 3.706 1.885 7.634 3.337 11.715l-6.326 2.252c-1.41-3.96-2.532-7.827-3.363-11.545-10.185 4.496-16.25 10.552-16.25 16.62 0 5.608 5.14 11.386 14.597 15.885l-2.885 6.064C6.88 72.603 0 64.87 0 56.146 0 46.57 8.354 38.27 21.75 32.733c-1.89-14.33 1.134-25.656 9.416-30.45 7.857-4.593 18.53-2.077 29.646 6l-3.948 5.433c-9.196-6.682-17.264-8.584-22.32-5.63-5.25 3.04-7.485 11.27-6.3 22.306zm69.23 6.708c-4.098-1.34-8.655-2.452-13.586-3.266l1.094-6.626c4.834.798 9.38 1.87 13.567 3.178 1.182-11.033-1.055-19.263-6.312-22.306-5.045-2.948-13.113-1.046-22.31 5.636L65.98 8.283C77.094.206 87.766-2.31 95.612 2.275c8.29 4.8 11.314 16.124 9.427 30.45 13.376 5.528 21.718 13.83 21.718 23.42 0 8.724-6.882 16.458-18.43 21.95l-2.884-6.063c9.457-4.5 14.598-10.277 14.598-15.886 0-6.08-6.053-12.138-16.218-16.626-.83 3.72-1.954 7.588-3.365 11.552l-6.328-2.25c1.453-4.084 2.562-8.014 3.34-11.722zM61.79 73.398h3.812v-6.715h-3.81v6.715zm-20.64 5.78c-5.04 0-9.124-4.09-9.124-9.138 0-5.047 4.085-9.137 9.123-9.137 5.036 0 9.122 4.09 9.122 9.137 0 5.048-4.086 9.138-9.123 9.138zm45.062 0c5.038 0 9.123-4.09 9.123-9.138 0-5.047-4.085-9.137-9.123-9.137-5.037 0-9.122 4.09-9.122 9.137 0 5.048 4.085 9.138 9.122 9.138zM63.665 40.103c-5.038 0-9.123-4.09-9.123-9.137 0-5.047 4.085-9.137 9.123-9.137 5.037 0 9.123 4.09 9.123 9.136 0 5.047-4.086 9.137-9.123 9.137z" fill="#FFF" fill-rule=evenodd /></svg></svg></span> <h4>React InstantSearch</h4> </a> </div> </li> <li> <div class=dropdown-item> <a href="https://github.com/algolia/vue-instantsearch/"> <span class=item-icon style="background: linear-gradient(to right, #4DBA87, #2F9088)"><img src="http://res.cloudinary.com/hilnmyskv/image/upload/v1500619122/instantsearch-icon_white.svg" alt="Vue InstantSearch"/></span> <h4>Vue InstantSearch</h4> </a> </div> </li> <li> <div class=dropdown-item> <a href="https://community.algolia.com/instantsearch-android/"> <span class=item-icon style="background: linear-gradient(112deg, #21c7d0, #2dde98)"><img src="http://res.cloudinary.com/hilnmyskv/image/upload/v1500619122/instantsearch-icon_white.svg" alt="InstantSearch Android"/></span> <h4>InstantSearch Android</h4> </a> </div> </li> <li> <div class=dropdown-item> <a href="https://community.algolia.com/instantsearch.js/"> <span class=item-icon style="background: #fecf50"><img src="http://res.cloudinary.com/hilnmyskv/image/upload/v1500619122/instantsearch-icon_black.svg" alt="instantsearch.js"/></span> <h4>instantsearch.js</h4> </a> </div> </li> <li> <div class=dropdown-item> <a href="https://community.algolia.com/instantsearch-ios"> <span class=item-icon style="background: linear-gradient(to top left, #D8EE34, #02ADE6, #033DF1)"><img src="http://res.cloudinary.com/hilnmyskv/image/upload/v1500619122/instantsearch-icon_white.svg" alt="InstantSearch iOS"/></span> <h4>InstantSearch iOS</h4> </a> </div> </li> <li> <div class=dropdown-item> <a href="https://community.algolia.com/magento/"> <span class=item-icon style="background: linear-gradient(to bottom right, #ed9259, #e76d22)"><img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1477318624/magento-icon-white.svg" alt=magento /></span> <h4>magento</h4> </a> </div> </li></ul> <div class=algc-dropdownroot__footer> <a href="https://discourse.algolia.com/?utm_medium=social-owned&utm_source=communityHeader"> <span style="font-weight:bold;">Community Forum</span> </a> </div> </div> </div> <div class=algc-dropdownroot__section> <div class=algc-dropdownroot__content data-dropdown-content=links> <ul class=algc-dropdownroot__widelist></ul> <div class=algc-dropdownroot__footer> <a href="https://discourse.algolia.com/?utm_medium=social-owned&utm_source=communityHeader"> <span style="font-weight:bold;">Community Forum</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class=algc-mobilemenu><div class=algc-mobilemenuwrapper><ul class=algc-mobilemenulist> <li class=algc-mobilemenu__item> <a href=documentation> Documentation </a> </li> <li class=algc-mobilemenu__item> <a href="https://algolia.com/about"> About </a> </li> <li class=algc-mobilemenu__item> <a href="https://github.com/algolia/docsearch/" target=_blank> <img src='assets/images/icon-github.svg'/> Github </a> </li></ul></div></div> </nav> <div class='jumbotron gradient-dark h800'> <div class='container pos-rel z-10'> <div class=spacer120></div> <div class=col-md-12> <header class='text-center color-white'> <h1> <span class=hidden> DocSearch </span> <img class=logo height=48 src='assets/images/docsearch-logo-horizontal_light.svg'> </h1> <h3>The easiest way to add search to your documentation</h3> </header> </div> <div class='inline spacer40'></div> <div class='row pull-left m100p w100p no-margin'> <div class=col-md-7> <div id=demo-screens> <img alt='' class=w100p id=placeholder src='assets/images/screens/screen_react.png'> </div> </div> <div class=col-md-5> <form class='join-form join-form-fill gradient-white pos-rel z-10 p-xlarge p-l-xxlarge p-r-xxlarge radius6 elevation1 m-l-r-auto'> <header class=text-center> <h3 class='color-bunting text-demi no-margin text-lg'>Get Started. It’s FREE!</h3> </header> <div class=spacer32></div> <label class='color-bunting text-normal' for=url>Website</label> <div class=input-group> <span class=input-group-addon> <i class='icon icon-link color-bunting'></i> </span> <input class=form-control name=url placeholder='https://website.com/doc'> </div> <p class='text-sm color-east-bay m-t-small'>We’ll crawl the <u>documentation pages</u> of your website and index them on Algolia.</p> <div class=spacer32></div> <label class='color-bunting text-normal' for=email>Email</label> <div class=input-group> <span class=input-group-addon> <i class='icon icon-email color-bunting'></i> </span> <input class=form-control name=email placeholder='you@example.org' type=email> </div> <p class='text-sm color-east-bay m-t-small'>We’ll email you the code you need to integrate the search into your documentation.</p> <div class=spacer32></div> <p class='checkbox text-center'> <label> <input name=owner type=checkbox> <span>I'm the <u>owner</u> of that website</span> </label> </p> <div class=row> <div class='form-group pos-rel p-small'></div> <div> <p> Refer to <a class=clickable href='https://www.algolia.com/policies/terms'>Algolia's Privacy Policy</a> for more information on how we use and protect your data </p> </div> </div> <div class=text-center> <button class='btn btn-static-primary w100p' type=submit> Join the program </button> </div> </form> <form class='join-form join-form-validated gradient-white pos-rel z-10 p-xlarge p-l-xxlarge p-r-xxlarge radius6 elevation1 m-l-r-auto hidden'> <h3>Thank you !</h3> <div class=spacer20></div> <p class=text-sm> <b> We'll review your request shortly, </b> after making sure your website is eligible to DocSearch. </p> <p class=text-sm> This is a manual process and can take some time. </p> <p class=text-sm>We'll then email you the code you need to integrate on your website</p> <div class=spacer20></div> </form> </div> </div> </div> <div class=spacer64></div> </div> <div class='page-section pos-rel' id=section_why> <div class=spacer40></div> <div class='m800 m-l-r-auto pos-rel z-5'> <h2 class='page-section-title upper-case text-demi'>Why DocSearch?</h2> <div class=spacer32></div> <p class='color-east-bay text-regular'>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> <p class='color-east-bay text-regular'>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.</p> </div> <div class=spacer40></div> </div> <div class='page-section fill-royal-blue' id=section_examples> <div class=spacer120></div> <div class=spacer40></div> <div class='container pos-rel z-10'> <header> <div class='text-center color-white'> <h2 class='page-section-title upper-case text-demi'> DocSearch is live </h2> <div class=spacer16></div> <h3 class=text-lg> We’ve integrated DocSearch into several open source projects. Take a look. </h3> <div class=spacer80></div> </div> <div class=row></div> <div class='col-md-4 col-sm-12 showcase p-large'> <a class='elevation1 fill-white block h300 p-large radius6' href='https://stripe.com/docs' target=_blank> <div class='screen-wrapper pos-rel h200 unscroll'> <img alt='Stripe docsearch demo' class='img-responsive example m100p' data-type-gif=true src='assets/images/showcase/example-stripe.gif'> <img alt=mask class='img-responsive screen-mask m100p pos-abt' src='assets/images/mask.png'> </div> <div class='spacer32 hidden-sm'></div> <div class='col-md-4 col-sm-12 no-padding img-container text-center vertical-align-middle'> <img alt=Stripe class='img-responsive logo' src='assets/images/showcase/logo-stripe.png'> </div> <div class='col-md-8 col-sm-12 vertical-align-middle'> <p class='text-lg color-bunting text-demi no-margin'> Stripe </p> </div> </a> </div> <div class='col-md-4 col-sm-12 showcase p-large'> <a class='elevation1 fill-white block h300 p-large radius6' href='https://getbootstrap.com/docs/4.0' target=_blank> <div class='screen-wrapper pos-rel h200 unscroll'> <img alt='Bootstrap docsearch demo' class='img-responsive example m100p' data-type-gif=true src='assets/images/showcase/example-bootstrap.gif'> <img alt=mask class='img-responsive screen-mask m100p pos-abt' src='assets/images/mask.png'> </div> <div class='spacer32 hidden-sm'></div> <div class='col-md-4 col-sm-12 no-padding img-container text-center vertical-align-middle'> <img alt=Bootstrap class='img-responsive logo' src='assets/images/showcase/logo-bootstrap.png'> </div> <div class='col-md-8 col-sm-12 vertical-align-middle'> <p class='text-lg color-bunting text-demi no-margin'> Bootstrap </p> </div> </a> </div> <div class='col-md-4 col-sm-12 showcase p-large'> <a class='elevation1 fill-white block h300 p-large radius6' href='http://vuejs.org/guide/' target=_blank> <div class='screen-wrapper pos-rel h200 unscroll'> <img alt='Vue docsearch demo' class='img-responsive example m100p' data-type-gif=true src='assets/images/showcase/example-vuejs.gif'> <img alt=mask class='img-responsive screen-mask m100p pos-abt' src='assets/images/mask.png'> </div> <div class='spacer32 hidden-sm'></div> <div class='col-md-4 col-sm-12 no-padding img-container text-center vertical-align-middle'> <img alt=Vue class='img-responsive logo' src='assets/images/showcase/logo-vuejs.png'> </div> <div class='col-md-8 col-sm-12 vertical-align-middle'> <p class='text-lg color-bunting text-demi no-margin'> Vue </p> </div> </a> </div> <div class='col-md-4 col-sm-12 showcase p-large'> <a class='elevation1 fill-white block h300 p-large radius6' href='https://reactjs.org' target=_blank> <div class='screen-wrapper pos-rel h200 unscroll'> <img alt='React docsearch demo' class='img-responsive example m100p' data-type-gif=true src='assets/images/showcase/example-react.gif'> <img alt=mask class='img-responsive screen-mask m100p pos-abt' src='assets/images/mask.png'> </div> <div class='spacer32 hidden-sm'></div> <div class='col-md-4 col-sm-12 no-padding img-container text-center vertical-align-middle'> <img alt=React class='img-responsive logo' src='assets/images/showcase/logo-react.png'> </div> <div class='col-md-8 col-sm-12 vertical-align-middle'> <p class='text-lg color-bunting text-demi no-margin'> React </p> </div> </a> </div> <div class='col-md-4 col-sm-12 showcase p-large'> <a class='elevation1 fill-white block h300 p-large radius6' href='https://facebook.github.io/react-native/' target=_blank> <div class='screen-wrapper pos-rel h200 unscroll'> <img alt='React Native docsearch demo' class='img-responsive example m100p' data-type-gif=true src='assets/images/showcase/example-reactnative.gif'> <img alt=mask class='img-responsive screen-mask m100p pos-abt' src='assets/images/mask.png'> </div> <div class='spacer32 hidden-sm'></div> <div class='col-md-4 col-sm-12 no-padding img-container text-center vertical-align-middle'> <img alt='React Native' class='img-responsive logo' src='assets/images/showcase/logo-react.png'> </div> <div class='col-md-8 col-sm-12 vertical-align-middle'> <p class='text-lg color-bunting text-demi no-margin'> React Native </p> </div> </a> </div> <div class='col-md-4 col-sm-12 showcase p-large'> <a class='elevation1 fill-white block h300 p-large radius6' href='https://docusaurus.io/' target=_blank> <div class='screen-wrapper pos-rel h200 unscroll'> <img alt='Docusaurus docsearch demo' class='img-responsive example m100p' data-type-gif=true src='assets/images/showcase/example-docusaurus.gif'> <img alt=mask class='img-responsive screen-mask m100p pos-abt' src='assets/images/mask.png'> </div> <div class='spacer32 hidden-sm'></div> <div class='col-md-4 col-sm-12 no-padding img-container text-center vertical-align-middle'> <img alt=Docusaurus class='img-responsive logo' src='assets/images/showcase/logo-docusaurus.png'> </div> <div class='col-md-8 col-sm-12 vertical-align-middle'> <p class='text-lg color-bunting text-demi no-margin'> Docusaurus </p> </div> </a> </div> <div class='col-md-4 col-sm-12 showcase p-large'> <a class='elevation1 fill-white block h300 p-large radius6' href='http://cordova.apache.org/' target=_blank> <div class='screen-wrapper pos-rel h200 unscroll'> <img alt='Cordova docsearch demo' class='img-responsive example m100p' data-type-gif=true src='assets/images/showcase/example-cordova.gif'> <img alt=mask class='img-responsive screen-mask m100p pos-abt' src='assets/images/mask.png'> </div> <div class='spacer32 hidden-sm'></div> <div class='col-md-4 col-sm-12 no-padding img-container text-center vertical-align-middle'> <img alt=Cordova class='img-responsive logo' src='assets/images/showcase/logo-cordova.png'> </div> <div class='col-md-8 col-sm-12 vertical-align-middle'> <p class='text-lg color-bunting text-demi no-margin'> Cordova </p> </div> </a> </div> <div class='col-md-4 col-sm-12 showcase p-large'> <a class='elevation1 fill-white block h300 p-large radius6' href='https://babeljs.io/' target=_blank> <div class='screen-wrapper pos-rel h200 unscroll'> <img alt='Babel.js docsearch demo' class='img-responsive example m100p' data-type-gif=true src='assets/images/showcase/example-babel.gif'> <img alt=mask class='img-responsive screen-mask m100p pos-abt' src='assets/images/mask.png'> </div> <div class='spacer32 hidden-sm'></div> <div class='col-md-4 col-sm-12 no-padding img-container text-center vertical-align-middle'> <img alt='Babel.js' class='img-responsive logo' src='assets/images/showcase/logo-babel.png'> </div> <div class='col-md-8 col-sm-12 vertical-align-middle'> <p class='text-lg color-bunting text-demi no-margin'> Babel.js </p> </div> </a> </div> <div class='col-md-4 col-sm-12 showcase p-large'> <a class='elevation1 fill-white block h300 p-large radius6' href='http://help.apiary.io/' target=_blank> <div class='screen-wrapper pos-rel h200 unscroll'> <img alt='Apiary docsearch demo' class='img-responsive example m100p' data-type-gif=true src='assets/images/showcase/example-apiary.gif'> <img alt=mask class='img-responsive screen-mask m100p pos-abt' src='assets/images/mask.png'> </div> <div class='spacer32 hidden-sm'></div> <div class='col-md-4 col-sm-12 no-padding img-container text-center vertical-align-middle'> <img alt=Apiary class='img-responsive logo' src='assets/images/showcase/logo-apiary.png'> </div> <div class='col-md-8 col-sm-12 vertical-align-middle'> <p class='text-lg color-bunting text-demi no-margin'> Apiary </p> </div> </a> </div> <div class='col-md-4 col-sm-12 showcase p-large'> <a class='elevation1 fill-white block h300 p-large radius6' href='https://flow.org/en/docs/' target=_blank> <div class='screen-wrapper pos-rel h200 unscroll'> <img alt='Flow docsearch demo' class='img-responsive example m100p' data-type-gif=true src='assets/images/showcase/example-flow.gif'> <img alt=mask class='img-responsive screen-mask m100p pos-abt' src='assets/images/mask.png'> </div> <div class='spacer32 hidden-sm'></div> <div class='col-md-4 col-sm-12 no-padding img-container text-center vertical-align-middle'> <img alt=Flow class='img-responsive logo' src='assets/images/showcase/logo-flow.png'> </div> <div class='col-md-8 col-sm-12 vertical-align-middle'> <p class='text-lg color-bunting text-demi no-margin'> Flow </p> </div> </a> </div> <div class='col-md-4 col-sm-12 showcase p-large'> <a class='elevation1 fill-white block h300 p-large radius6' href='https://momentjs.com/docs/' target=_blank> <div class='screen-wrapper pos-rel h200 unscroll'> <img alt='Moment.js docsearch demo' class='img-responsive example m100p' data-type-gif=true src='assets/images/showcase/example-momentjs.gif'> <img alt=mask class='img-responsive screen-mask m100p pos-abt' src='assets/images/mask.png'> </div> <div class='spacer32 hidden-sm'></div> <div class='col-md-4 col-sm-12 no-padding img-container text-center vertical-align-middle'> <img alt='Moment.js' class='img-responsive logo' src='assets/images/showcase/logo-momentjs.png'> </div> <div class='col-md-8 col-sm-12 vertical-align-middle'> <p class='text-lg color-bunting text-demi no-margin'> Moment.js </p> </div> </a> </div> <div class='col-md-4 col-sm-12 showcase p-large'> <a class='elevation1 fill-white block h300 p-large radius6' href='https://ant.design/docs/react/introduce' target=_blank> <div class='screen-wrapper pos-rel h200 unscroll'> <img alt='Ant Design docsearch demo' class='img-responsive example m100p' data-type-gif=true src='assets/images/showcase/example-ant-design.gif'> <img alt=mask class='img-responsive screen-mask m100p pos-abt' src='assets/images/mask.png'> </div> <div class='spacer32 hidden-sm'></div> <div class='col-md-4 col-sm-12 no-padding img-container text-center vertical-align-middle'> <img alt='Ant Design' class='img-responsive logo' src='assets/images/showcase/logo-ant-design.png'> </div> <div class='col-md-8 col-sm-12 vertical-align-middle'> <p class='text-lg color-bunting text-demi no-margin'> Ant Design </p> </div> </a> </div> <div class='col-md-4 col-sm-12 showcase p-large'> <a class='elevation1 fill-white block h300 p-large radius6' href='https://docs.gitlab.com/' target=_blank> <div class='screen-wrapper pos-rel h200 unscroll'> <img alt='Gitlab docsearch demo' class='img-responsive example m100p' data-type-gif=true src='assets/images/showcase/example-gitlab.gif'> <img alt=mask class='img-responsive screen-mask m100p pos-abt' src='assets/images/mask.png'> </div> <div class='spacer32 hidden-sm'></div> <div class='col-md-4 col-sm-12 no-padding img-container text-center vertical-align-middle'> <img alt=Gitlab class='img-responsive logo' src='assets/images/showcase/logo-gitlab.png'> </div> <div class='col-md-8 col-sm-12 vertical-align-middle'> <p class='text-lg color-bunting text-demi no-margin'> Gitlab </p> </div> </a> </div> <div class='col-md-4 col-sm-12 showcase p-large'> <a class='elevation1 fill-white block h300 p-large radius6' href='https://symfony.com/doc/current/' target=_blank> <div class='screen-wrapper pos-rel h200 unscroll'> <img alt='Symfony docsearch demo' class='img-responsive example m100p' data-type-gif=true src='assets/images/showcase/example-symfony.gif'> <img alt=mask class='img-responsive screen-mask m100p pos-abt' src='assets/images/mask.png'> </div> <div class='spacer32 hidden-sm'></div> <div class='col-md-4 col-sm-12 no-padding img-container text-center vertical-align-middle'> <img alt=Symfony class='img-responsive logo' src='assets/images/showcase/logo-symfony.png'> </div> <div class='col-md-8 col-sm-12 vertical-align-middle'> <p class='text-lg color-bunting text-demi no-margin'> Symfony </p> </div> </a> </div> <div class='col-md-4 col-sm-12 showcase p-large'> <a class='elevation1 fill-white block h300 p-large radius6' href='http://pm2.keymetrics.io/docs/usage/cluster-mode/' target=_blank> <div class='screen-wrapper pos-rel h200 unscroll'> <img alt='PM2 docsearch demo' class='img-responsive example m100p' data-type-gif=true src='assets/images/showcase/example-pm2.gif'> <img alt=mask class='img-responsive screen-mask m100p pos-abt' src='assets/images/mask.png'> </div> <div class='spacer32 hidden-sm'></div> <div class='col-md-4 col-sm-12 no-padding img-container text-center vertical-align-middle'> <img alt=PM2 class='img-responsive logo' src='assets/images/showcase/logo-pm2.png'> </div> <div class='col-md-8 col-sm-12 vertical-align-middle'> <p class='text-lg color-bunting text-demi no-margin'> PM2 </p> </div> </a> </div> <div class='col-md-4 col-sm-12 showcase p-large'> <a class='elevation1 fill-white block h300 p-large radius6' href='http://gohugo.io/documentation/' target=_blank> <div class='screen-wrapper pos-rel h200 unscroll'> <img alt='Hugo docsearch demo' class='img-responsive example m100p' data-type-gif=true src='assets/images/showcase/example-hugo.gif'> <img alt=mask class='img-responsive screen-mask m100p pos-abt' src='assets/images/mask.png'> </div> <div class='spacer32 hidden-sm'></div> <div class='col-md-4 col-sm-12 no-padding img-container text-center vertical-align-middle'> <img alt=Hugo class='img-responsive logo' src='assets/images/showcase/logo-hugo.png'> </div> <div class='col-md-8 col-sm-12 vertical-align-middle'> <p class='text-lg color-bunting text-demi no-margin'> Hugo </p> </div> </a> </div> <div class='col-md-4 col-sm-12 showcase p-large'> <a class='elevation1 fill-white block h300 p-large radius6' href='https://docs.fastlane.tools/' target=_blank> <div class='screen-wrapper pos-rel h200 unscroll'> <img alt='fastlane docsearch demo' class='img-responsive example m100p' data-type-gif=true src='assets/images/showcase/example-fastlane.gif'> <img alt=mask class='img-responsive screen-mask m100p pos-abt' src='assets/images/mask.png'> </div> <div class='spacer32 hidden-sm'></div> <div class='col-md-4 col-sm-12 no-padding img-container text-center vertical-align-middle'> <img alt=fastlane class='img-responsive logo' src='assets/images/showcase/logo-fastlane.png'> </div> <div class='col-md-8 col-sm-12 vertical-align-middle'> <p class='text-lg color-bunting text-demi no-margin'> fastlane </p> </div> </a> </div> <div class='col-md-4 col-sm-12 showcase p-large'> <a class='elevation1 fill-white block h300 p-large radius6' href='https://jekyllrb.com/' target=_blank> <div class='screen-wrapper pos-rel h200 unscroll'> <img alt='Jekyll docsearch demo' class='img-responsive example m100p' data-type-gif=true src='assets/images/showcase/example-jekyll.gif'> <img alt=mask class='img-responsive screen-mask m100p pos-abt' src='assets/images/mask.png'> </div> <div class='spacer32 hidden-sm'></div> <div class='col-md-4 col-sm-12 no-padding img-container text-center vertical-align-middle'> <img alt=Jekyll class='img-responsive logo' src='assets/images/showcase/logo-jekyll.png'> </div> <div class='col-md-8 col-sm-12 vertical-align-middle'> <p class='text-lg color-bunting text-demi no-margin'> Jekyll </p> </div> </a> </div> <div class='col-md-4 col-sm-12 showcase p-large'> <a class='elevation1 fill-white block h300 p-large radius6' href='https://www.gatsbyjs.org/' target=_blank> <div class='screen-wrapper pos-rel h200 unscroll'> <img alt='Gatsby docsearch demo' class='img-responsive example m100p' data-type-gif=true src='assets/images/showcase/example-gatsby.gif'> <img alt=mask class='img-responsive screen-mask m100p pos-abt' src='assets/images/mask.png'> </div> <div class='spacer32 hidden-sm'></div> <div class='col-md-4 col-sm-12 no-padding img-container text-center vertical-align-middle'> <img alt=Gatsby class='img-responsive logo' src='assets/images/showcase/logo-gatsby.png'> </div> <div class='col-md-8 col-sm-12 vertical-align-middle'> <p class='text-lg color-bunting text-demi no-margin'> Gatsby </p> </div> </a> </div> <div class='col-md-4 col-sm-12 showcase p-large you'> <div class='elevation1 fill-white block h300 p-large radius6'> <div class='placeholder-screen text-center radius6'> <div class=spacer64></div> <div class='spacer32 hidden-sm'></div> <p class='text-lg color-bunting text-demi no-margin'> 750+ other websites <span class='visible-sm cf'> implementations </span> </p> <div class='spacer64 visible-sm'></div> </div> </div> </div> </header> </div> <div class=spacer64></div> </div> <div class='page-section pos-rel' id=section_how> <div class='container pos-rel z-10'> <div class='row text-center'> <h2 class='page-section-title upper-case text-demi'> How it works </h2> <div class=spacer32></div> </div> <div class=row> <div class=col-sm-12> <img alt='How it works' class='img-responsive m100p' src='assets/images/illus-howitworks.svg'> </div> </div> <div class=spacer32></div> <div class=row> <div class='col-sm-10 col-sm-offset-1'> <div class=row> <div class='col-sm-4 how-it-works p-small'> <h3> <span class='how-it-works-number text-lg color-royal-blue text-lg m-r-small'>1</span> <span class=text-demi> We crawl your documentation pages </span> </h3> <div class=spacer16></div> <p class='color-east-bay text-regular'> We built a website crawler designed to index every section of your documentation. </p> <p class='color-east-bay text-regular'> Just send us the URL of your documentation, and we’ll periodically run the crawler so you’re always up-to-date. </p> <div class=spacer30></div> </div> <div class='col-sm-4 how-it-works p-small'> <h3> <span class='how-it-works-number text-lg color-royal-blue text-lg m-r-small'>2</span> <span class=text-demi> We configure your search experience </span> </h3> <div class=spacer16></div> <p class='color-east-bay text-regular'> You don’t need to configure any settings or even have an Algolia account. </p> <p class='color-east-bay text-regular'> We take care of all of this automatically to ensure the best documentation search experience. </p> <div class=spacer30></div> </div> <div class='col-sm-4 how-it-works p-small'> <h3> <span class='how-it-works-number text-lg color-royal-blue text-lg m-r-small'>3</span> <span class=text-demi> You add the search autocomplete to your UI </span> </h3> <div class=spacer16></div> <p class='color-east-bay text-regular'> We’ll send you a few lines of code to integrate Algolia autocomplete and power your search. </p> <p class='color-east-bay text-regular'> You will receive the same speed, relevance and best-in-class UX as our paying customers. </p> </div> </div> </div> </div> </div> </div> <div class='page-section fill-royal-blue' id=section_get-started> <div class=spacer120></div> <div class=spacer56></div> <div class='container col-md-12 fill-royal-blue z-10'> <header class=text-center> <h2 class='page-section-title color-white upper-case text-demi'>Get started</h2> <div class=spacer32></div> <div class='text-center color-white'> <p> We’ll get back to you within a few hours with everything you need to integrate your new search into your website. <br> Oh, and did we mention it's FREE? No commitment. No subscription. Everything is on us! And it won't change. </p> </div> </header> <div class=spacer64></div> </div> <div class='col-md-12 fill-royal-blue'> <form class='join-form join-form-fill gradient-white pos-rel z-10 p-xlarge p-l-xxlarge p-r-xxlarge radius6 elevation1 m-l-r-auto'> <header class=text-center> <h3 class='color-bunting text-demi no-margin text-lg'>Get Started. It’s FREE!</h3> </header> <div class=spacer32></div> <label class='color-bunting text-normal' for=url>Website</label> <div class=input-group> <span class=input-group-addon> <i class='icon icon-link color-bunting'></i> </span> <input class=form-control name=url placeholder='https://website.com/doc'> </div> <p class='text-sm color-east-bay m-t-small'>We’ll crawl the <u>documentation pages</u> of your website and index them on Algolia.</p> <div class=spacer32></div> <label class='color-bunting text-normal' for=email>Email</label> <div class=input-group> <span class=input-group-addon> <i class='icon icon-email color-bunting'></i> </span> <input class=form-control name=email placeholder='you@example.org' type=email> </div> <p class='text-sm color-east-bay m-t-small'>We’ll email you the code you need to integrate the search into your documentation.</p> <div class=spacer32></div> <p class='checkbox text-center'> <label> <input name=owner type=checkbox> <span>I'm the <u>owner</u> of that website</span> </label> </p> <div class=row> <div class='form-group pos-rel p-small'></div> <div> <p> Refer to <a class=clickable href='https://www.algolia.com/policies/terms'>Algolia's Privacy Policy</a> for more information on how we use and protect your data </p> </div> </div> <div class=text-center> <button class='btn btn-static-primary w100p' type=submit> Join the program </button> </div> </form> <form class='join-form join-form-validated gradient-white pos-rel z-10 p-xlarge p-l-xxlarge p-r-xxlarge radius6 elevation1 m-l-r-auto hidden'> <h3>Thank you !</h3> <div class=spacer20></div> <p class=text-sm> <b> We'll review your request shortly, </b> after making sure your website is eligible to DocSearch. </p> <p class=text-sm> This is a manual process and can take some time. </p> <p class=text-sm>We'll then email you the code you need to integrate on your website</p> <div class=spacer20></div> </form> </div> <div class='inline spacer120'></div> <div class='inline spacer64'></div> </div> <script src='assets/javascripts/main.js'></script> <div id=footer> <div class='credits pos-rel z-10'> <div class='pos-rel z-10'> <p> Code licensed under <a href='https://github.com/algolia/docsearch/blob/master/LICENSE'> MIT </a> <br> <a href='https://github.com/algolia/docsearch'> Github </a> <a href='https://github.com/algolia/docsearch/issues'> Issues </a> <a href='https://www.algolia.com/policies/privacy'> Privacy policy </a> </p> <div class=spacer32></div> </div> <div class='container pos-rel'> <div class=row> <div class='col-md-12 text-center'> <a href='/'> <img src='https://www.algolia.com/static_assets/images/flat2/algolia/algolia-logo_badge-598a1fe6.svg' width=40> </a> </div> </div> <div class=spacer40></div> </div> </div> <svg style='display: none'>
 <symbol>
 <path d='M26.806 29.012a16.312 16.312 0 0 1-10.427 3.746C7.33 32.758 0 25.425 0 16.378 0 7.334 7.333 0 16.38 0c9.045 0 16.378 7.333 16.378 16.38 0 3.96-1.406 7.593-3.746 10.426L39.547 37.34c.607.608.61 1.59-.004 2.203a1.56 1.56 0 0 1-2.202.004L26.808 29.012zm-10.427.627c7.32 0 13.26-5.94 13.26-13.26 0-7.325-5.94-13.26-13.26-13.26-7.325 0-13.26 5.935-13.26 13.26 0 7.32 5.935 13.26 13.26 13.26z' fill-rule=evenodd></path>
 </symbol>
 <symbol>
 <path d='M34.852 15.725l-8.624-9.908L24.385 3.7 28.62.014l1.84 2.116 13.1 15.05 1.606 1.846-1.61 1.844-13.1 15.002-1.845 2.114-4.23-3.692 1.85-2.114 9.465-10.84h-24.66v-5.615h23.817zm-26.774 0h-.002 2.96v5.614H0v-5.615h8.078z' fill-rule=evenodd></path>
 </symbol>
 <symbol id=icon-copy viewbox='0 0 708.8 717' xmlns='http://www.w3.org/2000/svg'>
 <path d='M658.8 158H490.2c-13.3 0-26 5.3-35.4 14.6l-4.6 4.6V25c0-13.8-11.2-25-25-25H235.6c-6.6 0-13 2.6-17.7 7.3L7.3 218C2.6 222.6 0 229 0 235.6V541c0 13.8 11.2 25 25 25h227.8v101c0 27.6 22.4 50 50 50h356c27.6 0 50-22.4 50-50V208c0-27.6-22.4-50-50-50zm-204 85.4V360H338.2l116.6-116.6zm-253-149.2V209H87L201.8 94.2zM50 516V259h176.8c13.8 0 25-11.2 25-25V50h148.4v177.3L267.5 360c-9.4 9.4-14.6 22.1-14.6 35.4V516H50zm608.8 151h-356V410h177c13.8 0 25-11.2 25-25V208h154v459z'></path>
 </symbol>
</svg> </div> <script src='//cdn.jsdelivr.net/jquery/2.1/jquery.min.js'></script> <script src='assets/javascripts/communityHeader.js'></script> <script src='assets/javascripts/main.js'></script> <script>
|
||
var a = new communityHeader({
|
||
apiKey: '25626fae796133dc1e734c6bcaaeac3c',
|
||
indexName: 'docsearch',
|
||
inputSelector: '#searchbox',
|
||
autocompleteOptions: {
|
||
debug: false
|
||
}
|
||
},"lazy");
|
||
</script> </body> </html> |