---
// 8x8 creeper face — pure markup, styled by .creeper in main.css.
const CREEPER = [
  "00000000",
  "01100110",
  "01100110",
  "00011000",
  "00111100",
  "00111100",
  "00100100",
  "00000000",
];
const cells = CREEPER.join("").split("");
---
<div class="creeper" aria-hidden="true">
  {cells.map((c) => <i class={c === "1" ? "f" : undefined} />)}
</div>