204 lines
7.9 KiB
Text
204 lines
7.9 KiB
Text
---
|
|
import Partition from "../components/Partition.astro";
|
|
|
|
import Greeting from "../components/Greeting";
|
|
import Social from "../components/Social.astro";
|
|
import BaseLayout from "../layouts/BaseLayout.astro";
|
|
import FriendLink from "../components/FriendLink.astro";
|
|
const pageTitle = "Aria";
|
|
|
|
const currentDate = new Date();
|
|
const ariaBirthDate = new Date("2002-05-07");
|
|
|
|
const seconds = (currentDate.getTime() - ariaBirthDate.getTime()) / 1000;
|
|
|
|
const age = seconds / 31556952;
|
|
---
|
|
|
|
<BaseLayout pageTitle={pageTitle}>
|
|
<Partition>
|
|
<main>
|
|
<h1 class="text-4xl">Welcome!~</h1>
|
|
<p>
|
|
I'm Aria, a <span class="tooltip"
|
|
>{Math.floor(age)}<span class="tooltiptext"
|
|
><nobr>{age.toFixed(8)} years to be exact!</nobr></span
|
|
></span
|
|
> year old software developer and electronics repair tech out of
|
|
rural <span style="color: #D4F7CF;"
|
|
>Australia <span
|
|
class="backdrop-brightness-200 px-1 text-2xl rounded"
|
|
>🇦🇺</span
|
|
></span
|
|
>
|
|
</p>
|
|
</main>
|
|
</Partition>
|
|
<Partition>
|
|
<h1 class="text-2xl">Usefull Stuff</h1>
|
|
<ul class="list-disc p-4">
|
|
<li>PGP public key fingerprint: <code>7EBD 3E0C 7D3D 5C7D 5CA8 A03F 4977 6EAC 872B 884B</code></li>
|
|
<li>PGP public key: <a href="/static/keys/49776EAC872B884B_public.asc" download="49776EAC872B884B_public.asc"><code>49776EAC872B884B_public.asc</code></a> <sub><a href="https://archive.org/details/49776EAC872B884B_public.asc" target="_blank">archive link</a></sub></li>
|
|
<li>SSH public key: <a href="https://git.aria.coffee/aria.keys" target="_blank">on my personal git serrver</a> or <a href="https://git.witchcraft.systems/aria.keys" target="_blank">on witchcraft systems' git server</a></li>
|
|
<li>Email: <a href="mailto:hello@aria.coffee"><code>hello@aria.coffee</code></a></li>
|
|
</ul>
|
|
<br />
|
|
<sub>There is a PGP signed note with all my info <a href="/static/messages/keys_and_addrs.txt" target="_blank">here</a> <sub><a href="https://archive.org/details/keys_and_addrs" target="_blank">archive link</a></sub></li></sub>
|
|
</Partition>
|
|
<Partition>
|
|
<h1>Socials:</h1>
|
|
<Social />
|
|
</Partition>
|
|
<Partition>
|
|
<h1 class="text-2xl">These are cool people!!</h1>
|
|
<br />
|
|
<div class="flex outline-dotted p-5 flex-wrap justify-center max-w-4xl">
|
|
<FriendLink
|
|
name="Alyxia"
|
|
image="https://alyxia.dev/static/img/88x31/self.png"
|
|
target="https://alyxia.dev"
|
|
/>
|
|
<div class="outline-dashed flex outline-3 mx-1">
|
|
<FriendLink
|
|
name="Prefetcher"
|
|
image="https://nanoshinono.me/prefetcher.gif"
|
|
target="https://nanoshinono.me/"
|
|
/>
|
|
<FriendLink
|
|
name="Ata"
|
|
image="https://ata.moe/88x31.png"
|
|
target="https://ata.moe"
|
|
/>
|
|
</div>
|
|
<FriendLink
|
|
name="Amemoia"
|
|
image="https://buh.moe/resources/buttons/88x31.gif"
|
|
target="https://buh.moe/"
|
|
/>
|
|
<FriendLink
|
|
name="Hayden"
|
|
image="https://hayden.moe/88x31/hayden.png"
|
|
target="https://hayden.moe/"
|
|
/>
|
|
<FriendLink
|
|
name="Onzecki"
|
|
image="https://onz.ee/assets/88x31s/png/onzecki.png"
|
|
target="https://onz.ee/"
|
|
/>
|
|
<FriendLink
|
|
name="NotNite"
|
|
image="https://notnite.com/buttons/notnite.png"
|
|
target="https://notnite.com/"
|
|
/>
|
|
<FriendLink
|
|
name="0x5066"
|
|
image="https://erisdump.neocities.org/buttons/88x31_1.gif"
|
|
target="https://erisdump.neocities.org"
|
|
/>
|
|
<FriendLink
|
|
name="Espi"
|
|
image="https://espi.me/img/webring/espi.png"
|
|
target="https://www.espi.me"
|
|
/>
|
|
<FriendLink
|
|
name="Alula"
|
|
image="https://alula.me/webring/alula.png"
|
|
target="https://alula.me/"
|
|
/>
|
|
<FriendLink
|
|
name="Sapphic"
|
|
image="https://sapphic.moe/buttons/friends/sapphic.png"
|
|
target="https://sapphic.moe/"
|
|
/>
|
|
<FriendLink
|
|
name="Miyuko"
|
|
image="https://calayucu.com/button-88x31.png"
|
|
target="https://calayucu.com"
|
|
/>
|
|
<FriendLink
|
|
name="meow_d"
|
|
image="https://meow-d.github.io/assets/images/buttons/meow_d.webp"
|
|
target="https://meow-d.github.io/"
|
|
/>
|
|
<div class="outline-dashed flex outline-3 mx-1">
|
|
<FriendLink
|
|
name="~thermia"
|
|
image="https://girlthi.ng/~thermia/img/88x31/thermia.gif"
|
|
target="https://girlthi.ng/~thermia/"
|
|
/>
|
|
<FriendLink
|
|
name="girlthi.ng"
|
|
image="https://girlthi.ng/~thermia/img/88x31/girlthing.gif"
|
|
target="https://girlthi.ng/"
|
|
/>
|
|
</div>
|
|
<FriendLink
|
|
name="LeNooby 09"
|
|
image="https://lenooby09.tech/88x31/88x31.png"
|
|
target="https://lenooby09.tech"
|
|
/>
|
|
<FriendLink
|
|
name="Ackwell"
|
|
image="https://ackwell.au/assets/88x31/ackwell-coil.png"
|
|
target="https://ackwell.au"
|
|
/>
|
|
<div class="outline-dashed flex outline-3 mx-1">
|
|
<FriendLink
|
|
name="witchcraft.systems"
|
|
image="https://ari.express/assets/PWsbutton.png"
|
|
target="https://pds.witchcraft.systems/"
|
|
/>
|
|
<FriendLink
|
|
name="Ari"
|
|
image="https://ari.express/assets/Button.png"
|
|
target="https://ari.express/"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<a href="/other buttons">Extra 88x31 buttons!</a>
|
|
</Partition>
|
|
<Partition>
|
|
<h2>My badge:</h2>
|
|
<div class="flex w-fit h-fit" style="background-color: #FFFCBC;">
|
|
<a href="https://aria.coffee/" target="_blank">
|
|
<img
|
|
alt="Aria"
|
|
src="https://aria.coffee/static/img/buttons/aria.gif"
|
|
style="min-width: 88px; width: 176px; min-height: 31px; height: 62px; image-rendering: pixelated;"
|
|
/>
|
|
</a>
|
|
</div>
|
|
<br />
|
|
<p>Code:</p>
|
|
<label>
|
|
<textarea
|
|
onclick="this.select()"
|
|
readonly
|
|
cols="60"
|
|
rows="2"
|
|
class="rounded backdrop-brightness-0"
|
|
style="background-color: black;"
|
|
><img src="https://aria.coffee/static/img/buttons/aria.gif"
|
|
alt="Aria" style="image-rendering: pixelated;" /></textarea
|
|
>
|
|
</label>
|
|
</Partition>
|
|
<script>
|
|
setInterval(() => {
|
|
const currentDate = new Date();
|
|
const ariaBirthDate = new Date("2002-05-07");
|
|
|
|
const seconds =
|
|
(currentDate.getTime() - ariaBirthDate.getTime()) / 1000;
|
|
|
|
const age = seconds / 31556952;
|
|
|
|
const ageElem = document.querySelector(".tooltip");
|
|
|
|
ageElem!.outerHTML = `<span class="tooltip">${Math.floor(age)}<span class="tooltiptext"><nobr>${age.toFixed(8)} years to be exact!</nobr></span></span>`;
|
|
}, 1000);
|
|
</script>
|
|
|
|
<style is:inline></style>
|
|
</BaseLayout>
|