Hey! Do you feel strange reading a personal website's intro sections in the third person without any particular reason like gender identity?
 pecifically knowing that this text was written by this exact person themselves and not at least by a friend or some kind of fancy curator. I do


section_1

AUTHENTIC Sans

Bagnard

Mainzer Fraktur

BluuNext

Charter

Cooper Hewitt

EBGaramond Initials

EBGaramond Initials F1

EBGaramond Initials F2

EBGaramond 08

EBGaramond 12 AllSC

EBGaramond 12

EBGaramondSC08

EBGaramondSC12

Goudy Bookletter 1911

Junicode

Junicode Cond

Junicode Exp

Junicode SmCond

Junicode SmExp

KTF Kharkivska

Koch Fraktur

Mister Pixel 16 OSF

Mister Pixel 16 REG

Mister Pixel 16 SC

Mister Pixel 16 TO1

Optician Sans

Ostrich Sans

PinyonScript-Regular

Standard

Reglo

SchmaleAnzeigenschrift

VCR OSD Mono

Young Serif

<script>
(() => {
  // --- Create full-screen canvas ---
  const canvas = document.createElement("canvas");
  const ctx = canvas.getContext("2d");

  Object.assign(canvas.style, {
    position: "fixed",
    inset: "0",
    width: "100%",
    height: "100%",
    pointerEvents: "none",
    zIndex: "999999",
  });

  document.documentElement.appendChild(canvas);

  function resize() {
    const dpr = Math.max(1, window.devicePixelRatio || 1);
    canvas.width = Math.floor(window.innerWidth * dpr);
    canvas.height = Math.floor(window.innerHeight * dpr);
    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
  }

  window.addEventListener("resize", resize);
  resize();

  // --- Brush settings ---
  const SIZE = 14;          // square size
  const COLOR = "#D4FF5B";  // paint color

  ctx.fillStyle = COLOR;

  let last = null;

  function stamp(x, y) {
    ctx.fillRect(
      x - SIZE / 2,
      y - SIZE / 2,
      SIZE,
      SIZE
    );
  }

  function stampLine(x0, y0, x1, y1) {
    const dx = x1 - x0;
    const dy = y1 - y0;
    const dist = Math.hypot(dx, dy);
    const step = SIZE * 0.5;
    const steps = Math.max(1, Math.floor(dist / step));

    for (let i = 0; i <= steps; i++) {
      const t = i / steps;
      stamp(
        x0 + dx * t,
        y0 + dy * t
      );
    }
  }

  window.addEventListener("mousemove", (e) => {
    const x = e.clientX;
    const y = e.clientY;

    if (!last) {
      stamp(x, y);
      last = { x, y };
      return;
    }

    stampLine(last.x, last.y, x, y);
    last = { x, y };
  });

})();
</script>