From 31afbc1f5b8038c4577a70d687a2846260d0892d Mon Sep 17 00:00:00 2001 From: Jennifer Lee Date: Wed, 5 Feb 2025 01:16:04 -0800 Subject: [PATCH] Added remaining slides #3-#10 components --- src/components/ScrollingEffect.js | 98 +++++++++++++++++++++++++++++++ src/images/brokenpencil.svg | 10 ++++ src/images/pinkhighlighter.svg | 9 +++ src/images/pinkpostit.svg | 9 +++ src/images/pizzaquarter.svg | 31 ++++++++++ src/images/pizzaslice.svg | 24 ++++++++ src/images/record.svg | 27 +++++++++ src/images/threequartpizza.svg | 34 +++++++++++ src/images/ticket2.svg | 7 +++ src/images/yellowpen.svg | 9 +++ 10 files changed, 258 insertions(+) create mode 100644 src/images/brokenpencil.svg create mode 100644 src/images/pinkhighlighter.svg create mode 100644 src/images/pinkpostit.svg create mode 100644 src/images/pizzaquarter.svg create mode 100644 src/images/pizzaslice.svg create mode 100644 src/images/record.svg create mode 100644 src/images/threequartpizza.svg create mode 100644 src/images/ticket2.svg create mode 100644 src/images/yellowpen.svg diff --git a/src/components/ScrollingEffect.js b/src/components/ScrollingEffect.js index f84b8a5..2069e85 100644 --- a/src/components/ScrollingEffect.js +++ b/src/components/ScrollingEffect.js @@ -8,6 +8,15 @@ import note from "../images/note.svg"; import stain from "../images/stain.svg"; import stack from "../images/stack.svg"; import sticky_note from "../images/sticky_note.svg"; +import broken_pencil from "../images/brokenpencil.svg"; +import ticket2 from "../images/ticket2.svg"; +import yellowpen from "../images/yellowpen.svg" +import pizzaslice from "../images/pizzaslice.svg" +import pinkhighlighter from "../images/pinkhighlighter.svg" +import pizzaquarter from "../images/pizzaquarter.svg" +import record from "../images/record.svg" +import pinkpostit from "../images/pinkpostit.svg" +import threequartpizza from "../images/threequartpizza.svg" import "../App.css"; function ScrollingEffect({ slides }) { @@ -81,6 +90,95 @@ function ScrollingEffect({ slides }) { {index === 1 && Stain Background} {index === 1 && Stack Background} {index === 1 && StickyNote Background} + + {index === 2 && ( + <> + Full Ticket Background + Full Ticket Background + Broken Pencil Background + Stack Background + Yellow Pen Background + Coffee Background + + )} + + {index === 3 && ( + <> + Pizza Background + Full Ticket Background + Stack Background + Stain Background + Note Background + + )} + + {index === 4 && ( + <> + Pizza Background + Full Ticket Background + Full Ticket Background + Stack Background + Pink Highlighter Background + Record Background + + )} + + {index === 5 && ( + <> + Pizza Background + Full Ticket Background + Stack Background + Stain Background + Note Background + Pencil Background + + )} + + {index === 6 && ( + <> + Coffee Background + Full Ticket Background + Stack Background + Note Background + Pencil Background + Pink Post It Background + + )} + + + {index === 7 && ( + <> + Full Ticket Background + Full Ticket Background + Stack Background + Stain Background + Note Background + + )} + + + {index === 8 && ( + <> + Full Ticket Background + Full Ticket Background + Broken Pencil Background + Stack Background + Record Background + Pizza Background + + )} + + + {index === 9 && ( + <> + Full Ticket Background + Full Ticket Background + Broken Pencil Background + Stack Background + Record Background + Pizza Background + + )}
diff --git a/src/images/brokenpencil.svg b/src/images/brokenpencil.svg new file mode 100644 index 0000000..75a37cf --- /dev/null +++ b/src/images/brokenpencil.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/images/pinkhighlighter.svg b/src/images/pinkhighlighter.svg new file mode 100644 index 0000000..09a80af --- /dev/null +++ b/src/images/pinkhighlighter.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/images/pinkpostit.svg b/src/images/pinkpostit.svg new file mode 100644 index 0000000..a792d22 --- /dev/null +++ b/src/images/pinkpostit.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/images/pizzaquarter.svg b/src/images/pizzaquarter.svg new file mode 100644 index 0000000..59abd66 --- /dev/null +++ b/src/images/pizzaquarter.svg @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/images/pizzaslice.svg b/src/images/pizzaslice.svg new file mode 100644 index 0000000..19266cd --- /dev/null +++ b/src/images/pizzaslice.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/images/record.svg b/src/images/record.svg new file mode 100644 index 0000000..961d942 --- /dev/null +++ b/src/images/record.svg @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/images/threequartpizza.svg b/src/images/threequartpizza.svg new file mode 100644 index 0000000..de89056 --- /dev/null +++ b/src/images/threequartpizza.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/images/ticket2.svg b/src/images/ticket2.svg new file mode 100644 index 0000000..56daba6 --- /dev/null +++ b/src/images/ticket2.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/images/yellowpen.svg b/src/images/yellowpen.svg new file mode 100644 index 0000000..844905c --- /dev/null +++ b/src/images/yellowpen.svg @@ -0,0 +1,9 @@ + + + + + + + + +