{% include html-head.html %}

  <p id="demo-nav"><a href="../index.html">{{ site.name }}</a> Demo</p>

  <h1>{{ page.title }}</h1>
  
  <div id="container" class="variable-sizes">
    {% assign page_position = page.page_position %}
    {% for element in site.elements limit:20 offset:page_position %}
      {% include element-partial.html %}
    {% endfor %}
  </div>
  
  {% include footer.html %}
  
  <script src="../js/jquery-1.4.4.min.js"></script>
  <script src="../{{ site.isotope_js }}"></script>
  <script>
    $(function(){
      
      var $container = $('#container');
      
      $container.isotope({
        itemSelector : '.element',
        layoutMode : 'fitRows'
      });
      
    });
  </script>
  
{% include html-foot.html %}