<!DOCTYPE html> <html lang=“en”> <head>
<meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>{{site.data.tenant.name}} Documentation</title> <link href="../assets/css/common.css" rel="stylesheet"> <link href="../assets/css/font-awesome.min.css" rel="stylesheet"> <script src="../assets/js/jquery.min.js"></script> <script src="../assets/js/client.js"></script> <link rel="shortcut icon" href="../assets/img/favicon.ico">
</head> <body>
<div class=“page”>
{% include header.html %} {{ content }} {% include footer.html %}
</div>
<script src=“cdn.jsdelivr.net/instantsearch.js/1/instantsearch.min.js”>>
<script type=“text/html” id=“hit-template”> {% raw %}
<div class="hit"> <h2 class="hit-title"><a href="{{{url}}}">{{{_highlightResult.title.value}}}</a></h2> <p class="hit-text"><a href="{{{url}}}">{{{_highlightResult.text.value}}}</a></p> </div>
{% endraw %} </script> <script>
var search = instantsearch({ appId: '{{ site.algolia.application_id }}', apiKey: '{{ site.algolia.search_only_api_key }}', indexName: '{{ site.algolia.index_name }}', urlSync: false, searchFunction: function(helper) { var searchResults = $('#hits'); if (helper.state.query === '') { searchResults.hide(); $('#search-input').blur(); return; } helper.search(); searchResults.show(); } }); search.addWidget( instantsearch.widgets.searchBox({ container: '#search-input' }) ); search.addWidget( instantsearch.widgets.hits({ container: '#hits', hitsPerPage: 10, templates: { item: document.getElementById('hit-template').innerHTML, empty: "We didn't find any results for the search <em>\"{{query}}\"</em>" } }) ); search.start();
</script> </body> </html>