The source code for my website.
https://mzumquadrat.de
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
1.2 KiB
31 lines
1.2 KiB
---
|
|
pageTitle: 👋 Hi, I am Marcel Mehlmann
|
|
title: 👋 Hi, I am Marcel Mehlmann
|
|
---
|
|
|
|
{% extends 'layouts/base.njk' %}
|
|
|
|
{% block content %}
|
|
<h2 class="lg:text-2xl py-5 sm:text-xl">🧑💻 About me:</h2>
|
|
<div class="lg:text-xl sm:text-base pb-5">
|
|
{{ profile.me.about | safe }}
|
|
</div>
|
|
<img class="rounded-full mx-auto transform-gpu hover:rotate-3 border-mred border-2" loading="lazy" src="{{ profile.me.avatar }}" alt="A picture of me wearing a beanie" />
|
|
|
|
<h2 class="lg:text-2xl py-5 sm:text-xl">🤔 I am interested in:</h2>
|
|
<div class="flex flex-wrap -mx-2 overflow-hidden">
|
|
{% for interest in profile.interests %}
|
|
<div class="my-2 px-2 lg:w-1/3 overflow-hidden sm:w-full">
|
|
<h3 class="text-xl py-2 text-center underline">{{ interest.name }}</h3>
|
|
<p class="text-base text-justify">{{ interest.description | safe }}</p>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<h2 class="lg:text-2xl py-5 sm:text-xl">📮 Contact me:</h2>
|
|
|
|
<div class="lg:text-xl sm:text-base">
|
|
<p>You can write me an email at: marcel (At) mzumquadrat (Dot) de,</p>
|
|
<p>or write me via <a href="https://fosstodon.org/@mzumquadrat" target="_blank" rel=noopener>Mastodon</a>,</p>
|
|
<p>or mzumquadrat on Freenode.</p>
|
|
</div>
|
|
{% endblock %}
|