feat: chapter 1

public/lit/texts.tsx

@@ -39,6 +39,15 @@ export const opening = [
         EN: "You probably don't even know what insulin is. I'll explain.",
     },
     {
-        EN: "Whaaat? Wait, stop!",
+        EN: "When we eat or drink, our body breaks down the sugar molecules and releases parts of it called glucose in our blood.",
+    },
+    {
+        EN: "That's great, because we all need some glucose. It is what gives us our energy.",
+    },
+    {
+        EN: "But it can only give us energy if it gets inside the cells.",
+    },
+    {
+        EN: "This is where the insulin comes into play!",
     },
 ]

src/components/Opening.tsx

@@ -36,7 +36,7 @@ const Opening = () => {
         if (isAnimationComplete) {
             setCurrentIndex((prevIndex) => (prevIndex + 1) % opening.length);
             setIsAnimationComplete(false);
-            setPaused(true);
+            setPaused(false);
         }
     };
 
@@ -52,8 +52,8 @@ const Opening = () => {
 
                 <div className="max-w-screen">
                     <div className="text mt-12">
-                        <div id="intro-text" className="font-speech"
-                            style={{ position: 'absolute', top: 400, left: 0, right: 900 }}>
+                        <div id="intro-text" className="font-speech max-w-md"
+                            style={{ position: 'absolute', top: 350, left: 200, right: 900 }}>
 
                             <Typewriter
                                 options={{
@@ -67,7 +67,7 @@ const Opening = () => {
                                         .start()
                                         .callFunction(() => {
                                             setIsAnimationComplete(true);
-                                            setPaused(false);
+                                            setPaused(true);
                                         });
                                 }}
                             />