blog

{% load i18n %}

{% block title %}{{ post-title }} | Blog{% endblock title %}

{% block description %}{{ post-description }}{% endblock description %}

{% block main %}

{% with color="brown" accent_color="yellow" %}

<div class="section {{ color }} z-depth-3">

    <div class="container">

        <div class="white-text" style="font-family:serif;">

            {{ blog-post }}

        </div>

    </div>

</div>

{% get_language_info for "en" as lang %}

    <a href="{% url 'blog-post' 'en' post-url %}"class="btn tooltipped" data-position="bottom" data-delay="50" data-tooltip="{% trans 'Share the English version>{{lang.name_translated}}</a>

    <a href="{% url 'blog-post' l1nguage post %}"class="btn tooltipped" data-position="bottom" data-delay="50" data-tooltip="{% trans ">Hover me!</a>

    <a href="{% url 'blog-post' l1nguage post %}"class="btn tooltipped" data-position="bottom" data-delay="50" data-tooltip="{% trans ">Hover me!</a>

    <a href="{% url 'blog-post' l1nguage post %}"class="btn tooltipped" data-position="bottom" data-delay="50" data-tooltip="{% trans ">Hover me!</a>

    <a href="{% url 'blog-post' post-url %}" class="btn tooltipped" data-position="bottom" data-delay="50" data-tooltip="{% trans 'Multilingual link. Links to the version in the viewer's preferred language.' %}">🏳️‍🌈 {% trans "All possible languages" %}</a>

<div class="container">

    {% for title, date, description, link in post_links %}

        <h2 class="{{ color}}-text">{{ title }}</h2>

        {# FIXME: Date is in all languages of the same format. Fix for each language #}

        <span class="grey-text">{{ date|date:"l j F Y" }}</span>

        {#<p class="hide-on-small-only">{{ description }}</p>#}

        <p class="hide-on-small-only">{% lorem %}</p>

        <a class="btn {{accent_color}} accent-3" href="{{link}}">

            {% trans "Read on"%}

        </a>

        <hr />

    {% endfor %}

</div>

{% endwith %}

{% endblock main %}