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

125 lines
4.7 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 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 />
</>
);
}