327 lines
No EOL
19 KiB
HTML
327 lines
No EOL
19 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" style="background-color: black;">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>About Me | nexy7574.co.uk</title>
|
|
<link rel="stylesheet" href="index.css">
|
|
<link rel="stylesheet" href="responsive.css">
|
|
<script defer>
|
|
document.addEventListener(
|
|
"DOMContentLoaded",
|
|
() => {
|
|
const __name = document.getElementById("__name");
|
|
__name.addEventListener(
|
|
"mouseover",
|
|
() => {
|
|
__name.textContent = "she/it";
|
|
}
|
|
)
|
|
__name.addEventListener(
|
|
"mouseout",
|
|
() => {
|
|
__name.textContent = "Nexus";
|
|
}
|
|
)
|
|
const email = document.getElementById("email-modal");
|
|
const emailImages = document.querySelectorAll("img[src='img/gmail-color.svg']");
|
|
if(email && emailImages.length > 0) {
|
|
for (let emailImg of emailImages) {
|
|
emailImg.addEventListener(
|
|
"click",
|
|
() => {
|
|
email.hidden = !email.hidden;
|
|
}
|
|
)
|
|
emailImg.style.cursor = "pointer";
|
|
}
|
|
email.addEventListener(
|
|
"click",
|
|
() => {
|
|
email.hidden = !email.hidden;
|
|
}
|
|
)
|
|
email.style.cursor = "pointer";
|
|
}
|
|
}
|
|
)
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="email-modal" style="z-index: 100;width:100%;height: 100%;padding:200px auto;background-color: rgba(0, 0, 0, 0.5);position:absolute" hidden>
|
|
<p>If you're going to email me, please use PGP encryption. My key is available via WKD, or <a href="faq.html">the FAQ</a></p>
|
|
<img src="img/email.png" width="1366px" height="768px" alt="oh"/>
|
|
</div>
|
|
<div class="mainBody">
|
|
<header>
|
|
<nav>
|
|
<div>
|
|
<span><img src="img/twemoji_trans.svg" width="32px" height="32px" alt="🏳️⚧️" class="icon"/></span> <i id="__name">Nexus</i>
|
|
</div>
|
|
<div class="navbar">
|
|
<div><a href="index.html">Home</a></div>
|
|
<div><a href="faq.html">FAQ</a></div>
|
|
<div><a href="/chat/#/user/@nex:nexy7574.co.uk" class="icon"><img src="img/matrix-color.svg" width="32px" height="32px" alt="Chat" title="Chat" class="icon"/></a></div>
|
|
<div><a href="/status" class="icon"><img src="img/server.svg" alt="Service Status" title="Service Status" width="32px" height="32px" class="icon"/></a></div>
|
|
<div>
|
|
<a href="https://github.com/nexy7574" rel="noopener noreferrer" target="_blank" class="icon">
|
|
<img src="img/github.svg" alt="GitHub" title="GitHub" width="32px" height="32px" class="icon">
|
|
</a>
|
|
</div>
|
|
<div>
|
|
<a href="https://git.i-am.nexus/nex/nexy7574.co.uk-b" rel="noopener" target="_blank" class="icon">
|
|
<img src="img/forgejo-color.svg" alt="Forgejo" title="Forgejo (git) & source code" width="32px" height="32px" class="icon">
|
|
</a>
|
|
</div>
|
|
<div>
|
|
<a href="https://https://tech.lgbt/@nexy7574" rel="noopener noreferrer" target="_blank" class="icon">
|
|
<img src="img/mastodon-color.svg" alt="Mastodon" title="Mastodon" width="32px" height="32px" class="icon">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<main>
|
|
<h1>Hello There!</h1>
|
|
<p><span id="__age">17</span> | she/it | "full"-stack</p>
|
|
|
|
<h2>Quick - about me</h2>
|
|
<div>
|
|
<p>You can hover over icons to get a tooltip, and some you can click to go places.</p>
|
|
<div id="array">
|
|
<div>
|
|
<h3>Languages</h3>
|
|
<div>
|
|
<img src="img/python-color.svg" alt="Python" title="Python" width="32px" height="32px" class="icon">
|
|
<img src="img/javascript-color.svg" alt="JavaScript" title="JavaScript" width="32px" height="32px" class="icon">
|
|
<img src="img/gnubash-color.svg" alt="Bash" title="Bash" width="32px" height="32px" class="icon">
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h3>Operating Systems</h3>
|
|
<div>
|
|
<img src="img/fedora-color.svg" alt="Fedora" title="Fedora" width="32px" height="32px" class="icon">
|
|
<img src="img/ubuntu-color.svg" alt="Ubuntu" title="Ubuntu (Server)" width="32px" height="32px" class="icon">
|
|
<img src="img/windows-color.svg" alt="Windows" title="Windows" width="32px" height="32px" class="icon">
|
|
<img src="img/apple-color.svg" alt="iOS" title="iOS" width="32px" height="32px" class="icon">
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h3>Communication Platforms</h3>
|
|
<p style="font-size: initial">In order of fastest to slowest</p>
|
|
<div>
|
|
<a href="https://matrix.to/#/@nex:nexy7574.co.uk" rel="noopener noreferrer" target="_blank" class="icon">
|
|
<img src="img/matrix-color.svg" alt="Matrix" title="Matrix" width="32px" height="32px" class="icon">
|
|
</a>
|
|
<a href="https://signal.me/#eu/j24vT8zDzquI0us48k7eiNJcpJjEw4TYUz1gtvo_0HtEfq4C2MZG1YFs5POF98Sb" rel="noopener" target="_blank" class="icon">
|
|
<img src="img/signal-color.svg" alt="Signal" title="Signal" width="32px" height="32px" class="icon">
|
|
</a>
|
|
<img src="img/imessage-color.svg" alt="iMessage" title="iMessage" width="32px" height="32px" class="icon">
|
|
<a href="https://discord.gg/TveBeG7" rel="noopener" target="_blank" class="icon">
|
|
<img src="img/discord-color.svg" alt="Discord" title="Discord" width="32px" height="32px" class="icon">
|
|
</a>
|
|
<a rel="noopener" target="_blank" class="icon">
|
|
<img src="img/gmail-color.svg" alt="Email" title="Email (very slow)" width="32px" height="32px" class="icon">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h3>Learning</h3>
|
|
<div>
|
|
<img src="img/csharp-color.svg" alt="C#" title="C#" width="32px" height="32px" class="icon"/>
|
|
<img src="img/go-color.svg" alt="Go" title="Go" width="32px" height="32px" class="icon"/>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h3>Tools</h3>
|
|
<div>
|
|
<img src="img/docker-color.svg" alt="Docker" title="Docker" width="32px" height="32px" class="icon"/>
|
|
<img src="img/git-color.svg" alt="Git" title="Git" width="32px" height="32px" class="icon"/>
|
|
<img src="img/github.svg" alt="GitHub" title="GitHub" width="32px" height="32px" class="icon"/>
|
|
<img src="img/linode.svg" alt="Linode" title="Linode (cloud hosting)" width="32px" height="32px" class="icon"/>
|
|
<img src="img/postgresql-color.svg" alt="Postgres" title="Postgres" width="32px" height="32px" class="icon"/>
|
|
<img src="img/ollama.svg" alt="Ollama" title="Ollama (web hosting)" width="32px" height="32px" class="icon"/>
|
|
<img src="img/openai-color.svg" alt="OpenAI/ChatGPT" title="OpenAI/ChatGPT" width="32px" height="32px" class="icon"/>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h3>Frameworks & Libraries</h3>
|
|
<div>
|
|
<img src="img/nextdotjs.svg" alt="Next.js" title="Next.js" width="32px" height="32px" class="icon"/>
|
|
<img src="img/fastapi-color.svg" alt="FastAPI" title="FastAPI" width="32px" height="32px" class="icon"/>
|
|
<img src="img/discordpy.png" alt="Discord.py" title="Discord.py" width="32px" height="32px" class="icon"/>
|
|
<img src="img/pycord.png" alt="py-cord" title="py-cord" width="32px" height="32px" class="icon"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<h3>Notable Projects</h3>
|
|
<div>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Name</th>
|
|
<th>Brief</th>
|
|
<th>Source</th>
|
|
<th>Live</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Nio-Bot</td>
|
|
<td>A bot framework for the matrix ecosystem</td>
|
|
<td>
|
|
<a href="https://github.com/nexy7574/nio-bot" rel="noopener" target="_blank" class="icon">
|
|
<img src="img/github.svg" alt="GitHub" title="GitHub" width="32px" height="32px" class="icon">
|
|
</a>
|
|
</td>
|
|
<td>
|
|
<a href="https://matrix.to/#/#bots:nexy7574.co.uk" rel="opopener" target="_blank" class="icon">
|
|
<img src="img/matrix-color.svg" alt="Matrix" title="Matrix" width="32px" height="32px" class="icon">
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>dendritecli</td>
|
|
<td>A command line interface for interacting with the Dendrite homeserver.</td>
|
|
<td>
|
|
<a href="https://github.com/nexy7574/dendritecli" rel="noopener" target="_blank" class="icon">
|
|
<img src="img/github.svg" alt="GitHub" title="GitHub" width="32px" height="32px" class="icon">
|
|
</a>
|
|
</td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>ModMan</td>
|
|
<td>A CLI mod manager for minecraft servers.</td>
|
|
<td>
|
|
<a href="https://github.com/nexy7574/modman" rel="noopener" target="_blank" class="icon">
|
|
<img src="img/github.svg" alt="GitHub" title="GitHub" width="32px" height="32px" class="icon">
|
|
</a>
|
|
</td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>College Bot v2</td>
|
|
<td>Specialised chat bot in discord for my college server.</td>
|
|
<td>
|
|
<a href="https://git.i-am.nexus/nex/college-bot-v2" rel="noopener" target="_blank" class="icon">
|
|
<img src="img/forgejo-color.svg" alt="Forgejo" title="Forgejo" width="32px" height="32px" class="icon">
|
|
</a>
|
|
[<a href="https://github.com/nexy7574/college-bot-v2" rel="noopener" target="_blank" class="icon">
|
|
<img src="img/github.svg" alt="GitHub" title="GitHub" width="32px" height="32px" class="icon">
|
|
</a>]
|
|
</td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>drop-in-url-previews</td>
|
|
<td>A drop-in proxy URL preview server for Matrix</td>
|
|
<td>
|
|
<a href="https://git.i-am.nexus/nex/drop-in-url-previews" rel="noopener" target="_blank" class="icon">
|
|
<img src="img/forgejo-color.svg" alt="Forgejo" title="Forgejo" width="32px" height="32px" class="icon">
|
|
</a>
|
|
</td>
|
|
<td>
|
|
<a href="https://matrix.nexy7574.co.uk/_matrix/media/r0/preview_url?url=nexy7574.co.uk" rel="noopener" target="_blank" class="icon">
|
|
<img src="img/matrix-color.svg" alt="Matrix" title="Matrix" width="32px" height="32px" class="icon">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Spanner</td>
|
|
<td>A really informational discord bot</td>
|
|
<td>
|
|
<a href="https://github.com/nexy7574/spanner-v3" rel="noopener" target="_blank" class="icon">
|
|
v3
|
|
</a><br/>
|
|
<a href="https://github.com/nexy7574/spanner-v2" rel="noopener" target="_blank" class="icon">
|
|
v2
|
|
</a><br/>
|
|
<a href="https://github.com/nexy7574/spanner-bot" rel="noopener" target="_blank" class="icon">
|
|
v1
|
|
</a>
|
|
</td>
|
|
<td>
|
|
<a href="https://discord.com/api/oauth2/authorize?client_id=722000000000000000&permissions=8&scope=bot" rel="noopener" target="_blank" class="icon">
|
|
<img src="img/discord-color.svg" alt="Discord" title="Discord" width="32px" height="32px" class="icon">
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>YourApps</td>
|
|
<td>A discord bot that trailblazed the discord forms market with, at its peak, 2.5k servers, and over 5 million users.</td>
|
|
<td><i>proprietary</i></td>
|
|
<td>
|
|
<a href="https://top.gg/bot/619328560141697036" rel="noopener noreferrer" target="_blank" class="icon">
|
|
<img src="img/topdotgg.svg" alt="top.gg" title="top.gg" width="32px" height="32px" class="icon">
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Top.py</td>
|
|
<td>
|
|
An alternative python API wrapper for the
|
|
<a href="https://top.gg" rel="noopener noreferrer" target="_blank">top.gg</a>
|
|
API
|
|
</td>
|
|
<td>
|
|
<a href="https://github.com/nexy7574/top.py" rel="noopener" target="_blank" class="icon">
|
|
<img src="img/github.svg" alt="GitHub" title="GitHub" width="32px" height="32px" class="icon">
|
|
</a>
|
|
</td>
|
|
<td></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<h4>Notable Contributions</h4>
|
|
<p>These are projects I have contributed to, but not necessarily created or had a major role in.</p>
|
|
<p>Projects listed here had code contributions - other contributions, such as issues or design insights, are not included.</p>
|
|
<div>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Name</th>
|
|
<th>Brief</th>
|
|
<th>Source</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>PyCord</td>
|
|
<td>"Pycord, a maintained fork of discord.py, is a python wrapper for the Discord API"</td>
|
|
<td>
|
|
<a href="https://github.com/Pycord-Development/pycord" rel="noopener" target="_blank" class="icon">
|
|
<img src="img/github.svg" alt="GitHub" title="GitHub" width="32px" height="32px" class="icon">
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>matrix-nio</td>
|
|
<td>"A Python Matrix client library, designed according to sans I/O principles"</td>
|
|
<td>
|
|
<a href="https://github.com/matrix-nio/matrix-nio" rel="noopener" target="_blank" class="icon">
|
|
<img src="img/github.svg" alt="GitHub" title="GitHub" width="32px" height="32px" class="icon">
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>discord.py</td>
|
|
<td>"An API wrapper for Discord written in Python"</td>
|
|
<td>
|
|
<a href="https://github.com/Rapptz/discord.py" rel="noopener" target="_blank" class="icon">
|
|
<img src="img/github.svg" alt="GitHub" title="GitHub" width="32px" height="32px" class="icon">
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<footer>
|
|
<p>🍉 Free Palestine | 🇺🇦 Slava Ukraini | 🔥 Tories out</p>
|
|
</footer>
|
|
<link rel="stylesheet" href="lazy-fonts.css">
|
|
</div>
|
|
</body>
|
|
</html> |