Merge branch 'main' into shruti

.github/ISSUE_TEMPLATE/bug_report.yaml

@@ -19,15 +19,15 @@ body:
   - type: textarea #reproduce
     attributes:
       label: How can we reproduce this bug?
-      description: Are there any specific steps you had to take in order to trigger the bug, and what is the expected behaviour we should expect?
+      description: Are there any specific steps you had to take in order to trigger the bug, and what is the expected behavior we should expect?
       placeholder: Kindly elaborate.
     validations:
       required: true
 
   - type: textarea #desktop info
     attributes:
       label: Desktop Information (Optional)
-      description: Please provide the desktop configuration (OS,Browser, dependency version etc)
+      description: Please provide the desktop configuration (OS, Browser, dependency version, etc.)
       placeholder: Type here.
 
   - type: dropdown #urgent
@@ -38,3 +38,15 @@ body:
         - Low priority
         - Medium priority
         - High priority
+
+  - type: checkboxes
+    id: terms
+    attributes:
+      label: 'Record'
+      options:
+        - label: I agree to follow this project's Code of Conduct
+          required: true
+        - label: I have checked the existing issues
+          required: true
+        - label: I'm a GSSoC'23 contributor
+        - label: I want to work on this issue

.github/ISSUE_TEMPLATE/feature_request.yaml

@@ -31,3 +31,15 @@ body:
     attributes:
       label: Add any other context or screenshots about the feature request here.
       description: Any miscellaneous suggestions you'd like to give.
+
+  - type: checkboxes
+    id: terms
+    attributes:
+      label: 'Record'
+      options:
+        - label: I agree to follow this project's Code of Conduct
+          required: true
+        - label: I have checked the existing issues
+          required: true
+        - label: I'm a GSSoC'23 contributor
+        - label: I want to work on this issue

assets/css/style.css

@@ -169,7 +169,7 @@ h6 {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 10px 0 10px 30px;
+  padding: 10px 20px 10px 20px;
   font-family: "Poppins", sans-serif;
   font-size: 15px;
 
@@ -1816,3 +1816,64 @@ footer {
     transform: translateY(-0.5rem);
   }
 }
+
+.cheatsheet-heading{
+  color: #2796ff;
+  text-align: center;
+  padding-top: 30px;
+}
+
+.option-btn{
+  height: 35px;
+  width: 60px;
+  background-color: #198df9;
+  border: 2px solid #003288;
+  display: flex;
+  align-items: center;
+  color: #ffff;
+  justify-content: center;
+  border-radius: 10px;
+  letter-spacing: 1px;
+}
+
+.option-btn:hover {
+  background-color: #0c2e8a;
+  color: #fff;
+}
+
+.option-container{
+  margin: 0 50px;
+  display: flex;
+  gap: 20px;
+  justify-content: center;
+  flex-wrap: wrap;
+}
+
+.option{
+  background-color: transparent;
+  width: 350px;
+  border: 2px solid var(--box-anchor);
+  padding: 20px 20px;
+  border-radius: 15px;
+  transition: transform 0.4s, box-shadow 0.5s;
+}
+
+.option:hover {
+  transform: scale(1.07);
+  box-shadow: 0 10px 20px rgba(0, 0, 0);
+}
+
+.option-heading {
+  color: var(--box-anchor);
+  font-weight: 700;
+  margin-bottom: 15px;
+}
+.option-heading:hover {
+  color: #2796ff;
+  cursor: pointer;
+}
+.option-description {
+  color: var(--box-anchor);
+  font-size: 14px;
+  margin-bottom: 15px;
+}

assets/js/main.js

@@ -1,10 +1,10 @@
 var loader = document.getElementById("preloader");
 
 function myFunction() {
-  preloader.style.display = "none";
+    preloader.style.display = "none";
 }
 
