Initial commit

.gitignore

@@ -0,0 +1 @@
+_site

assets/css/index.css

@@ -0,0 +1,141 @@
+.vertical-flex {
+    display: flex;
+    flex-direction: column;
+}
+
+.horizontal-flex {
+    display: flex;
+    flex-direction: row;
+}
+
+.horizontal-center {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+}
+
+.vertical-center {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+
+    height: 100%;
+}
+
+.avatar {
+    width: 200px;
+    height: 200px;
+    border-radius: 10px;
+    margin-right: 30px;
+}
+
+.name-title {
+    font-size: xxx-large;
+}
+
+.clickable {
+    cursor: pointer;
+}
+
+.header {
+    width: 42%;
+}
+
+#header-links ul {
+    list-style: none;
+    padding-left: 0px;
+    margin-bottom: 0px;
+    margin-top: 0px;
+}
+#header-links li {
+    display: inline;
+
+    font-size: large;
+    margin-left: 20px;
+}
+
+#header-links li:first-child {
+    margin-left: 0px;
+}
+
+h1, h2 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+}
+
+html {
+    background-color: #f6f6f6;
+}
+
+body {
+    padding: 5px;
+    font-size: large;
+}
+
+.project-row {
+    margin-top: 30px;
+    box-sizing: border-box;
+}
+
+.agressive-word-breaking {}
+
+/* Screenshots */
+.screenshot {
+    width: 270px;
+    height: auto;
+    margin-right: 15px;
+    border-radius: 10px;
+}
+
+.no-screenshot {
+    width: 270px;
+    height: 270px;
+    background-color: #3e3e3e;
+    border-radius: 10px;
+    margin-right: 15px;
+
+    flex-shrink: 0;
+}
+.no-screenshot-pound {
+    font-size: 130px;
+}
+
+@media screen and (max-width: 720px) {
+    .avatar {
+	width: 100px;
+	height: 100px;
+	margin-right: 10px;
+    }
+
+    .screenshot {
+	width: 100px;
+    }
+
+    .no-screenshot {
+	width: 100px;
+	height: 100px;
+	flex-shrink: 0;
+    }
+    .no-screenshot-pound {
+	font-size: 43px;
+    }
+
+    .name-title {
+	font-size: x-large;
+    }
+
+    #social-links td:nth-child(2) {
+	word-break: break-word;
+    }
+
+    #social-links td {
+	padding-top: 5px;
+	padding-bottom: 5px;
+    }
+    #social-links td[class="table-no-padding-top"] {
+	padding-top: 0px;
+    }
+    #social-links td[class="table-no-padding-bottom"] {
+	padding-bottom: 0px;
+    }
+}

content/code.html

@@ -0,0 +1,25 @@
+<!-- title: Code | polynom.me -->
+<!-- description: Alexander 'PapaTutuWawa' 's code repositories. -->
+<!-- render: yes -->
+
+<div class="project-row" />
+
+<p>
+  I keep my code mostly on my private Gitea instance <a href="https://{{ gitea_url }}/{{ gitea_username }}">here</a>. For purposes of allowing other people to also contribute
+  I try to mirror my code on GitHub and codeberg.
+</p>
+
+<table id="social-links">
+  <tr>
+    <td>GitHub</td>
+    <td><a href="https://github.com/{{ github_username }}">{{ github_username }}</a></td>
+  </tr>
+  <tr>
+    <td>Codeberg</td>
+    <td><a href="https://codeberg.org/{{ codeberg_username }}">{{ codeberg_username }}</a></td>
+  </tr>
+  <tr>
+    <td>Gitea</td>
+    <td><a href="https://{{ gitea_url }}/{{ gitea_username }}">{{ gitea_username }}</a></td>
+  </tr>
+</table>

content/contact.html

@@ -0,0 +1,38 @@
+<!-- title: Contact | polynom.me -->
+<!-- description: Contact details for getting in touch with Alexander 'PapaTutuWawa'. -->
+<!-- render: yes -->
+<div class="project-row"></div>
+
+<p>
+  If you have any questions about my projects or just want to talk, feel
+  free to reach out to me.
+</p>
+
+<table id="social-links">
+  <tr>
+    <td>Mastodon (<a href="https://{{ mastodon_instance_url }}">{{ mastodon_instance_name }}</a>)</td>
+    <td><a href="https://{{ mastodon_instance_url}}/{{ mastodon_handle }}">{{ mastodon_handle }}</a></td>
+  </tr>
+  <tr>
+    <td class="table-no-padding-bottom">E-Mail</td>
+    <td class="table-no-padding-bottom">{{ email_user }} [a with a circle] {{ email_domain }}</td>
+  </tr>
+  <tr>
+    <td class="table-no-padding-top" />
+    <td class="table-no-padding-top">
+      Please use my <a href="https://{{ gpg_key_url }}">GPG public key</a>
+    </td>
+  </tr>
+  <tr>
+    <td>GitHub</td>
+    <td><a href="https://github.com/{{ github_username }}">{{ github_username }}</a></td>
+  </tr>
+  <tr>
+    <td>Codeberg</td>
+    <td><a href="https://codeberg.org/{{ codeberg_username }}">{{ codeberg_username }}</a></td>
+  </tr>
+  <tr>
+    <td>Gitea</td>
+    <td><a href="https://{{ gitea_url }}/{{ gitea_username }}">{{ gitea_username }}</a></td>
+  </tr>
+</table>

content/index.html

