{% extends "base.html" %}
{% import "_macros.html" as m %}
{# the timeline: year bands, newest first. `texts` is writing, not work. #}
{% set works = articles | rejectattr('category.name', 'in', WORK_EXCLUDE) | list %}
{% block bg %} style="background-image:url('{{ SITEURL }}/theme/img/bg1.jpg')"{% endblock %}
{% block slate %}timeline{% endblock %}
{% block content %}
{# the landing the original opened with: hero title, the flux definition, the bio #}
<div class="landing">
  <h1 class="wordmark">Kiritan Flux</h1>
</div>

<div class="deck">
  <p><strong>flux</strong> <em>[flûks]</em>, n. Lat. fluxus, fluo, fluxi.<br>
  1. The act of flowing; the motion or passing of a fluid.<br>
  2. The moving or passing of any thing in continued succession.</p>
</div>
<div class="bio">
  <p><strong>Tobias Raayoni Last</strong> (aka. Kiritan Flux), born 1980 in Heidelberg, DE,
  works as a live visual artist and expanded media producer in Berlin since 2000. His artistic work
  ranges from VJ shows at prominent techno events to more conceptual live-cinema performances
  tailored to their unique local context.</p>
</div>
{# The original index carried a reel below the bio. Same place, same video:
   the one on the Live Visuals entry that closes the career. #}
<div class="reel">
  <div class="reel-frame">
    <iframe src="https://player.vimeo.com/video/157625424?h=6a9fde84a6&amp;color=bbbbbb&amp;title=0&amp;byline=0&amp;portrait=0"
            title="Kiritan Flux — live visuals reel"
            allow="autoplay; fullscreen; picture-in-picture" allowfullscreen loading="lazy"></iframe>
  </div>
  <div class="reel-cap">reel &middot; 2003&ndash;2021 &middot; <a href="{{ SITEURL }}/signing-off.html">live visuals</a></div>
</div>

<div class="timeline">
{% for year, group in works | groupby('date.year') | sort(attribute='grouper', reverse=true) %}
<section class="yearband" id="{{ year }}">
  <h1>{{ year }}</h1>
  <div class="grid">
    {% for a in group | sort(attribute='date', reverse=true) %}{{ m.tile(a, SITEURL) }}{% endfor %}
  </div>
</section>
{% endfor %}
</div>
{% endblock %}