{{ define "footerfiles" }}
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/3.2.1/fuse.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/jquery.mark.min.js"></script>
<script src="{{ "js/search.js" | absURL }}"></script>
{{ end }}

{{ define "main" }}
<section class="bg-near-white pt5">
    <div class="mw7 center pv4" >
        <form action="{{ .Permalink }}">
            <input id="search-query" name="s"/>
        </form>
        <div id="search-results">
            <h3>Matching pages</h3>
        </div>
    </div>
</section>
<!-- this template is sucked in by search.js and appended to the search-results div above. So editing here will adjust style -->
<script id="search-result-template" type="text/x-js-template">
 <div id="summary-${key}" class="bt bb b--black-10 ph4">
 <h4><a href="${link}">${title}</a></h4>
 <p>${snippet}&hellip;</p>


 ${ isset tags }<p><i class="fa fa-tags"></i> Tags: ${tags}</p>${ end }
 ${ isset categories }<p><i class="fa fa-bookmark"></i> Categories: ${categories}</p>${ end }
 </div>
</script>
{{ end }}