<!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>