about/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About &amp; 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">feed</a>
    </nav>
  </header>

  <main>
    <article class="post">
      <div class="post-head">
        <h1>About</h1>
      </div>
      <div class="note-body">
        <p>I'm tjp &mdash; 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>. 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> &mdash; <a href="mailto:t@tjp.lol">t@tjp.lol</a></li>
          <li><span class="mono">code</span> &nbsp;&mdash; <a href="https://github.com/teepark">github.com/teepark</a></li>
          <li><span class="mono">fedi</span> &nbsp;&mdash; <a href="https://tilde.zone/@tjpcc" rel="me">@tjpcc@tilde.zone</a></li>
          <li><span class="mono">gemini</span> &mdash; <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 &mdash; 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> &mdash; 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="#">&larr; prev</a><a href="#">rand</a><a href="#">next &rarr;</a>
    </div> -->
    <p>hand-written in slc &middot; &copy;2026 tjp &middot; <a href="../feed.xml">feed</a></p>
  </footer>

</div>
</body>
</html>