home

{% load static %}

<section class="emphasis">

<h4> {% trans "Welcome!" %}</h4>

<p>

        {% blocktrans %}Hello there! I'm Maarten, a happy

        student from Belgium, and this is my amazing personal website.

        I like a lot of things, and I share some of those in here. Take

        a look around, read a bit, talk with me, and most importantly,

        enjoy your stay!{% endblocktrans %}

        </p>

<!--

<section class="emphasis" style="background-color: #ffde00; color: black;">

    <h1 style="color: black;">Geplande werkzaamheden</h1>

    <h4 style="color: black;">

        Maitenance announcement{% trans "Welcome!" %}</h4>

    <p style="color: black;">

        {% blocktrans %}Hello there! I'm Maarten, a happy

        student from Belgium, and this is my amazing personal website.

        I like a lot of things, and I share some of those in here. Take

        a look around, read a bit, talk with me, and most importantly,

        enjoy your stay!{% endblocktrans %}

        Van dinsdag 1 februari (1)2022 tot en met zondag 27 februari (1)2022

        zal deze website niet beschikbaar zijn omwille van onderhoudswerken.

        Moest ik eerder klaar zijn, dan zal hij ook eerder terug online komen,

        maar daar kan ik geen beloftes over doen.

    </p>

    <h4 style="color: black;">Créneau de maintenance</h4>

    <p style="color: black;">

    Du mardi 1er février (1)2022 au dimanche 27 février (1)2022, mon site web ne sera

    pas disponible en raison des traveaux de maintenance. Si je finis de bonne

    heure, il sera disponible plus tôt, mais je ne peux pas le prévoir pour le

    moment.

    </p>

    <h4 style="color: black;">Geplante Wartung</h4>

    <p style="color: black;">

    Vom Dienstag, den 1. Februar (1)2022 bis Sonntag, den 27. Februar (1)2022, wird

    meine Website aufgrund von Wartungsarbeiten nicht verfügbar sein. Wenn ich

    früh fertig bin, wird es früher verfügbar sein, aber das kann ich momentan

    nicht vorhersehen.

    </p>

    <h4 style="color: black;">Maintenance announcement</h4>

    <p style="color: black;">

        From Tuesday, February 1 (1)2022 until Sunday, February

        27 (1)2022, my website will be unavailable due to maitenance purposes. If

        I finish early, it will be available sooner, but I can't foresee that at

        the moment.

    </p>

-->

</section>

