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

actually random take skeleton?

Browse source
This commit is contained in:
mehbark 2023-07-11 12:43:32 -04:00
parent 140d45150b
commit 1d7ac4d5a2
1 changed files with 15 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
html/hot_people_who_eat_croissants_are_dangerous.tsx
View file

@ -38,14 +38,26 @@ const Wheel: Component = ({ items }, _) => (
</details>
);
function slices<T>(arr: T[]): T[][] {
return arr.map((_, i) => arr.slice(0, i));
}
const MultiWheel: Component = ({ items }, _) => (
<div class="multiwheel">
{slices(items).map(items => (
<Wheel items={items} />
))}
</div>
);
// i'll probably just hardcode the delays... lame but w/e
// nope
// it would be possible to have it so the final text is actually properyly selectable maybe but eh
const Take: Component = ({ subjects, objects, adjectives }, _) => (
<div class="take">
<Wheel items={subjects} /> <div class="bridge">who eat</div>{" "}
<Wheel items={objects} /> <div class="bridge">are</div>{" "}
<Wheel items={adjectives} />
<MultiWheel items={subjects} /> <div class="bridge">who eat</div>{" "}
<MultiWheel items={objects} /> <div class="bridge">are</div>{" "}
<MultiWheel items={adjectives} />
</div>
);