home page updated

docs/index.html

@@ -123,7 +123,69 @@ <h1 class="title">Kolkata R UseR</h1>
 
 </header>
 
-<p>Welcome to Kolkata R UseR group</p>
+<div class="quarto-figure quarto-figure-center">
+<figure class="figure">
+<p><img src="images/logo2.jpg" class="img-fluid figure-img" width="247"></p>
+</figure>
+</div>
+
+
+
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Typing Animation</title>
+<style>
+    #text-container {
+        font-family: 'Courier New', Courier, monospace;
+        font-size: 20px;
+        overflow: hidden;
+        white-space: pre;
+        border-right: 2px solid black;
+        background-color: lightgrey;
+    }
+</style>
+
+
+<div id="text-container"></div>
+<script>
+    // Array of lines to be typed
+    var lines = [
+        "r_user_group %>%",
+        "   filter(str_detect(city, 'city of joy'))%>%",
+        "   group_by_all(occupation) %>%",
+        "   summarise(",
+        "     print(",
+        "       'Welcome to Kolkata R UseR group!!!'",
+        "     )",
+        ")"
+    ];
+
+    // Speed of typing in milliseconds
+    var speed = 50;
+
+    var lineIndex = 0;
+    var charIndex = 0;
+    function typeWriter() {
+        if (lineIndex < lines.length) {
+            if (charIndex < lines[lineIndex].length) {
+                document.getElementById("text-container").innerHTML += lines[lineIndex].charAt(charIndex) + "</strong>";
+                charIndex++;
+                setTimeout(typeWriter, speed);
+            } else {
+                // Move to the next line
+                document.getElementById("text-container").innerHTML += "<br>"; // Add line break
+                lineIndex++;
+                charIndex = 0; // Reset character index for next line
+                setTimeout(typeWriter, speed);
+            }
+        }
+    }
+
+    // Start typing animation
+    typeWriter();
+</script>
+
+