explore.html

---
layout: default
title: explore
permalink: /explore/
---

<style media="screen" type="text/css">
  
  ul, li {list-style-type: none; list-style-position:inside; margin:0; padding:0;  text-align:center;}   
  li {margin: 0 0 5px 0}

  article li {color:#494949; list-style-type:disc; text-align:left; list-style-position:outside}
  article li a {color:#494949;}

</style>

<div id="search-container"; align="center">
        <input type="text" id="search-input" placeholder="search tags and titles" onkeydown="onkeypressed(event, this);" autofocus>
</div>

<ul id="results-container"; align="left"></ul>

<hr>

<div id="archives"; align="left">

  {% for category in site.categories %}

    <div class="archive-group">

      {% capture category_name %}{{ category | first }}{% endcapture %}
      <div id="#{{ category_name | slugize }}"></div>
      <p></p>
      
      <h3 class="category-head">{{ category_name }}</h3>
      <a name="{{ category_name | slugize }}"></a>

      {% for post in site.categories[category_name] %}

      <!-- <article class="category-head"> -->
      <article class="archive-item">

        <!-- <li><span>{{ post.date | date_to_string }}</span> &nbsp; <b href="{{ post.url }}">{{ post.title }}</b></li> -->

        <li><a href="{{ site.baseurl }}{{ post.url }}">{{post.title}}</a></li>
        
      </article>

      {% endfor %}

      </div>

  {% endfor %}

  </div>

<!-- script pointing to jekyll-search.js -->
<script src="{{ site.baseurl }}/js/simple-jekyll-search.min.js"></script>

<script type="text/javascript">
    SimpleJekyllSearch.init({
    searchInput: document.getElementById('search-input'),
    resultsContainer: document.getElementById('results-container'),
    dataSource: '{{ site.baseurl }}/search.json',
    searchResultTemplate: '<li><a href="{url}" title="{desc}">{title}<\/a><\/li>',
    noResultsText: 'No results found',
    limit: 10,
    fuzzy: false,
    })
</script>