Merge branch 'main' into new-branch

.github/workflows/label-issues.yaml

@@ -0,0 +1,30 @@
+name: Label Issues Based on Template
+
+on:
+  issues:
+    types: [opened, edited]
+
+jobs:
+  label-issues:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Check if issue needs a label
+        id: check_label
+        run: |
+          echo "Checking labels for issue #${{ github.event.issue.number }}"
+
+          if [[ "${{ github.event.issue.body }}" == *"I'm a GSSOC'24 contributor"* ]]; then
+            echo "::set-output name=label::gssoc"
+          elif [[ "${{ github.event.issue.body }}" == *"I'm a VSOC'24 contributor"* ]]; then
+            echo "::set-output name=label::VSoC'24"
+          else
+            echo "::set-output name=label::"
+          fi
+
+      - name: Apply Label
+        if: steps.check_label.outputs.label != ''
+        uses: actions-ecosystem/action-add-labels@v1
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          labels: ${{ steps.check_label.outputs.label }}

explore.css

@@ -1,119 +1,123 @@
 * {
-    box-sizing: border-box;
-    /* ADDED BORDER RADIUS IN IMAGE SECTION */
-    border-radius: 20px;
-  }
-
-  .outer-box {
-    font-family: Verdana, Geneva, Tahoma, sans-serif;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100vh;
-    overflow: hidden;
-    margin: 0;
-
-  }
+  box-sizing: border-box;
+  /* ADDED BORDER RADIUS IN IMAGE SECTION */
+  border-radius: 20px;
+}
+
+.outer-box {
+  font-family: Verdana, Geneva, Tahoma, sans-serif;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100vh;
+  overflow: hidden;
+  margin: 0;
+}
+
+.containers {
+  display: flex;
+  width: 90vw;
 
+}
+
+.card {
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  height: 70vh;
+  border-radius: 35px 35px;
+  /* border-radius: 20px; */
+  color: #fff;
+  cursor: pointer;
+  flex: 0.5;
+  margin: 10px;
+  position: relative;
+  transition: flex 0.7s ease-in;
+  display: flex;
+  flex-direction: column; 
+}
+
+/* .card:hover {
+    flex: 3;
+}
+
+.card:hover h3, .card:hover p {
+    opacity: 1;
+    transition: opacity 0.5s ease-in 0.8s;
+}
+
+.card:hover .info {
+    visibility: visible;
+} */
+
+.info {
+  position: absolute;
+  bottom: 20px;
+  left: 25%;
+  visibility: hidden;
+  background: rgba(221, 206, 216, 0.462);
+  backdrop-filter:blur(0px);
+  width: 500px;
+  border-radius: 15px 15px;
+}
+
+.card h3 {
+  font-size: 24px;
+  opacity: 0;
+  color: black !important;
+  font-family:Georgia, 'Times New Roman', Times, serif ;
+  font-weight: bolder;
+  -webkit-text-stroke:1px navy;
+}
+
+.card p {
+  font-size: 16px;
+  opacity: 0;
+  color:black !important;
+  margin-top: 10px;
+  font-weight: 500;
+  /* -webkit-text-stroke:0.5px beige; */
+}
+
+.card.active {
+  flex: 3;
+}
+
+.card.active h3, .card.active p {
+  opacity: 1;
+  transition: opacity 0.5s ease-in 0.8s;
+}
+
+.card.active .info {
+  visibility: visible;
+}
+
+@media (max-width: 1300px) {
   .containers {
-    display: flex;
-    width: 90vw;
-
-  }
-
-  .card {
-    background-size: cover;
-    background-position: center;
-    background-repeat: no-repeat;
-    height: 70vh;
-    border-radius: 35px 35px;
-    /* border-radius: 20px; */
-    color: #fff;
-    cursor: pointer;
-    flex: 0.5;
-    margin: 10px;
-    position: relative;
-    transition: flex 0.7s ease-in;
     display: flex;
     flex-direction: column;
+    height: 100vh;
   }
-
-  .info {
-    position: absolute;
-    bottom: 20px;
-    left: 25%;
-    visibility: hidden;
-    background: rgba(221, 206, 216, 0.462);
-    backdrop-filter:blur(0px);
-    width: 500px;
-    border-radius: 15px 15px;
+  .info{
+    left: 10%;
   }
-
   .card h3 {
-    font-size: 24px;
-    opacity: 0;
-    color: black !important;
-    font-family:Georgia, 'Times New Roman', Times, serif ;
-    font-weight: bolder;
-    -webkit-text-stroke:1px navy;
-  }
-
-  .card p {
     font-size: 16px;
-    opacity: 0;
-    color:black !important;
-    margin-top: 10px;
-    font-weight: 500;
-    /* -webkit-text-stroke:0.5px beige; */
   }
-
-  .card.active {
-    flex: 3;
-  }
-
-  .card.active h3 {
-    opacity: 1;
-    transition: opacity 0.5s ease-in 0.8s;
-  }
-
-  .card.active p {
-    opacity: 1;
-    transition: opacity 0.5s ease-in 0.8s;
-  }
-
-  .card.active .info {
-    visibility: visible;
-  }
-  .hedd{
-    font-size: 25px;
-  }
-  @media (max-width: 1300px) {
-    .containers {
-      display: flex;
-      flex-direction: column;
-      height: 100vh;
-    }
-    .info{
-      left: 10%;
-    }
-    .card h3 {
-      font-size: 16px;
-    }
-
-    .card p {
-      font-size: 12px;
-    }
+
+  .card p {
+    font-size: 12px;
   }
-  @media (max-width: 620px){
-    .info{
-      width: 200px;
-      left: 20px;
-    }
+}
+@media (max-width: 620px){
+  .info{
+    width: 200px;
+    left: 20px;
   }
-  @media (max-width: 280px){
-    .info{
-      width: 100px;
-      left: 0px;
-    }
+}
+@media (max-width: 280px){
+  .info{
+    width: 100px;
+    left: 0px;
   }
-  
+}

explore.js

@@ -1,14 +1,28 @@
+let lastClickedCard = document.querySelector(".active");
+
+// Function to handle click events
+function handleClick(card) {
+  // Remove active classes from all cards
+  const panels = document.querySelectorAll(".card");
+  panels.forEach(panel => panel.classList.remove("active"));
+
+  // Add active class to the clicked card
+  card.classList.add("active");
+  lastClickedCard = card; // Update the reference to the last clicked card
+}
+
+// Attach click event listener to all cards
 const panels = document.querySelectorAll(".card");
+panels.forEach(panel => panel.addEventListener("click", () => handleClick(panel)));
 
-panels.forEach((card) => {
-  card.addEventListener("click", () => {
-    removeActiveClasses(); // Add fuctions to remove active class first
-    card.classList.add("active");
+// Adjust the mouseover event listener
+panels.forEach(panel => {
+  panel.addEventListener('mouseover', () => {
+      lastClickedCard.classList.remove("active");
+      panel.classList.add('active');
   });
+  panel.addEventListener('mouseout', () => {
+    panel.classList.remove('active');
+    lastClickedCard.classList.add("active");
+});
 });
-
-function removeActiveClasses() {
-  panels.forEach((card) => {
-    card.classList.remove("active");
-  });
-}

faq-website.css

@@ -232,11 +232,16 @@
     color: white;
     background-color: rgb(40, 87, 241);
   }
-
-
-
-
-
+  @media only screen and (max-width:465px){
+    .newNav img{
+      position: relative;
+      right: 14px;
+    }
+    .nav__logo{
+      position: relative;
+      right: 16px;
+    }
+  }
 
 
 

faq-website.js

@@ -1,4 +1,3 @@
-
 const accordions = document.querySelectorAll(".accordion");
 
 accordions.forEach((accordion, index) => {
@@ -19,3 +18,68 @@ accordions.forEach((accordion, index) => {
     });
   });
 });
+
+document.addEventListener("DOMContentLoaded", function () {
+  // Highlight active navbar
+  const navLinks = document.querySelectorAll(".navLinks a");
+
+  function highlightNavLink() {
+    const scrollPosition = window.scrollY;
+
+    navLinks.forEach((link) => {
+      const sectionId = link.getAttribute("href").substring(1);
+      const section = document.getElementById(sectionId);
+
+      // Adjust this value to control when the link should be highlighted
+      const offsetPercentage = 20;
+
+      if (
+        section.offsetTop - window.innerHeight * (offsetPercentage / 100) <=
+          scrollPosition &&
+        section.offsetTop + section.offsetHeight > scrollPosition
+      ) {
+        link.classList.add("active");
+      } else {
+        link.classList.remove("active");
+      }
+    });
+  }
+
+  document.addEventListener("scroll", highlightNavLink);
+  window.addEventListener("resize", highlightNavLink);
+
+  // Initialize AOS library
+  AOS.init();
+
+  // Set animation delays for FAQs
+  const faqs = document.querySelectorAll(".faq");
+  faqs.forEach((faq, index) => {
+    faq.style.animationDelay = `${index * 0.2}s`;
+  });
+});
+
+// Logout Button
+document.addEventListener("DOMContentLoaded", function () {
+  var isLoggedIn = localStorage.getItem("isLoggedIn");
+  var loginButton = document.getElementById("btn-style");
+  var logoutButton = document.getElementById("logout-btn");
+
+  if (isLoggedIn === "true") {
+    loginButton.style.display = "none";
+    logoutButton.style.display = "block";
+    loginButton.disabled = true;
+    logoutButton.disabled = false;
+    logoutButton.style.cursor = "pointer";
+    logoutButton.addEventListener("click", function () {
+      localStorage.setItem("isLoggedIn", "false");
+      window.location.href = "./index.html";
+    });
+  } else {
+    loginButton.style.display = "block";
+    logoutButton.disabled = true;
+  }
+});
+
+function sendEmail() {
+  window.location.href = "mailto:[email protected]";
+}