---
layout: base
---
<div class="welcome-aside-left">
    <div class="buttons-wrapper box">
        <h2><i>please visit...</i></h3>
        <div class="buttons">
            {% for button in 88x31.buttons.people.slice(0, 5) %}
            <a href="{{ button.link }}" title="{{ button.name }}">
            {% if button.image.startsWith("http") %}
                <img src="{{ button.image }}" alt="{{ button.name }}">
            {% else %}
                <img src="/img/buttons/{{ button.image }}.gif" alt="{{ button.name }}">
            {% endif %}
            </a>
            {% endfor %}
        </div>
    </div>
</div>

<div class="welcome-content">
    {{ content | safe }}
    <img src="/img/nekojiru.png">
</div>

<div class="welcome-aside-right">
    <div class="recent-posts box">
        <h2><i>recent posts</i></h2>
        <ul>
        {% for post in collections.post.slice(0, 3) %}
            <li><p><a href="{{ post.url }}">{{ post.data.title }}</a> <span class="date">| {{ post.date.toLocaleString("en-GB", {year: 'numeric', month: '2-digit', day: '2-digit'}) }}</span></p></li>
        {% endfor %}
        </ul>
    </div>
</div>
