diff --git a/.husky/commit-msg b/.husky/commit-msg
index 42a70e42..bb64b952 100644
--- a/.husky/commit-msg
+++ b/.husky/commit-msg
@@ -1,4 +1,4 @@
 #!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
+# . "$(dirname -- "$0")/_/husky.sh"
 
-npx --no -- commitlint --edit "$1"
\ No newline at end of file
+# npx --no -- commitlint --edit "$1"
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index e63da37d..c3bb0a32 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,6 +19,7 @@
         "express": "^4.18.2",
         "express-session": "^1.17.3",
         "hbs": "^4.2.0",
+        "husky": "^9.1.6",
         "jsonwebtoken": "^9.0.2",
         "mongoose": "^8.5.3",
         "openai": "^4.58.0",
@@ -2026,6 +2027,20 @@
         "ms": "^2.0.0"
       }
     },
+    "node_modules/husky": {
+      "version": "9.1.6",
+      "resolved": "https://registry.npmjs.org/husky/-/husky-9.1.6.tgz",
+      "integrity": "sha512-sqbjZKK7kf44hfdE94EoX8MZNk0n7HeW37O4YrVGCF4wzgQjp+akPAkfUK5LZ6KuR/6sqeAVuXHji+RzQgOn5A==",
+      "bin": {
+        "husky": "bin.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/typicode"
+      }
+    },
     "node_modules/hyphenate-style-name": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.0.4.tgz",
diff --git a/package.json b/package.json
index 25d539b0..e0c82428 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
     "express": "^4.18.2",
     "express-session": "^1.17.3",
     "hbs": "^4.2.0",
+    "husky": "^9.1.6",
     "jsonwebtoken": "^9.0.2",
     "mongoose": "^8.5.3",
     "openai": "^4.58.0",
diff --git a/readme.md b/readme.md
index 131db20a..71d94bd2 100644
--- a/readme.md
+++ b/readme.md
@@ -208,7 +208,8 @@ git push -u origin <your_branch_name>
 
 # Open Source Events
 
-- <h4> GSSoC23 </h4>
+- <h4> GSSoC 2023 </h4>
+- <h4> GSSoC 2024 Extd</h4>
     <div align="center">
       <picture>
         <source 
diff --git a/views/contactUs.ejs b/views/contactUs.ejs
index 5b178834..eb13703b 100644
--- a/views/contactUs.ejs
+++ b/views/contactUs.ejs
@@ -58,6 +58,21 @@
         margin-top: 0 !important;
         width: 100% !important;
       }
+      .contact-box{
+        width: 50rem;
+        padding: 0rem 2rem;
+      }
+      .contact-box i{
+        margin-top: 10px;
+        font-size: 25px;
+      }
+      .context{
+        height: 5rem;
+        transition: all .38s ease;
+      }
+      .context:hover{
+        transform: scale(1.1);
+      }
 
       @media (min-width: 800px) {
         .input-title {
@@ -90,8 +105,7 @@
                   <div style="width: 100%;" class="context" id="slide">
                     <div class="cards">
                       <a href="">
-                        <img loading="lazy" class="contact-svg"
-                          src="https://workik-widget-assets.s3.amazonaws.com/widget-assets/images/ET21.jpg">
+                        <i class="fa-solid fa-phone"></i>
                       </a>
                       <p class="contact-text" id="slide">
                         +91-93047*****
@@ -101,8 +115,7 @@
                   <div style="width: 100%;" class="context" id="slide">
                     <div  class="cards">
                       <a href="">
-                        <img loading="lazy" class="contact-svg"
-                          src="https://workik-widget-assets.s3.amazonaws.com/widget-assets/images/ET22.jpg">
+                        <i class="fa-solid fa-envelope"></i>
                       </a>
                       <p class="contact-text" id="slide">
                         surajpratap20002003@gmail.com
@@ -112,8 +125,7 @@
                   <div style="width: 100%;" class="context" id="slide">
                     <div class="cards">
                       <a href="">
-                        <img loading="lazy" class="contact-svg"
-                          src="https://workik-widget-assets.s3.amazonaws.com/widget-assets/images/ET23.jpg">
+                        <i class="fa-solid fa-location-dot"></i>
                       </a>
                       <p class="contact-text" id="slide">
                         Patna, Bihar, India
diff --git a/views/home.ejs b/views/home.ejs
index 76148006..1c5b5a46 100644
--- a/views/home.ejs
+++ b/views/home.ejs
@@ -77,7 +77,7 @@
               <h1 style="text-align: center; color: rgb(243, 243, 243); font-size: 3rem; margin-bottom: 20px;">TUTORIAL</h1>
               <div style="display:flex; align-items: center;   width:90%;height:fit-content;">
         
-                <iframe allow="autoplay;" allowfullscreen style="border:none" src="https://clipchamp.com/watch/S9VfyxjttlP/embed" width="940" height="560"></iframe>
+                <iframe allow="autoplay;" allowfullscreen style="border:none" src="https://clipchamp.com/watch/S9VfyxjttlP/embed" width="100%" height="560"></iframe>
             </div>
                 
            
@@ -111,19 +111,16 @@
              <div class="news-form">
                 <form action="https://getform.io/f/94db7290-a297-4170-b95f-a99d55172aa8" method="POST">
                   <input type="email" name="email" id="email" placeholder="Enter your Email Id..." style="
-
+                            background-color: #fff;
                             @media (min-width: 640px) {
                               border-radius: 0;
                               border-top-left-radius: 0.5rem;
                               border-bottom-left-radius: 0.5rem;
-                            }">
+                            }" required>
                             
                   <button id="btn-new" style="
-                            padding-top: 0.625rem;
                             width: 12rem;
-                            padding-bottom: 0.625rem;
-                            padding-left: 0.875rem;
-                            padding-right: 0.875rem;
+                            padding: 0.625rem 0.875rem;
                             border-radius: 0.375rem;
                             margin-left: 2rem;
                             font-size: 0.875rem;
diff --git a/views/includes/sidebar.ejs b/views/includes/sidebar.ejs
index 0a74fab7..04ee7c19 100644
--- a/views/includes/sidebar.ejs
+++ b/views/includes/sidebar.ejs
@@ -2,7 +2,7 @@
     <i class="bi bi-list"></i>
   </div>
   <div class="sidebar">
-   <div class="crossicon" onclick="sidbarinvissible()">x</div>
+   <div class="crossicon">x</div>
    <div class="content">
     <a class="white-color hover-effect <%= path === '/' ? 'active' : '' %>" href="/">HOME</a>
           <a class="white-color hover-effect <%= path === '/generateImg' ? 'active' : '' %>"
@@ -98,13 +98,18 @@ const hamburgere1=document.querySelector(".hamburger");
   const sidebarE1=document.querySelector(".sidebar");
   function sidebartoggle(){
     // hamburgere1.style.setProperty('display', 'none');
-    sidebarE1.style.setProperty('transform', 'translateX(0)');
+    if(sidebarE1.style.transform==='translateX(100%)'){
+      sidebarE1.style.setProperty('transform', 'translateX(0)');
+    }
+    else{
+      sidebarE1.style.setProperty('transform', 'translateX(100%)');
+    }
   }
 
-  function sidbarinvissible(){
-    // hamburgere1.style.setProperty('display', 'block');
+  // function sidbarinvissible(){
+  //   // hamburgere1.style.setProperty('display', 'block');
     
-    sidebarE1.style.setProperty('transform', 'translateX(100%)');
+  //   sidebarE1.style.setProperty('transform', 'translateX(100%)');
 
-  }
+  // }
   </script>