website/static/root/index.html
Noratrieb 57c4a239da
Some checks failed
test / test (push) Has been cancelled
text align
2025-05-28 22:08:01 +02:00

262 lines
9.8 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Noratrieb</title>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<link rel="stylesheet" href="static/theme.css" />
<style>
.social-logo {
height: 50px;
color: var(--black-or-white);
}
.social-logo-link {
text-decoration: none;
}
.header {
display: flex;
justify-content: space-between;
}
.header-col {
display: flex;
flex-direction: column;
}
.header-left {
align-items: flex-start;
}
.header-right {
align-items: flex-end;
text-align: right;
}
.section-heading {
font-weight: 600;
}
.section-body {
margin-left: 3rem;
}
.main-content-inner {
counter-reset: section;
}
.numbered-section {
counter-set: subsection 1;
}
.numbered-section::before {
counter-increment: section;
content: counter(section) ". ";
}
.numbered-subsection::before {
content: counter(section) "." counter(subsection) ". ";
}
body {
margin-bottom: 100px;
}
.toc {
ol {
counter-reset: item;
padding-left: 10px;
}
li {
list-style: none;
padding-left: 0;
}
li::before {
content: counters(item, ".") ".";
counter-increment: item;
padding-right: 20px;
}
}
</style>
</head>
<body>
<div class="main-content">
<div class="main-content-inner">
<div class="header">
<div class="header-col header-left">
<span>Noratrieb</span>
<span>Website: noratrieb.dev</span>
<span>Category: Personal Website</span>
<span>Published: In the past, likely</span>
<span>ISSN: None</span>
</div>
<div class="header-col header-right">
<span>Noratrieb</span>
<span>silly internet person</span>
<span>it's just me no one else</span>
</div>
</div>
<div class="center">
<h1>Noratrieb: it's me</h1>
</div>
<h2 class="section-heading">Abstract</h2>
<div class="section-body">
<p>
hi, i'm nora 🏳️‍⚧️. this is my website. you'll find lots of interesting and not very
interesting stuff here, depending on where you look.
</p>
<picture>
<source srcset="static/Noratrieb.avif" type="image/avif" />
<source srcset="static/Noratrieb.webp" type="image/webp" />
<img
height="200"
src="static/Noratrieb.png"
alt="Two grey cartoon-cats on a pink background. The left cat is small and sits on a floating rocket, the right cat is big and has a red bow tie on the right ear."
/>
</picture>
</div>
<h2 class="section-heading">Status of This Memo</h2>
<div class="section-body">
<p>This is a World Wide Web Hypertext document.</p>
<p>
This document is a product of Noratrieb. It represents the consensus of Noratrieb. It
has not received public review and has not been approved for publication by the Internet
Engineering Steering Group (IESG). Further information on Internet Standards is
available in Section 2 of RFC 7841.
</p>
</div>
<h2 class="section-heading">Table of Contents</h2>
<div class="section-body toc">
<ol>
<li><a href="#blog">Blog</a></li>
<li><a href="#socials">Socials</a></li>
<li><a href="#slides">Slides</a></li>
<li>
<a href="#projects">Projects</a>
<ol>
<li><a href="#projects-rust">Rust</a></li>
</ol>
</li>
<li><a href="#contact">Contact</a></li>
</ol>
</div>
<section id="blog">
<h2 class="section-heading numbered-section">Blog</h2>
<div class="section-body">
<p>i have a blog, it might be interesting, maybe.</p>
<a href="/blog" id="blog-link" class="call-to-action" aria-live="polite">
<span>blog</span>
</a>
</div>
</section>
<section id="socials">
<h2 class="section-heading numbered-section">Socials</h2>
<div class="section-body">
<p>
these two are not everything, but you may find more there, like a choose your own
adventure story: choose your own nora
</p>
<a class="social-logo-link" href="https://github.com/Noratrieb">
<svg
viewBox="0 0 16 16"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
class="social-logo"
role="img"
aria-label="GitHub"
>
<title>GitHub</title>
<path
fill="currentColor"
d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
></path>
</svg>
</a>
<a class="social-logo-link" href="https://hachyderm.io/@noratrieb">
<img alt="Mastodon" class="social-logo" src="static/mastodon.svg" />
</a>
<a class="social-logo-link" href="https://bsky.app/profile/noratrieb.dev">
<img alt="Bluesky" class="social-logo" src="static/bluesky.svg" />
</a>
</div>
</section>
<section id="slides">
<h2 class="section-heading numbered-section">Slides</h2>
<div class="section-body">
<p>
i've given some (one) talks. you can find the slides on my website, right over there.
i made them with reveal.js which means you can interact with them right on the web,
it's like magic.
</p>
<a href="/slides/" class="call-to-action">
<span>slides from talks</span>
</a>
</div>
</section>
<section id="projects">
<h2 class="section-heading numbered-section">Projects</h2>
<section id="projects-rust">
<h3 class="section-heading numbered-subsection">Rust</h3>
<div class="section-body">
<p>
I've spent a lot of time working on the
<a href="https://www.rust-lang.org/">Rust Programming Language</a> as part of the
compiler and standard library contributors team. My most famous work are the
improved <code>cfg</code> diagnostics released in
<a href="https://blog.rust-lang.org/2023/08/24/Rust-1.72.0/">1.72.0</a>. Other than
that, I've contributed countless refactors and improvements to all kinds of areas
from the parser to the backend. I've also reviewed hundreds of PRs for both the
compiler and standard library, of which only one caused a serious regression that
warranted a point release (<a
href="https://blog.rust-lang.org/2023/12/07/Rust-1.74.1/"
>1.74.1</a
>).
</p>
</div>
</section>
<section id="projects-other">
<h3 class="section-heading numbered-subsection">Other</h3>
<div class="section-body">
<p>
Most of my projects are only short-lived and not exciting enough to put here. I have
written a lot of code that does fun things. You can find it all on my
<a href="https://github.com/Noratrieb/">GitHub</a>.
</p>
</div>
</section>
</section>
<section id="contact">
<h2 class="section-heading numbered-section">Contact</h2>
<div class="section-body">
<p>if you want to contact me for something, use any of the following platforms</p>
<ul>
<li>
discord (preferred):
<code>noratrieb</code>
. if you're on a server where i'm too (like the Rust Discord) you can just DM me
(make sure to include the reason in the first message or i will ignore it)
</li>
<li>
Mastodon:
<code>@noratrieb@hachyderm.io</code>
</li>
<li>
Bluesky:
<code>noratrieb.dev</code>
</li>
</ul>
<p>
if for some reason you really like being super secret then
<a href="https://age-encryption.org">age</a>-encrypt something with my current SSH key
found on <a href="https://github.com/Noratrieb.keys">GitHub</a>.
</p>
<p>i do not have a PGP key and do not intend on getting one.</p>
</div>
</section>
</div>
</div>
</body>
</html>