// Original ANSI-Shadow figlet block art for the title — chevron-edged 3D
// letterforms with chunky weight. Drips below SPUNK cascade in three rows:
// flesh at the top, blood mid, arterial pool at the bottom — the
// liquid thickens and darkens as it falls.

const TITLE_LEADED = `\
██╗     ███████╗ █████╗ ██████╗ ███████╗██████╗ 
██║     ██╔════╝██╔══██╗██╔══██╗██╔════╝██╔══██╗
██║     █████╗  ███████║██║  ██║█████╗  ██║  ██║
██║     ██╔══╝  ██╔══██║██║  ██║██╔══╝  ██║  ██║
███████╗███████╗██║  ██║██████╔╝███████╗██████╔╝
╚══════╝╚══════╝╚═╝  ╚═╝╚═════╝ ╚══════╝╚═════╝ `;

const TITLE_SPUNK = `\
███████╗██████╗ ██╗   ██╗███╗   ██╗██╗  ██╗
██╔════╝██╔══██╗██║   ██║████╗  ██║██║ ██╔╝
███████╗██████╔╝██║   ██║██╔██╗ ██║█████╔╝ 
╚════██║██╔═══╝ ██║   ██║██║╚██╗██║██╔═██╗ 
███████║██║     ╚██████╔╝██║ ╚████║██║  ██╗
╚══════╝╚═╝      ╚═════╝ ╚═╝  ╚═══╝╚═╝  ╚═╝`;

const DRIP_ROW_A = "▓▓▒░  ▓▓▓▒▒░  ▓▓▒░  ▒▓▓▒░  ▓▓▒░ ▒▓▒░    ▒▓▒░";
const DRIP_ROW_B = "░▒▓░    ░▒▒▓░     ░▒░    ░▒▒░     ░▒░  ░▒░";
const DRIP_ROW_C = "             ░       ░       ░          ░     ";

function TitleSVG() {
  return (
    <div className="title-orig" aria-label="LEADED SPUNK">
      <pre className="t-leaded">{TITLE_LEADED}</pre>
      <pre className="t-spunk">{TITLE_SPUNK}</pre>
      <pre className="t-drip drip-a">{DRIP_ROW_A}</pre>
      <pre className="t-drip drip-b">{DRIP_ROW_B}</pre>
      <pre className="t-drip drip-c">{DRIP_ROW_C}</pre>
    </div>
  );
}

Object.assign(window, {
  TitleSVG,
});