---
layout: base
title: home
lastfm: true
---
<div class="welcome-aside-left">
    <div id="listening"></div>
    <!-- TODO: fake ad
    <div class="leftside-fake-ad"></div>
    -->
    <div class="buttons-wrapper box">
        <h2>please visit...</h2>
        <div class="buttons">
            {% for button in 88x31.buttons.people.slice(0, 5) %}
            <a href="{{ button.link }}" target="_blank" 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>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>
    <!-- TODO: rightside home image
    <img src="/img/home_rightside.jpg" id="rightside">
    -->
</div>
