mirror of
https://codeberg.org/cyrneko/pages.git
synced 2025-05-04 18:13:07 +00:00
133 lines
No EOL
5.8 KiB
HTML
133 lines
No EOL
5.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" id="stlyesheet" href="/styles/styles.css">
|
|
<link rel="preconnect" href="https://rsms.me/">
|
|
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
|
|
|
|
<!-- <link rel="icon" href="/assets/favicon-dark.svg" type="image/svg+xml" media="(prefers-color-scheme: dark)">
|
|
<link rel="icon" href="/assets/favicon.svg" type="image/svg+xml" media="(prefers-color-scheme: light)"> -->
|
|
|
|
<title>Alexia's Webplace</title>
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
var currentHueElement = document.getElementById('currentHue');
|
|
currentHueElement.innerHTML = window.getComputedStyle(document.body).getPropertyValue('--hue');
|
|
|
|
// let value = 0;
|
|
// function updateValue(increment) {
|
|
// value = (value + increment) % 360;
|
|
// document.documentElement.style.setProperty('--hue', `${value}`);
|
|
// }
|
|
// setInterval(() => {
|
|
// updateValue(1);
|
|
// }, 50);
|
|
|
|
});
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="wrapper">
|
|
<div class="card">
|
|
<h1>Hello, traveller!</h1>
|
|
<p>Welcome to my corner of the interwebs</p>
|
|
<p>My name is Alexia <span class="badge">ΘΔ & 🏳️⚧️</span> you may know me from <a
|
|
href="https://shrimp.starlightnet.work/@Alexia" target="_blank">the
|
|
Fediverse</a>,
|
|
<a href="https://bsky.app/profile/cyrneko.eu" target="_blank">Bluesky</a> or a joined project between me and my
|
|
friend Nelson,
|
|
<a href="https://starlightnet.work" target="_blank">The Starlight Network</a>
|
|
</p>
|
|
</div>
|
|
<div class="card">
|
|
<h2>Contacts!</h2>
|
|
<p>If ya ever wanna reach me, this is how</p>
|
|
<p><small>in no particular order</small></p>
|
|
<ul>
|
|
<li><a
|
|
href="https://i.delta.chat/#93165AE1841BF38DF9342883A4FDB054FC8259B9&a=ilhgt30oj%40arcanechat.me&n=Alexia&i=uTt5rrFhLCoQ8Kj3yYtCsl3k&s=OFxGAtBa-rNPCfVT6Dfa0I9N"
|
|
target="_blank">Delta.chat</a>
|
|
</li>
|
|
<li><a href="https://signal.me/#eu/aaYm8Vi5kvfj1o__j6Sh17k2WkpH4KNc-TUGUZZa-PU1zvF2tqNFm6LKmNDSZDbb"
|
|
target="_blank">Signal</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://matrix.to/#/@alexia:thomcat.rocks" target="_blank">Matrix</a>
|
|
</li>
|
|
<li>
|
|
<a href="xmpp:cyrus42@disroot.org">XMPP</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="card">
|
|
<h2>Stuff I do</h2>
|
|
<ul>
|
|
<li><a href="https://codeberg.org/cyrneko" target="_blank">rarely write code (codeberg)</a></li>
|
|
<li><a href="https://github.com/cyrneko" target="_blank">↑ the same but on GitHub <strike>to abuse
|
|
actions</strike></a></li>
|
|
<li><a href="https://paper.wf/alexia" target="_blank">Blogposts!</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="card">
|
|
<h2>Supporting me</h2>
|
|
<p>If you ever wanna support me, I am on <a href="https://ko-fi.com/cyrneko" target="_blank">Ko-Fi</a>, <a
|
|
href="https://github.com/sponsors/cyrneko" target="_blank">GitHub Sponsors</a>, and I have a Monero wallet you
|
|
can send XMR
|
|
to:</p>
|
|
<details>
|
|
<summary>Expand for wallet address...</summary>
|
|
<p style="overflow-x:scroll">
|
|
<code>87a8Ne2eX6tPqSzoLxHpmpAXihe86AwLiYQbP9g9Un4QJib3H62Phoed4zLK2A9tu8DcdENmnmFGc4MSVVUUU9M1DBfevk2</code>
|
|
</p>
|
|
</details>
|
|
</div>
|
|
<div class="card">
|
|
<h2>Silly buttons :3</h2>
|
|
<!-- a mess of buttons...who dropped them? -->
|
|
<a href="https://freeplay.floof.company"><img src="/assets/free.gif" alt="Freeplay" width="88px"
|
|
height="31px"></a> <img src="/assets/fediverse.gif" alt="Join the fediverse" width="88px" height="31px"> <img
|
|
src="/assets/discordnoway.gif" alt="Discord? NO Way!" width="88px" height="31px"> <img src="/assets/firefox.png"
|
|
alt="Firefox: Take back the web" width="88px" height="31px"> <a href="https://n.cyrneko.eu"><img
|
|
src="https://n.kitsu.page/button.png" width="88" height="31" alt="n*"></a> <img src="/assets/wetdryworld.png"
|
|
alt="WetDry.world" width="88px" height="31px"> <a
|
|
href="https://www.youtube.com/channel/UC4rqhyiTs7XyuODcECvuiiQ"><img src="/assets/scotthere.gif"
|
|
alt="Hey All, Scott Here!" width="88px" height="31px"></a> <img src="/assets/ublock.png" alt="uBlock Origin"
|
|
width="88px" height="31px">
|
|
<hr>
|
|
<h3>My very own 88x31!</h3>
|
|
<img src="/assets/88x31.png" alt="my own 88x31 courtesy of kuropy" width="88px" height="31px">
|
|
<details>
|
|
<summary>HTML to copy...</summary>
|
|
<p>
|
|
<code><a href="http://cyrneko.eu" target="_blank" rel="noopener noreferrer"><img src="https://cyrneko.eu/assets/88x31.png" alt="Alexia's button, featuring their character comet holding a non-binary pride flag"></a></code>
|
|
</p>
|
|
</details>
|
|
</div>
|
|
<div class="card">
|
|
<p>
|
|
<img src="/assets/neocat_floof.png" alt="Neocat" height="32" width="32" style="vertical-align: bottom;"> ←
|
|
Decorative
|
|
kitty
|
|
</p>
|
|
<p>
|
|
<img src="/assets/neofox_floof.png" alt="Neofox" height="32" width="32" style="vertical-align: bottom;"> ← <a
|
|
href="https://vulpecula.zone">My favourite foxie <3 </a>
|
|
</p>
|
|
</div>
|
|
<div class="card">
|
|
<p>This website makes use of CSS variables and <code>hsl()</code> to achieve easily interchangeable colors!</p>
|
|
<p>Sometimes I swap 'em out, you can see the current color below!</p>
|
|
<noscript>
|
|
The below snippet only works with Javascript enabled, sadly. The hue will show up empty, but I promise it
|
|
isn't.
|
|
</noscript>
|
|
<p>Current Hue: <span id="currentHue"></span></p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |