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