**æʃliŋ, loaf of autismo** @aescling@cat.family · May 05, 2026, 11:54

**æʃliŋ, loaf of autismo** @aescling@cat.family · May 05, 2026, 11:54

æʃliŋ, loaf of autismo @aescling@cat.family

May 05, 2026, 11:54

æʃliŋ, loaf of autismo @aescling@cat.family

me: this HTML generation code is awful

me: *heavily refactors the code*

me: this HTML generation code might be even worse

**æʃliŋ, loaf of autismo** @aescling@cat.family · 2026-05-05T13:57:17Z

æʃliŋ, loaf of autismo @aescling@cat.family

imagine getting annoyed enough by your own code that you just reinvent s-expurressions but with extra steps so you can finally work with an API you can tolerate

May 05, 2026, 13:57 · · · ·

**æʃliŋ, loaf of autismo** @aescling@cat.family · May 05, 2026, 13:59

**æʃliŋ, loaf of autismo** @aescling@cat.family · May 05, 2026, 13:59

May 05, 2026, 13:59

æʃliŋ, loaf of autismo @aescling@cat.family

long, code

const htmlText = html(
  { lang: "en-X-catspeak" },
  head(
    title("*stares at you*"),
    meta({ charset: "utf-8" }),
    meta({
      content: "width=device-width, initial-scale=1.0",
      name: "viewport",
    }),
    link({ href: "/style.css", rel: "stylesheet" }),
  ),
  body(
    article(
      header(h1(a({ href: "/" }, "example.org"))),
      main(
        h1("*stares at you*"),
        img({
          src: "/img/whatever",
          alt: "whatever",
          title: "whatever",
        }),
        dl(
          dt("description"),
          dd("whatever"),
          dt("artist"),
          dd(a({ href: "https://example.org/" }, "kame_3")),
          dt("source link"),
          dd(
            a({ href: "https://example.org/" }, "https://example.org/"),
            " ",
            a({ href: "https://example.org/" }, "[archived]"),
          ),
        ),
        nav(
          { class: "controls" },
          a({ href: "https://example.org/", class: "button" }, "next"),
          a({ href: "/", class: "button" }, "back to gallery"),
        ),
      ),
    ),
  ),
);