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> </div> <div> </div> <div> </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> </div> </div> <div> </div>
{%- endfor -%}
</div> <div class=“mdl-layout-spacer”></div> </div>