2024-04-28 22:21:18 -04:00
|
|
|
import Gale from "./gale-custom.tsx";
|
2024-08-02 14:45:14 -04:00
|
|
|
import Render from "preact-render-to-string";
|
2024-04-28 18:29:36 -04:00
|
|
|
|
2024-10-09 08:01:50 -04:00
|
|
|
const jsx = <div className={Gale.Q.lg( Gale.Face.sans, Gale.Q.md(Gale.Pad.large), Gale.Pad.small)}>
|
|
|
|
|
hello!
|
|
|
|
|
</div>
|
2024-06-07 12:37:02 -04:00
|
|
|
|
2024-08-02 14:45:14 -04:00
|
|
|
Deno.writeTextFile(
|
|
|
|
|
"dump.html",
|
|
|
|
|
`<!DOCTYPE html>
|
|
|
|
|
<head>
|
2024-10-09 08:01:50 -04:00
|
|
|
<meta name="viewport" content="width=device-width, initial-size=1" />
|
|
|
|
|
<style>${Gale.Sheet()}</style>
|
2024-08-02 14:45:14 -04:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2024-10-09 08:01:50 -04:00
|
|
|
${Render(jsx)}
|
2024-08-02 14:45:14 -04:00
|
|
|
</body>
|
|
|
|
|
</html>`
|
|
|
|
|
)
|
|
|
|
|
|
2024-10-09 08:01:50 -04:00
|
|
|
// idea for table:
|
|
|
|
|
// Gale.Table(
|
|
|
|
|
// [, "md" ], {
|
|
|
|
|
// Face:["serif", "sans" ],
|
|
|
|
|
// Pad:["small", "large"]
|
|
|
|
|
// })
|
|
|
|
|
|
|
|
|
|
// idea for object
|
|
|
|
|
//Gale({
|
|
|
|
|
// lg:{
|
|
|
|
|
// Face:"sans",
|
|
|
|
|
// Pad:"small"
|
|
|
|
|
// },
|
|
|
|
|
// md:{
|
|
|
|
|
// Pad:"large"
|
|
|
|
|
// }
|
|
|
|
|
//})
|
|
|
|
|
|
|
|
|
|
// idea for function
|
|
|
|
|
//Gale.Gen(g=>[g.md(), g.Face.Sans])
|