<div class="cards">

    {# Blog card #}

    <div id="blog" class="card">

        <img src="/media/main/blog.jpg" />

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

        <p>

            {% blocktrans %}My personal scribblepad, written from scratch,

            on which I ramble about everything I like. Highly recommended

            while eating breakfast.{% endblocktrans %}

        </p>

        <a class="btn text" href="{% url 'blog-index' %}">{% trans "Visit blog" %}</a>

    </div>

    {# Gitar card #}

    <div id="gitar" class="card" style="flex-grow: 2">

        <!-- HAHAHAA I CAN'T DESIGN LOGOS -->

        <img src="/media/main/gitar.png" />

        <h3>Gitar</h3>

        <p>

            {% blocktrans %}I actually don't use GitHub to host my code,

            contrary to a lot of other coders. Instead, I've been trying to

            create something that's just fit to my taste. I host a couple of

            archive repositories there, as well as dotfiles, and that jazz. It's

            a continuing work, so don't flip your desk if the layout is upside

            down tomorrow =3{% endblocktrans %}

        </p>

        <span class="btn text" style="color:lightgrey;" disabled>{% trans "Temporarily unavailable" %}</span>

        <!--<a class="btn text" href="{% url 'gitar-index' %}">

        {% trans "Check code" %}</a>-->

    </div>

    {# About myself card #}

    <div id="about" class="card">

        <img src="/media/about/images/parallax.png" />

        <!-- I still don't have a good picture or still life about

            myself, so yes, I'm copying my parallax for a while. Sorry! -->

        <h3>{% trans "About me" %}</h3>

        <p>

            {% blocktrans %}Well, if you wish to know more of me, I have a page

            where I describe myself in a couple more sentences. You know,

    because I can =)

            {% endblocktrans %}

        </p>

        <a class="btn text" href="{% url "main-myself" %}">{% trans "Read on" %}</a>

    </div>

    {# Publications card #}

    <div id="eldonoj" class="card">

        <!--<img src="/media/about/images/publications.png" />-->

        <h3>{% translate "Publications" %}</h3>

        <p>

            {% blocktranslate %}Throughout my academic career, I've written a lot,

            sometimes together with other people. To avoid that these papers get

            lost to the passing of time, I've decided to publish them on my website, should somebody

            want to read them.{% endblocktranslate %}

        </p>

        <a class="btn text" href="{% url "publications-index" %}">{% translate "Consult publications" %}</a>

    </div>

    {# Projects card #}

    <div id="project" class="card">

        <h3>{% trans "Other projects" %}</h3>

        <p>

            {% blocktrans %}Projects come and go, and with my website I can

            present them to you. This cards takes you to the

            archive of past projects.

            {% endblocktrans %}

        </p>

        <a class="btn text disabled" href="{% url "main-project-archive" %}">

            {% trans "View projects" %}</a>

    </div>

    {# Activism card #}

    <div id="aktivismo" class="card">

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

        <p>

            {% blocktrans %}Trying to make this place better takes some time. So

            process. Because it's never too late to begin.

            {% endblocktrans %}

        <a class="btn text" href="{% url "activism" %}">

            {% trans "List talking points" %}</a>

    </div>

    {# Friends card #}

    <div id="qzertyuiop" class="card">

        <img src="{% get_media_prefix %}about/images/het-avondmaal.jpg" />

        <h3>{% trans "Qzertyuiop network" %}</h3>

        <p>

            {% blocktrans %}This website is part of the Qzertyuiop network,

            can go to their websites as well!

            {% endblocktrans %}

        <p>

        <a href="https://jecey.xyz">drs. Jeroen Ceyssens</a><br>

        <a href="https://jorrit.info">m.sc. Jorrit Gerets</a><br>

        <a href="https://jherbots.info">drs. Joris Herbots</a><br>

        <a href="https://github.com/MannuLambrichts">drs. Mannu Lambrichts</a><br>

        </p>

    </div>

</div>

{% if contact_response %}

<div class="snackbar">

    {{ contact_response }}

</div>

{% endif %}

<!--<section>

    <h2>{% translate "Contact me" %}</h2>

    <p>{% blocktranslate %}If you wish to contact me, use this convenient form,

        the most direct link to yours truly. Leave me a thank you note, tell me

        something important, or correct a typo I made, it's all good, I love to

        hear from you!

        <!--If necessary, put some contact info of yourself in your message so I can get

        back to you. Do <em>not</em> put a hyperlink in your message. Adding a

        hyperlink will put automatically ban your computer from my website

        and probably make it explode, so don't do that.-->{% endblocktranslate %}</p>

    <form action="" method="post">

        {% csrf_token %}

        <input type="text" name="name" mozactionhint="send" enterkeyhint="send" maxlength="64" placeholder="{% translate "Your name" %}" required>

        <br>

        <textarea maxlength="2000" spellcheck="true" name="message" required></textarea>

        <br>

        <p>{% blocktranslate %}Bot check: Enter the name of any Belgian province in

        one of the three Belgian languages (just check Wikipedia!):{% endblocktranslate %}</p>

        <input type="text" name="provincio" mozactionhint="send" enterkeyhint="send" maxlength="64" placeholder="{% translate "Province" %}" required>

        <input type="submit" value="✉️ {% translate "Send" %}">

    </form>

</section>