_includes/search-form.html (18 lines of code) (raw):
<!-- HTML search field -->
<div id="search-container">
<input type="text" id="search-input" placeholder="Search all episodes..." autofocus>
<ul id="results-container" class="post-list"></ul>
</div>
<!-- Grab search-script.js -->
<script src="/assets/js/search-script.js" type="text/javascript"></script>
<!-- Configuration -->
<script>
SimpleJekyllSearch({
searchInput: document.getElementById('search-input'),
resultsContainer: document.getElementById('results-container'),
json: '/search.json',
searchResultTemplate: `
<li class="post-item">
<!-- Optional: If you have images, you need to add the image URL in the search.json and use it here -->
<!-- <img src="{image_url}" alt="{title}" class="post-image"> -->
<h2><a href="{url}">{title}</a></h2>
<span class="post-date">{date}</span>
Host(s): {hosts}
</li>`
})
</script>