layout: default title: Search


<script src=“cdnjs.cloudflare.com/ajax/libs/simple-jekyll-search/1.7.2/simple-jekyll-search.min.js” integrity=“sha256-DsgE6Y6cI5eAZoTg8tJ5VBxFs+rnL8smPwt/u8tyAYo=” crossorigin=“anonymous”></script>

<!– <input type=“text” id=“search-input” placeholder=“Search blog posts..”> <ul id=“results-container”></ul> –>

<form action=“#”>

  <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
    <input class="mdl-textfield__input" type="text" id="search-input">
    <label class="mdl-textfield__label" for="search-input">Search Here</label>
    <ul id="results-container"></ul>
  </div>
</form>

<script type=“text/javascript”>

var sjs = SimpleJekyllSearch({
searchInput: document.getElementById('search-input'),
resultsContainer: document.getElementById('results-container'),
json: '{{ site.base_url }}/search.json',
searchResultTemplate: '<li><a href="{url}">{title}</a></li>',
noResultsText: 'No results found',
fuzzy: false
})

</script>

<div>&nbsp;</div> <div>&nbsp;</div> <div>&nbsp;</div>

{%- for post in site.posts limit:2 -%}

<div class="demo-card-wide mdl-card mdl-shadow--2dp">
    <div class="mdl-card__post" style="background: url('/assets/{{ post.date | date: '%Y-%m-%d' }}.jpg') center / cover;">
        <h2 class="mdl-card__title-text">{{ post.title }}</h2>
    </div>
    <div class="mdl-card__supporting-text">
        {{ post.date | date: '%b %d, %Y' }}
    </div>
    <div class="mdl-card__supporting-text" style="font-size: 1.3em">
        {{ post.excerpt }}
    </div>
    <div>&nbsp;</div>
</div>
<div>&nbsp;</div>

{%- endfor -%}

</div> <div class=“mdl-layout-spacer”></div> </div>