home

{% load i18n %}

{% load static %}

<section class="emphasis">

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

<p>

        {% blocktranslate trimmed %}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!{% endblocktranslate %}

        </p>

<!--

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

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

    <h4 style="color: black;">

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

    <p style="color: black;">

        {% blocktranslate trimmed %}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!{% endblocktranslate %}

        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>{% translate "Blog" %}</h3>

        <p>

            {% blocktranslate trimmed %}My personal scribblepad, written from scratch,

            on which I ramble about everything I like. Highly recommended

            while eating breakfast.{% endblocktranslate %}

        </p>

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

    </div>

    {# Demobel card #}

    <div id="demobel" class="card" style="flex-grow: 2; background-color:var(--P600); color: var(--white);">

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

        <img style="object-fit: contain; width: 80%;" src="/media/demobel/logo.svg" />

        <h3></h3>

        <p>

            {% blocktranslate trimmed %}Het paradepaardje van mijn website: Een

            systeem dat mensen toelaat om op hun duizendste gemak de Belgische

            politiek te raadplegen. Op dit moment in bèta en er zijn nog een

            hoop geweldige features onderweg, maar ga nu zeker al maar eens een

            keer kijken!{% endblocktranslate %}

        </p>

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

        {% translate "Naar Demobel gaan" %}</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>

            {% blocktranslate trimmed %}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{% endblocktranslate %}

        </p>

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

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

        {% translate "Check code" %}</a>

    </div>

    {# About myself card #}

    <div 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>{% translate "About me" %}</h3>

        <p>

            {% blocktranslate trimmed %}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 =)

            {% endblocktranslate %}

        </p>

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

    </div>

    {# wishlist card #}

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

        <h3>{% translate "Wish list" %}</h3>

        <p>{% blocktranslate trimmed %}If you're looking to buy a present for

        me, Jonathan or both of us, click here. (This page is only available in

        Dutch.){% endblocktranslate %}</p>

        <a class="btn text" href="{% url "main-verlanglijst" %}">{% translate "Open wishlist" %}</a>

    </div>

    {# Publications card #}

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

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

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

        <p>

            {% blocktranslate trimmed %}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>{% translate "Other projects" %}</h3>

        <p>

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

            present them to you. This cards takes you to the

            archive of past projects.

            {% endblocktranslate %}

        </p>

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

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

    </div>

    {# Activism card #}

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

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

        <p>

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

            I made a page in the hopes that it can engage you to partake in that

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

            {% endblocktranslate %}

        </p>

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

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

    </div>-->

    {# Friends card #}

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

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

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

        <p>

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

            connecting my closest friends over the internet. From this card, you

            can go to their websites as well!

            {% endblocktranslate %}

        </p>

        <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 id="contact-me">{% translate "Contact me" %}</h2>

    <p>{% blocktranslate trimmed %}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" required>

        <label for="name">{% translate "Your name" %}</label>

        <br>

        <textarea maxlength="2000" spellcheck="true" name="message" placeholder="{% translate "Your message" %}" required></textarea>

        <br>

        {% blocktranslate trimmed %}Bot check: Enter the name of any Belgian province in

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

        <input type="text" name="provincio" id="provincio" mozactionhint="send" enterkeyhint="send" maxlength="64" required>

        <label for="provincio">{% translate "Province" %}</label><br>

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

    </form>

</section>