From 1baef1f76b4ac8fe07c8f6503957bdf16b23ec77 Mon Sep 17 00:00:00 2001 From: Noah Paige Date: Sun, 27 Nov 2022 11:24:55 -0500 Subject: [PATCH 1/3] add for loop for sections --- src/App.tsx | 215 +++++++++++++--------------------------------------- 1 file changed, 51 insertions(+), 164 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index 3e9fdca..352935a 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,8 +1,16 @@ -import { useState } from "react"; +import { useState, useRef } from "react"; import "./App.css"; function App() { const [count, setCount] = useState(0); + const scrollRef = useRef(null); + const messages = [ + "It's over Anakin! I have the high ground.", + "YoU uNdErEsTiMaTe My PoWeR!!", + "It was said that you would, destroy the Sith, not join them.", + "You were my brother, Anakin.", + ]; + const curves = [ "M0,192L48,176C96,160,192,128,288,112C384,96,480,96,576,101.3C672,107,768,117,864,138.7C960,160,1056,192,1152,181.3C1248,171,1344,117,1392,90.7L1440,64L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z", "M0,192L48,202.7C96,213,192,235,288,213.3C384,192,480,128,576,122.7C672,117,768,171,864,181.3C960,192,1056,160,1152,170.7C1248,181,1344,235,1392,261.3L1440,288L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z", @@ -16,172 +24,51 @@ function App() { ]; return ( -
+
-
-
-
- - - - - - -
-
-
-
-
-

- It's over Anakin! I have the high ground. -

-

- Provident cupiditate voluptatem et in. Quaerat fugiat ut - assumenda excepturi exercitationem quasi. In deleniti eaque - aut repudiandae et a id nisi. -

- + {messages.map(function (message, i) { + return ( +
+
+
+
+

{message}

+

+ Provident cupiditate voluptatem et in. Quaerat fugiat ut + assumenda excepturi exercitationem quasi. In deleniti + eaque aut repudiandae et a id nisi. +

+
+
+
+
+
+ + + + + + +
-
-
-
-
-
- - - - - - -
-
-
-
-
-

- YoU uNdErEsTiMaTe My PoWeR!! -

-

- Provident cupiditate voluptatem et in. Quaerat fugiat ut - assumenda excepturi exercitationem quasi. In deleniti eaque - aut repudiandae et a id nisi. -

- -
-
-
-
-
-
-
- - - - - - -
-
-
-
-
-

- It was said that you would, destroy the Sith, not join them. -

-

- Provident cupiditate voluptatem et in. Quaerat fugiat ut - assumenda excepturi exercitationem quasi. In deleniti eaque - aut repudiandae et a id nisi. -

- -
-
-
-
-
-
-
- - - - - - -
-
-
-
-
-

- You were my brother, Anakin. -

-

- Provident cupiditate voluptatem et in. Quaerat fugiat ut - assumenda excepturi exercitationem quasi. In deleniti eaque - aut repudiandae et a id nisi. -

- -
-
-
-
+ ); + })} +