209 lines
10 KiB
HTML
209 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" prefix="og: http://ogp.me/ns#">
|
|
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
|
<title>tea</title>
|
|
<meta name="description" content="mmh, tasty tea! ☕">
|
|
<meta name="author" content="tea">
|
|
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#308">
|
|
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#e8e">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="robots" content="noindex, nofollow">
|
|
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
|
|
|
|
<!-- files -->
|
|
<link href="style.css" type="text/css" rel="stylesheet" media="all">
|
|
<link rel="icon" type="image/png" href="favicon.png">
|
|
|
|
<!-- preview card -->
|
|
<meta property="og:title" content="tea">
|
|
<meta property="og:description" content="mmh, tasty tea! ☕">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:image"
|
|
content="https://avatar.tastytea.de/avatar/480816c46861e48c016927d7a6980f3fc183283a76d167fd7965f34362b7b6b0?s=250">
|
|
<meta property="og:url" content="https://tea.cuddleslut.fr/">
|
|
|
|
<!-- other mes -->
|
|
<link rel="me" href="https://gitlab.com/tastytea">
|
|
<link rel="me" href="https://github.com/tastytea">
|
|
</head>
|
|
|
|
<body>
|
|
<header id="header">
|
|
<img class="peek" src="images/blobcat_peek.svg" alt="peeking blobcat" width="64">
|
|
<h1>tea</h1>
|
|
<img class="avatar" src="favicon.png" alt="avatar" width="64">
|
|
</header>
|
|
|
|
<main id="main">
|
|
<section aria-labelledby="about" class="about">
|
|
<h2 id="about">about me</h2>
|
|
<div> <!-- FIXME: figure out how to make a better layout -->
|
|
<div>
|
|
<p class="shadow" style="text-align: right; font-weight: bold;">
|
|
chaos enby ― weird mix of genders — certified hottie
|
|
</p>
|
|
<p>
|
|
<strong>i am:</strong> queer, enby, pansexual, polyamorous, neurospicy, vegan, anarchist,
|
|
older than 30, white, socially anxious, depressed, punk
|
|
</p>
|
|
<p>
|
|
<strong>i like:</strong> tea, cuddles, pixel art, mixing salves and creams, gardening, cooking,
|
|
reading, computer touching
|
|
</p>
|
|
<p>i speak german and english. i sometimes work on gentoo linux.</p>
|
|
<p>
|
|
<strong>pronouns:</strong> they/them<br>
|
|
<span lang="de"><strong>pronomen:</strong> es/deren</span>
|
|
</p>
|
|
</div>
|
|
<div class="emojis" aria-label="emojis" aria-hidden="true"> <!-- hidden because redundant info -->
|
|
<img src="images/blobcat_enby.svg" alt="non-binary blobcat" title="non-binary">
|
|
<img src="images/blobcat_pan.svg" alt="pansexual blobcat" title="pansexual">
|
|
<img src="images/blobcat_polyamory.svg" alt="polyamorous blobcat" title="polyamorous">
|
|
<img src="images/blobcat_blackbloc_flower.webp"
|
|
alt="blobcat with scarf with anarchy symbol and flower" title="anarchist">
|
|
<img src="images/blobcat_comfy_tea_woozy.webp" alt="woozy blobcat drinks tea" title="tea">
|
|
<img src="images/plantmage.svg" alt="plant-mage" title="gardening">
|
|
<img src="images/blobcat_cooking.webp" alt="blobcat cooks" title="cooking">
|
|
<img src="images/blobcat_comfy_reading.webp" alt="blobcat reads a book" title="reading">
|
|
<img src="images/xenia_laptop.webp" alt="xenia (fox woman) uses a laptop" title="computer touching">
|
|
<img src="images/blobcat_hug_genchu.svg" alt="blobcat hugs genchu (cute gentoo logo)"
|
|
title="gentoo">
|
|
</div>
|
|
</div>
|
|
|
|
<section class="badges" aria-label="badges">
|
|
<h3>my badges</h3>
|
|
<a href="https://tea.cuddleslut.fr/">
|
|
<img src="badges/tea.gif"
|
|
alt="lavender tea cup with nonbinary pride flag background. text is “tea”. there are mushrooms growing on the text."
|
|
title="tea"></a>
|
|
<img src="badges/teadrinker.gif"
|
|
alt="purple tea cup with progress pride flag background. text is “queer tea drinker”."
|
|
title="queer tea drinker">
|
|
|
|
<h3>cool people's badges</h3>
|
|
<a href="https://seirdy.one/">
|
|
<img src="badges/seirdy.png"
|
|
alt="white colon and semicolon on a black background, next to the word Seirdy.">
|
|
</a>
|
|
</section>
|
|
</section>
|
|
|
|
<section aria-labelledby="contact">
|
|
<h2 id="contact">contact</h2>
|
|
<table>
|
|
<tr>
|
|
<th id="medium">medium</th>
|
|
<th id="address">address</th>
|
|
</tr>
|
|
<tr>
|
|
<td headers="medium"><abbr title="electronic mail">e-mail</abbr>:</td>
|
|
<td headers="address">
|
|
<a rel="me" href="mailto:tea@tastytea.de">tea@tastytea.de</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td headers="medium">matrix:</td>
|
|
<td headers="address">
|
|
<a rel="me" href="matrix:u/tastytea:tastytea.de">@tastytea:tastytea.de</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td headers="medium">fediverse:</td>
|
|
<td headers="address">
|
|
<a rel="me" href="https://very.tastytea.de/@tastytea">@tastytea@very.tastytea.de</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td headers="medium"><abbr title="internet relay chat">IRC</abbr>:</td>
|
|
<td headers="address">
|
|
<a rel="me" href="irc://irc.libera.chat/tastytea,isnick">tastytea on libera.chat</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</section>
|
|
|
|
<section aria-labelledby="keys">
|
|
<h2 id="keys">keys</h2>
|
|
<table>
|
|
<tr>
|
|
<th id="proto">protocol</th>
|
|
<th id="fp">fingerprint</th>
|
|
<th id="key">public key</th>
|
|
</tr>
|
|
<tr>
|
|
<td headers="proto"><abbr title="secure shell">SSH</abbr>:</td>
|
|
<td headers="fp"><code>SHA256:FBkvrOlhq5use1XEttyUGT4bUTDVA1ar9SgIc9P03cM</code></td>
|
|
<td headers="key"><code>ssh-ed25519
|
|
AAAAC3NzaC1lZDI1NTE5AAAAIPp7WPSOAZBNPuZ3LVlbE2KiOIxlVW4PGAHIx0b7EJKH</code></td>
|
|
</tr>
|
|
<tr>
|
|
<td headers="proto"><abbr title="pretty good privacy">PGP</abbr>:</td>
|
|
<td headers="fp"><code>D5B4 C43B 48A8 79F6 3529 36E6 5934 6E0E A35C 67E5</code></td>
|
|
<td headers="key"><a href="https://tastytea.de/tastytea.asc">public key</a> (also available via <a
|
|
href="https://wiki.gnupg.org/WKD"><abbr title="web key directory">WKD</abbr></a>)</td>
|
|
</tr>
|
|
</table>
|
|
</section>
|
|
|
|
<section aria-labelledby="stuff">
|
|
<h2 id="stuff">stuff</h2>
|
|
<p>
|
|
i seldomly write into <a rel="me" href="https://blog.tastytea.de/">my blog</a>, mostly about computer
|
|
touching.
|
|
i have been known to write soft wares from time to time and publish them
|
|
<a rel="me" href="https://schlomp.space/tastytea">on my forge</a> or
|
|
<a rel="me" href="https://codeberg.org/tastytea">on codeberg</a>.
|
|
i maintain the <a href="https://schlomp.space/tastytea/overlay">::tastytea ebuild repository</a>
|
|
for gentoo users, although these days most of my ebuilds are in
|
|
<a href="https://wiki.gentoo.org/wiki/Project:GURU">::guru</a>.
|
|
do you want to look at my <a href="https://schlomp.space/tastytea/dotfiles">dotfiles</a> or
|
|
<a href="https://schlomp.space/tastytea/userscripts">userscripts</a>?
|
|
oh, do you use matrix and like emojis? check out my space
|
|
<a href="https://matrix.to/#/%23stickers-and-emojis%3Atastytea.de?via=tastytea.de&via=matrix.org&via=envs.net">#stickers-and-emojis:tastytea.de</a>,
|
|
i collect rooms with
|
|
<a href="https://github.com/matrix-org/matrix-spec-proposals/pull/2545">MSC2545 image packs</a> there!
|
|
i log what music i listen to at <a href="https://listenbrainz.org/user/tastytea/">ListenBrainz</a>.
|
|
</p>
|
|
</section>
|
|
</main>
|
|
|
|
<section aria-labelledby="credits">
|
|
<h2 id="credits">credits</h2>
|
|
<ul>
|
|
<li>
|
|
non-binary and pansexual blobcat emojis CC0-1.0
|
|
<a href="https://github.com/ZoeBijl/QueerCats/">Zoë Bijl</a>
|
|
</li>
|
|
<li>
|
|
genchu emoji CC-BY-SA/2.5
|
|
<a href="https://wiki.gentoo.org/wiki/Project:Artwork/Artwork#Genchu">TheSatisfiedPig</a> and
|
|
CC0-1.0 <a href="https://codeberg.org/tastytea/blobcats">tea</a>
|
|
</li>
|
|
<li>plant mage emoji CC-BY-4.0 <a href="https://github.com/ZoeBijl/Plant-Mage">Zoë Bijl</a></li>
|
|
<li>peeking blobcat emoji CC0-1.0 <a href="https://codeberg.org/tastytea/blobcats">tea</a></li>
|
|
<li>xenia emoji by <a href="https://meow.social/@rinidisc/109791952664927854">RiniDisc</a></li>
|
|
<li>
|
|
cursor effect MIT <a href="https://github.com/tholman/cursor-effects">tholman</a> (slightly modified)
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<footer>
|
|
<p class="counter">you are visitor number <span>0</span><span>0</span><span>6</span><span>9</span>!!</p>
|
|
</footer>
|
|
|
|
<script src="fairyDustCursor.js"></script>
|
|
<script>
|
|
new fairyDustCursor({
|
|
// colors: ["red", "orange", "yellow", "green", "blue", "purple"], char: "★"
|
|
colors: ["#FCF434", "#FFFFFF", "#9C59D1", "#2C2C2C"], char: "☆"
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|