Site · Logo: the letter E in iso blocks, in the header, the favicon, the touch icon and the OG image

One geometry in src/iso/mark.ts, drawn by the engine the miniatures use. The favicon follows the system's mode; scripts/favicon.mjs takes its colors from styles.css. Below 768px the header shows the mark alone, its word kept as the link's name.

frontend/src/Mark.tsx

@@ -0,0 +1,14 @@
+import { mark, points } from "./iso/mark";
+
+const { width, height, polygons } = mark(0.12);
+
+/** The E in blocks, in the page's iso colors. */
+export function Mark() {
+  return (
+    <svg className="mark" viewBox={`0 0 ${width} ${height}`} aria-hidden="true">
+      {polygons.map((p, i) => (
+        <polygon key={i} className={p.accent ? `${p.face} accent` : p.face} points={points(p.points)} />
+      ))}
+    </svg>
+  );
+}