From d19084665195cb20e62ba77ab9cf46d800b3975b Mon Sep 17 00:00:00 2001
From: Lizzy Hunt <elizabeth.hunt@simponic.xyz>
Date: Thu, 1 Feb 2024 22:11:05 -0700
Subject: add xkcd and basic transitions

---
 src/scenes/title.tsx | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 src/scenes/title.tsx

(limited to 'src/scenes/title.tsx')

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");
+});
-- 
cgit v1.2.3-70-g09d2

