Add smooth scrolling and enhance content in index.html; improve menu toggle functionality in script.js

Adityasinghvats · Adityasinghvats · commit 8bb12d3ea1d3 · 2025-01-24T22:29:15.000+05:30
diff --git a/src/index.html b/src/index.html
@@ -5,6 +5,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link href="./output.css" rel="stylesheet">
     <title>Document</title>
+    <style>
+        html {
+            scroll-behavior: smooth;
+        }
+    </style>
 </head>
 <body class="bg-black">
 <div class="m-4 grid sm:grid-cols-12 grid-cols-1">
@@ -73,7 +78,12 @@ <h1 class="text-sky-200 pt-5 text-6xl">About me:</h1>
                 <br>
                 I am learning Full-Stack Development
                 <br/>
-                 and love building projects from scratch.
+                and love building projects from scratch.
+                <br>
+                <br>
+                My Moto for life is <span class="text-sky-200">KISS</span>
+                <br>
+                Keep It Simple and Stupid.
             </p>
         </div>
         <div id="projects">
diff --git a/src/script.js b/src/script.js
@@ -10,4 +10,7 @@ document.addEventListener('DOMContentLoaded', () => {
     menuBtn.addEventListener('click', ()=>{
         menu.classList.toggle('hidden');
     })
+    menu.addEventListener('click', ()=>{
+        menu.classList.toggle('hidden');
+    })
 })
