web/routes/index.tsx
2025-12-09 19:25:04 -03:00

247 lines
7.6 KiB
TypeScript

/**
* Copyright (c) 2025 miwa
* 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 deep appreciation with open
access and the elegance of well-enginereed software. My technical work
centers on functional programming paradigms, C99/C23, and writing
quirky TypeScript code that explores its more obscure corners and
unconventional patterns. I'm especially interested in atypical
low-level systems and the intersection of hardware and software, with
a particular fascination for the x86 and RISC-V ISAs, and I love
finding elegant solutions in places most people don't bother to look
at. <a href="/contact">Read more</a>
</p>
</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>
</ul>
</div>
<div class="column">
<h3>Code</h3>
<ul>
<li>
<a title="GitHub" href="https://github.com/rcxe">
rcxe 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>Public Services</h3>
<ul>
<li>sowwy, none for now~ :&lt;</li>
</ul>
</div>
</div>
</section>
<section id="projects">
<h2>Projects</h2>
<ul>
<li>
<ProjectCard
author="rcxe"
name="cobweb"
description="a lightweight, tiny web framework for deno tailored for dynamic no-js applications"
url="https://github.com/rcxe/cobweb"
languageColor="#3178c6"
languageName="TypeScript"
license="BSD-3-Clause"
/>
</li>
<li>
<ProjectCard
author="rcxe"
name="ratazana"
description="minimal implementation of logitech and razer mouse firmware, repurposing their onboard memory as a covert channel for arbitrary data"
url="https://github.com/rcxe/ratazana"
languageColor="#555"
languageName="C"
license="BSD-3-Clause"
/>
</li>
<li>
<ProjectCard
author="w"
name="wildcat"
description="lightweight, minimal, crossplatform, and straightforward opengl-based rendering and windowing libraries"
url="https://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/rcxe">rcxe@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" rel="noopener nofollow">
<img src="https://worf.win/images/worfwin.gif" alt="worf" />
</a>
<a href="https://codeberg.org/paige" rel="noopener nofollow">
<img src="/88x31/paige.gif" alt="paige" />
</a>
<a href="https://urwq.moe" rel="noopener nofollow">
<img src="https://urwq.moe/88x31.png" alt="urwq" />
</a>
<a href="https://mugman.tech" rel="noopener nofollow">
<img src="https://mugman.tech/88x31/me.gif" alt="mugman" />
</a>
<a href="https://nin0.dev" rel="noopener nofollow">
<img src="https://files.nin0.dev/88x31/nin0.png" alt="nin0" />
</a>
<a
rel="noopener nofollow"
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" rel="noopener nofollow">
<img src="https://www.juwuba.xyz/88x31.gif" alt="Júlia" />
</a>
<a href="https://katelyn.moe/" rel="noopener nofollow">
<img src="https://katelyn.moe/8831.png" alt="katelyn" />
</a>
<a href="https://circulars.dev" rel="noopener nofollow">
<img
src="https://circulars.dev/circular-88x31.gif"
alt="circulars.dev"
/>
</a>
<a href="https://meow-d.github.io" rel="noopener nofollow">
<img src="/88x31/meow_d.webp" alt="meow_d" />
</a>
<a href="https://caitlyn.moe" rel="noopener nofollow">
<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 />
</>
);
}