commit
110eea369b
15 changed files with 334 additions and 0 deletions
@ -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" |
||||
}] |
||||
} |
Loading…
Reference in new issue