index.html

---
layout: default
title: Hackatron
description: We're a group of developers, designers, tinkers. We want to have fun building things and learning something new.
---

<div id="search">
  <form>
    <input id="q" name="q" placeholder="Search">
  </form>

  <div id="results_container">
    <h2>Search results:</h2>
    <div id="search_results"></div>
  </div>
</div>

<div id="home">
  <h2>Posts</h2>
  <ul class="posts unstyled">
    {% for post in site.posts %}
      <li>
        <div class="date">{{ post.date | date_to_string }}</div>
        <a href="{{ post.url }}">{{ post.title }}</a>
        <q>{{ post.description }}</q>
      </li>
    {% endfor %}
  </ul>
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="/javascripts/jquery-tapir.js"></script>
<script>
  $(document).ready(function() {
    $('#q').tapir('paramValue', 'q');
    $('#search_results').tapir({token: '5485c77b14932d75a8000000', complete: function(query, data) {
      if (query) {
        $('#results_container').show();
      }
    }});
  });
</script>

<!--[if !(lt IE 8)]><!-->
<script type="text/javascript">
  (function(){
    var e = document.createElement('script'); e.type='text/javascript'; e.async = true;
    e.src = 'https://www.eff.org/ngw/widget.min.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(e, s);
  })();
</script>
<!--<![endif]-->