---
layout: base
title: home
---
<div class="welcome-aside-left">
    <div class="buttons-wrapper box">
        <h2>please visit...</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 class="now-playing-wrapper box">
        <h2>last played</h2>
        <div class="now-playing"><p>test</p></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>recent posts</h2>
        <ul>
        {% for post in collections.post.slice(0, 5) %}
            <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>