/**
 * 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 />
		</>
	);
}
