char/bio.char.lt

git clone https://git.t4t.associates/char/bio.char.lt

Charlotte Somupdate anti-copyright linkd67a4c0

main
branchesmainall refs →
2.8 KiB98 linesraw
1<!doctype html>
2<html lang="en" prefix="og: http://ogp.me/ns#">
3  <head>
4    <meta charset="utf-8" />
5    <meta name="viewport" content="width=device-width" />
6
7    <title>charlotte ✨</title>
8
9    <link rel="stylesheet" href="/css/fonts.css" />
10    <link rel="stylesheet" href="/css/styles.css" />
11  </head>
12
13  <body>
14    <main>
15      <header>
16        <div>
17          <h1>charlotte ✨</h1>
18          <p>multi-specialist interdisciplinary technician. polyglot. silly rabbit 🐇</p>
19        </div>
20        <aside>
21          <img alt="my profile picture" src="/assets/pfp.jpg" />
22        </aside>
23      </header>
24
25      <section id="intro">
26        <p>hi, i'm charlotte! i do multimedia projects with computers. that includes:</p>
27
28        <ul>
29          <li>software</li>
30          <li>electronic music</li>
31          <li>generative animations</li>
32          <li>visual effects</li>
33          <li>&hellip; and more!</li>
34        </ul>
35      </section>
36
37      <section id="pronouns">
38        <h2>my pronouns are:</h2>
39
40        <ul class="inline-list">
41          <li>
42            <a href="https://pronouns.within.lgbt/bun">bun/buns</a>
43          </li>
44          <li><a href="https://pronouns.within.lgbt/she">she/her</a></li>
45        </ul>
46      </section>
47
48      <section id="software">
49        <h2>find my software:</h2>
50
51        <ul class="inline-list">
52          <li>
53            <a rel="me" href="https://github.com/char">github</a>
54          </li>
55          <li>
56            <a rel="me" href="https://git.lavender.software/charlotte">
57              git.lavender.software
58            </a>
59          </li>
60        </ul>
61      </section>
62
63      <section id="socials">
64        <h2>find me on the web:</h2>
65
66        <ul class="inline-list">
67          <li>
68            <a rel="me" href="https://pet.bun.how">bluesky</a>
69          </li>
70          <li><a rel="me" href="https://twitter.com/char_bun">twitter</a></li>
71          <li>
72            <a rel="me" href="https://trans.enby.town/charlotte">fediverse</a>
73            (trans.enby.town)
74          </li>
75          <li>
76            <a rel="me" href="https://soundcloud.com/char-lt">soundcloud</a>
77          </li>
78        </ul>
79      </section>
80
81      <section id="blogs">
82        <h2>i write on these blogs:</h2>
83
84        <ul class="inline-list">
85          <li><a href="https://char.lt">char.lt</a></li>
86          <li><a href="https://hackery.site">hackery.site</a></li>
87          <li><a href="https://nullpt.rs">nullpt.rs</a></li>
88        </ul>
89      </section>
90
91      <footer>
92        <p>charlotte som</p>
93        <p aria-hidden="true">🏳️‍⚧️ ΘΔ 🏴</p>
94        <p><a href="https://char.lt/anti-copyright/">anti-copyright</a></p>
95      </footer>
96    </main>
97  </body>
98</html>