4 files changed, 41 insertions, 7 deletions
diff --git a/src/scenes/index.ts b/src/scenes/index.ts
index 9d08ec5..935fb95 100644
--- a/src/scenes/index.ts
+++ b/src/scenes/index.ts
@@ -1,4 +1,5 @@
 import title from "./title?scene";
 import me from "./me?scene";
+import itinerary from "./itinerary?scene";
 
-export const scenes = [title, me];
+export const scenes = [title, me, itinerary];
diff --git a/src/scenes/itinerary.meta b/src/scenes/itinerary.meta
new file mode 100644
index 0000000..5cfc098
--- /dev/null
+++ b/src/scenes/itinerary.meta
@@ -0,0 +1,5 @@
+{
+  "version": 0,
+  "timeEvents": [],
+  "seed": 2742200033
+}
+\ No newline at end of file
diff --git a/src/scenes/itinerary.tsx b/src/scenes/itinerary.tsx
new file mode 100644
index 0000000..c480b7f
--- /dev/null
+++ b/src/scenes/itinerary.tsx
@@ -0,0 +1,25 @@
+import { Layout, Txt, makeScene2D } from "@motion-canvas/2d";
+import {
+  Direction,
+  beginSlide,
+  fadeTransition,
+  slideTransition,
+  waitFor,
+} from "@motion-canvas/core";
+import { theme } from "../theme";
+
+export default makeScene2D(function* (view) {
+  view.add(
+    <Layout layout direction="column" alignItems="center">
+      <Txt fontFamily={theme.font} fontSize={100} fill={theme.text.hex}>
+        Part One
+      </Txt>
+      <Txt fontFamily={theme.font} fill={theme.text.hex}>
+        Exploring the Functional Programming World
+      </Txt>
+    </Layout>
+  );
+
+  yield* slideTransition(Direction.Right);
+  yield* beginSlide("hi");
+});
diff --git a/src/scenes/me.tsx b/src/scenes/me.tsx
index 2e36605..6c47860 100644
--- a/src/scenes/me.tsx
+++ b/src/scenes/me.tsx
@@ -1,5 +1,11 @@
 import { Node, Img, Txt, Layout, makeScene2D } from "@motion-canvas/2d";
-import { beginSlide, createRef, waitFor, all } from "@motion-canvas/core";
+import {
+  beginSlide,
+  createRef,
+  waitFor,
+  all,
+  fadeTransition,
+} from "@motion-canvas/core";
 
 import me from "../../public/img/me.jpg";
 import { theme } from "../theme";
@@ -10,7 +16,7 @@ export default makeScene2D(function* (view) {
   const layout = createRef<Layout>();
   const src = createRef<Txt>();
 
-  yield view.add(
+  view.add(
     <>
       <Layout
         layout
@@ -39,10 +45,7 @@ export default makeScene2D(function* (view) {
             {"=>"} Common LISP
           </Txt>
           <Txt fontFamily={theme.font} fill={theme.text.hex}>
-            {"=>"}{" "}
-            <Txt fontFamily={theme.font} fill={theme.mauve.hex}>
-              Elixir
-            </Txt>
+            {"=>"} Elixir
           </Txt>
           <Txt fontFamily={theme.font} fill={theme.text.hex}>
             {"=>"} Functional Programming