diff options
Diffstat (limited to 'src/scenes/title.tsx')
-rw-r--r-- | src/scenes/title.tsx | 36 |
1 files changed, 36 insertions, 0 deletions
diff --git a/src/scenes/title.tsx b/src/scenes/title.tsx new file mode 100644 index 0000000..775e9ec --- /dev/null +++ b/src/scenes/title.tsx @@ -0,0 +1,36 @@ +import { Img, Txt, Layout, makeScene2D } from "@motion-canvas/2d"; +import { beginSlide } from "@motion-canvas/core"; +import { theme } from "../theme"; + +import xkcd from "../../public/img/xkcd.png"; + +export default makeScene2D(function* (view) { + yield view.add( + <> + <Layout + layout + direction="column" + textAlign="center" + alignItems="center" + gap={100} + > + <Txt fontFamily={theme.font} fill={theme.text.hex}> + Compiling The Lambda Calculus{" "} + <Txt fontFamily={theme.font} fill={theme.blue.hex}> + {"=> λ"} + </Txt> + </Txt> + <Img scale={1.4} src={xkcd}></Img> + <Txt + fontFamily={theme.font} + fill={theme.flamingo.hex} + fontStyle="italic" + fontSize={40} + > + #2453 + </Txt> + </Layout> + </> + ); + yield* beginSlide("Title"); +}); |