From: Lady <redacted>
Date: Sat, 27 Aug 2022 22:55:00 +0000 (-0700)
Subject: From <https://git.ladys.computer/x_status_git.git>
X-Git-Url: https://git.ladys.computer/Status/commitdiff_plain/d1f61cae690e87cf2a64747b788eb1d9285f17f8?ds=sidebyside

From <https://git.ladys.computer/x_status_git.git>

This commit squashes all of the commits in the upstream `x_status_git`
repository to ensure that this repository remains focused on status
content and local changes. See there for further commit history.
---

d1f61cae690e87cf2a64747b788eb1d9285f17f8
diff --git a/Caddyfile b/Caddyfile
new file mode 100644
index 0000000..95fed0e
--- /dev/null
+++ b/Caddyfile
@@ -0,0 +1,164 @@
+status.site.example {
+	root * /home/USERNAME/status.site.example/public
+
+	@slash {
+		path_regexp slash /$
+	}
+
+	@jsonld {
+		path_regexp jsonld \.jsonld$
+	}
+
+	@atom {
+		path_regexp atom \.atom$
+	}
+
+	@bare {
+		not path_regexp /$
+		not path_regexp \.jsonld$
+		not path_regexp \.atom$
+	}
+
+	@empty {
+		expression {re.matcher.suffix} == ""
+	}
+
+	handle / {
+		rewrite * /index.html
+		header Link </about.jsonld>;rel=meta;type="application/ld+json"
+		header Link </statuses.atom>;rel=alternate;type="application/atom+xml"
+	}
+
+	@iri {
+		path_regexp matcher ^/(?P<iri>[^/:]+:[^/]+)/?$
+	}
+
+	handle @iri {
+		handle @bare {
+			rewrite * /.lookup.xhtml
+			header Cache-Control max-age=0
+		}
+
+		handle @slash {
+			redir * /{re.matcher.iri}
+		}
+	}
+
+	handle /about {
+		rewrite * /.about.html
+		header Link </about.jsonld>;rel=meta;type="application/ld+json"
+		header Link </statuses.atom>;rel=alternate;type="application/atom+xml"
+	}
+
+	redir /about/ /about
+
+	rewrite /about.jsonld /about/index.jsonld
+
+	handle /statuses {
+		rewrite * /.statuses.html
+		header Link </statuses.jsonld>;rel=meta;type="application/ld+json"
+		header Link </statuses.atom>;rel=alternate;type="application/atom+xml"
+	}
+
+	redir /statuses/ /statuses
+
+	rewrite /statuses.jsonld /statuses/index.jsonld
+
+	rewrite /statuses.atom /statuses/index.atom
+
+	@dated {
+		path_regexp matcher ^/statuses/(?P<ym>\d{4}-\d{2})(?P<suffix>/[^/.]+)?(?:\..*|/)?$
+		not path_regexp ^/statuses/index[/.]?
+	}
+
+	handle @dated {
+		handle @empty {
+			handle @bare {
+				rewrite * /.topic.html
+				header Link </statuses/{re.matcher.ym}.jsonld>;rel=meta;type="application/ld+json"
+				header Link </statuses.atom>;rel=alternate;type="application/atom+xml"
+			}
+
+			handle @slash {
+				redir * /statuses/{re.matcher.ym}
+			}
+
+			handle @jsonld {
+				rewrite * /statuses/{re.matcher.ym}/index.jsonld
+			}
+
+			handle @atom {
+				rewrite * /statuses/{re.matcher.ym}/index.atom
+			}
+		}
+
+		handle {
+			handle @bare {
+				rewrite * /.status.html
+				header Link </statuses/{re.matcher.ym}.jsonld>;rel=meta;type="application/ld+json"
+				header Link </statuses.atom>;rel=alternate;type="application/atom+xml"
+			}
+
+			handle @slash {
+				redir * /statuses/{re.matcher.ym}{re.matcher.suffix}
+			}
+		}
+	}
+
+	handle /topics {
+		rewrite * /.topics.html
+		header Link </topics.jsonld>;rel=meta;type="application/ld+json"
+	}
+
+	redir /topics/ /topics
+
+	rewrite /topics.jsonld /topics/index.jsonld
+
+	@topics {
+		path_regexp matcher ^/topics/(?P<topic>[0-9A-Za-z_-]+)(?P<suffix>/[^/.]+)?(?:\..*|/)?$
+		not path_regexp ^/topics/index[/.]?
+	}
+
+	handle @topics {
+		handle @empty {
+			handle @bare {
+				rewrite * /.topic.html
+				header Link </topics/{re.matcher.topic}.jsonld>;rel=meta;type="application/ld+json"
+				header Link </topics/{re.matcher.topic}.atom>;rel=alternate;type="application/atom+xml"
+			}
+
+			handle @slash {
+				redir * /topics/{re.matcher.topic}
+			}
+
+			handle @jsonld {
+				rewrite * /topics/{re.matcher.topic}/index.jsonld
+			}
+
+			handle @atom {
+				rewrite * /topics/{re.matcher.topic}/index.atom
+			}
+		}
+
+		handle {
+			handle @bare {
+				rewrite * /.status.html
+				header Link </topics/{re.matcher.topic}.jsonld>;rel=meta;type="application/ld+json"
+				header Link </topics/{re.matcher.topic}.atom>;rel=alternate;type="application/atom+xml"
+			}
+
+			handle @slash {
+				redir * /topics/{re.matcher.topic}{re.matcher.suffix}
+			}
+		}
+	}
+
+	header {
+		Access-Control-Allow-Origin "*"
+		?Cache-Control max-age=3600
+	}
+
+	file_server {
+		index index.xml index.xhtml index.html index.rdf index.txt
+	}
+}
diff --git a/Makefile b/Makefile
new file mode 100644
index 0000000..6e6d778
--- /dev/null
+++ b/Makefile
@@ -0,0 +1,11 @@
+USERNAME := USERNAME
+DOMAIN := DOMAIN
+GIT_REPOSITORY := /home/$(USERNAME)/Status.git
+
+nothing:
+	@echo 'Type `make remote` to update the remote post-receive script.'
+
+remote:
+	scp post-receive $(USERNAME)@$(DOMAIN):$(GIT_REPOSITORY)/hooks/post-receive
+
+.PHONY: nothing remote ;
diff --git a/README.markdown b/README.markdown
new file mode 100644
index 0000000..0d7d027
--- /dev/null
+++ b/README.markdown
@@ -0,0 +1,384 @@
+# x_status_git
+
+A minimal git‐based microblog.
+
+## What It Is
+
+ +  A Python script, `post-receive`, suitable for use as a post‐receive
+      Git hook, which generates a number of `.jsonld` files from a
+      source repository of text posts.
+
+ +  A small collection of H·T·M·L files designed to display the
+      generated `.jsonld` in a human‐readable fashion.
+
+## What It Is Not
+
+ +  A server or server configuration (you will need to supply these
+      yourself; see below).
+
+ +  Suitable for deployment on a simple filesystem server like
+      NeoCities or GitHub Pages (it requires both Git hooks and H·T·T·P
+      routing).
+
+ +  Interactive in any way (i·e “social media”).
+
+ +  Compatible with the ActivityPub fediverse (or any other push‐based
+      social media platform).
+
+## Script Configuration
+
+You will need to edit the `post-receive` script to adjust the following
+  constants to match your setup :—
+
+ +  **`GIT_DIRECTORY`**:
+    The absolute path to this Git repository on your server.
+    It is expected that this will be a bare repository (ending in
+      `.git`).
+
+ +  **`BUILD_DIRECTORY`**:
+    In order to access the files when you push, the repository will be
+      checked out here.
+    **This directory will be deleted on every push.**
+
+ +  **`PUBLIC_DIRECTORY`**:
+    The directory that your server serves files from.
+    **This directory will be deleted on every push,** so if you need to
+      serve additional files (i·e those not generated by this script),
+      you should place those files in a different directory and adjust
+      your server configuration accordingly.
+    Note that the `post-receive` script and associted H·T·M·L files
+      provided by this repository expect a certain server configuration
+      described below.
+
+  +  **`PUBLIC_URL`**:
+     The U·R·L that you are serving your site from (with no trailing
+       slash).
+     You cannot serve Status.git from a subdirectory.
+
+A `Makefile` is provided to make installing the `post-receive` script
+  on your server easy (assuming you have `ssh` access).
+You’ll need to supply some variables there, too :—
+
+ +  **`USERNAME`**:
+    Your SSH username.
+
+ +  **`DOMAIN`**:
+    The domain or other address of your site.
+
+ +  **`GIT_REPOSITORY`**:
+    The absolute path to this Git repository, as above.
+
+## Server Configuration
+
+Your server should be configured to serve the following files from the
+  provided `PUBLIC_DIRECTORY` in response to the following requests.
+For people using Caddy to serve their content, a sample `Caddyfile` is
+  included in this repository.
+
+### H·T·M·L responses
+
+These responses **must** be served with a `Content-Type` of
+  `text/html;charset=UTF-8` (or equivalent).
+Note that these paths **do not** have a trailing slash.
+
+ +  **`GET /`**:
+    Serve the file at `/index.html`.
+    A `Link` header with the value
+      `</about.jsonld>;rel=meta;type="application/ld+json"` (or
+      equivalent) **must** be provided.
+
+ +  **`GET /about`**:
+    Serve the file at `/.about.html`.
+    A `Link` header with the value
+      `</about.jsonld>;rel=meta;type="application/ld+json"` (or
+      equivalent) **must** be provided.
+
+ +  **`GET /statuses`**:
+    Serve the file at `/.statuses.html`.
+    A `Link` header with the value
+      `</statuses.jsonld>;rel=meta;type="application/ld+json"` (or
+      equivalent) **must** be provided.
+
+ +  **`GET /statuses/$YYYY-MM`** (where `$YYYY-MM` is an `xsd:gYearMonth`):
+    Serve the file at `/.topic.html`.
+    A `Link` header with the value
+      `</$YYYY-MM.jsonld>;rel=meta;type="application/ld+json"` (or
+      equivalent) **must** be provided.
+
+ +  **`GET /statuses/$YYYY-MM/*`** (where `$YYYY-MM` is an `xsd:gYearMonth`):
+    Serve the file at `/.status.html`.
+    A `Link` header with the value
+      `</$YYYY-MM.jsonld>;rel=meta;type="application/ld+json"` (or
+      equivalent) **must** be provided.
+
+ +  **`GET /topics`**:
+    Serve the file at `/.topics.html`.
+    A `Link` header with the value
+      `</topics.jsonld>;rel=meta;type="application/ld+json"` (or
+      equivalent) **must** be provided.
+
+ +  **`GET /topics/$TOPIC`** (where `$TOPIC` matches `[0-9A-Za-z_-]+`):
+    Serve the file at `/.topic.html`.
+    A `Link` header with the value
+      `</$TOPIC.jsonld>;rel=meta;type="application/ld+json"` (or
+      equivalent) **must** be provided.
+
+ +  **`GET /topics/$TOPIC/*`** (where `$TOPIC` matches
+      `[0-9A-Za-z_-]+`):
+    Serve the file at `/.status.html`.
+    A `Link` header with the value
+      `</$TOPIC.jsonld>;rel=meta;type="application/ld+json"` (or
+      equivalent) **must** be provided.
+
+### X·H·T·M·L responses
+
+These responses **must** be served with a `Content-Type` of
+  `application/xhtml+xml` (or equivalent).
+Note that these paths **do not** have a trailing slash.
+
+ +  **`GET /$IRI`** (where `$IRI` contains a colon and no slash):
+    Serve the file at `/.lookup.xhtml`.
+    This can be used to look up statuses by their identifier.
+
+### Json‐L·D responses
+
+These responses **should** be served with a `Content-Type` of
+  `application/ld+json`.
+In all cases, for `/$PATH.jsonld`, this just serves the file at
+  `/$PATH/index.jsonld`.
+
+ +  **`GET /about.jsonld`**:
+    Serve the file at `/about/index.jsonld`.
+
+ +  **`GET /statuses.jsonld`**:
+    Serve the file at `/statuses/index.jsonld`.
+
+ +  **`GET /statuses/$YYYY-MM.jsonld`** (where `$YYYY-MM` is an
+      `xsd:gYearMonth`):
+    Serve the file at `/$YYYY-MM/index.jsonld`.
+
+ +  **`GET /topics.jsonld`**:
+    Serve the file at `/topics/index.jsonld`.
+
+ +  **`GET /topics/$TOPIC.jsonld`** (where `$TOPIC` matches
+      `[0-9A-Za-z_-]+`):
+    Serve the file at `/topics/$TOPIC/index.jsonld`.
+
+### Atom responses
+
+These responses **should** be served with a `Content-Type` of
+  `application/atom+xml`.
+In all cases, for `/$PATH.atom`, this just serves the file at
+  `/$PATH/index.atom`.
+
+ +  **`GET /statuses.atom`**:
+    Serve the file at `/statuses/index.atom`.
+
+ +  **`GET /statuses/$YYYY-MM.atom`** (where `$YYYY-MM` is an
+      `xsd:gYearMonth`):
+    Serve the file at `/$YYYY-MM/index.atom`.
+
+ +  **`GET /topics/$TOPIC.atom`** (where `$TOPIC` matches
+      `[0-9A-Za-z_-]+`):
+    Serve the file at `/topics/$TOPIC/index.atom`.
+
+### Other Headers
+
+All responses **should** have a `Access-Control-Allow-Origin` header
+  with a value of `*` (assuming your server does not use credentials
+  and is not being served behind a firewall).
+
+## Committing Statuses To Git
+
+The `post-receive` script will run whenever you make a commit to the
+  `live` branch, which should be set as your default.
+Statuses are represented by a small collection of files committed to
+  particular locations in this repository :—
+
+ +  Files committed to `/YYYY/MM/DD/HH.MM.SSZ/` (the final component
+      can actually take any form but a time is **recommended**) are
+      ordinary statuses.
+
+ +  Files committed to `/topic/TOPICNAME/a/b/c/d/xxxx` (where `a`, `b`,
+      `c`, and `d` are lowercase hexadecimal digits and `xxxx` can be
+      anything) is a status posted to a specific topic (`TOPICNAME`).
+    It is **recommended** that you make `a/b/c/d` the first four digits
+      of an MD5 hash of the status content and `xxxx` the remaining
+      digits (security is not an issue here, so MD5 is fine).
+    `TOPICNAME` should have the form `[0-9A-Za-z_-]+`.
+
+The intent is that “ordinary statuses” are a bit more ephemeral whereas
+  “topic statuses” can serve as reference material.
+Using an MD5 hash for topic statuses ensures you don’t post the same
+  thing twice.
+
+The files which represent a status are as follows :—
+
+ +  **`text`**:
+    The text of the status.
+    Blank lines separate paragraphs; linebreaks will be preserved.
+    There is a special markup for links: `<https://link.example>`, or
+      `<https://link.example>="link text"` if you want to supply link
+      text.
+    At present, no other markup is supported.
+
+ +  **`0=x_status_git_1.0`**:
+    This file is **optional** and not currently used for anything, but
+      indicates that the post follows the `1.0` format.
+    The contents of this file, if present, **must** be
+      `x_status_git_1.0`, optionally followed by a trailing newline.
+
+ +  **`1=NAME`** (where `NAME` might be anything):
+    This file is **recommended** and indicates the author of the
+      status.
+    Only one author is currently supported.
+    The value of `NAME` **must** give the name of the author of the
+      status.
+    The contents of this file **must** give the author’s URL,
+      optionally followed by a trailing newline.
+
+ +  **`2=TITLE`** (where `TITLE` might be anything):
+    This file is **optional** and indicates the title of the status.
+    The value of `TITLE` **should** be a file·system‐friendly version
+      of the title, but is ignored.
+    The contents of this file **must** give the title of the status,
+      optionally followed by a trailing newline.
+
+ +  **`3=YYYY-MM-DD`** (where `YYYY-MM-DD` is a date):
+    This file is **required** and indicates the date of the status.
+    Only one date is currently supported.
+    The value of `YYYY-MM-DD` **should** give the date of the status,
+      although this is not used (in favour of the full timestamp).
+    The contents of this file **must** give the full `xsd:dateTime`
+      timestamp of the status, optionally followed by a trailing
+      newline.
+
+ +  **`4=IDENTIFIER`** (where `IDENTIFIER` might be anything):
+    This file is **required** and provides an identifier for the
+      status.
+    Only one identifier is currently supported.
+    The contents of this file **must** be an I·R·I which uniquely
+      identifies the status (for example, a U·U·I·D or `tag:` URI).
+    The value of `IDENTIFIER` **must** be a locally‐unique identifier
+      for the status and **should** resemble the contents where
+      possible.
+    (Note, however, that `IDENTIFIER` cannot contain slashes and need
+      not be a valid I·R·I.)
+
+Files with names that begin with the strings `2=` or `x_status_git_`
+  are reserved for backwards‐compatible extensions.
+
+x_status_git has no opinion on how these files make their way into the
+  Git repository, except that all the files for a single status should
+  be added in the same commit.
+The intention is that the simple nature of these files will make them
+  easy to automate.
+
+## I Am Computer, How Do I Get Status?
+
+Assume you are given a U·R·L `resource_url` which you think points to
+  some kind of x_status_git resource.
+Start by resolving it as follows :—
+
+01. Make a `HEAD` request to `resource_url`.
+
+02. If there is a `Link` header with a `rel` of `meta` and a `type` of
+      `application/ld+json`, set `resource_url` to the URL provided in
+      that header and restart these steps from step 1.
+
+03. Make a `GET` request to `resource_url` and let `response` be the
+      response.
+
+04. Set `document` as follows :—
+
+    01. If the `Content-Type` header of `response` has a type of `text`
+          and subtype of `html`, let `document` be the result of
+          processing the body of `response` into a D·O·M tree as an
+          H·T·M·L document .
+        It is an error if this process fails.
+
+    02. If the `Content-Type` header of `response` has a type of
+          `application` and a subtype which is `xml` or which ends in
+          `+xml`, let `document` be the result of processing the body
+          of `response` into a D·O·M tree as an X·M·L document .
+        It is an error if this process fails.
+
+    03. Otherwise, let `document` be null.
+
+05. If `document` is not null :—
+
+    01. If there is a `<link>` element in either the H·T·M·L namespace
+          or the Atom namespace in `document` with a `rel` of `meta`
+          and a `type` of `application/ld+json`, set `resource_url` to
+          the `href` of that `<link>` element and restart these steps
+          from step 1.
+        If multiple such elements exist, choose the first one.
+
+    02. Otherwise, it is an error.
+
+06. If the body of `response` is not a Json document, it is an error.
+
+Assuming the U·R·L you were given was valid, you will end this
+  algorithm with a Json‐L·D response, and you can use the `@type`
+  attribute to determine the response type.
+`@type` will be either a string or an array.
+
+ +  If the `@type` is or contains `Forum`, the resource is a collection
+      of topics.
+
+ +  If the `@type` is or contains `Thread`, the resource is a
+      collection of statuses.
+
+ +  If the `@type` is or contains `Microblog`, the resource describes
+      this site as a whole.
+    The `streams` property will contain a list of available `Forum`s
+      and `Thread`s, as objects with an `@id` and `@type`.
+
+The items in the collection (`Forum` or `Thread`) may be determined
+  through one of the following methods :—
+
+ +  If the `@type` is or contains `CollectionPage` or
+      `OrderedCollectionPage`, then its `items` will contain resources.
+    This is a partial collection, and the `prev` and `next` properties
+      can be used to access further items from the parent collection
+      (indicated by `partOf`).
+    `first` and `current`, in this scenario, point “horizontally” to
+      the first and latest pages of items, not to subpages.
+
+ +  If the `@type` is or contains `Collection` or `OrderedCollection`
+      and the resource has `first` and/or `current` properties, then
+      the `items` property will not be present.
+    `first` and `current` can be accessed to provide
+      `OrderedCollectionPage`s listing the items of the collection.
+
+ +  Otherwise, the `items` property will contain every item in the
+      collection.
+
+Statuses themselves have the following properties :—
+
+ +  **`@id`**:
+    The identifier of the status.
+
+ +  **`@type`**:
+    The value `MicroblogPost`.
+
+ +  **`created`** [`dcterms:created`]:
+    The creation date for the status, as an `xsd:dateTime`.
+
+ +  **`creator`** [`dcterms:creator`] (optional):
+    The author of the status, as an object with an `@id` and `name`
+      [`foaf:name`].
+
+ +  **`identifier`** [`dcterms:identifier`]:
+    An I·R·I which uniquely identifies the status.
+    This differs from the `@id` in that it is not expected to be
+      dereferenceable.
+
+ +  **`subject`** [`dcterms:subject`] (optional):
+    The topic of the status, for topic statuses.
+
+ +  **`title`** [`dcterms:title`] (optional):
+    The title of the status.
+
+ +  **`content`** [`sioc:content`]:
+    The content of the status, as an `rdf:XMLLiteral`.
diff --git a/about.html b/about.html
new file mode 100644
index 0000000..c12dfa5
--- /dev/null
+++ b/about.html
@@ -0,0 +1,26 @@
+<!dOcTyPe html>
+<HTML Lang=en>
+<TITLE>About</TITLE>
+<STYLE>
+body{ Display: Grid; Box-Sizing: Border-Box; Margin: Auto; Padding-Inline: 1REM; Min-Block-Size: 100VH; Inline-Size: 100%; Max-Inline-Size: 45REM; Align-Content: Center; Justify-Content: Stretch; Font-Family: Sans-Serif }
+</STYLE>
+<H1>About</H1>
+<NAV><UL></UL></NAV>
+<SCRIPT Type=module>
+document.title = location.hostname
+document.body.querySelector("h1").textContent = location.hostname
+const ul = document.body.querySelector("nav>ul")
+fetch(`${location}.jsonld`)
+.then($ => $.json())
+.then(meta => {
+  { const a = ul
+    .appendChild(document.createElement("li"))
+    .appendChild(document.createElement("a"))
+    a.href = meta.streams.find($ => $["@type"] == "Thread")["@id"]
+    a.textContent = "Updates" }
+  { const a = ul
+    .appendChild(document.createElement("li"))
+    .appendChild(document.createElement("a"))
+    a.href = meta.streams.find($ => $["@type"] == "Forum")["@id"]
+    a.textContent = "Topics" } })
+</SCRIPT>
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..4be8239
--- /dev/null
+++ b/index.html
@@ -0,0 +1,88 @@
+<!dOcTyPe html>
+<HTML Lang=en>
+<TITLE>Index</TITLE>
+<STYLE>
+body{ Display: Grid; Box-Sizing: Border-Box; Margin: Auto; Padding-Inline: 1REM; Min-Block-Size: 100VH; Inline-Size: 100%; Max-Inline-Size: 45REM; Align-Content: Center; Justify-Content: Stretch; Font-Family: Sans-Serif }
+#status{ Font-Size: Larger }
+#topics{ Display: Grid; Margin-Block: 1REM; Grid: Auto-Flow / 1FR 1FR; Gap: 0 1REM }
+#topics h2{ Margin-Block-End: 0; Grid-Column: 1 / Span 2; Text-Align: Center }
+#topics h2:Last-Child{ Display: None }
+div.STATUS{ Border: Thin Solid; Padding-Inline: 1REM; Border-Radius: .5REM }
+summary{ Padding-Block: 1REM; Font-Weight: Bold }
+details[open]>summary{ Border-Block-End: Thin Solid }
+footer{ Border-Block-Start: Thin Solid; Padding-Block: 1REM; Font-Size: Smaller; Text-Align: End }
+footer p{ Margin-Block: 0 .5REM }
+footer time:Not([datetime]),
+footer small{ Font-Size: Inherit; Font-Style: Italic }
+svg{ Display: Inline-Block; Vertical-Align: Middle; Block-Size: 1EM; Inline-Size: 1EM; Fill: #FFF }
+</STYLE>
+<H1>Index</H1>
+<DIV Class=STATUS ID=status>
+</DIV>
+<SECTION ID=topics>
+	<H2>Topics</H2>
+</SECTION>
+<DIV Hidden><SVG ID=feedicon Version=1.1 ViewBox="0 0 256 256"><RECT Width=256 Height=256 RX=55 RY=55 X=0 Y=0 Fill=CurrentColor /><RECT Width=236 Height=236 RX=47 RY=47 X=10 Y=10 Style="Fill: Inherit" /><CIRCLE CX=68 CY=189 R=24 Fill=CurrentColor /><PATH D="M 160 213 h -34 a 82 82 0 0 0 -82 -82 v -34 a 116 116 0 0 1 116 116 z" Fill=CurrentColor /><PATH D="M 184 213 A 140 140 0 0 0 44 73 V 38 a 175 175 0 0 1 175 175 z" Fill=CurrentColor /></SVG>
+<SCRIPT Type=module>
+const parser = new DOMParser
+document.title = location.hostname
+document.documentElement.querySelector("body>h1").textContent = location.hostname
+const renderLatest = (meta, container) => {
+  const { feed, items } = meta
+  const status = items.pop()
+  const src = status.content
+  const { documentElement: article } = parser.parseFromString(src, "application/xhtml+xml")
+  const footer = document.createElement("footer")
+  const authorshipP = footer.appendChild(document.createElement("p"))
+  const { creator, title } = status
+  if (creator) {
+    const authorLink = authorshipP.appendChild(document.createElement("a"))
+    authorLink.href = creator["@id"]
+    authorLink.textContent = creator.name
+    authorshipP.appendChild(document.createTextNode(" @ ")) }
+  authorshipP.appendChild(document.createElement("time")).textContent = status.created
+  const nav = footer.appendChild(document.createElement("nav"))
+  const atomLink = nav.appendChild(document.createElement("a"))
+  atomLink.href = feed
+  const atomSVG = document.createElementNS("http://www.w3.org/2000/svg", "svg")
+  atomSVG.setAttribute("version", "1.1")
+  atomSVG.setAttribute("viewBox", "0 0 256 256")
+  const atomUse = atomSVG.appendChild(document.createElementNS("http://www.w3.org/2000/svg", "use"))
+  atomUse.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href", "#feedicon")
+  atomLink.append(atomSVG, " Atom feed.")
+  nav.appendChild(document.createTextNode(" "))
+  const permalink = nav.appendChild(document.createElement("a"))
+  permalink.href = status["@id"]
+  permalink.textContent = "Permalink."
+  nav.appendChild(document.createTextNode(" "))
+  const upLink = nav.appendChild(document.createElement("a"))
+  upLink.href = meta["@id"]
+  upLink.textContent = `See more ${ status.subject ? `${status.subject}` : "status" } updates.`
+  if (title) {
+    const wrapper = document.createElement("article")
+    const details = wrapper.appendChild(document.createElement("details"))
+    details.setAttribute("open", "")
+    const summary = details.appendChild(document.createElement("summary"))
+    summary.textContent = title
+    details.append(...document.importNode(article, true).childNodes)
+    container.replaceChildren(wrapper, footer) }
+  else container.replaceChildren(document.importNode(article, true), footer) }
+fetch("statuses.jsonld")
+.then($ => $.json())
+.then(meta => fetch(`${meta.current}.jsonld`))
+.then($ => $.json())
+.then(meta => renderLatest(meta, document.getElementById("status")))
+fetch("topics.jsonld")
+.then($ => $.json())
+.then(meta => {
+  const topics = document.getElementById("topics")
+  for (const topicID of meta.items.map($ => $["@id"] ?? $)) {
+    const section = topics.appendChild(document.createElement("section"))
+    fetch(`${topicID}.jsonld`)
+    .then($ => $.json())
+    .then(topic => {
+      section.appendChild(document.createElement("h3")).textContent = topic.subject
+      const div = section.appendChild(document.createElement("div"))
+      div.className = "STATUS"
+      renderLatest(topic, div) }) } })
+</SCRIPT>
diff --git a/post-receive b/post-receive
new file mode 100755
index 0000000..b07ad47
--- /dev/null
+++ b/post-receive
@@ -0,0 +1,279 @@
+#!/usr/bin/env python3
+from datetime import datetime as dt, timezone
+from glob import iglob
+from itertools import starmap
+import json
+from os import mkdir
+from os.path import exists
+from pathlib import Path
+import re
+from shutil import copy2, rmtree
+from subprocess import run
+from sys import stdin
+from warnings import warn
+from xml.dom import XHTML_NAMESPACE
+from xml.dom.minidom import getDOMImplementation, parseString
+
+GIT_DIRECTORY = "/home/USERNAME/Status.git"
+BUILD_DIRECTORY = "/home/USERNAME/status.site.example/.build"
+PUBLIC_DIRECTORY = "/home/USERNAME/status.site.example/public"
+PUBLIC_URL = "https://status.site.example"
+LANG = "en"
+LIVE_BRANCH = "live"
+
+UTC = timezone.utc
+CURRENT_DATETIME = f"{dt.now(UTC).replace(tzinfo=None).isoformat(timespec='seconds')}Z"
+ATOM_NAMESPACE = "http://www.w3.org/2005/Atom"
+
+if stdin.read().split()[-1] == f"refs/heads/{LIVE_BRANCH}":
+
+	print(f"This is an update to the '{LIVE_BRANCH}' branch; regenerating site…")
+
+	# Set up the build directory.
+	if exists(BUILD_DIRECTORY):
+		rmtree(BUILD_DIRECTORY)
+	cloneresult = run(["git", "clone", "--local", "--branch", LIVE_BRANCH, GIT_DIRECTORY, BUILD_DIRECTORY], capture_output=True, encoding="utf-8")
+	# if cloneresult.stderr:
+		# print(cloneresult.stderr)
+	cloneresult.check_returncode()
+
+	# Set up various containers.
+	irimap = {}
+	months = {}
+	topics = {}
+
+	# Create an XML representation of the provided status text.
+	def statusxml (text, version="1.0"):
+		doc = getDOMImplementation().createDocument(None, "article", None)
+		articleElt = doc.documentElement
+		articleElt.setAttribute("xmlns", XHTML_NAMESPACE)
+		articleElt.setAttribute("lang", LANG)
+		for para in text.split("\n\n"):
+			paraElt = articleElt.appendChild(doc.createElement("p"))
+			for component in re.findall(r'<[a-z]+:[^\s]*>(?:="[^\n"]+")?|\n|[^<\n]+|<(?![a-z]+:[^\s]*>)', para):
+				if component == "\n":
+					paraElt.appendChild(doc.createElement("br"))
+				elif re.fullmatch(r'<[a-z]+:[^\s]*>(?:="[^\n"]+")?', component):
+					href = component.split(">", maxsplit=1)[0][1:]
+					anchorElt = paraElt.appendChild(doc.createElement("a"))
+					anchorElt.setAttribute("href", href)
+					anchorElt.setAttribute("rel", "noreferrer")
+					anchorElt.appendChild(doc.createTextNode(component if len(href) == len(component) - 2 else component[len(href)+4:-1]))
+				else:
+					paraElt.appendChild(doc.createTextNode(component))
+		return articleElt.toxml()
+
+	# Map status paths to status objects, or None if there is an error.
+	#
+	# The provided path must be to a `text` object.
+	def statusmap (topic, path):
+		status = { "@type": "MicroblogPost" }
+		version_path = next(path.parent.glob("0=*"), None)
+		if version_path and version_path.name != "0=x_status_git_1.0":
+			warn(f"Unrecognized version for {path}; skipping.")
+			return None
+		if topic:
+			status["subject"] = topic
+		author_path = next(path.parent.glob("1=*"), None)
+		if author_path:
+			status["creator"] = { "name": author_path.name[2:] }
+			with author_path.open("r", encoding="utf-8") as text:
+				status["creator"]["@id"] = text.read().strip()
+		title_path = next(path.parent.glob("2=*"), None)
+		if title_path:
+			with title_path.open("r", encoding="utf-8") as text:
+				title = text.read().strip()
+				status["title"] = title
+		date_path = next(path.parent.glob("3=*"), None)
+		datetime = ""
+		if date_path:
+			with date_path.open("r", encoding="utf-8") as text:
+				datetime = text.read().strip()
+				status["created"] = datetime
+		else:
+			warn(f"Missing date for {path}; skipping.")
+			return None
+		identifier_path = next(path.parent.glob("4=*"), None)
+		identifier = ""
+		if identifier_path:
+			identifier = identifier_path.name[2:]
+			status["@id"] = f"{PUBLIC_URL}/topics/{topic}/{identifier}" if topic else f"{PUBLIC_URL}/statuses/{datetime[0:7]}/{identifier}"
+			with identifier_path.open("r", encoding="utf-8") as text:
+				status["identifier"] = text.read().strip()
+			irimap[status["identifier"]] = status["@id"]
+		else:
+			warn(f"Missing identifier for {path}; skipping.")
+			return None
+		with path.open("r", encoding="utf-8") as text:
+			source = text.read().strip()
+			status["content"] = statusxml(source)
+			status["source"] = { "content": source, "mediaType": "text/plain" }
+		return (datetime, identifier, status)
+
+	def atomForLD (ld):
+		doc = getDOMImplementation().createDocument(None, "feed", None)
+		atomElt = doc.documentElement
+		atomElt.setAttribute("xmlns", ATOM_NAMESPACE)
+		atomElt.setAttribute("xml:lang", LANG)
+		subject = ld["subject"] if "subject" in ld else "Statuses"
+		titleElt = atomElt.appendChild(doc.createElement("title"))
+		titleElt.appendChild(doc.createTextNode(f"{subject} @ {PUBLIC_URL}"))
+		updatedElt = atomElt.appendChild(doc.createElement("updated"))
+		updatedElt.appendChild(doc.createTextNode(CURRENT_DATETIME))
+		generatorElt = atomElt.appendChild(doc.createElement("generator"))
+		generatorElt.appendChild(doc.createTextNode("x_status_git"))
+		generatorElt.setAttribute("uri", "https://git.ladys.computer/x_status_git")
+		atomLinks = {}
+		if "OrderedCollectionPage" in ld["@type"]:
+			idElt = atomElt.appendChild(doc.createElement("id"))
+			idElt.appendChild(doc.createTextNode(f"{PUBLIC_URL}/statuses"))
+			atomLinks["alternate"] = f"{PUBLIC_URL}/statuses"
+			atomLinks["current"] = f"{PUBLIC_URL}/statuses.atom"
+			atomLinks["self"] = atomLinks["current"] if ld["@id"] == ld["current"] else f"{ld['@id']}.atom"
+			if "prev" in ld:
+				atomLinks["prev-archive"] = f"{ld['prev']}.atom"
+			if "next" in ld and ld["next"] != ld["current"]:
+				atomLinks["next-archive"] = f"{ld['next']}.atom"
+		else:
+			idElt = atomElt.appendChild(doc.createElement("id"))
+			idElt.appendChild(doc.createTextNode(ld["@id"]))
+			atomLinks["alternate"] = ld["@id"]
+			atomLinks["self"] = f"{ld['@id']}.atom"
+		for (rel, href) in atomLinks.items():
+			linkElt = atomElt.appendChild(doc.createElement("link"))
+			linkElt.setAttribute("rel", rel)
+			linkElt.setAttribute("href", href)
+		for item in ld["items"]:
+			entryElt = atomElt.appendChild(doc.createElement("entry"))
+			title = item["source"]["content"].partition("\n")[0]
+			if "title" in item:
+				title = item["title"]
+			elif len(title) >= 28:
+				title = title[0:27] + "…"
+			titleElt = entryElt.appendChild(doc.createElement("title"))
+			titleElt.appendChild(doc.createTextNode(title))
+			idElt = entryElt.appendChild(doc.createElement("id"))
+			idElt.appendChild(doc.createTextNode(item["@id"]))
+			updatedElt = entryElt.appendChild(doc.createElement("updated"))
+			updatedElt.appendChild(doc.createTextNode(CURRENT_DATETIME))
+			if "created" in item:
+				publishedElt = entryElt.appendChild(doc.createElement("published"))
+				publishedElt.appendChild(doc.createTextNode(item["created"]))
+			authorElt = entryElt.appendChild(doc.createElement("author"))
+			if "creator" in item:
+				nameElt = authorElt.appendChild(doc.createElement("name"))
+				nameElt.appendChild(doc.createTextNode(item["creator"]["name"]))
+				uriElt = authorElt.appendChild(doc.createElement("uri"))
+				uriElt.appendChild(doc.createTextNode(item["creator"]["@id"]))
+			else:
+				nameElt = authorElt.appendChild(doc.createElement("name"))
+				nameElt.appendChild(doc.createTextNode("Anonymous"))
+			contentElt = entryElt.appendChild(doc.createElement("content"))
+			contentElt.setAttribute("type", "xhtml")
+			contentDiv = contentElt.appendChild(doc.createElement("div"))
+			contentDiv.setAttribute("xmlns", XHTML_NAMESPACE)
+			contentDiv.setAttribute("lang", LANG)
+			for child in list(parseString(item["content"]).documentElement.childNodes):
+				contentDiv.appendChild(child)
+		return (atomLinks["self"], atomElt.toxml())
+
+	# Get status paths.
+	status_paths = []
+	for yearpath in Path(f"{BUILD_DIRECTORY}/").glob("[0-9][0-9][0-9][0-9]"):
+		for monthpath in yearpath.glob("[0-9][0-9]"):
+			for daypath in monthpath.glob("[0-9][0-9]"):
+				for statuspath in daypath.glob("*/text"):
+					status_paths.append((None, statuspath))
+	for topicpath in Path(f"{BUILD_DIRECTORY}/").glob("topic/*"):
+		for hash0path in topicpath.glob("[0-9a-f]"):
+			for hash1path in hash0path.glob("[0-9a-f]"):
+				for hash2path in hash1path.glob("[0-9a-f]"):
+					for hash3path in hash2path.glob("[0-9a-f]"):
+						for statuspath in hash3path.glob("*/text"):
+							status_paths.append((topicpath.name, statuspath))
+
+	# Build status objects and listings.
+	for (datetime, identifier, status) in sorted(filter(None, starmap(statusmap, status_paths))):
+		if "subject" in status:
+			topic = status["subject"]
+			if topic not in topics:
+				topics[topic] = { "@context": { "@language": LANG, "activity": "https://www.w3.org/ns/activitystreams#", "dct": "http://purl.org/dc/terms/", "foaf": "http://xmlns.com/foaf/0.1/", "sioc": "http://rdfs.org/sioc/ns#", "sioct": "http://rdfs.org/sioc/types#", "OrderedCollection": "activity:OrderedCollection", "Thread": "sioc:Thread", "MicroblogPost": "sioct:MicroblogPost", "items": { "@id": "activity:items", "@type": "@id", "@container": "@list" }, "source": { "@id": "activity:source", "@type": "@id", "@context": { "content": { "@id": "activity:content", "@type": "http://www.w3.org/2001/XMLSchema#string" }, "mediaType": "activity:mediaType" } }, "created": { "@id": "dct:created", "@type": "http://www.w3.org/2001/XMLSchema#dateTime" }, "creator": { "@id": "dct:creator", "@type": "@id" }, "identifier": { "@id":  "dct:identifier", "@type": "http://www.w3.org/2001/XMLSchema#anyURI" }, "subject": "dct:subject", "title": "dct:title", "name": "foaf:name", "content": { "@id": "sioc:content", "@type": "http://www.w3.org/1999/02/22-rdf-syntax-ns#XMLLiteral" }, "feed": { "@id": "sioc:feed", "@type": "@id" } }, "@id": f"{PUBLIC_URL}/topics/{topic}", "@type": ["OrderedCollection", "Thread"], "feed": f"{PUBLIC_URL}/topics/{topic}.atom", "items": [], "subject": topic }
+			topics[topic]["items"].append(status)
+		else:
+			yyyy_mm = datetime[0:7]
+			if yyyy_mm not in months:
+				months[yyyy_mm] = { "@context": { "@language": LANG, "activity": "https://www.w3.org/ns/activitystreams#", "dct": "http://purl.org/dc/terms/", "foaf": "http://xmlns.com/foaf/0.1/", "sioc": "http://rdfs.org/sioc/ns#", "sioct": "http://rdfs.org/sioc/types#", "OrderedCollectionPage": "activity:OrderedCollectionPage", "Thread": "sioc:Thread", "MicroblogPost": "sioct:MicroblogPost", "current": { "@id": "activity:current", "@type": "@id" }, "first": { "@id": "activity:first", "@type": "@id" }, "items": { "@id": "activity:items", "@type": "@id", "@container": "@list" }, "partOf": { "@id": "activity:partOf", "@type": "@id" }, "prev": { "@id": "activity:prev", "@type": "@id" }, "next": { "@id": "activity:next", "@type": "@id" }, "source": { "@id": "activity:source", "@type": "@id", "@context": { "content": { "@id": "activity:content", "@type": "http://www.w3.org/2001/XMLSchema#string" }, "mediaType": "activity:mediaType" } }, "created": { "@id": "dct:created", "@type": "http://www.w3.org/2001/XMLSchema#dateTime" }, "creator": { "@id": "dct:creator", "@type": "@id" }, "identifier": { "@id":  "dct:identifier", "@type": "http://www.w3.org/2001/XMLSchema#anyURI" }, "title": "dct:title", "name": "foaf:name", "content": { "@id": "sioc:content", "@type": "http://www.w3.org/1999/02/22-rdf-syntax-ns#XMLLiteral" } }, "@id": f"{PUBLIC_URL}/statuses/{yyyy_mm}", "@type": ["OrderedCollectionPage", "Thread"], "feed": f"{PUBLIC_URL}/statuses.atom", "items": [], "partOf": f"{PUBLIC_URL}/statuses" }
+			months[yyyy_mm]["items"].append(status)
+
+	# Set up the public directory.
+	if exists(PUBLIC_DIRECTORY):
+		rmtree(PUBLIC_DIRECTORY)
+	mkdir(PUBLIC_DIRECTORY)
+
+	# Copy H·T·M·L files to their expected locations.
+	copy2(f"{BUILD_DIRECTORY}/index.html", f"{PUBLIC_DIRECTORY}/index.html")
+	copy2(f"{BUILD_DIRECTORY}/about.html", f"{PUBLIC_DIRECTORY}/.about.html")
+	copy2(f"{BUILD_DIRECTORY}/status.html", f"{PUBLIC_DIRECTORY}/.status.html")
+	copy2(f"{BUILD_DIRECTORY}/statuses.html", f"{PUBLIC_DIRECTORY}/.statuses.html")
+	copy2(f"{BUILD_DIRECTORY}/topic.html", f"{PUBLIC_DIRECTORY}/.topic.html")
+	copy2(f"{BUILD_DIRECTORY}/topics.html", f"{PUBLIC_DIRECTORY}/.topics.html")
+
+	# Output “about” metadata
+	if not exists(f"{PUBLIC_DIRECTORY}/about"):
+		mkdir(f"{PUBLIC_DIRECTORY}/about")
+	with open(f"{PUBLIC_DIRECTORY}/about/index.jsonld", "w", encoding="utf-8") as f:
+		json.dump({ "@context": { "@language": LANG, "activity": "https://www.w3.org/ns/activitystreams#", "sioc": "http://rdfs.org/sioc/ns#", "sioct": "http://rdfs.org/sioc/types#", "Forum": "sioc:Forum", "Thread": "sioc:Thread", "Microblog": "sioct:Microblog", "streams": { "@id": "activity:streams", "@type": "@id" } }, "@id": f"{PUBLIC_URL}", "@type": "Microblog", "streams": [{ "@id": f"{PUBLIC_URL}/statuses", "@type": "Thread" }, { "@id": f"{PUBLIC_URL}/topics", "@type": "Forum" }] }, f, ensure_ascii=False, allow_nan=False)
+
+	# Output month‐based listings and the non‐topic index
+	if not exists(f"{PUBLIC_DIRECTORY}/statuses"):
+		mkdir(f"{PUBLIC_DIRECTORY}/statuses")
+	statuspairs = list(enumerate(months.items()))
+	for (index, (yyyy_mm, ld)) in statuspairs:
+		if not exists(f"{PUBLIC_DIRECTORY}/statuses/{yyyy_mm}"):
+			mkdir(f"{PUBLIC_DIRECTORY}/statuses/{yyyy_mm}")
+		ld["first"] = f"{PUBLIC_URL}/statuses/{statuspairs[0][1][0]}"
+		ld["current"] = f"{PUBLIC_URL}/statuses/{statuspairs[-1][1][0]}"
+		if index > 0:
+			ld["prev"] = f"{PUBLIC_URL}/statuses/{statuspairs[index - 1][1][0]}"
+		if index < len(statuspairs) - 1:
+			ld["next"] = f"{PUBLIC_URL}/statuses/{statuspairs[index + 1][1][0]}"
+		with open(f"{PUBLIC_DIRECTORY}/statuses/{yyyy_mm}/index.jsonld", "w", encoding="utf-8") as f:
+			json.dump(ld, f, ensure_ascii=False, allow_nan=False)
+		atomlink, atomxml = atomForLD(ld)
+		with open(f"{PUBLIC_DIRECTORY}/{atomlink[len(PUBLIC_URL):-5]}/index.atom", "w", encoding="utf-8") as f:
+			f.write(atomxml)
+	with open(f"{PUBLIC_DIRECTORY}/statuses/index.jsonld", "w", encoding="utf-8") as f:
+		json.dump({ "@context": { "@language": LANG, "activity": "https://www.w3.org/ns/activitystreams#", "sioc": "http://rdfs.org/sioc/ns#", "OrderedCollection": "activity:OrderedCollection", "Thread": "sioc:Thread", "current": { "@id": "activity:current", "@type": "@id" }, "first": { "@id": "activity:first", "@type": "@id" }, "has_parent": { "@id": "sioc:has_parent", "@type": "@id" }, "feed": { "@id": "sioc:feed", "@type": "@id" } }, "@id": f"{PUBLIC_URL}/statuses", "@type": ["OrderedCollection", "Thread"], "feed": f"{PUBLIC_URL}/statuses.atom", "first": f"{PUBLIC_URL}/statuses/{statuspairs[0][1][0]}", "current": f"{PUBLIC_URL}/statuses/{statuspairs[-1][1][0]}", "has_parent": f"{PUBLIC_URL}" }, f, ensure_ascii=False, allow_nan=False)
+
+	# Output topic‐based listings and the topic index
+	if not exists(f"{PUBLIC_DIRECTORY}/topics"):
+		mkdir(f"{PUBLIC_DIRECTORY}/topics")
+	for (topic, ld) in topics.items():
+		if not exists(f"{PUBLIC_DIRECTORY}/topics/{topic}"):
+			mkdir(f"{PUBLIC_DIRECTORY}/topics/{topic}")
+		with open(f"{PUBLIC_DIRECTORY}/topics/{topic}/index.jsonld", "w", encoding="utf-8") as f:
+			json.dump(ld, f, ensure_ascii=False, allow_nan=False)
+		atomlink, atomxml = atomForLD(ld)
+		with open(f"{PUBLIC_DIRECTORY}/{atomlink[len(PUBLIC_URL):-5]}/index.atom", "w", encoding="utf-8") as f:
+			f.write(atomxml)
+	with open(f"{PUBLIC_DIRECTORY}/topics/index.jsonld", "w", encoding="utf-8") as f:
+		json.dump({ "@context": { "@language": LANG, "activity": "https://www.w3.org/ns/activitystreams#", "dct": "http://purl.org/dc/terms/", "sioc": "http://rdfs.org/sioc/ns#", "Collection": "activity:Collection", "Forum": "sioc:Forum", "items": { "@id": "activity:items", "@type": "@id" }, "has_parent": { "@id": "sioc:has_parent", "@type": "@id" }, "subject": "dct:subject" }, "@id": f"{PUBLIC_URL}/topics", "@type": ["Collection", "Forum"], "items": list(map(lambda a: { "@id": a["@id"], "subject": a["subject"] }, topics.values())), "has_parent": f"{PUBLIC_URL}" }, f, ensure_ascii=False, allow_nan=False)
+
+	# Output the I·R·I redirection page
+	with open(f"{PUBLIC_DIRECTORY}/.lookup.xhtml", "w", encoding="utf-8") as f:
+		doc = getDOMImplementation().createDocument(None, "xml", None)
+		htmlElt = doc.documentElement
+		htmlElt.setAttribute("xmlns", XHTML_NAMESPACE)
+		htmlElt.setAttribute("lang", LANG)
+		headElt = htmlElt.appendChild(doc.createElement("head"))
+		titleElt = headElt.appendChild(doc.createElement("title"))
+		titleElt.appendChild(doc.createTextNode("Redirecting…"))
+		scriptElt = headElt.appendChild(doc.createElement("script"))
+		scriptElt.setAttribute("type", "text/javascript")
+		scriptElt.appendChild(doc.createTextNode(f"location={json.dumps(irimap)}[location.pathname.substring(1)]??`/`"))
+		bodyElt = htmlElt.appendChild(doc.createElement("body"))
+		bodyElt.appendChild(doc.createTextNode("Attempting to redirect to the proper page… (Requires Javascript.)"))
+		f.write(doc.toxml())
+
+	# Remove the build directory.
+	rmtree(BUILD_DIRECTORY)
diff --git a/status.html b/status.html
new file mode 100644
index 0000000..dbc899c
--- /dev/null
+++ b/status.html
@@ -0,0 +1,132 @@
+<!dOcTyPe hTmL>
+<HTML Lang=en>
+<TITLE>Status</TITLE>
+<STYLE>
+body{ Display: Grid; Box-Sizing: Border-Box; Margin: Auto; Padding-Inline: 1REM; Min-Block-Size: 100VH; Inline-Size: 100%; Max-Inline-Size: 45REM; Align-Content: Center; Justify-Content: Stretch; Font-Family: Sans-Serif }
+article{ Font-Size: Larger }
+summary{ Padding-Block: 1REM; Font-Weight: Bold }
+details[open]>summary{ Border-Block-End: Thin Solid }
+header{ Border-Block-End: Thin Solid; Padding-Block: 1REM; Text-Align: Start }
+footer{ Border-Block-Start: Thin Solid; Padding-Block: 1REM; Text-Align: End }
+footer p{ Margin-Block: 0 .5REM }
+footer time:Not([datetime]),
+footer small{ Font-Size: Inherit; Font-Style: Italic }
+</STYLE>
+<BODY>
+<SCRIPT Type=module>
+const parser = new DOMParser
+const index = `${new URL(".", location).toString().slice(0, -1)}.jsonld`
+fetch(index)
+.then($ => $.json())
+.then(meta => {
+  const { items } = meta
+  if (items.find($ => new URL($["@id"]).pathname === location.pathname)) return meta
+  else return fetch(index, { cache: "reload" }).then($ => $.json()) })
+.then(meta => {
+  const { items, subject } = meta
+  const n = items.findIndex($ => new URL($["@id"]).pathname === location.pathname)
+  const status = items[n]
+  const src = status.content
+  const { documentElement: article } = parser.parseFromString(src, "application/xhtml+xml")
+  const { creator, created, title } = status
+  document.title = creator
+  ? `Status by ${creator.name} @ ${status.created}`
+  : `Status @ ${created}`
+  const header = document.createElement("header")
+  const footer = document.createElement("footer")
+  const headerChildren =
+  [ "A(n) "
+  , subject
+  ? (subjectLink => {
+    subjectLink.textContent = subject
+    subjectLink.href = meta["@id"]
+    return subjectLink })(document.createElement("a"))
+  : "status"
+  , " update" ]
+  if (creator) {
+    const authorLink = document.createElement("@id" in creator ? "a" : "span")
+    if (authorLink.localName == "a") authorLink.href = creator["@id"]
+    authorLink.textContent = creator.name
+    headerChildren.push(" by ", authorLink, "…") }
+  else headerChildren.push("…")
+  header.append(...headerChildren)
+  const timestampP = footer.appendChild(document.createElement("p"))
+  timestampP.appendChild(document.createElement("time")).textContent = created
+  footer
+  .appendChild(document.createElement("p"))
+  .appendChild(document.createElement("small"))
+  .textContent = status.identifier
+  const nav = footer.appendChild(document.createElement("nav"))
+  nav.appendChild(document.createTextNode("Up: "))
+  const upLink = nav.appendChild(document.createElement("a"))
+  upLink.href = meta["@id"]
+  upLink.textContent = meta.subject || meta["@id"].split("/").pop()
+  if (n > 0) {
+    nav.appendChild(document.createTextNode("; Previous: "))
+    const prevLink = nav.appendChild(document.createElement("a"))
+    prevLink.href = items[n - 1]["@id"]
+    const { title: prevTitle } = items[n - 1]
+    if (prevTitle) prevLink.textContent = prevTitle.length > 28
+    ? "".concat(...prevTitle.slice(0, 27), "…")
+    : prevTitle
+    else {
+      const prevText = (() => {
+        try {
+          const prevD = parser.parseFromString(items[n - 1].content, "application/xhtml+xml")
+          const div = document.createElement("div")
+          div.appendChild(document.importNode(prevD.documentElement, true))
+          Object.assign(div.style,
+            { position: "absolute"
+            , top: "-2px"
+            , height: "1px"
+            , width: "1px"
+            , overflow: "hidden" })
+          document.body.appendChild(div)
+          const text = div.innerText
+          document.body.removeChild(div)
+          return text }
+        catch { } })() ?? items[n + 1].created;
+      const prevChars = Array.from(prevText.trim().replaceAll(/\s+/gu, " "))
+      prevLink.textContent = prevChars.length > 28
+      ? "".concat(...prevChars.slice(0, 27), "…")
+      : prevText } }
+  if (n < items.length - 1) {
+    nav.appendChild(document.createTextNode("; Next: "))
+    const nextLink = nav.appendChild(document.createElement("a"))
+    nextLink.href = items[n + 1]["@id"]
+    const { title: nextTitle } = items[n + 1]
+    if (nextTitle) nextLink.textContent = nextTitle.length > 28
+    ? "".concat(...nextTitle.slice(0, 27), "…")
+    : nextTitle
+    else {
+      const nextText = (() => {
+        try {
+          const nextD = parser.parseFromString(items[n + 1].content, "application/xhtml+xml")
+          const div = document.createElement("div")
+          div.appendChild(document.importNode(nextD.documentElement, true))
+          Object.assign(div.style,
+            { position: "absolute"
+            , top: "-2px"
+            , height: "1px"
+            , width: "1px"
+            , overflow: "hidden" })
+          document.body.appendChild(div)
+          const text = div.innerText
+          document.body.removeChild(div)
+          return text }
+        catch { } })() ?? items[n + 1].created;
+      const nextChars = Array.from(nextText.trim().replaceAll(/\s+/gu, " "))
+      nextLink.textContent = nextChars.length > 28
+      ? "".concat(...nextChars.slice(0, 27), "…")
+      : nextText } }
+  nav.appendChild(document.createTextNode("."))
+  if (title) {
+    const wrapper = document.createElement("article")
+    const details = wrapper.appendChild(document.createElement("details"))
+    details.setAttribute("open", "")
+    const summary = details.appendChild(document.createElement("summary"))
+    summary.textContent = title
+    details.append(...document.importNode(article, true).childNodes)
+    document.body.replaceChildren(header, wrapper, footer) }
+  else document.body.replaceChildren(header, document.importNode(article, true), footer) })
+</SCRIPT>
diff --git a/statuses.html b/statuses.html
new file mode 100644
index 0000000..7571990
--- /dev/null
+++ b/statuses.html
@@ -0,0 +1,24 @@
+<!dOcTyPe html>
+<HTML Lang=en>
+<TITLE>Statuses</TITLE>
+<STYLE>
+body{ Display: Grid; Box-Sizing: Border-Box; Margin: Auto; Padding-Inline: 1REM; Min-Block-Size: 100VH; Inline-Size: 100%; Max-Inline-Size: 45REM; Align-Content: Center; Justify-Content: Stretch; Font-Family: Sans-Serif }
+</STYLE>
+<H1>Statuses</H1>
+<NAV><P><A HRef=/>Home</A></P><UL></UL></NAV>
+<SCRIPT Type=module>
+const ul = document.body.querySelector("nav>ul")
+fetch(`${location}.jsonld`)
+.then($ => $.json())
+.then(meta => {
+  { const a = ul
+    .appendChild(document.createElement("li"))
+    .appendChild(document.createElement("a"))
+    a.href = meta.first
+    a.textContent = "First Page" }
+  { const a = ul
+    .appendChild(document.createElement("li"))
+    .appendChild(document.createElement("a"))
+    a.href = meta.current
+    a.textContent = "Latest Page" } })
+</SCRIPT>
diff --git a/topic.html b/topic.html
new file mode 100644
index 0000000..f0a4a9e
--- /dev/null
+++ b/topic.html
@@ -0,0 +1,84 @@
+<!dOcTyPe html>
+<META Charset=utf-8>
+<TITLE>Topic Feed</TITLE>
+<STYLE>
+body{ Display: Grid; Box-Sizing: Border-Box; Margin: Auto; Padding-Inline: 1REM; Min-Block-Size: 100VH; Inline-Size: 100%; Max-Inline-Size: 45REM; Align-Content: Center; Justify-Content: Stretch; Font-Family: Sans-Serif }
+</STYLE>
+<H1>Topic Feed</H1>
+<NAV><P><A HRef=/>Home</A></P><DL></DL></NAV>
+<SCRIPT Type=module>
+const nav = document.body.querySelector("nav")
+const dl = nav.querySelector("dl")
+const parser = new DOMParser
+fetch(`${location}.jsonld`)
+.then($ => $.json())
+.then(meta => {
+  const topic = meta.subject || meta["@id"].split("/").pop()
+  document.title = topic
+  document.body.querySelector("h1").textContent = "subject" in meta
+  ? `#${topic}`
+  : `@${topic}`
+  if ("subject" in meta) {
+    const a = nav
+    .insertBefore(document.createElement("p"), dl)
+    .appendChild(document.createElement("a"))
+    a.href = "/topics"
+    a.textContent = "Topics" }
+  const { first, prev, next, current, items } = meta
+  if (first && first != location && first != prev) {
+    const a = nav
+    .insertBefore(document.createElement("p"), dl)
+    .appendChild(document.createElement("a"))
+    a.href = first
+    a.textContent = "First Page" }
+  if (prev) {
+    const a = nav
+    .insertBefore(document.createElement("p"), dl)
+    .appendChild(document.createElement("a"))
+    a.href = prev
+    a.textContent = "Previous Page" }
+  let prevDate = undefined
+  for (const status of items) {
+    if (status.created != prevDate) dl.appendChild(document.createElement("dt")).textContent = status.created
+    const a = dl
+    .appendChild(document.createElement("dd"))
+    .appendChild(document.createElement("a"))
+    a.href = status["@id"]
+    const { title } = status
+    if (title) a.textContent = title.length > 28
+    ? "".concat(...title.slice(0, 27), "…")
+    : title
+    else {
+      const summaryText = (() => {
+        try {
+          const d = parser.parseFromString(status.content, "application/xhtml+xml")
+          const div = document.createElement("div")
+          div.appendChild(document.importNode(d.documentElement, true))
+          Object.assign(div.style,
+            { position: "absolute"
+            , top: "-2px"
+            , height: "1px"
+            , width: "1px"
+            , overflow: "hidden" })
+          document.body.appendChild(div)
+          const text = div.innerText
+          document.body.removeChild(div)
+          return text }
+        catch { } })() || "";
+      const chars = Array.from(summaryText.trim().replaceAll(/\s+/gu, " "))
+      a.textContent = chars.length > 28
+      ? "".concat(...chars.slice(0, 27), "…")
+      : summaryText || status.identifier } }
+  if (next) {
+    const a = nav
+    .appendChild(document.createElement("p"))
+    .appendChild(document.createElement("a"))
+    a.href = next
+    a.textContent = "Next Page" }
+  if (current && current != location && current != next) {
+    const a = nav
+    .appendChild(document.createElement("p"))
+    .appendChild(document.createElement("a"))
+    a.href = current
+    a.textContent = "Latest Page" } })
+</SCRIPT>
diff --git a/topics.html b/topics.html
new file mode 100644
index 0000000..7643195
--- /dev/null
+++ b/topics.html
@@ -0,0 +1,20 @@
+<!dOcTyPe html>
+<HTML Lang=en>
+<TITLE>Topics</TITLE>
+<STYLE>
+body{ Display: Grid; Box-Sizing: Border-Box; Margin: Auto; Padding-Inline: 1REM; Min-Block-Size: 100VH; Inline-Size: 100%; Max-Inline-Size: 45REM; Align-Content: Center; Justify-Content: Stretch; Font-Family: Sans-Serif }
+</STYLE>
+<H1>Topics</H1>
+<NAV><P><A HRef=/>Home</A></P><UL></UL></NAV>
+<SCRIPT Type=module>
+const ul = document.body.querySelector("nav>ul")
+fetch(`${location}.jsonld`)
+.then($ => $.json())
+.then(meta => {
+  for (const topic of meta.items) {
+    const a = ul
+    .appendChild(document.createElement("li"))
+    .appendChild(document.createElement("a"))
+    a.href = typeof topic == "string" ? topic : topic["@id"]
+    a.textContent = topic.subject || topic["@id"].split("/").pop() } })
+</SCRIPT>