---
avail_text: "site-lang-avail"
lastfm: true
flight: 
    img: "/img/Witch-on-broom.gif"
    url: "https://www.youtube.com/embed/w1dXpAJ1qfA"
---
{% extends "_layouts/base.njk" %}

{% block content %}
    <div class="welcome-aside-left">
        <div class="home-lang box">
            {% include "lang-available.njk" %}
            <img src="/img/nekojiru.png">
        </div>
        <div id="listening" title="{{ "listening-to" | i18n }}"></div>
        <!-- TODO: fake ad -->
        <div class="umihara-kawase">
            <a href={{ "/etc/umihara-kawase" | locale_url }}><img src="/img/umihara-kawase.gif"></a>
        </div>
        <div class="buttons-wrapper box">
            <h2>{{ "please-visit" | i18n }}</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="true-content welcome-content">
        {{ content | safe }}
    </div>

    <div class="welcome-aside-right">
        <div class="recent-posts box">
            <h2>{{ "recent-posts" | i18n }}</h2>
            <ul>
            {% for post in collections.post | i18n_filter(5) %}
                <li><p><a href="{{ post.url }}">{{ post.data.title }}</a><br><span class="date"> {{ post.date.toLocaleString("en-GB", {year: 'numeric', month: '2-digit', day: '2-digit'}) }}</span></p></li>
            {% endfor %}
            </ul>
        </div>
        <!-- TODO: better rightside home image -->
        <img src="/img/home_rightside.jpg" id="rightside">
    </div>
{% endblock content %}

{% block scripts %}
    {% if lastfm %}
        <script src="/js/lastfm.js"></script>
    {% endif %}
{% endblock scripts %}
