blog_os/index.html

---
layout: default
title: Home
---
<div class="newest-post">
<emph>Latest Post</emph>: {% for post in site.posts limit:1 %}
  <strong><a href="#{{ post.id }}" onclick="
    post = document.getElementById('{{ post.id }}');
    post.className = post.className.replace(/\b updated\b/, '');
    post.offsetWidth = post.offsetWidth; // trigger reflow -> works on 2nd click, too
    post.className += ' updated';
  ">{{post.title}}</a></strong>
{% endfor %}
</div>

<div class="posts">
  {% for post in site.posts reversed %}
  <article class="post" id="{{ post.id }}">
    <h1 class="post-title">
      <a href="{{ site.baseurl }}{{ post.url }}">
        {{ post.title }}
      </a>
    </h1>

    <span class="post-date">
      <time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date_to_string }}</time>
      {% if post.updated %}
        (updated on {{ post.updated | date_to_string }})
      {% endif %}
    </span>

    {% if post.content contains '<!--more-->' %}
	    {{ post.content | split:'<!--more-->' | first }}
    {% else %}
	    {{ post.excerpt }}
    {% endif %}
  </article>
  <hr>
  {% endfor %}
</div>