web/routes/index.tsx
2025-11-08 08:48:19 -03:00

246 lines
7.3 KiB
TypeScript

/**
* Copyright (c) 2025 favewa
* SPDX-License-Identifier: AGPL-3.0-or-later
*/
import { Fm } from "@/components/Fm.tsx";
import { Header } from "@/components/Header.tsx";
import Links from "@/components/Links.tsx";
import ProjectCard from "@/components/ProjectCard.tsx";
import Code from "@/islands/Code.tsx";
import Meow from "@/islands/Meow.tsx";
import "@/assets/home.css";
import Footer from "../components/Footer.tsx";
export default function Home() {
return (
<>
<Links selected="home" />
<Header class="home" />
<section id="about">
<h2>Summary</h2>
<p>
I'm an aspiring electrical engineer with a keen interest in open
access to information and knowledge. My technical work centers on
functional programming, C99, and writing quirky TypeScript code that
explores its more obscure corners and unconventional patterns. I'm
drawn to atypical low-level technologies and have a particular
interest in the x86 and RISC-V ISAs.
</p>
<p>
When I'm not studying circuits or coding, it's likely that I'm either
exploring linguistics or listening to music. My tastes shift
constantly with my hyperfocus, ranging from indie, shoegaze, and J-Pop
to speedcore and various metal derivatives. I run a FreeBSD server
that hosts this site and various services, serving as my hands-on lab
for systems administration. <span class="highlight">^-^</span>
</p>
<a href="/about">→ Extended version</a>
</section>
<section id="links">
<h2>Links</h2>
<p>
Feel free to reach out through any of the platforms listed above. For
email correspondence, you can reach me at{" "}
<Code>base64 -d &lt;&lt;&lt; bXV4QGFjcGkuYXQK</Code>.
</p>
<p>
Psst! When discussing sensitive matters over email or other insecure
communication channels, I'd really appreciate it if you could encrypt
your message with my <a href="/pgp-key.asc">PGP key</a> (fingerprint:
{" "}
<Code>AC14 9A39 5013 C572 CA74 8799 BCD2 117C 99E6 9817</Code>).
</p>
<div class="griddy">
<div class="column">
<h3>Social</h3>
<ul>
<li>
<a title="Bluesky" href="https://bsky.app/profile/acpi.at">
at://acpi.at
</a>
</li>
<li>
<a
title="Discord"
href="https://discord.com/users/797566974024351745"
>
@favewa on Discord
</a>
</li>
<li>
<a title="Telegram" href="https://t.me/favewa">
@favewa on Telegram
</a>
</li>
</ul>
</div>
<div class="column">
<h3>Code</h3>
<ul>
<li>
<a title="GitHub" href="https://github.com/misties">
misties on GitHub
</a>
</li>
<li>
<a title="Forĝejo" href="https://git.acpi.at/w">
kyu.re/~«repo»
</a>
</li>
<li>
<a title="Codeberg" href="https://codeberg.org/ex">
ex on Codeberg
</a>
</li>
</ul>
</div>
<div class="column">
<h3>Services</h3>
<ul>
<li>sowwy, none for now~ :&lt;</li>
</ul>
</div>
</div>
</section>
<section id="projects">
<h2>Projects</h2>
<ul>
<li>
<ProjectCard
author="favewa"
name="cobweb"
description="a lightweight, tiny web framework for deno tailored for dynamic no-js applications"
url="http://github.com/misties/cobweb"
languageColor="#3178c6"
languageName="TypeScript"
license="BSD-3-Clause"
/>
</li>
<li>
<ProjectCard
author="w"
name="wildcat"
description="lightweight, minimal, crossplatform, and straightforward opengl-based rendering and windowing libraries"
url="http://kyu.re/~wildcat"
languageColor="#555"
languageName="C"
license="BSD-3-Clause"
/>
</li>
</ul>
</section>
<Fm />
<section id="donation">
<h2>Piggy bank</h2>
<p>
If you enjoy throwing money at people on the internet, please consider
me! It keeps the server alive, fuels my tinkering with esoteric
technology, and helps me navigate some rough financial patches and
stay afloat while things are tight.
</p>
<div class="silly-table">
<div class="row">
<span class="key">WEB</span>
<code class="value">
<a href="https://ko-fi.com/west">west@ko-fi</a>
<a href="https://github.com/sponsors/misties">misties@github</a>
</code>
</div>
<div class="row">
<span class="key">XMR</span>
<code class="value">
456tmp4CU158sV95Pjh75QfMcANNsRCFTdpmc86G31eKg9urvcYunnuBVyUmazAbuihUXwRDVojkhFTbzg6X2GuAJ7t3MCT
</code>
</div>
<div class="row">
<span class="key">LTC</span>
<code class="value">
ltc1ql30jtr2r0pkr0wshspf465rdupvlpmwacql7wp
</code>
</div>
<div class="row">
<span class="key">BTC</span>
<code class="value">
bc1qj3l6cpxz604vlfz5zqlnhzr7g0aq7xlslnmzcm
</code>
</div>
<div class="row">
<span class="key">BCH</span>
<code class="value">
bitcoincash:qrs8y70dwzvz2kvxnv30c9k4pxa0vatzvudle5aaa3
</code>
</div>
<div class="row">
<span class="key">XNO</span>
<code class="value">
nano_1qbbwrzxnutw53kuykdo6zcwteawf3befpbf95zrz66b33yxpz5ans6wrw4w
</code>
</div>
<div class="row">
<span class="key">ETH</span>
<code class="value">
0x9bb671035Dde19C674769592AbC20E63f36b5Aa9
</code>
</div>
</div>
</section>
<section id="friends">
<h2>Friends</h2>
<p>
Precious friendships; from the bottom of my heart, I am genuinely
grateful for their existence~
</p>
<div class="buttons">
<Meow />
<a href="https://worf.win">
<img src="https://worf.win/images/worfwin.gif" alt="worf" />
</a>
<a href="https://codeberg.org/paige">
<img src="/88x31/paige.gif" alt="paige" />
</a>
<a href="https://mugman.tech">
<img src="https://mugman.tech/88x31/me.gif" alt="mugman" />
</a>
<a href="https://f.dog">
<img src="https://x86.pet/~strawberry/june_88x31.png" alt="june" />
</a>
<a
rel="noopener"
referrerpolicy="strict-origin"
href="https://rushii.dev"
>
<img
src="https://rushii.dev/88x31/rushii.webp"
alt="rushii's site"
/>
</a>
<a href="https://www.juwuba.xyz">
<img src="https://www.juwuba.xyz/88x31.gif" alt="Júlia" />
</a>
<a href="https://katelyn.moe/">
<img src="https://katelyn.moe/8831.png" alt="katelyn" />
</a>
<a href="https://meow-d.github.io">
<img src="/88x31/meow_d.webp" alt="meow_d" />
</a>
<a href="https://caitlyn.moe">
<img src="https://caitlyn.moe/88x31.png" alt="caitlyn" />
</a>
</div>
<div class="pfps">
<a title="12 reais" href="https://github.com/nightdavisao">
<img src="https://github.com/nightdavisao.png" alt="Nightdavisao" />
</a>
<a title="emily" href="https://implied.win">
<img src="https://github.com/impliedgg.png" alt="emily" />
</a>
<a title="bem pelada" href="https://codeberg.org/paige">
<img src="https://codeberg.org/paige.png" alt="bem pelada" />
</a>
</div>
</section>
<Footer />
</>
);
}