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>