/**
 * 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 About() {
	return (
		<>
			<Links selected="contact" />
			<section id="about">
				<h2>About</h2>
				<p>
					<i>In a more personal tone...</i> Haiiii! I'm{" "}
					<span class="dats-me">Lívia</span>, an 18-year-old girl from Brazil,
					and if anything is obscure and nerdy, I'm probably already obsessed
					with it, just like I am with open information, technology,
					linguistics, functional programming, philosophy... if it involves
					understanding how systems work (whether they're made of silicon,
					syntax, or abstract concepts), it's quite likely that I'm already down
					a rabbit hole learning about it. I hope you find something here that
					sparks your interest, and seriously, don't hesitate; reach out if you
					want to chat about anything! <span class="highlight">:3</span>
				</p>
				<p>
					When I'm not elbow-deep circuit diagrams or debugging some cursed code
					shenanigans, it's likely that I'm either exploring the world of
					linguistics or completely lost in music My tastes shift with whatever
					my brain is{" "}
					<ruby>
						hyperfixating on at the moment<rt>
							<i>genuinely, it's aaaaaalllll over the place. i'm sorry</i>
						</rt>
					</ruby>. One week it's dreamy shoegaze and indie, the next it's
					aggressive speedcore or some niche metal subgenre, with Bossa Nova,
					Shibuya-kei, J-Pop, and J-Rock thrown in for good measure. I also run
					a{" "}
					<ruby>
						FreeBSD<rt>yes, really</rt>
					</ruby>{" "}
					server that hosts this site and a bunch of other services, serving as
					my hands-on lab for systems administration experiments.{" "}
					<span class="highlight">^-^</span>
				</p>
				<p>
					I'm autistic and have ADHD, which means I sometimes miss jokes or
					social cues, but it also means I can hyper-focus on topics I love with
					an intensity that's honestly kinda wild. I'm genuinely passionate
					about linguistics and philosophy, and I love meeting new people and
					learning from different perspectives!! Every day is an opportunity to
					grow, understand something new, or challenge my own thinking. If
					you've made it this far, thanks for stopping by and getting to know me
					a bit! Beyond quirky technology, I <i>really</i>{" "}
					like linguistics and philosophy enthusiast. I'm also autistic n' ADHD,
					so I might struggle with humour once in a while. I really like
					befriending new people and growing as a person every single day!!! If
					you've read this far, thanks for stopping by!{" "}
				</p>
			</section>
			<section id="languages">
				<h2>languages</h2>
				<ul style="text-align-last: left">
					<li>
						<a href="https://rmocci.itch.io/pixel-special"><img src="/icons/brazil.png" /></a>
						<ruby>
							brazilian portuguese<rt>português brasileiro</rt>
						</ruby>{" "}
						<span class="highlight">(native)</span>
					</li>
					<li>
						<a href="https://rmocci.itch.io/pixel-europe"><img src="/icons/uk.png" /></a>
						english <span class="highlight">(C1)</span>
					</li>
					<li>
						<a href="https://rmocci.itch.io/pixel-europe"><img src="/icons/spain.png" /></a>
						<ruby>
							spanish<rt>español</rt>
						</ruby>{" "}
						<span class="highlight">(A2)</span>
					</li>
				</ul>
			</section>
			<section id="trivia">
				<h2>trivia</h2>
				<ul>
					<li>emacs is the best operating operating system</li>
					<li>there are no easter eggs up here. go away</li>
				</ul>
			</section>
			<section id="contact">
				<h2>contact</h2>
				<p>ummm i'm always happy to meet new people and talk about anything!!1!!1 don't hesitate to contact me if you feel like it,,</p>
	      		<div class="silly-table">
					<div class="row">
						<span class="key">Signal</span>
						<code class="value">
							<a href="https://signal.me/#eu/97M35SwAf4D2j0ywFoNQOMC5iBSLY3X600-EAfF1bYtGRSh4BulO8rz9WN8P1WF-">@miwa.31</a>
						</code>
					</div>
					<div class="row">
						<span class="key">Telegram</span>
						<code class="value">
							<a href="https://t.me/deathgaze">@deathgaze</a>
						</code>
					</div>
					<div class="row">
						<span class="key">Discord</span>
						<code class="value">
							<a href="https://discord.com/users/797566974024351745">@rimiwa</a>
						</code>
					</div>
				</div>
			</section>
			<Footer />
		</>
	);
}
