put stuff in main div for style

now for twitter imitation
This commit is contained in:
mehbark 2023-07-10 16:51:04 -04:00
parent 3de300ffa5
commit e071e48616

View file

@ -1,3 +1,4 @@
import { Main } from "./common.tsx";
import { Html, debug_render, render } from "./html.ts"; import { Html, debug_render, render } from "./html.ts";
import { Component } from "./jsx/jsx-runtime.ts"; import { Component } from "./jsx/jsx-runtime.ts";
@ -43,53 +44,55 @@ const Take: Component = ({ subjects, objects, adjectives }, _) => (
// might want to have the final item be seperate // might want to have the final item be seperate
// turned out to be unnecessary // turned out to be unnecessary
debug_render( debug_render(
<Take <Main>
subjects={peopleify( <Take
"poor", subjects={peopleify(
"fat", "poor",
"dumb", "fat",
"tall", "dumb",
"short", "tall",
"poor", "short",
"fat", "poor",
"dumb", "fat",
"tall", "dumb",
"hot" "tall",
)} "hot"
objects={[ )}
"apples", objects={[
"bread", "apples",
"pasta", "bread",
"candy", "pasta",
"rice", "candy",
"beans", "rice",
"apples", "beans",
"bread", "apples",
"candy", "bread",
"rice", "candy",
"beans", "rice",
"apples", "beans",
"bread", "apples",
"pasta", "bread",
"candy", "pasta",
"rice", "candy",
"croissants", "rice",
]} "croissants",
adjectives={[ ]}
"vibes", adjectives={[
"mean", "vibes",
"dumb", "mean",
"cool", "dumb",
"hot", "cool",
"stupid", "hot",
"funny", "stupid",
"vibes", "funny",
"mean", "vibes",
"dumb", "mean",
"cool", "dumb",
"hot", "cool",
"stupid", "hot",
"dangerous", "stupid",
]} "dangerous",
/> ]}
/>
</Main>
); );