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 /index.html | |
initial commit: claude-designed site and project doc to staticly generate it going forward
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 86 |
1 files changed, 86 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..7bfab0a --- /dev/null +++ b/index.html @@ -0,0 +1,86 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<meta name="viewport" content="width=device-width, initial-scale=1"> +<title>tjp.lol</title> +<meta name="description" content="Personal site of tjp — software engineer in Salt Lake City. Weblog, notes, projects."> +<link rel="stylesheet" href="style.css"> +<link rel="alternate" type="application/atom+xml" title="tjp.lol" href="feed.xml"> +</head> +<body> +<div class="wrap"> + + <header class="site"> + <h1 class="brand"><a href="index.html">~tjp<span class="cur"> $_</span></a></h1> + <p class="tag">Elder-millennial software engineer in Salt Lake City, Utah. Writing about code, tools, and the small web.</p> + <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">about</a> + <a href="feed.xml">rss</a> + </nav> + </header> + + <main> + <section class="intro"> + <p>Welcome in. This site is my writing desk: weblog posts moving over from my <span class="mono">gemini://</span> capsule, plus a public cut of the notes I keep in Obsidian and sync across my machines with Syncthing.</p> + <p>Plain HTML and CSS. No JavaScript, no build step, no tracking — it reads exactly the same with scripts turned off. That's the point.</p> + </section> + + <section> + <h2 class="sec">recent posts</h2> + <ul class="posts"> + <li><time datetime="2026-06-30">2026-06-30</time><a href="weblog/moving-off-gemini.html">Moving my weblog off Gemini (without leaving it)</a></li> + <li><time datetime="2026-05-18">2026-05-18</time><a href="weblog/index.html">A static site generator in 100 lines of bash</a></li> + <li><time datetime="2026-04-02">2026-04-02</time><a href="weblog/index.html">Syncthing is the personal cloud I actually wanted</a></li> + <li><time datetime="2026-02-14">2026-02-14</time><a href="weblog/index.html">Notes on green-thread concurrency in Python</a></li> + <li><time datetime="2026-01-09">2026-01-09</time><a href="weblog/index.html">The quiet case for plain HTML</a></li> + </ul> + <p style="margin-top:.9rem;font-size:.9rem;"><a href="weblog/index.html">all posts →</a></p> + </section> + + <section> + <h2 class="sec">tags</h2> + <div class="tags"> + <a href="weblog/index.html">python</a><a href="weblog/index.html">small-web</a><a href="weblog/index.html">systems</a> + <a href="weblog/index.html">tools</a><a href="weblog/index.html">gemini</a><a href="weblog/index.html">slc</a><a href="weblog/index.html">reading</a> + </div> + </section> + + <div class="cols"> + <section> + <h2 class="sec">elsewhere</h2> + <ul class="links"> + <li><span class="k">email</span><a href="mailto:t@tjp.lol">t@tjp.lol</a></li> + <li><span class="k">code</span><a href="https://github.com/teepark">github.com/teepark</a></li> + <li><span class="k">fedi</span><a href="https://tilde.zone/@tjpcc" rel="me">@tjpcc@tilde.zone</a></li> + <li><span class="k">gemini</span><a href="about/index.html">gemini://…/~tjp</a></li> + </ul> + </section> + <section> + <h2 class="sec">from the notes</h2> + <ul class="links"> + <li><a href="notes/plain-html.html">The case for plain HTML</a></li> + <li><a href="notes/index.html">Home-lab & self-hosting</a></li> + <li><a href="notes/index.html">Emacs config, annotated</a></li> + <li><a href="notes/index.html">Books I keep re-reading</a></li> + </ul> + </section> + </div> + </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 · content <a href="about/index.html">CC BY 4.0</a> unless noted · <a href="feed.xml">feed</a></p> + </footer> + +</div> +</body> +</html> |