Merge branch 'PriyaGhosal:main' into cks-dev-5

PriyaGhosal · Oct 28, 2024 · 4b662c5 · 4b662c5
2 parents c0406c8 + 2f23c52
commit 4b662c5
Show file tree

Hide file tree

Showing 25 changed files with 863 additions and 296 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,3 +1,3 @@
 {
-    "liveServer.settings.port": 5504
+    "liveServer.settings.port": 5505
 }
diff --git a/F&Q.html b/F&Q.html
@@ -208,6 +208,50 @@
       .btn-view-itinerary:hover {
         background-color: #0056b3;
       }
+
+/*       darkmode */
+    body { 
+    background-color: white;
+    color: black;
+    transition: background-color 0.3s, color 0.3s;
+}
+
+body.dark-mode {
+    background-color: #121212;
+    color: #ffffff;
+}
+
+header.dark-mode {
+    background-color: #1f1f1f;
+}
+
+.mode-toggle {
+    cursor: pointer;
+    border: none;
+    background: transparent;
+    outline: none;
+    padding: 10px;
+}
+
+.mode-toggle img {
+    width: 24px;
+    height: 24px;
+}
+
+.navbar {
+    background-color: #f0f0f0;
+    transition: background-color 0.3s;
+}
+
+body.dark-mode .navbar {
+    background-color: #333;
+}
+
+body.dark-mode .navbar a:hover {
+    color: #4C51BF;
+    transform: translateY(-2px);
+}
+
     </style>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
   </head>
@@ -527,6 +571,68 @@ <h2>Suggestions/Questions</h2>
         background-color: #ffe0b2;
       }
     </style>
+
+     <!-- dark theme -->
+    <script>
+      document.addEventListener("DOMContentLoaded", function () {
+        const hamburger = document.getElementById("hamburger");
+        const navList = document.getElementById("nav-links");
+        const closeBtn = document.getElementById("closeBtn");
+
+        hamburger.addEventListener("click", function () {
+          navList.classList.toggle("active");
+        });
+
+        closeBtn.addEventListener("click", function () {
+          navList.classList.remove("active");
+        });
+      });
+
+     document.addEventListener("DOMContentLoaded", function() {
+       const modeToggle = document.getElementById("modeToggle");
+       const sunIcon = document.querySelector(".sun-icon");
+       const moonIcon = document.querySelector(".moon-icon");
+
+       // Check saved theme in localStorage and apply it
+       const currentTheme = localStorage.getItem("theme") || "light";
+        if (currentTheme === "dark") {
+          document.body.classList.add("dark-mode");
+          sunIcon.style.display = "none";
+          moonIcon.style.display = "inline-block";
+       } else {
+          sunIcon.style.display = "inline-block";
+          moonIcon.style.display = "none";
+      }
+
+  // Toggle between light and dark mode on button click
+  modeToggle.addEventListener("click", () => {
+      const isDarkMode = document.body.classList.toggle("dark-mode");
+
+      // Apply dark mode styles to relevant sections
+      const sections = document.querySelectorAll('.about, .core-values, .team');
+      sections.forEach(section => {
+          if (isDarkMode) {
+              section.classList.add('dark-mode');
+          } else {
+              section.classList.remove('dark-mode');
+          }
+      });
+
+      // Update icons and local storage
+      if (isDarkMode) {
+          sunIcon.style.display = "none";
+          moonIcon.style.display = "inline-block";
+          localStorage.setItem("theme", "dark");
+      } else {
+          sunIcon.style.display = "inline-block";
+          moonIcon.style.display = "none";
+          localStorage.setItem("theme", "light");
+      }
+  });
+  });
+    </script>  
+  </body>
+=======
 
 
   <footer id="footer">

diff --git a/README.md b/README.md
@@ -65,6 +65,20 @@
 <!--Line-->
 <img src="https://user-images.githubusercontent.com/74038190/212284100-561aa473-3905-4a80-b561-0d28506553ee.gif" width="900">
 
