241 lines
6.5 KiB
HTML
241 lines
6.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>~/home — lordtet</title>
|
||
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
|
|
<link href="https://fonts.googleapis.com/css2?family=VT323&family=Share+Tech+Mono&display=swap" rel="stylesheet">
|
||
|
|
<link rel="stylesheet" href="/assets/css/phosphor.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="scanlines" aria-hidden="true"></div>
|
||
|
|
<div class="crt-vignette" aria-hidden="true"></div>
|
||
|
|
|
||
|
|
<div class="desktop" id="desktop">
|
||
|
|
|
||
|
|
|
||
|
|
<div class="desktop-header" aria-label="System header">
|
||
|
|
<div class="header-clock" id="clock" aria-live="off"></div>
|
||
|
|
<a class="boring-link" href="/boring/" title="Plain text navigation">click if boring</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="desktop-area">
|
||
|
|
|
||
|
|
|
||
|
|
<div class="desktop-icons" aria-label="Desktop icons">
|
||
|
|
<div class="desktop-icon" data-opens="win-about" role="button" tabindex="0" aria-label="Open about">
|
||
|
|
<div class="icon-art">[i]</div>
|
||
|
|
<div class="icon-label">about</div>
|
||
|
|
</div>
|
||
|
|
<div class="desktop-icon" data-opens="win-blog" role="button" tabindex="0" aria-label="Open blog">
|
||
|
|
<div class="icon-art">[/]</div>
|
||
|
|
<div class="icon-label">blog/</div>
|
||
|
|
</div>
|
||
|
|
<div class="desktop-icon" data-opens="win-projects" role="button" tabindex="0" aria-label="Open projects">
|
||
|
|
<div class="icon-art">[*]</div>
|
||
|
|
<div class="icon-label">projects</div>
|
||
|
|
</div>
|
||
|
|
<div class="desktop-icon" data-opens="win-contact" role="button" tabindex="0" aria-label="Open contact">
|
||
|
|
<div class="icon-art">[@]</div>
|
||
|
|
<div class="icon-label">contact</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<div class="window hidden"
|
||
|
|
id="win-about"
|
||
|
|
data-wid="win-about"
|
||
|
|
data-title="about.sh"
|
||
|
|
style="top:50px; left:120px; width:440px;">
|
||
|
|
|
||
|
|
<div class="window-content">
|
||
|
|
<h1>$ ./about.sh</h1>
|
||
|
|
<p>Hi, I'm <strong>lordtet</strong>.</p>
|
||
|
|
<p>I build things that are useful, interesting, or just plain fun. Fascinated by systems programming, the open web, and old hardware.</p>
|
||
|
|
|
||
|
|
<h2>Skills</h2>
|
||
|
|
<ul>
|
||
|
|
<li>Systems & low-level programming</li>
|
||
|
|
<li>Web development (front + back)</li>
|
||
|
|
<li>Open source / UNIX tooling</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<h2>Contact</h2>
|
||
|
|
<p>
|
||
|
|
<a href="https://github.com/lordtet" target="_blank" rel="noopener">github</a> ·
|
||
|
|
<a href="mailto:you@example.com">email</a>
|
||
|
|
</p>
|
||
|
|
<p><a href="/boring/about/">→ plaintext version</a></p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<div class="window hidden"
|
||
|
|
id="win-blog"
|
||
|
|
data-wid="win-blog"
|
||
|
|
data-title="blog/"
|
||
|
|
style="top:60px; left:400px; width:500px; height:460px;">
|
||
|
|
|
||
|
|
<div class="window-content" id="blog-window-content">
|
||
|
|
|
||
|
|
|
||
|
|
<div id="blog-listing">
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<div class="blog-tags">
|
||
|
|
<button class="blog-tag active" data-tag="*">all <span class="tag-count">1</span></button>
|
||
|
|
|
||
|
|
<button class="blog-tag" data-tag="tag1">tag1 <span class="tag-count">1</span></button>
|
||
|
|
|
||
|
|
<button class="blog-tag" data-tag="tag2">tag2 <span class="tag-count">1</span></button>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<ul class="post-list" id="blog-post-list">
|
||
|
|
|
||
|
|
<li class="post-list-item"
|
||
|
|
data-tags="tag1 tag2">
|
||
|
|
<a href="#"
|
||
|
|
class="blog-open-post"
|
||
|
|
data-post-idx="0">Post Title</a>
|
||
|
|
<span class="post-date">2026-01-01</span>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
|
||
|
|
<p style="margin-top:14px; border-top:1px solid var(--p-dim); padding-top:10px;">
|
||
|
|
<a href="/boring/blog/">→ plaintext version</a>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<div class="blog-post-panel hidden" id="blog-post-0">
|
||
|
|
<button class="blog-back">← back</button>
|
||
|
|
<h2 style="margin-top:10px;">Post Title</h2>
|
||
|
|
<p class="post-meta">
|
||
|
|
2026-01-01
|
||
|
|
· tag1, tag2
|
||
|
|
</p>
|
||
|
|
<hr class="post-rule">
|
||
|
|
<p>Post body goes here. Markdown is supported.</p>
|
||
|
|
<h2>Section Heading</h2>
|
||
|
|
<p>Paragraph text. Inline <code>code</code> looks like this.</p>
|
||
|
|
<pre><code class="language-lang">code block
|
||
|
|
</code></pre>
|
||
|
|
<ul>
|
||
|
|
<li>list item</li>
|
||
|
|
<li>list item</li>
|
||
|
|
</ul>
|
||
|
|
<p><img src="/assets/img/example.png" alt="alt text"></p>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<div class="window hidden"
|
||
|
|
id="win-projects"
|
||
|
|
data-wid="win-projects"
|
||
|
|
data-title="projects.sh"
|
||
|
|
style="top:140px; left:120px; width:560px; height:380px;">
|
||
|
|
|
||
|
|
<div class="window-content">
|
||
|
|
<h2>Projects</h2>
|
||
|
|
<div class="project-grid">
|
||
|
|
<div class="project-card">
|
||
|
|
<h3>project-alpha</h3>
|
||
|
|
<p>Sample project. Replace with your actual work.</p>
|
||
|
|
<div class="tags">
|
||
|
|
<span class="tag">rust</span>
|
||
|
|
<span class="tag">cli</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="project-card">
|
||
|
|
<h3>project-beta</h3>
|
||
|
|
<p>Another interesting thing you built.</p>
|
||
|
|
<div class="tags">
|
||
|
|
<span class="tag">typescript</span>
|
||
|
|
<span class="tag">web</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="project-card">
|
||
|
|
<h3>project-gamma</h3>
|
||
|
|
<p>Open source tooling for fun and profit.</p>
|
||
|
|
<div class="tags">
|
||
|
|
<span class="tag">python</span>
|
||
|
|
<span class="tag">oss</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<p style="margin-top:14px"><a href="/boring/projects/">→ plaintext version</a></p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<div class="window hidden"
|
||
|
|
id="win-contact"
|
||
|
|
data-wid="win-contact"
|
||
|
|
data-title="contact"
|
||
|
|
style="top:120px; left:240px; width:480px;">
|
||
|
|
|
||
|
|
<div class="window-content">
|
||
|
|
<h2>Get in touch</h2>
|
||
|
|
|
||
|
|
<h3>Mail</h3>
|
||
|
|
<p><a href="mailto:you@example.com">you@example.com</a></p>
|
||
|
|
|
||
|
|
<h3>GitHub</h3>
|
||
|
|
<p><a href="https://github.com/lordtet" target="_blank" rel="noopener">https://github.com/lordtet</a></p>
|
||
|
|
|
||
|
|
<h3>PGP</h3>
|
||
|
|
<p style="color:var(--p-dim); font-size:13px; margin-bottom:6px;">
|
||
|
|
Fingerprint:
|
||
|
|
</p>
|
||
|
|
<pre>DEAD BEEF 1337 C0DE F00D CAFE BABE 0000 1234 5678 9ABC DEF0</pre>
|
||
|
|
<p style="color:var(--p-dim); font-size:13px;">
|
||
|
|
Key available on
|
||
|
|
<a href="https://keys.openpgp.org" target="_blank" rel="noopener">keys.openpgp.org</a>
|
||
|
|
or on request.
|
||
|
|
</p>
|
||
|
|
<p style="margin-top:14px"><a href="/boring/contact/">→ plaintext version</a></p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<script src="/assets/js/blog.js"></script>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script src="/assets/js/wm.js"></script>
|
||
|
|
<script src="/assets/js/images.js"></script>
|
||
|
|
<script src="/assets/js/clock.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|