Merge branch 'main' into main

.husky/commit-msg

@@ -1,4 +1,4 @@
 #!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
+# . "$(dirname -- "$0")/_/husky.sh"
 
-npx --no -- commitlint --edit "$1"
+# npx --no -- commitlint --edit "$1"

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",

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 

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">
                         [email protected]
@@ -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

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;

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>