contact.html - website

1 
2 
3 
4 
5 
6 
7 
8 
9 
10 
11 
12 
13 
14 
15 
16 
17 
18 
19 
20 
21 
22 
23 
24 
25 
26 
27 
28 
29 
30 
31 
32 
33 
34 
35 
36 
37 
38 
39 
40 
41 
42 
43 
44 
45 
46 
47 
48 
49 
50 
51 
52 
53 
54 
55 
56 
57 
58 
59 
60 
61 
62 
63 
64 
65 
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title>contact - zaphyra.eu</title>

        <link href="style.css" rel="stylesheet">
    </head>
    <body>
        <article>
            <p><a href="./index.html">zaphyra.eu</a>› ./contact.html</p>
            <section>
        		<h2 id="contact">Contact</h2>
                <p>These are a few ways to contact me:</p>
                <dl>
                    <dt><img class="emoji" width="14" src="./emojis/xmpp.png"> XMPP:</dt>
                    <dd><a href="xmpp:katja@zaphyra.eu">katja@zaphyra.eu</a></dd>

                    <dt><img class="emoji" width="14" src="./emojis/gotosocial.png"> Fediverse:</dt>
                    <dd><a href="https://gts.zaphyra.eu/@katja">@katja@zaphyra.eu</a></dd>

                    <dt><img class="emoji" width="14" src="./emojis/matrix.png"> Matrix:</dt>
                    <dd><a href="https://matrix.to/#/@katja:temporary.katja.wtf">@katja:temporary.katja.wtf</a></dt>

                    <dt><img class="emoji" width="14" src="./emojis/mail.png"> Email:</dt>
                    <dd><a href="mailto:katja@zaphyra.eu">katja@zaphyra.eu</a></dd>

                    <dt><img class="emoji" width="14" src="./emojis/signal.svg"> Signal:</dt>
                    <dd><a href="https://signal.me/#p/zaphyra.1312">zaphyra.1312</a></li>

                    <dt><img class="emoji" width="14" src="./emojis/meshcore.svg"> MeshCore:</dt>
                    <dd><a href="meshcore://contact/add?name=zaphyra%20%F0%9F%A6%8A%202%EF%B8%8F%E2%83%A3&public_key=FC9F3A1DAA960EC54D76F907FBC9C63B77F8AABE5410050749BB325D46E6D43F&type=1">zaphyra 🦊️</a></dd>

                    <dt><img class="emoji" width="14" src="./emojis/banknote.svg"> Wire Transfer:</dt>
                    <dd><a href="http://bunq.me/zaphyra">DE79 3701 9000 1010 2255 54</a></dd>
                </dl>

                <h2>Crypto<small> (the good one)</small></h2>
                <p>If you wish to encrypt your messages using PGP or for some reason want to know my ssh-key, here they are:</p>
                <dl>
                    <dt>🔒 GPG Key:</dt>
                    <dd><a href="./gpg_pubkey.asc">gpg_pubkey<small> (BFE6 386C 8D66 BCD4 DAE1 4FC8 95F0 FE7C D7E6 A022)</small></a></dd>

                    <dt>🔐 SSH Key:</dt>
                    <dd><a href="./ssh_pubkey">ssh_pubkey<small> (SHA256:lny8uJzu2FzJAy6rlSzh/xuM8qdzFOWfgJytJTeFKrA)</small></a></dd>
                </dl>
            </section>
            <footer>
                <p><a href="imprint.html">./imprint.html</a></p>
                <div class="badges">
                    <img src="./badges/matrix.png">
                    <img src="./badges/xmpp.gif">
                </div>
            </footer>
        </article>

        <div class="flags">
            <div class="disability" title="disability flag"></div>
            <div class="trans" title="transgender flag"></div>
            <div class="sapphic" title="sapphic flag"></div>
        </div>
    </body>
</html>