---
layout: blog
---

<div class="row">
  <div class="col-md-9">

    <h1 class="blog-header">OpenICE Developer Blog</h1>
    <p class="blog-tagline">We are the technical team building OpenICE. Occassionally we do or find interesting things we want to share. These are our ramblings.</p>

    {% for post in paginator.posts %}
      <div class="blog-post-list">

        <a href="{{ post.url }}"><span class="blog-list-title">{{ post.title }}</span></a>
        <span class="blog-author">
          {% assign authorCount = post.author | size %}
          {% if authorCount == 0 %}
            No author
          {% elsif authorCount == 1 %}
            {{ post.author | first }}
          {% elsif authorCount == 2 %}
            {% for author in post.author %}{% if forloop.first %}{{ author }}{% else %} and {{ author }}{% endif %}{% endfor %}
          {% else %}
            {% for author in post.author %}{% if forloop.last %} and {{ author }}{% else %}{{ author }}, {% endif %}{% endfor %}
          {% endif %}
        </span>
        <span class="blog-date">{{ post.date | date_to_long_string }}</span>

        <div class="blog-excerpt">
          {{ post.excerpt }}
        </div>

        <a href="{{ post.url }}"><span class="blog-continue">Continue reading...</span></a>

      </div>
    {% endfor %}


    <nav class="blog-paginator">
      <ul class="pager">

        {% if paginator.previous_page %}
          <li ><a href="{{ paginator.previous_page_path }}">&larr; Previous</a></li>
        {% else %}
          <li><span class="blog-paginator__button--disabled">&larr; Previous</span></li>
        {% endif %}

        {% if paginator.next_page %}
          <li><a href="{{ paginator.next_page_path }}">Next &rarr;</a></li>
        {% else %}
          <li><span class="blog-paginator__button--disabled">Next &rarr;</span></li>
        {% endif %}

      </ul>
    </nav>

    <div class="text-center blog-page-number">
      <span>Page {{ paginator.page }} of {{ paginator.total_pages }}</span>
    </div>

  </div>


  <div class="col-md-3 hidden-xs hidden-sm blognav">
    <div id="blognav-affix">
      <h5 class="blognav-title">Previous Posts</h5>
      <ul class="list-unstyled">

        {% for post in site.posts %}
          {% if post.title-sm %}
            <li><a href="{{ post.url | prepend: site.baseurl }}">{{ post.title-sm }}</a></li>
          {% endif %}
        {% endfor %}

      </ul>
    </div>
  </div>

</div>


<script type="text/javascript">
  $('#blognav-affix').affix({
    offset: {
      top: function () {
        return (this.top = $('#logo-banner-holder').outerHeight(true) + $('#main-navbar').outerHeight(true))
      },
      bottom: function () {
        return (this.bottom = $('#footer').outerHeight(true))
      }
    }
  })
</script>