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";
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;
@ -52,12 +53,12 @@ function weird_slices<T>(arr: T[]): T[][] {
}
const MultiWheel: Component = ({ items }, _) => (
<div class="multiwheel">
<span class="multiwheel">
{...weird_slices(items).map(items => (
<Wheel items={items} width={1 / items.length} />
<Wheel items={items} /*width={1 / items.length}*/ />
))}
<Wheel items={items} classes={["invisible"]} />
</div>
</span>
);
// 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
const Take: Component = ({ subjects, objects, adjectives }, _) => (
<div class="take">
<MultiWheel items={subjects} /> <div class="bridge">who eat</div>{" "}
<MultiWheel items={objects} /> <div class="bridge">are</div>{" "}
<MultiWheel items={subjects} /> <span class="bridge">who eat</span>{" "}
<MultiWheel items={objects} /> <span class="bridge">are</span>{" "}
<MultiWheel items={adjectives} />
</div>
);