index.html

---
layout: default
---

<div id="search" class="panel">
  <div class="flex flex-wrap" style="justify-content: space-between;">
    <h1 style="margin-top: 6px; margin-bottom: 6px;">{{ site.data.locale.home-header }}</h1>
    <input class="panel-inset text-right p4" type="text" id="search-input" placeholder="search..."
      style="color: #ffe6c0; margin: 1px; padding: 0; font-size: 25px; font-weight: bold;">
  </div>
  <div id="results-container"></div>

  {% include pagination.html %}
  {% for post in paginator.posts %}
  {% unless post.draft %}
  <a href="{{ site.baseurl }}{{ post.url }}" class="panel-inset-lighter blog-card">
    {% if post.image %}
    <div class="blog-card-thumbnail">
      <img src="{{ post.image.url }}" alt="{{ post.image.transcription }}">
      <div class="shadow-overlay"></div>
    </div>
    {% endif %}
    <div class="blog-card-text">
      <h3>{{ post.title }}</h3>
      <div class="posted-by">
        {% include author.html %}
      </div>
      <hr>
      <div class="snippet">
        <p>{{ post.content | first_paragraph | strip_html}}</p>
      </div>
    </div>
  </a>
  {% endunless %}
  {% endfor %}
  {% include pagination.html %}
</div>
<script src="/assets/GLOBAL/js/simple-jekyll-search.min.js"></script>
<script>
  window.simpleJekyllSearch = new SimpleJekyllSearch({
    searchInput: document.getElementById('search-input'),
    resultsContainer: document.getElementById('results-container'),
    json: '{{ site.baseurl }}/search.json',
    searchResultTemplate: '<a href="{url}" class="panel-inset-lighter blog-card"><div class="blog-card-thumbnail"><img src="{image_src}" alt="{image_alt}"><div class="shadow-overlay"></div></div><div class="blog-card-text"><h3>{title}</h3><div class="posted-by">{{ site.data.locale.author.writtenby }} <em>{author}</em> {{ site.data.locale.author.date }} {date}</div><hr><div class="snippet"><p>{content}</p></div></div></a>',
    noResultsText: 'No results found',
    limit: 10,
    fuzzy: false,
    exclude: []
  })
</script>