[refactor] Cleanup logs, add defer and remove timeout (#9)

* Remove unnecessary log

* Remove delays introduced by setTimeout

* Move Lenis script inside head and add defer attribute

Author: Mambo54321

public/index.html

@@ -26,6 +26,15 @@
     <script src="https://www.gstatic.com/firebasejs/ui/9.6.2/firebase-ui-auth.js"></script>
     <link type="text/css" rel="stylesheet" href="https://www.gstatic.com/firebasejs/ui/9.6.2/firebase-ui-auth.css" />
 
+    <!-- Lenis -->
+    <script src="https://unpkg.com/lenis@1.3.11/dist/lenis.min.js" defer></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', () => {
+            const lenis = new Lenis({ autoRaf: true });
+            document.getElementById('scroll-down').addEventListener('click', (e) => lenis.scrollTo("#info"));
+        });
+    </script>
+
     <!-- Styles -->
     <link rel="stylesheet" href="styles/styles.css">
     <link rel="icon" type="image/png" href="images/code_society_round.png">
@@ -93,10 +102,10 @@
                                 <p class="title">Our goal</p>
                             </div>
                             <div class="col-md-6">
-                                <p class="description">The Code Society has for goal of helping programmers, 
-                                    scientists and other to find each other to discuss programming, new 
-                                    technologies, science, and more! We also encourage collaboration on 
-                                    open source projects as a way to learn, contribute, and grow together as 
+                                <p class="description">The Code Society has for goal of helping programmers,
+                                    scientists and other to find each other to discuss programming, new
+                                    technologies, science, and more! We also encourage collaboration on
+                                    open source projects as a way to learn, contribute, and grow together as
                                     a community.
                                 </p>
                             </div>
@@ -116,10 +125,10 @@
                                 <p class="title">Grace Framework</p>
                             </div>
                             <div class="col-md-6">
-                                <p class="description"> 
-                                    <a href="https://github.com/Code-Society-Lab/grace-framework">Grace Framework</a> is an opinionated, 
-                                    extensible Discord bot framework built on top of discord.py. It comes with a various 
-                                    tools designed to help you rapidly build scalable, feature-rich Discord bots with 
+                                <p class="description">
+                                    <a href="https://github.com/Code-Society-Lab/grace-framework">Grace Framework</a> is an opinionated,
+                                    extensible Discord bot framework built on top of discord.py. It comes with a various
+                                    tools designed to help you rapidly build scalable, feature-rich Discord bots with
                                     minimal boilerplate.
                                 </p>
                             </div>
@@ -174,26 +183,6 @@
             </div>
         </div>
     </section>
-
-    <script src="https://unpkg.com/lenis@1.3.11/dist/lenis.min.js"></script> 
-    <!-- JavaScript for smooth scrolling when arrow clicked -->
-    <script>
-        document.getElementById('scroll-down').addEventListener('click', function (e) {
-            e.preventDefault();
-            setTimeout(function () {
-                document.getElementById('info').scrollIntoView({ behavior: 'smooth' });
-            }, 500);
-        });
-        // Initialize Lenis
-        const lenis = new Lenis({
-          autoRaf: true,
-        });
-        
-        // Listen for the scroll event and log the event data
-        lenis.on('scroll', (e) => {
-          console.log(e);
-        });
-    </script>
 </body>
 
 </html>