intro to me slide

1 files changed, 19 insertions, 4 deletions

diff --git a/src/scenes/example.tsx b/src/scenes/example.tsx
index 3e35184..8e38187 100644
--- a/src/scenes/example.tsx
+++ b/src/scenes/example.tsx
@@ -1,8 +1,23 @@
-import { makeScene2D } from "@motion-canvas/2d";
-import { waitFor } from "@motion-canvas/core";
+import { Node, Txt, Layout, makeScene2D } from "@motion-canvas/2d";
+import { beginSlide, waitFor, createRef } from "@motion-canvas/core";
+import { palette } from "../palette";
 
 export default makeScene2D(function* (view) {
-  // Create your animations here
+  const node = createRef<Node>();
 
-  yield* waitFor(5);
+  view.add(
+    <Node ref={node}>
+      <Layout layout direction="column" textAlign="center" gap={80}>
+        <Txt fontFamily={"Fira Code"} fill={palette.text.hex}>
+          Compiling The Lambda Calculus {"=> λ"}
+        </Txt>
+        <Txt fontFamily={"Fira Code"} fill={palette.text.hex}>
+          Elizabeth Hunt (@simponic)
+        </Txt>
+      </Layout>
+    </Node>
+  );
+  yield* beginSlide("Title");
+  yield* node().opacity(0, 1);
+  yield* waitFor(1);
 });