-(function() {
+(function () {
     "use strict";
 
     // Selector Function
@@ -99,21 +99,21 @@ function myFunction() {
     }
 
     // Mobile Nav
-    on('click', '.mobile-nav-toggle', function(e) {
+    on('click', '.mobile-nav-toggle', function (e) {
         select('#navbar').classList.toggle('navbar-mobile')
         this.classList.toggle('bi-list')
         this.classList.toggle('bi-x')
     })
 
-    on('click', '.navbar .dropdown > a', function(e) {
+    on('click', '.navbar .dropdown > a', function (e) {
         if (select('#navbar').classList.contains('navbar-mobile')) {
             e.preventDefault()
             this.nextElementSibling.classList.toggle('dropdown-active')
         }
     }, true)
 
     // Scroll with offset
-    on('click', '.scrollto', function(e) {
+    on('click', '.scrollto', function (e) {
         if (select(this.hash)) {
             e.preventDefault()
 
@@ -150,7 +150,7 @@ function myFunction() {
 
     new Swiper('.testimonials-slider', {
         speed: 600,
-        loop: true,
+        loop: false,
         autoplay: {
             delay: 5000,
             disableOnInteraction: false
@@ -209,119 +209,105 @@ window.addEventListener('resize', () => {
 
 //send the content of enquiry form to the email
 function sendMail() {
-    if(checkInputs())
-    {
+    if (checkInputs()) {
         var tempParams = {
             name: document.getElementById('name').value,
             email: document.getElementById('email').value,
             phone: document.getElementById('phone').value,
             message: document.getElementById('message').value,
         };
-        emailjs.send('YOUR_SERVICE_ID','YOUR_TEMPLATE_ID',tempParams)
-        .then(function(responce){
-            console.log('SUCCESS!',response.status);
-            alert('Form Submitted Successfully');
-        },
-        function(error){
-            console.log('FAILED!',response.status,response.text);
-            alert('Form Submission Faild! Try Again');
-        })
+        emailjs.send('YOUR_SERVICE_ID', 'YOUR_TEMPLATE_ID', tempParams)
+            .then(function (responce) {
+                console.log('SUCCESS!', response.status);
+                alert('Form Submitted Successfully');
+            },
+                function (error) {
+                    console.log('FAILED!', response.status, response.text);
+                    alert('Form Submission Faild! Try Again');
+                })
     }
     else
-    return false;
-  };
+        return false;
+};
 
-  function checkInputs()
-  {
+function checkInputs() {
     const username = document.getElementById('name');
     const useremail = document.getElementById('email');
-    const  phone = document.getElementById('phone');
+    const phone = document.getElementById('phone');
     const message = document.getElementById('message');
 
-       //get values from input fields
-       const emailval = useremail.value.trim();
-       const usernameval = username.value.trim();
-       const phoneval = phone.value.trim();
-       const messageval = message.value.trim();
-
-       if(usernameval === '')
-       {
-            document.getElementById('nameerr').innerText = 'Please enter your Name !';
-            username.classList.remove('success');
-            username.classList.add('error');
-       }
-       else
-       {
-        document.getElementById('nameerr').innerText = '' ;
+    //get values from input fields
+    const emailval = useremail.value.trim();
+    const usernameval = username.value.trim();
+    const phoneval = phone.value.trim();
+    const messageval = message.value.trim();
+
+    if (usernameval === '') {
+        document.getElementById('nameerr').innerText = 'Please enter your Name !';
+        username.classList.remove('success');
+        username.classList.add('error');
+    }
+    else {
+        document.getElementById('nameerr').innerText = '';
         username.classList.remove('error');
         username.classList.add('success');
-       }
-
-       if(emailval === '')
-       {
-        document.getElementById('mailerr').innerText = 'Please enter your E-mail !'; 
+    }
+
+    if (emailval === '') {
+        document.getElementById('mailerr').innerText = 'Please enter your E-mail !';
+        useremail.classList.remove('success');
+        useremail.classList.add('error');
+    }
+    else if (!validateEmail(emailval)) {
+        document.getElementById('mailerr').innerText = 'Please enter valid E-mail !';
         useremail.classList.remove('success');
         useremail.classList.add('error');
-       }
-       else if(!validateEmail(emailval))
-       {
-         document.getElementById('mailerr').innerText = 'Please enter valid E-mail !';
-         useremail.classList.remove('success');
-         useremail.classList.add('error');
-       }
-       else
-       {
+    }
+    else {
         document.getElementById('mailerr').innerHTML = '';
         useremail.classList.remove('error');
         useremail.classList.add('success');
-       }
-       if(phoneval === '')
-       {
-            document.getElementById('phoneerr').innerText = 'Please enter Phone No !';
-            phone.classList.remove('success');
-            phone.classList.add('error');
-       }
-       else
-       {
-        document.getElementById('phoneerr').innerText = '' ;
+    }
+    if (phoneval === '') {
+        document.getElementById('phoneerr').innerText = 'Please enter Phone No !';
+        phone.classList.remove('success');
+        phone.classList.add('error');
+    }
+    else {
+        document.getElementById('phoneerr').innerText = '';
         phone.classList.remove('error');
         phone.classList.add('success');
-       }
-       if(messageval === '')
-       {
-            document.getElementById('msgerr').innerText = 'Please enter any Message !';
-            message.classList.remove('success');
-            message.classList.add('error');
-       }
-       else
-       {
-        document.getElementById('msgerr').innerText = '' ;
+    }
+    if (messageval === '') {
+        document.getElementById('msgerr').innerText = 'Please enter any Message !';
+        message.classList.remove('success');
+        message.classList.add('error');
+    }
+    else {
+        document.getElementById('msgerr').innerText = '';
         message.classList.remove('error');
         message.classList.add('success');
-       }
+    }
 
-       if(emailval !== '' && usernameval !== '' && phoneval !== '' && messageval !== '')
-       {
+    if (emailval !== '' && usernameval !== '' && phoneval !== '' && messageval !== '') {
         console.log("complete");
         return true;
-       }
-
-  }
-
-function validateEmail(mail) 
-{
-   if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(mail))
-  {
-    return true;
-  }
-  return false;
+    }
+
+}
+
+function validateEmail(mail) {
+    if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(mail)) {
+        return true;
+    }
+    return false;
 }
 
 // ONCLICK FLIP CARD FOR SERVICE SECTION
 const boxes = document.querySelectorAll('#services .col-lg-6 .box');
 
-[...boxes].forEach((box)=>{
-    box.addEventListener('click',function(){
+[...boxes].forEach((box) => {
+    box.addEventListener('click', function () {
         box.classList.toggle('is-flipped');
     })
 })

cheatsheets.html

@@ -105,7 +105,7 @@
 
       <!-- Main Section -->
       <div>
-        <h1 class="cheatsheet-heading">CheatSheets</h1>
+        <h1 class="cheatsheet-heading">Code Master's Cheatsheet</h1>
         <div class="option-container">
           <div class="option">
             <!-- This content is dynamically added via hacktoberfest.js -->