layout: default
<style>
#search-container { max-width: 100%; } input[type=text] { font-size: normal; outline: none; padding: 0.7rem; width: 100%; -webkit-appearance: none; font-family: inherit; font-size: 100%; border: none; border-bottom: 1px solid gray; } #results-container { margin: 1rem 0; background-color: #f9f9f9; }
</style> <section class=“posts”>
<h1 style="color: #cc0000">Example Blog</h1> <div id="search-container"> <input type="text" id="search-input" placeholder="Search for a tag or post..."> <ol id="results-container"></ol> </div> <h2 style="color: #cc0000">Feed</h2> <a href="{{ site.baseurl }}/atom.xml" class="rss">RSS <span class="fa fa-rss" style="color: #ee802f"></span></a> <a href="{{ site.baseurl }}/feed.json" class="rss">JSON <span class="fa fa-rss" style="color: #ee802f"></span></a> <h2 style="color: #cc0000">Tags</h2> {% assign tags = site.tags | sort %} <p> {% for tag in tags %} <a href="/tag/{{ tag | first | replace: ' ', '%20'}}">{{ tag[0] | replace:'-', ' ' }} ({{ tag | last | size }}){% unless forloop.last %}, {% endunless %}</a> {% endfor %} </p> <h2 style="color: #cc0000">Posts</h2> <ul> {% for post in site.posts %} <li><a style="color: black;" href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a><time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: "%m-%d-%Y" }}</time></li> {% endfor %} </ul>
</section> <script src=“/search.js” type=“text/javascript”></script> <script type=“text/javascript”> SimpleJekyllSearch({
searchInput: document.getElementById('search-input'), resultsContainer: document.getElementById('results-container'), json: '/search.json', searchResultTemplate: '<li><a href="{url}" style="color: #000;" title="{desc}">{title}</a></li>', noResultsText: 'No results found', limit: 10, fuzzy: false, exclude: ['Welcome']
}) </script>