intro to me slide

3 files changed, 43 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);
 });
diff --git a/src/scenes/me.meta b/src/scenes/me.meta
new file mode 100644
index 0000000..9dba6ec
--- /dev/null
+++ b/src/scenes/me.meta
@@ -0,0 +1,5 @@
+{
+  "version": 0,
+  "timeEvents": [],
+  "seed": 3928486110
+}
\ No newline at end of file
diff --git a/src/scenes/me.tsx b/src/scenes/me.tsx
new file mode 100644
index 0000000..9d5740f
--- /dev/null
+++ b/src/scenes/me.tsx
@@ -0,0 +1,19 @@
+import { Img, Txt, Layout, makeScene2D } from "@motion-canvas/2d";
+import { beginSlide, waitFor } from "@motion-canvas/core";
+
+import me from "../../public/img/me.png";
+
+export default makeScene2D(function* (view) {
+  yield* beginSlide("Title");
+  view.add(
+    <Layout
+      layout
+      direction="row"
+      justifyContent="space-around"
+      alignItems="center"
+      gap={0}
+    >
+      <Img scale={0.5} src={me}></Img>
+    </Layout>
+  );
+});