@@ -0,0 +1,16 @@
+<!-- title: Home | polynom.me -->
+<!-- description: The personal website of Alexander 'PapaTutuWawa'. -->
+<!-- render: yes -->
+<div class="project-row"></div>
+<p class="quote">
+  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>
+
+<div class="project-row"></div>
+<h1>Projects</h1>
+<p>This is a small selection of my projects. More are available <a href="code.html">here.</a></p>
+
+{{ for_each projects layout/templates/project.html }}

layout/page.html

@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>{{ title }}</title>
+
+    <meta property="og:title" content="{{ title }}" />
+    <meta property="og:description" content="{{ description }}" />
+    <meta charset="UTF-8" />
+    <meta name="viewport"
+	  content="width=device-width, initial-scale=1.0, maximum-scale=1" />
+
+    <link rel="stylesheet" href="assets/css/index.css" />
+    <!-- TODO -->
+    <link rel="stylesheet" href="https://cdn.polynom.me/css/main.css" />
+
+    <!-- Mastodon -->
+    <link rel="me" href="https://{{ mastodon_instance_url }}/{{ mastodon_handle }}" />
+  </head>
+  <body>
+    <div class="horizontal-center">
+      <div class="vertical-flex header">
+	<div id="header" class="horizontal-flex">
+	  <img class="avatar" src="assets/img/avatar.jpg" />
+
+	  <div class="vertical-center">
+	    <span class="name-title">Alexander "PapaTutuWawa"</span>
+
+	    <div id="header-links">
+	      <ul>
+		<li><a href="index.html">Home</a></li>
+		<li><a href="https://{{ blog_url }}">Blog</a></li>
+		<li><a href="code.html">Code</a></li>
+		<li><a href="contact.html">Contact</a></li>
+	      </ul>
+	    </div>
+	  </div>
+	</div>
+
+	{{ content }}
+    </div>
+  </body>
+</html>

layout/templates/no_screenshot.html

@@ -0,0 +1,9 @@
+<div class="no-screenshot clickable">
+  <a href="https://{{ item.source_url }}">
+    <div class="vertical-center">
+      <div class="horizontal-center">
+	<span class="no-screenshot-pound">#</span>
+      </div>
+    </div>
+  </a>
+</div>

layout/templates/project.html

@@ -0,0 +1,12 @@
+<div class="horizontal-flex project-row">
+  {{ template_if_empty item.screenshot layout/templates/no_screenshot.html layout/templates/screenshot.html }}
+  <div class="vertical-flex">
+    <h2>{{ item.title }}</h2>
+    <p>{{ item.description }}</p>
+
+    <ul>
+      {{ template_if_empty item.website layout/templates/empty.html layout/templates/project_website.html }}
+      <li><a href="https://{{ item.source_url }}">Code</a></li>
+    </ul>
+  </div>
+</div>

layout/templates/project_website.html

@@ -0,0 +1 @@
+<li><a href="https://{{ item.website }}">Website</a></li>

layout/templates/screenshot.html

@@ -0,0 +1,5 @@
+<div>
+  <a href="https:{{ item.source_url }}" target="_blank">
+    <img class="screenshot clickable" src="{{ item.screenshot }}" />
+  </a>
+</div>

params.json

@@ -0,0 +1,41 @@
+{
+    "author_name": "Alexander \"PapaTutuWawa\"",
+    "blog_url": "blog.polynom.me",
+
+    "mastodon_instance_name": "Fosstodon",
+    "mastodon_instance_url": "fosstodon.org",
+    "mastodon_handle": "@polynomdivision",
+    "email_domain": "polynom.me",
+    "email_user": "papatutuwawa",
+    "gpg_key_url": "pki.polynom.me/pubkeys/papatutuwawa.pub",
+    "github_username": "PapaTutuWawa",
+    "codeberg_username": "PapaTutuWawa",
+    "gitea_username": "PapaTutuWawa",
+    "gitea_url": "git.polynom.me",
+
+    "projects": [{
+	"title": "Moxxy",
+	"description": "A modern XMPP client written in Flutter. Licensed under GPLv3.",
+	"screenshot": "assets/img/moxxy.jpg",
+	"source_url": "codeberg.org/moxxy/moxxyv2",
+	"website": "codeberg.org/moxxy/moxxyv2"
+    }, {
+	"title": "pub_repo",
+	"description": "A selfhostable pub repository with support for publishing, written in Python. Licensed under GPLv3.",
+	"screenshot": "",
+	"source_url": "codeberg.org/PapaTutuWawa/pub_repo",
+	"website": "codeberg.org/PapaTutuWawa/pub_repo"
+    }, {
+	"title": "xmpp-discord-bridge",
+	"description": "An XMPP to Discord bridge that attempts to feel as native as possible on each chat platform, written in Python. Licensed under GPLv3.",
+	"screenshot": "",
+	"source_url": "codeberg.org/PapaTutuWawa/xmpp-discord-bridge.git",
+	"website": "codeberg.org/PapaTutuWawa/xmpp-discord-bridge.git"
+    }, {
+	"title": "mira",
+	"description": "An XMPP bot framework for persistent subscription services, written in Python. Licensed under GPLv3.",
+	"screenshot": "",
+	"source_url": "git.polynom.me/PapaTutuWawa/mira",
+	"website": "git.polynom.me/PapaTutuWawa/mira"
+    }]
+}

robots.txt

@@ -0,0 +1,3 @@
+User-agent: *
+Disallow: /contact.html
+