website/index.html
2024-01-10 22:24:14 +00:00

171 lines
6.1 KiB
HTML

<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="https://polynom.me/css/index.css" rel="stylesheet" />
<link href="https://polynom.me/css/extra.css" rel="stylesheet" />
<meta property="og:title" content="PapaTutuWawa&#x27;s Website" />
<meta property="og:description" content="The personal website of Alexander &#x27;PapaTutuWawa&#x27;." />
<title>PapaTutuWawa&#x27;s Website</title>
</head>
<body>
<div class="flex flex-col p-2 md:p-8 items-start md:w-4/5 mx-auto">
<!-- Header -->
<div class="flex flex-row self-center">
<img
class="w-12 h-12 md:w-24 md:h-24 rounded-lg"
src="/img/avatar.jpg"
alt="Profile picture"
integrity="sha386-uiNteVXosQ2+o/izp41L1G9VwuwYDYCOPxzFWks058DMUhW7KfQXcipM7WqgSgEZ" />
<div class="ml-4 self-center">
<a class="self-center text-2xl font-bold" href="/">PapaTutuWawa's Website</a>
<ul class="list-none">
<li class="inline mr-8"><a href="https://blog.polynom.me">Blog</a></li>
<li class="inline mr-8"><a href="https://polynom.me/code/">Code</a></li>
<li class="inline mr-8"><a href="https://polynom.me/contact/">Contact</a></li>
</ul>
</div>
</div>
<div class="flex flex-col mx-auto">
<p class="text-white prose py-8 self-center">
Hello! My online pseudonym is <i>PapaTutuWawa</i> and I am
just some random person on the Internet who is passionate about
topics like XMPP, federated Internet services and privacy. Linux system
administration, Linux tinkering and programming are my favourite things to do.
</p>
<h1 class="prose text-2xl text-indigo-400 self-start">Projects</h1>
<p class="prose text-white text-left self-start">This is a small selection of my projects. More are available <a
class="text-indigo-400" href="code.html">here.</a></p>
<div class="flex flex-row self-start pt-8">
<div>
<a href="https://moxxy.org" target="_blank">
<img
class="w-24 md:w-48 max-w-none rounded-lg clickable"
src="img&#x2F;moxxy.jpg"
alt="Screenshot of Moxxy"
integrity="sha386-c4aF6C3eQtEaAm9az1Sr70bxaIq5V9gdLUuvmZ/N9nVSzOLV/QdHs1s5axtvM7kp" />
</a>
</div>
<div class="flex flex-col pl-8">
<h2 class="prose text-indigo-400 text-2xl">Moxxy</h2>
<p class="prose text-white text-justify">A modern XMPP client written in Flutter. Licensed under GPLv3.</p>
<div class="pt-4">
<ul>
<li>
<a class="text-indigo-400" href="https://moxxy.org">Website</a>
</li>
<li><a class="prose text-indigo-400" href="https://codeberg.org&#x2F;moxxy&#x2F;moxxyv2">Code</a></li>
</ul>
</div>
</div>
</div>
<div class="flex flex-row self-start pt-8">
<div>
<a href="https://codeberg.org&#x2F;PapaTutuWawa&#x2F;anitrack" target="_blank">
<img
class="w-24 md:w-48 max-w-none rounded-lg clickable"
src="img&#x2F;anitrack.jpg"
alt="Screenshot of AniTrack"
integrity="sha386-GhIL0ONMvXK4XqjAIBz7ID0WSqzwIsjuyaLjNMPSJ+Zv7hQw+31FOMmRTONR6tt0" />
</a>
</div>
<div class="flex flex-col pl-8">
<h2 class="prose text-indigo-400 text-2xl">AniTrack</h2>
<p class="prose text-white text-justify">A simple Anime and Manga tracker written in Flutter. Licensed under MIT.</p>
<div class="pt-4">
<ul>
<li>
<a class="text-indigo-400" href="https://codeberg.org&#x2F;PapaTutuWawa&#x2F;anitrack">Website</a>
</li>
<li><a class="prose text-indigo-400" href="https://codeberg.org&#x2F;PapaTutuWawa&#x2F;anitrack">Code</a></li>
</ul>
</div>
</div>
</div>
<div class="flex flex-row self-start pt-8">
<div class="flex justify-center md:w-48 md:h-48 w-24 h-24 rounded-lg clickable bg-indigo-950">
<a class="prose text-white text-5xl" href="https://codeberg.org&#x2F;PapaTutuWawa&#x2F;xmpp-discord-bridge.git">
<div class="md:w-48 md:h-48 w-24 h-24 flex flex-col justify-center">
<span class="text-center">#</span>
</div>
</a>
</div>
<div class="flex flex-col pl-8">
<h2 class="prose text-indigo-400 text-2xl">xmpp-discord-bridge</h2>
<p class="prose text-white text-justify">An XMPP to Discord bridge that attempts to feel as native as possible on each chat platform, written in Python. Licensed under GPLv3.</p>
<div class="pt-4">
<ul>
<li>
<a class="text-indigo-400" href="https://codeberg.org&#x2F;PapaTutuWawa&#x2F;xmpp-discord-bridge.git">Website</a>
</li>
<li><a class="prose text-indigo-400" href="https://codeberg.org&#x2F;PapaTutuWawa&#x2F;xmpp-discord-bridge.git">Code</a></li>
</ul>
</div>
</div>
</div>
<div class="flex flex-row self-start pt-8">
<div class="flex justify-center md:w-48 md:h-48 w-24 h-24 rounded-lg clickable bg-indigo-950">
<a class="prose text-white text-5xl" href="https://git.polynom.me&#x2F;PapaTutuWawa&#x2F;mira">
<div class="md:w-48 md:h-48 w-24 h-24 flex flex-col justify-center">
<span class="text-center">#</span>
</div>
</a>
</div>
<div class="flex flex-col pl-8">
<h2 class="prose text-indigo-400 text-2xl">mira</h2>
<p class="prose text-white text-justify">An XMPP bot framework for persistent subscription services, written in Python. Licensed under GPLv3.</p>
<div class="pt-4">
<ul>
<li>
<a class="text-indigo-400" href="https://git.polynom.me&#x2F;PapaTutuWawa&#x2F;mira">Website</a>
</li>
<li><a class="prose text-indigo-400" href="https://git.polynom.me&#x2F;PapaTutuWawa&#x2F;mira">Code</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
</html>