From 29dc79359a5bd85f492854c2bd6df320904dfdd2 Mon Sep 17 00:00:00 2001 From: Lizzy Hunt Date: Thu, 1 Feb 2024 22:48:49 -0700 Subject: [PATCH] itinerary --- src/scenes/index.ts | 3 ++- src/scenes/itinerary.meta | 5 +++++ src/scenes/itinerary.tsx | 25 +++++++++++++++++++++++++ src/scenes/me.tsx | 15 +++++++++------ 4 files changed, 41 insertions(+), 7 deletions(-) create mode 100644 src/scenes/itinerary.meta create mode 100644 src/scenes/itinerary.tsx 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( + + + Part One + + + Exploring the Functional Programming World + + + ); + + 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(); const src = createRef(); - yield view.add( + view.add( <> "} Common LISP - {"=>"}{" "} - - Elixir - + {"=>"} Elixir {"=>"} Functional Programming