import { EggbugImg, Main, mk_class_wrapper, render_and_copy, } from "./common.tsx"; import { ComponentChildren, JSX, toChildArray } from "preact"; const Pulse = ({ children }: { children: ComponentChildren }) => (

{...toChildArray(children)}

); const Portrait = ({ href, alt }: { href: string; alt: string }) => ( {alt}

); const Wiggle = mk_class_wrapper("wiggle"); const PortraitFrame = ({ children }: { children: ComponentChildren }) => (

{children}

); const Frame = ({ tooltip = "PRESS [RMB] TO OPEN BROWSER CONTEXT MENU", game = ( a screenshot from hotline miami 2: wrong number. jacket, wearing a rooster mask, is standing in a building holding a baseball bat in front of a purpleish-pink blob that sort of resembles eggbug. it is raining outside the building, and the Void is cyan. css and html are spelled in blood on the left and right sides of the building respectiveland right sides of the building respectively.

a screenshot from hotline miami 2: wrong number. jacket, wearing a rooster mask, is standing in a building holding a baseball bat in front of a purpleish-pink blob that sort of resembles eggbug. it is raining outside the building, and the Void is cyan. css and html are spelled in blood on the left and right sides of the building respectiveland right sides of the building respectively.

), portrait = , dialogue = "", children, }: { tooltip?: string; game?: JSX.Element; portrait?: JSX.Element; dialogue?: string; children?: ComponentChildren; }) => children ? (

{tooltip}

{game}

{portrait}

{dialogue}

{...toChildArray(children)}

) : (

{tooltip}

{game}

{portrait}

{dialogue}

); // score wiggles faster the more points you get but resets // there is a canonicl speed for like "go to car" // could also do bigger ui elements // but those might depend more on font // dialogue is also consistent // but i'm kind of sick of dialogue // can also recreate the portrait background // trying to only change the text color may be a dead end :( // i'll probably go for a different ui element render_and_copy(

);