diff options
| author | t <t@tjp.lol> | 2026-07-11 11:42:23 -0600 |
|---|---|---|
| committer | t <t@tjp.lol> | 2026-07-11 11:43:04 -0600 |
| commit | 5943b3063676d68381545e36a9903e1df278e923 (patch) | |
| tree | 07fc2abc28182202c5cec0cc79b5a0531ae3e616 /about | |
initial commit: claude-designed site and project doc to staticly generate it going forward
Diffstat (limited to 'about')
| -rw-r--r-- | about/index.html | 69 |
1 files changed, 69 insertions, 0 deletions
diff --git a/about/index.html b/about/index.html new file mode 100644 index 0000000..9b58299 --- /dev/null +++ b/about/index.html @@ -0,0 +1,69 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<meta name="viewport" content="width=device-width, initial-scale=1"> +<title>About & colophon — tjp.lol</title> +<meta name="description" content="About tjp and how this site is built."> +<link rel="stylesheet" href="../style.css"> +</head> +<body> +<div class="wrap"> + + <header class="site"> + <h1 class="brand"><a href="../index.html">~tjp<span class="cur"> $_</span></a></h1> + <nav class="main"> + <a href="../weblog/index.html">weblog</a> + <a href="../notes/index.html">notes</a> + <a href="../projects/index.html">projects</a> + <a href="../about/index.html" aria-current="page">about</a> + <a href="../feed.xml">rss</a> + </nav> + </header> + + <main> + <article class="post"> + <div class="post-head"> + <h1>About</h1> + </div> + <div class="note-body"> + <p>I'm tjp — an elder-millennial software engineer living in Salt Lake City, Utah. I write mostly Python, spend too long in the terminal, and care about software that's small, legible, and built to last.</p> + <p>This site is where I keep my <a href="../weblog/index.html">writing</a> and a public cut of my <a href="../notes/index.html">notes</a>. If you want to reach me, <a href="mailto:t@tjp.lol">t@tjp.lol</a> is the best way.</p> + + <h2>Elsewhere</h2> + <ul> + <li><span class="mono">email</span> — <a href="mailto:t@tjp.lol">t@tjp.lol</a></li> + <li><span class="mono">code</span> — <a href="https://github.com/teepark">github.com/teepark</a></li> + <li><span class="mono">fedi</span> — <a href="https://tilde.zone/@tjpcc" rel="me">@tjpcc@tilde.zone</a></li> + <li><span class="mono">gemini</span> — <code>gemini://gemini.ctrl-c.club/~tjp/</code></li> + </ul> + </div> + + <div class="backlinks"> + <h2>Colophon</h2> + <div class="note-body"> + <p>This site is hand-written HTML and a single <a href="../style.css">stylesheet</a>. There is no JavaScript anywhere — not deferred, not optional, none. It renders identically with scripts disabled because there is nothing to disable.</p> + <ul> + <li><strong>Type:</strong> your system's UI font for prose, your system's monospace for headings and code. No web fonts, no network requests for type.</li> + <li><strong>Colour:</strong> light and dark themes via <code>prefers-color-scheme</code> — it follows your OS setting, in pure CSS.</li> + <li><strong>Weblog:</strong> written as gemtext in my <a href="../projects/index.html">capsule</a>, converted to HTML with a small script.</li> + <li><strong>Notes:</strong> authored in Obsidian, synced across my devices with Syncthing, published as static pages.</li> + <li><strong>Hosting:</strong> static files. Nothing to run, nothing to patch.</li> + <li><strong>Licence:</strong> content is <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a> unless a page says otherwise. Take it, remix it, just credit me.</li> + </ul> + </div> + </div> + </article> + </main> + + <footer> + <div class="ring"> + <span>webring:</span> + <a href="#">← prev</a><a href="#">rand</a><a href="#">next →</a> + </div> + <p>hand-written in slc · ©2026 tjp · <a href="../feed.xml">feed</a></p> + </footer> + +</div> +</body> +</html> |