+# 📋 Table of Contents
+
+- [🏞️ BuddyTrail](#-buddytrail)
+- [🌟 Project Badges](#-project-badges)
+- [📸 Website Preview](#-website-preview)
+- [🚀 Features](#-features)
+- [⚙️ Getting Started with the Code](#-getting-started-with-the-code)
+- [🛠️ Technologies Used](#-technologies-used)
+- [🎉 Welcome Contributors!!](#-welcome-contributors-)
+- [📁 Project Structure](#project-structure-)
+- [❤️ Our Contributors](#-our-contributors)
+- [👥 Team](#-team)
+- [⭐️ Support the Project](#-support-the-project)
+
 # 📸 Website Preview
 
 
@@ -160,18 +174,32 @@ All responses are in JSON format. Ensure to handle errors appropriately.
 Join the list. **We are waiting** <br/>
 Here's how you can contribute to the repository:
 
-1. Fork this Repository  🍴 
-2. Clone to your local machine 🧩 using:
-    git clone https://github.com/Your-Username/BuddyTrail.git
-3. Create a new branch:
-    git branch -c "Feature-Name"
-4. Navigate to the branch:
-    git checkout Feature-Name
-5. Add changes and Commit:
-    git commit -m "Add Changes message"
-6. Push to the branch:
-    git push origin Feature-Name
-7. Submit Pull Request 
+1. **Fork this Repository** 🍴 
+2. **Clone to your local machine** 🧩 using:
+```bash
+git clone https://github.com/Your-Username/BuddyTrail.git
+```
+3. **Create a new branch**:
+```bash
+git branch -c "Feature-Name"
+```
+
+4. **Navigate to the branch**:
+```bash
+git checkout Feature-Name
+```
+
+5. **Add changes and Commit**:
+```bash
+git commit -m "Add Changes message"
+```
+
+6. **Push to the branch**:
+```bash
+git push origin Feature-Name
+```
+
+7. **Submit Pull Request**
 
 We welcome all contributions to improve **BuddyTrail**! If you would like to contribute, please follow the [Contributing.md](./Contributing.md) for more details on how to get started.
 
@@ -191,14 +219,25 @@ You can find the project structure in the [Project Structure](project-structure.
 <!--Line-->
 <img src="https://user-images.githubusercontent.com/74038190/212284100-561aa473-3905-4a80-b561-0d28506553ee.gif" width="900">
 
+## 👥 Team
+
+| ![Priya Ghosal](https://avatars.githubusercontent.com/u/162816363?v=4&s=80) |
+|:--:|
+| **Priya Ghosal** <br> <sub>Project Admin</sub> | 
+| [![LinkedIn](https://img.icons8.com/fluency/32/000000/linkedin.png)](https://www.linkedin.com/in/priya-ghosal-785771286/) [![Discord](https://img.icons8.com/fluency/32/000000/discord.png)](https://discord.com/invite/priyaghosal) [![Twitter](https://img.icons8.com/fluency/32/000000/twitter.png)](https://twitter.com/PriyaGhosa39968) [![GitHub](https://img.icons8.com/fluency/32/000000/github.png)](https://github.com/PriyaGhosal/BuddyTrail) |
+
+
+
+For any inquiries or feedback, please contact. Happy Contributing 🫡
+
+<!--Line-->
+<img src="https://user-images.githubusercontent.com/74038190/212284100-561aa473-3905-4a80-b561-0d28506553ee.gif" width="900">
 <div>
   <h2 align="center"><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Smilies/Red%20Heart.png" width="35" height="35"> Our Contributors</h2>
   <div align="center">
     <h3>Thank you for contributing to our repository</h3
 
 
-
-      
 <p align="center">
       <a href="https://github.com/PriyaGhosal/BuddyTrail/graphs/contributors">
         <img src="https://api.vaunt.dev/v1/github/entities/PriyaGhosal/repositories/BuddyTrail/contributors?format=svg&limit=54" width="700" height="250" />
@@ -229,26 +268,19 @@ You can find the project structure in the [Project Structure](project-structure.
 
 </div>
 
-
+<picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=PriyaGhosal/BuddyTrail&type=Date&theme=dark" />
+      <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/svg?repos=PriyaGhosal/BuddyTrail&type=Date" />
+      <img align="center" alt="Star History Chart" src="https://api.star-history.com/svg?repos=PriyaGhosal/BuddyTrail&type=Date" />
+    </picture>
+
 <div align="right">
     <a href="#top">
         <img src="https://img.shields.io/badge/Back%20to%20Top-000000?style=for-the-badge&logo=github&logoColor=white" alt="Back to Top">
     </a>
 </div>
 
-<!--Line-->
-<img src="https://user-images.githubusercontent.com/74038190/212284100-561aa473-3905-4a80-b561-0d28506553ee.gif" width="900">
 
-## 👥 Team
-
-| ![Priya Ghosal](https://avatars.githubusercontent.com/u/162816363?v=4&s=80) |
-|:--:|
-| **Priya Ghosal** <br> <sub>Project Admin</sub> | 
-| [![LinkedIn](https://img.icons8.com/fluency/32/000000/linkedin.png)](https://www.linkedin.com/in/priya-ghosal-785771286/) [![Discord](https://img.icons8.com/fluency/32/000000/discord.png)](https://discord.com/invite/priyaghosal) [![Twitter](https://img.icons8.com/fluency/32/000000/twitter.png)](https://twitter.com/PriyaGhosa39968) [![GitHub](https://img.icons8.com/fluency/32/000000/github.png)](https://github.com/PriyaGhosal/BuddyTrail) |
-
-
-
-For any inquiries or feedback, please contact. Happy Contributing 🫡
 
 <!--Line-->
 <img src="https://user-images.githubusercontent.com/74038190/212284100-561aa473-3905-4a80-b561-0d28506553ee.gif" width="900">