blog

{% load i18n %}

{% load static %}

{% block stylesheets %}

{{ block.super }}

{#<link href="{% static "blog/stylesheet.css" %}" rel="stylesheet" media="screen, projection" />#}

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css">

    <!-- Compiled and minified JavaScript -->

    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script>

{% endblock %}

{% block title %}{% trans "Maarten's blog" %}{% endblock title %}

{% block description %}{% blocktrans %}The always coherently put together, yet

fuzzy blog of whatever sprouts in my mind.{% endblocktrans %}

{% endblock description %}

{% block main %}

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

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

    <div class="container">

        <div class="white-text">

            <h3>{% trans "Blog" %}</h3>

            <p>

                {% blocktrans %}Welcome to my blog. Here, I write

                about things that interest me. Politics, coding,

                studying, life, or anything else I fancy rambling

                about. If you're in luck, I may've written it in a

                language that you understand better than English.

                {% endblocktrans %}

            </p>

        </div>

    </div>

</div>

<div class="fixed-action-btn">

    <a href="{% url 'blog-feed' %}" id="feed-fab" class="btn-floating waves-effect waves-light btn-large orange accent-4">

    <i class="large material-icons">rss_feed</i>

    </a>

</div>

<div class="container row">

    <div class="col s12 m6">

        <h1 id="weekly" class="{{ color }}-text">Weekly</h1>

		<a class="btn black-text waves-effect {{ accent_color }} accent-4"

		   href="{% url "weekly-archive" %}">

                Open archief

		</a><hr />

        {% include "blog/weekly.html" %}

    </div>

    <div class="container col s12 m6">

        {% for title, date, blog_text, link in posts %}

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

            <span class="grey-text">{{ date|date:"DATE_FORMAT" }}</span>

            <p class="hide-on-small-only">{{ blog_text|safe|truncatewords_html:100 }}</p>

            <a class="btn black-text waves-effect {{accent_color}} accent-4" href="{{link}}">

                📚 {% trans "Read on"%}

            </a>

            <hr />

        {% endfor %}

    </div>

</div>

{% if introduce_feed %}

    <div class="orange accent-4 tap-target" data-target="feed-fab">

        <div class="white-text tap-target-content">

            <h5>{% trans "Never miss an update again." %}</h5>

            <p>{% blocktrans %}Getting info on updates to blog posts, major website changes, and other important

                news items is now easy and convenient with RSS.

                {% endblocktrans %}</p>

        </div>

    </div>

    <script>

	    var elem = document.querySelector('.tap-target');

		console.log(elem);

		var instance = M.TapTarget.init(elem, null);

		console.log(instance);

		instance.open();

    </script>

{% endif %}

{% endwith %}

{% endblock main %}

{% load humanize %}

{% load i18n %}

{% load static %}

{% block stylesheets %}

{{ block.super }}

<link href="{% static "blog/stylesheet.css" %}" rel="stylesheet" media="screen, projection" />

{% endblock %}

{% block description %}

{{ article|safe|truncatewords_html:10 }}

{% endblock description %}

{% block title %}📚 {{ navbar_title }}{% endblock title %}

{% block main %}

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

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

    <div class="container">

        <article style="font-family:serif;">

            {{ article|safe }}

        </article>

<h5 class="white-text">{% trans "This article in other languages" %}</h5>

{% get_language_info for 'nl' as LANG %}

<a {% if dutch_link %} href="{{dutch_link}}" {% endif %}

   class="btn {{accent_color}} accent-4 black-text waves-effect

   {% if not dutch_link %}disabled{% endif %}">

    🇧🇪 {{ LANG.name_translated}} 🇳🇱

</a>

{% get_current_language as lang %}

{% get_language_info for 'fr' as LANG %}

<a {% if french_link %} href="{{french_link}}" {% endif %}

   class="btn {{accent_color}} accent-4 black-text waves-effect

   {% if not french_link %}disabled{% endif %}">

    🇧🇪 {{ LANG.name_translated}} 🇫🇷

</a>

{% get_language_info for 'en' as LANG %}

<a {% if english_link %} href="{{english_link}}" {% endif %}

   class="btn {{accent_color}} accent-4 black-text waves-effect

   {% if not english_link %}disabled{% endif %}">

    🇬🇧 {{ LANG.name_translated}} 🇺🇸

</a>

{% get_language_info for 'de' as LANG %}

<a {% if german_link %} href="{{german_link}}" {% endif %}

   class="btn {{accent_color}} accent-4 black-text waves-effect

   {% if not german_link %}disabled{% endif %}">

    🇧🇪 {{ LANG.name_translated}} 🇩🇪

</a>

{% get_language_info for 'es' as LANG %}

<a {% if spanish_link %} href="{{spanish_link}}" {% endif %}

   class="btn {{accent_color}} accent-4 black-text waves-effect

   {% if not spanish_link %}disabled{% endif %}">

    🇪🇸 {{ LANG.name_translated}} 🇲🇽

</a>

<h5 class="white-text">{% trans "Comments" %}</h5>

{% for comment in comments %} {# Whoops =P #}

    <span class="white-text">{{ comment.name|title }} | </span>

    <time class="grey-text" datetime="{{ comment.date|date:'c' }}">{{ comment.date|naturaltime }}</time>

    <br />

    <p class="white-text">{{ comment.text|urlize }}</p>

    <hr />

{% endfor %}

    {# Form for new comment #}

    <form action="" method="POST">

        {% csrf_token %}

        {{ form.name.label_tag }}

        <input class="white-text browser-default" type="text" id="id_name" name="name" maxlength="64" required />

        {{ form.text.label_tag }}

        <textarea id="id_text" class="white-text" name="text" maxlength="1000" required></textarea>

        <input type="submit" value="{% trans "Submit" %}" />

    </form>

{% comment %}

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

    {# TODO: Change to rainbow flag when possible #}

{% endcomment %}

    </div>

</div>

<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 %}

{% load i18n %}

{% load static %}

{% block stylesheets %}

{{ block.super }}

<style>

  a {

	  color: #2962ff;

  }

  a:hover {

	  text-decoration: underline #2962ff;

  }

  img, video, picture {

	  max-height: 500px;

  }

</style>

{% endblock stylesheets %}

{% block title %}Weekly | Archief{% endblock title %}

{% block description %}

Voor een duik terug in de geschiedenis van mijn publieke dagboek.

{% endblock description %}

{% block main %}

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

<div class="row">

	<div class="white offset-m2 col s12 m8 z-depth-2 sheet">

	<p>Dit is het archief van de vorige weekly's, een soort van

	"(bijna-)wekelijks" dagboek, waarin ik kort praat over de dingen die er die

	week gebeurd zijn. Ik maak vanaf nu ook de vorige posts beschikbaar voor wie

		ze wilt inkijken.</p>

	</div>

	<div class="white offset-m2 col s12 m8 z-depth-2 sheet">

	<h1 id="2017" class="{{ color }}-text">2017</h1>

	{{ t2017|safe }}

	</div>

	<div class="white offset-m2 col s12 m8 z-depth-2 sheet">

	<h1 id="2018" class="{{ color }}-text">2018</h1>

	{{ t2018|safe }}

	</div>

	<div class="white offset-m2 col s12 m8 z-depth-2 sheet">

	<h1 id="2019" class="{{ color }}-text">2019</h1>

	{{ t2019|safe }}

	</div>

</div>

{% endwith %}

{% endblock main %}