171 lines
6.1 KiB
HTML
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's Website" />
|
|
<meta property="og:description" content="The personal website of Alexander 'PapaTutuWawa'." />
|
|
<title>PapaTutuWawa'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/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/moxxy/moxxyv2">Code</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex flex-row self-start pt-8">
|
|
|
|
<div>
|
|
<a href="https://codeberg.org/PapaTutuWawa/anitrack" target="_blank">
|
|
<img
|
|
class="w-24 md:w-48 max-w-none rounded-lg clickable"
|
|
src="img/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/PapaTutuWawa/anitrack">Website</a>
|
|
</li>
|
|
|
|
|
|
<li><a class="prose text-indigo-400" href="https://codeberg.org/PapaTutuWawa/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/PapaTutuWawa/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/PapaTutuWawa/xmpp-discord-bridge.git">Website</a>
|
|
</li>
|
|
|
|
|
|
<li><a class="prose text-indigo-400" href="https://codeberg.org/PapaTutuWawa/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/PapaTutuWawa/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/PapaTutuWawa/mira">Website</a>
|
|
</li>
|
|
|
|
|
|
<li><a class="prose text-indigo-400" href="https://git.polynom.me/PapaTutuWawa/mira">Code</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|