index.html

---
layout: default
---
<section class="main-content center">
    <div id="images" class="main-logo">
        <img id="loader" src="{{ site.media_server }}/images/ajax-loader.gif" />
        <div id="images_caption" class="caption"></div>

    </div>



	<div class="main-recent-posts">
        <p>My most recent post</p>
        <ul>
         {% for post in site.posts  limit: 1%}
         <li><a href="{{ post.url }}">{{ post.title }}</a> 
            <small>posted on {{ post.date | date: "%b %d, %Y"  }}</small><li>
            {% endfor %} 
        </ul>
    </div>    
    <br />

    <div class="main-posts">
        <p>Other recent posts.</p>
        <ul>
           {% for post in site.posts offset: 1 limit: 100%}
           <li><a href="{{ post.url }}">{{ post.title }}</a> 
            <small>posted on {{ post.date | date: "%b %d, %Y"  }} </small>
        </li>
        {% endfor %}
    </ul>
</div>
</article>