From c4ed732f5ca94fcd25ede3e3b267d76e99f10e1a Mon Sep 17 00:00:00 2001
From: btav <brian.ft.mit@gmail.com>
Date: Wed, 18 Jun 2025 11:11:43 -0400
Subject: [PATCH] initial commit

---
 src/components/HeroTypewriter.astro | 158 +++++++++++++++-------------
 1 file changed, 84 insertions(+), 74 deletions(-)

diff --git a/src/components/HeroTypewriter.astro b/src/components/HeroTypewriter.astro
index bb2c3ad..58199c5 100644
--- a/src/components/HeroTypewriter.astro
+++ b/src/components/HeroTypewriter.astro
@@ -3,90 +3,100 @@
 ---
 
 <div class="container">
-  <span id="text"></span><span class="cursor"></span>
+    <span id="text"></span><span class="cursor"></span>
 </div>
 
 <script>
-  function setupTypewriter() {
-    const typewriterElement = document.getElementById("text");
-
-    const texts = [
-      "Tech Meetups",
-      "JavaScript Community",
-      "Networking & Social Events",
-      "Community since 2018",
-      "Connect with Local Developers",
-    ];
-    const typingSpeed = 100;
-    const delayBetweenTexts = 2000;
-
-    let currentIndex = 0;
-    let charIndex = 0;
-
-    async function cycleTexts() {
-      while (true && typewriterElement) {
-        const text = texts[currentIndex];
-
-        // Typing animation
-        while (charIndex < text.length) {
-          typewriterElement.textContent += text.charAt(charIndex);
-          charIndex++;
-          await new Promise((resolve) => setTimeout(resolve, typingSpeed));
+    function setupTypewriter() {
+        const typewriterElement = document.getElementById("text");
+
+        const texts = [
+            "Tech Meetups",
+            "JavaScript Community",
+            "Networking & Social Events",
+            "Community since 2018",
+        ];
+        const typingSpeed = 100;
+        const delayBetweenTexts = 2000;
+
+        let currentIndex = 0;
+        let charIndex = 0;
+
+        async function cycleTexts() {
+            while (true && typewriterElement) {
+                const text = texts[currentIndex];
+
+                // Typing animation
+                while (charIndex < text.length) {
+                    typewriterElement.textContent += text.charAt(charIndex);
+                    charIndex++;
+                    await new Promise((resolve) =>
+                        setTimeout(resolve, typingSpeed),
+                    );
+                }
+
+                // Wait before deleting
+                await new Promise((resolve) =>
+                    setTimeout(resolve, delayBetweenTexts),
+                );
+
+                // Deleting animation
+                while (charIndex > 0) {
+                    typewriterElement.textContent = text.substring(
+                        0,
+                        charIndex - 1,
+                    );
+                    charIndex--;
+                    await new Promise((resolve) =>
+                        setTimeout(resolve, typingSpeed / 2),
+                    );
+                }
+
+                currentIndex = (currentIndex + 1) % texts.length;
+                charIndex = 0;
+
+                // Small pause before starting next text
+                await new Promise((resolve) =>
+                    setTimeout(resolve, typingSpeed),
+                );
+            }
         }
 
-        // Wait before deleting
-        await new Promise((resolve) => setTimeout(resolve, delayBetweenTexts));
-
-        // Deleting animation
-        while (charIndex > 0) {
-          typewriterElement.textContent = text.substring(0, charIndex - 1);
-          charIndex--;
-          await new Promise((resolve) => setTimeout(resolve, typingSpeed / 2));
-        }
-
-        currentIndex = (currentIndex + 1) % texts.length;
-        charIndex = 0;
-
-        // Small pause before starting next text
-        await new Promise((resolve) => setTimeout(resolve, typingSpeed));
-      }
+        cycleTexts();
     }
 
-    cycleTexts();
-  }
-
-  setupTypewriter();
+    setupTypewriter();
 </script>
 
 <style>
-  .container {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    height: 2rem;
-  }
-
-  #text {
-    font-size: 1.5rem;
-    font-family: monospace;
-  }
-
-  .cursor {
-    display: inline-block;
-    width: 4px;
-    height: 1.5rem;
-    background-color: #000;
-    margin-left: 6px;
-    animation: blink 1s step-end infinite;
-  }
-
-  @keyframes blink {
-    0%,
-    100% {
-      opacity: 1;
+    .container {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        height: 2rem;
+    }
+
+    #text {
+        font-size: 1.5rem;
+        font-family: monospace;
+    }
+
+    .cursor {
+        display: inline-block;
+        width: 4px;
+        height: 1.5rem;
+        background-color: #000;
+        margin-left: 6px;
+        animation: blink 1s step-end infinite;
     }
-    50% {
-      opacity: 0;
+
+    @keyframes blink {
+        0%,
+        100% {
+            opacity: 1;
+        }
+        50% {
+            opacity: 0;
+        }
     }
-  }
 </style>