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 /notes | |
initial commit: claude-designed site and project doc to staticly generate it going forward
Diffstat (limited to 'notes')
| -rw-r--r-- | notes/index.html | 67 | ||||
| -rw-r--r-- | notes/plain-html.html | 70 |
2 files changed, 137 insertions, 0 deletions
diff --git a/notes/index.html b/notes/index.html new file mode 100644 index 0000000..7c5265f --- /dev/null +++ b/notes/index.html @@ -0,0 +1,67 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<meta name="viewport" content="width=device-width, initial-scale=1"> +<title>Notes — tjp.lol</title> +<meta name="description" content="A public cut of my Obsidian notes — a small digital garden."> +<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" aria-current="page">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>This is a digital garden — a public slice of the notes I keep in Obsidian. Unlike the <a href="../weblog/index.html">weblog</a>, these aren't essays. They're living pages: some are a paragraph, some are years old, most link to each other. Start anywhere and follow the threads.</p> + </section> + + <section> + <h2 class="sec">start here</h2> + <ul class="posts"> + <li><a href="plain-html.html">The case for plain HTML</a></li> + <li><a href="plain-html.html">Home-lab & self-hosting</a></li> + <li><a href="plain-html.html">How I take notes</a></li> + </ul> + </section> + + <section> + <h2 class="sec">all notes</h2> + <nav class="note-index"> + <a href="plain-html.html">Bread notes</a> + <a href="plain-html.html">Books I keep re-reading</a> + <a href="plain-html.html">CPython internals</a> + <a href="plain-html.html">Emacs config, annotated</a> + <a href="plain-html.html">Gemtext & the small web</a> + <a href="plain-html.html">Green threads</a> + <a href="plain-html.html">Home-lab & self-hosting</a> + <a href="plain-html.html">How I take notes</a> + <a href="plain-html.html">Makefiles I reach for</a> + <a href="plain-html.html">The case for plain HTML</a> + <a href="plain-html.html">Syncthing setup</a> + <a href="plain-html.html">Terminal & shell dotfiles</a> + </nav> + </section> + </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> diff --git a/notes/plain-html.html b/notes/plain-html.html new file mode 100644 index 0000000..d60275e --- /dev/null +++ b/notes/plain-html.html @@ -0,0 +1,70 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<meta name="viewport" content="width=device-width, initial-scale=1"> +<title>The case for plain HTML — notes — tjp.lol</title> +<meta name="description" content="A note on writing plain, durable HTML."> +<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" aria-current="page">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> + <article class="post"> + <div class="post-head"> + <p class="meta"><a href="../notes/index.html" style="text-decoration:none;">← notes</a> / tended <time datetime="2026-05-30">2026-05-30</time> · planted <time datetime="2024-08-11">2024-08-11</time></p> + <h1>The case for plain HTML</h1> + </div> + + <div class="note-body"> + <p><em>A note, not an essay — expect it to change. This page shows how a wiki note reads: internal <a class="wiki" href="index.html">[[wiki links]]</a> render as underlined-dotted links, and a backlinks panel sits at the bottom.</em></p> + + <p>A hand-written HTML page is the most durable document format I know of that still looks like a document. It has no runtime, no dependencies, and no version that can go out of date. A file I wrote in 2004 opens today, pixel-for-pixel, in a browser that didn't exist then.</p> + + <p>This connects to <a class="wiki" href="index.html">Gemtext & the small web</a> — both are bets that <em>constraint outlives capability</em>. See also <a class="wiki" href="index.html">How I take notes</a> for why I keep the source in plain text.</p> + + <h2>Things I no longer do</h2> + <ul> + <li>Reach for a framework before there's a second page.</li> + <li>Add a build step to save five keystrokes.</li> + <li>Load a web font when the reader already owns a good one.</li> + </ul> + + <h2>The test</h2> + <p>Turn JavaScript off. If the page is worse, I've added fragility I have to maintain forever. If it's identical, I'm done. This whole site passes that test — see the <a class="wiki" href="../about/index.html">colophon</a>.</p> + </div> + + <div class="backlinks"> + <h2>Linked from</h2> + <ul class="posts"> + <li><a href="index.html">Gemtext & the small web</a></li> + <li><a href="index.html">Home-lab & self-hosting</a></li> + <li><a href="../weblog/moving-off-gemini.html">Moving my weblog off Gemini (without leaving it)</a></li> + </ul> + </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> |