<div id=“search-container”>
<input class="input" type="text" id="search-input" placeholder="Search for a post..." autocomplete="off"> <ul class="mdc-list mdc-list--two-line" id="results-container"></ul>
</div>
<script src=“{{ site.baseurl }}/assets/scripts/simple-jekyll-search.min.js” type=“text/javascript”></script>
<script>
SimpleJekyllSearch({ searchInput: document.getElementById('search-input'), resultsContainer: document.getElementById('results-container'), searchResultTemplate: '<li class="mdc-list-item"><span class="mdc-list-item__ripple"></span><span class="mdc-list-item__text"><span class="mdc-list-item__primary-text"><a href="{url}">{title}</a></span><span class="mdc-list-item__secondary-text">{date}</span></span></li>', json: '{{ site.baseurl }}/assets/raw/search.json' });
</script>