diff --git a/html/hot_people_who_eat_croissants_are_dangerous.tsx b/html/hot_people_who_eat_croissants_are_dangerous.tsx index 5990229..51b0d9d 100644 --- a/html/hot_people_who_eat_croissants_are_dangerous.tsx +++ b/html/hot_people_who_eat_croissants_are_dangerous.tsx @@ -1,4 +1,4 @@ -import { Html, debug_render } from "./html.ts"; +import { Html, debug_render, render } from "./html.ts"; import { Component } from "./jsx/jsx-runtime.ts"; const peopleify = (...people: string[]): string[] => @@ -6,10 +6,10 @@ const peopleify = (...people: string[]): string[] => const animation_length = (num_items: number): number => num_items / 5; -const wheel_style = (num_items: number, delay_seconds = 0): string => +const wheel_style = (num_items: number): string => `transform: translateY(calc(2rem * -${num_items})); animation: ${animation_length( num_items - )}s 0s ease-in-out reverse none running spin; animation-delay: ${delay_seconds}s;`; + )}s ease-in-out reverse none running spin;`; const get_delays = (...lengths: number[]): number[] => { let out = [0]; @@ -18,34 +18,27 @@ const get_delays = (...lengths: number[]): number[] => { } return out; }; -const Wheel: Component = ({ delay_seconds }, children) => ( -