mbk/cohost
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

believe it or not, massive progress

Browse source
This commit is contained in:
mehbark 2023-07-11 15:25:40 -04:00
parent dbd69761f4
commit 3bae650810
1 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
html/hot_people_who_eat_croissants_are_dangerous.tsx
View file

@ -3,7 +3,8 @@ import { Html, debug_render, render } from "./html.ts";
import { Component } from "./jsx/jsx-runtime.ts"; import { Component } from "./jsx/jsx-runtime.ts";
const peopleify = (...people: string[]): string[] => const peopleify = (...people: string[]): string[] =>
people.map(p => `${p} people`); // non-breaking space v
people.map(p => `${p}\u202fpeople`);
const animation_length = (num_items: number): number => /*num_items / 5*/ 3; const animation_length = (num_items: number): number => /*num_items / 5*/ 3;
@ -52,12 +53,12 @@ function weird_slices<T>(arr: T[]): T[][] {
} }
const MultiWheel: Component = ({ items }, _) => ( const MultiWheel: Component = ({ items }, _) => (
<div class="multiwheel"> <span class="multiwheel">
{...weird_slices(items).map(items => ( {...weird_slices(items).map(items => (
<Wheel items={items} width={1 / items.length} /> <Wheel items={items} /*width={1 / items.length}*/ />
))} ))}
<Wheel items={items} classes={["invisible"]} /> <Wheel items={items} classes={["invisible"]} />
</div> </span>
); );
// i'll probably just hardcode the delays... lame but w/e // i'll probably just hardcode the delays... lame but w/e
@ -65,8 +66,8 @@ const MultiWheel: Component = ({ items }, _) => (
// it would be possible to have it so the final text is actually properyly selectable maybe but eh // it would be possible to have it so the final text is actually properyly selectable maybe but eh
const Take: Component = ({ subjects, objects, adjectives }, _) => ( const Take: Component = ({ subjects, objects, adjectives }, _) => (
<div class="take"> <div class="take">
<MultiWheel items={subjects} /> <div class="bridge">who eat</div>{" "} <MultiWheel items={subjects} /> <span class="bridge">who eat</span>{" "}
<MultiWheel items={objects} /> <div class="bridge">are</div>{" "} <MultiWheel items={objects} /> <span class="bridge">are</span>{" "}
<MultiWheel items={adjectives} /> <MultiWheel items={adjectives} />
</div> </div>
); );