@@ -3,14 +3,15 @@ import { CheckIcon, ChevronsUpDownIcon, ClipboardIcon, + HeartIcon, MicIcon, Trash2Icon, } from "lucide-solid"; import { Button } from "./components/ui/button"; import { Card } from "./components/ui/card"; -import { Stack, Box, StackProps, HStack } from "styled-system/jsx"; +import { Stack, Box, StackProps, HStack, VStack } from "styled-system/jsx"; import { FileUpload } from "./components/ui/file-upload"; import { IconButton } from "./components/ui/icon-button"; import { Text } from "./components/ui/text"; @@ -27,8 +28,10 @@ import { addTask, tasks, TaskState } from "./lib/task"; import Task from "./components/FileTask"; import Settings from "./components/Settings"; import MicRecorder from "./components/MicRecorder"; +import { Link } from "./components/ui/link"; +import { css } from "styled-system/css"; const App = () => { const collection = () => createListCollection({ @@ -95,62 +98,111 @@ ); return ( - - - - - - trill -

- - + <> + + + + + + trill +

+ + + + + +

1. upload a voice memo or record one.
2. it will automatically be converted to a video
+ 3. (optional) add an account to enable bluesky integration. +

+ + + + + + e.files.forEach((file) => addTask(selectedAccount(), file)) + } + /> + account.did === selectedAccount(), + )} + /> - - -

1. upload a voice memo or record one.
2. it will automatically be converted to a video
- 3. (optional) add an account to enable bluesky integration. -

- - - - - - e.files.forEach((file) => addTask(selectedAccount(), file)) - } - /> - account.did === selectedAccount(), - )} - /> - - - {/**/} - + + + + + + + + /made by{" "} + + 90008 + + / + + + + + + source on{" "} + + tangled + + + + + + + - + ); }; export default App;