ZacharyZhang-NYandClaude Opus 5.5
2d7af224dd
CI / Typecheck, lint, tests, e2e (push) Failing after 3m51s
- Title screen over a real-time voxel office rendered at low resolution and quantized to a rotating 32-colour palette with Bayer dithering; day part and season re-light the scene and every surface. - 16-bit UI kit: name-plate dialogs, menu cursor, inventory, XP bar, badges, NPC speech, GAME OVER with CONTINUE, hand-placed 12x12 icons, Fusion Pixel font (Latin subset preloaded). - Sections as a game: quest log (onboarding), character select (AI CEO / AI Co-Founder), inventory (features), party roster (providers), live download XP, save point (all v1.5.1 builds), FAQ as NPC dialog, credits. - Downloads and source point to the Gitea release; the download function only redirects to git.zacharyzhang.com. - Tailwind and the old components removed; unit tests for platform/downloads, rewritten e2e suite. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
32 lines
1.1 KiB
TypeScript
32 lines
1.1 KiB
TypeScript
import { useId, type ReactNode } from "react";
|
|
import { Menu } from "./menu-list";
|
|
import styles from "./pixel.module.css";
|
|
|
|
/** A failure as a game-over screen; CONTINUE? offers YES and NO, and both continue. */
|
|
export function GameOver({ title = "GAME OVER", message, onContinue, continueHref }: {
|
|
title?: string;
|
|
message: ReactNode;
|
|
onContinue?: () => void;
|
|
continueHref?: string;
|
|
}) {
|
|
const titleId = useId();
|
|
const href = continueHref ?? (onContinue ? undefined : "/");
|
|
return (
|
|
<section className={`${styles.frame} ${styles.gameOver}`} data-tone="danger" aria-labelledby={titleId}>
|
|
<h1 id={titleId} className={styles.gameOverTitle}>{title}</h1>
|
|
<div className={styles.gameOverMessage}>{message}</div>
|
|
<div className={styles.gameOverPrompt}>
|
|
<span>CONTINUE?</span>
|
|
<Menu
|
|
label="Continue?"
|
|
orientation="horizontal"
|
|
items={[
|
|
{ label: "YES", href, onSelect: onContinue },
|
|
{ label: "NO", hint: "(the hero continues anyway)", href, onSelect: onContinue },
|
|
]}
|
|
/>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|