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>
41 lines
1.3 KiB
TypeScript
41 lines
1.3 KiB
TypeScript
"use client";
|
|
|
|
import { useState } from "react";
|
|
import { Dialog, MenuList, NpcSay } from "../pixel";
|
|
import { faqs } from "../../lib/content";
|
|
import { Reveal } from "./reveal";
|
|
import { SectionHeader } from "./section-header";
|
|
import section from "./section.module.css";
|
|
import styles from "./faq-section.module.css";
|
|
|
|
export function FaqSection() {
|
|
const [active, setActive] = useState(0);
|
|
const faq = faqs[active]!;
|
|
|
|
return (
|
|
<section id="faq" className={section.section} aria-labelledby="faq-title">
|
|
<div className={section.inner}>
|
|
<Reveal>
|
|
<SectionHeader
|
|
id="faq-title"
|
|
stage="World 7 · Talk to the NPC"
|
|
title="Ask the guide anything (from this list)"
|
|
intro="Pick a question. The guide answers in character, but the facts are real."
|
|
/>
|
|
<div className={styles.layout}>
|
|
<Dialog title="Ask about…" as="div">
|
|
<MenuList
|
|
label="Questions"
|
|
items={faqs.map((item, index) => ({ label: item.question, onSelect: () => setActive(index) }))}
|
|
/>
|
|
</Dialog>
|
|
<div aria-live="polite">
|
|
<NpcSay key={active} speaker="Bit, the intern" portrait="bot" lines={faq.answer} typewriter />
|
|
</div>
|
|
</div>
|
|
</Reveal>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|