commit
110eea369b
@ -0,0 +1 @@
|
||||
_site
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
|
After Width: | Height: | Size: 32 KiB |
|
After Width: | Height: | Size: 16 KiB |
@ -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>
|
||||
@ -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>
|
||||
@ -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 }}
|
||||
@ -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>
|
||||
@ -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>
|
||||
@ -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>
|
||||
@ -0,0 +1 @@
|
||||
<li><a href="https://{{ item.website }}">Website</a></li>
|
||||
@ -0,0 +1,5 @@
|
||||
<div>
|
||||
<a href="https:{{ item.source_url }}" target="_blank">
|
||||
<img class="screenshot clickable" src="{{ item.screenshot }}" />
|
||||
</a>
|
||||
</div>
|
||||
@ -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"
|
||||
}]
|
||||
}
|
||||
@ -0,0 +1,3 @@
|
||||
User-agent: *
|
||||
Disallow: /contact.html
|
||||
|
||||
Loading…
Reference in new issue