Merge branch 'main' into main

.github/ISSUE_TEMPLATE/bug.yml

@@ -0,0 +1,51 @@
+name: ​🐞 Bug
+description: Report an issue to help us improve the project.
+title: '[BUG] '
+labels: ["bug"]
+body:
+  - type: textarea
+    attributes:
+      label: Description
+      id: description
+      description: A brief description of the issue or bug you are facing, also include what you tried and what didn't work.
+    validations:
+      required: false
+  - type: textarea
+    attributes:
+      label: Screenshots
+      id: screenshots
+      description: Please add screenshots if applicable
+    validations:
+      required: false
+  - type: textarea
+    attributes:
+      label: Any additional information?
+      id: extrainfo
+      description: Any additional information or Is there anything we should know about this bug?
+    validations:
+      required: false
+  - type: dropdown
+    id: browsers
+    attributes:
+      label: What browser are you seeing the problem on?
+      multiple: true
+      options:
+        - Firefox
+        - Chrome
+        - Safari
+        - Microsoft Edge
+  - type: checkboxes
+    id: no-duplicate-issues
+    attributes:
+      label: 'Checklist'
+      options:
+        - label: 'I have checked the existing issues'
+          required: true
+
+        - label: 'I have read the [Contributing Guidelines](https://github.com/alo7lika/master-web-development/blob/dev/CONTRIBUTING.md)'
+          required: true
+        - label: "I'm a GSSoC'24-Extd contributor"
+        - label: "I'm a Hacktoberfest'24 contributor"
+
+        - label: 'I am willing to work on this issue (optional)'
+          required: false

.github/ISSUE_TEMPLATE/documentation.yml

@@ -0,0 +1,71 @@
+name: 📝 Documentation Update
+description: Improve Documentation
+title: "[Doc]: "
+labels: [documentation]
+body:
+  - type: checkboxes
+    id: existing-issue
+    attributes:
+      label: Is there an existing issue for this?
+      description: Please search to see if an issue already exists for the updates you want to make.
+      options:
+        - label: I have searched the existing issues
+          required: true
+
+  - type: textarea
+    id: issue-description
+    attributes:
+      label: Issue Description
+      description: Please provide a clear description of the documentation update you are suggesting.
+      placeholder: Describe the improvement or correction you'd like to see in the documentation.
+    validations:
+      required: true
+
+  - type: textarea
+    id: suggested-change
+    attributes:
+      label: Suggested Change
+      description: Provide details of the proposed change to the documentation.
+      placeholder: Explain how the documentation should be updated or corrected.
+    validations:
+      required: true
+
+  - type: textarea
+    id: rationale
+    attributes:
+      label: Rationale
+      description: Why is this documentation update necessary or beneficial?
+      placeholder: Explain the importance or reasoning behind the suggested change.
+    validations:
+      required: false
+
+  - type: dropdown
+    id: urgency
+    attributes:
+      label: Urgency
+      description: How urgently do you believe this documentation update is needed?
+      options:
+        - High
+        - Medium
+        - Low
+      default: 0
+    validations:
+      required: true
+
+  - type: checkboxes
+    id: terms
+    attributes:
+      label: Acknowledgements
+      description: Ensure you have read and agree to the project's guidelines.
+      options:
+        - label: I have read the [Contributing Guidelines](https://github.com/alo7lika/master-web-development/blob/test/CONTRIBUTING.md)*
+          required: true
+        - label: I'm a GSSOC'24-Extd contributor
+        - label: I'm a Hacktoberfest contributor
+        - label: I have starred the repository
+          required: true
+        - label: 'I am willing to work on this issue (optional)'
+          required: false
+
+
+

activity.css

@@ -0,0 +1,142 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    margin-left: 5px;
+  }
+
+  body {
+    font-family: "Poppins", sans-serif;
+    background-attachment: fixed;
+    background-size: cover;
+    /* color: #333; */
+    background-color:#040423;
+  }
+
+  header {
+    padding: 1em 0;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  header nav a {
+    color: #d0defa;
+    text-decoration: none;
+    font-size: 25px;
+    transition: color 0.3s;
+  }
+
+  header nav a:hover {
+    color: #534141;
+  }
+
+  .fa-home,
+  .fa-arrow-left {
+    color: #ffffff; 
+    padding: 0 15px;
+  }
+
+  .fa-home:hover {
+    color: #be8f8f;
+  }
+
+  .fa-arrow-left:hover {
+    color: #be8f8f;
+  }
+
+  .fa-arrow-left {
+    position: absolute;
+    right: 5px;
+  }
+
+
+  main {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 2em 0;
+    color: #4b4646;
+  }
+
+  h1 {
+    font-size: 2em;
+    color: #ffffff;
+    margin-bottom: 1em;
+  }
+
+  .activity-feed {
+    background-color: #4a4444;
+    padding: 1.5em;
+    border-radius: 10px;
+    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
+    width: 80%;
+    max-width: 850px;
+  }
+
+  .activity-feed ul {
+    list-style: none;
+  }
+
+  .activity-feed li {
+    display: flex;
+    align-items: center;
+    margin-bottom: 1em;
+    padding: 1em;
+    background-color: #d0defa;
+    border-radius: 8px;
+    transition: transform 0.2s, box-shadow 0.2s;
+  }
+
+  .activity-feed li:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
+  }
+
+  .activity-feed i {
+    font-size: 1.5em;
+    margin-right: 15px;
+    color: #514f4f;
+  }
+
+  .activity-feed p {
+    font-size: 1em;
+    color: #333;
+  }
+
+  .fa-shopping-cart,
+  .fa-truck,
+  .fa-check {
+    color: #e74c3c;
+  }
+
+  .fa-envelope {
+    color: #3498db;
+  }
+
+  .fa-book,
+  .fa-exchange {
+    color: #f1c40f;
+  }
+
+
+
+
+  /* Responsive Design */
+  @media only screen and (max-width: 768px) {
+    main {
+      padding: 1em;
+    }
+    .activity-feed {
+      width: 90%;
+    }
+  }
+
+  @media only screen and (max-width: 480px) {
+    header nav a {
+      font-size: 20px;
+    }
+    .activity-feed {
+      width: 100%;
+    }
+  }

activity.js

@@ -0,0 +1,80 @@
+const listItems = document.querySelectorAll('.activity-feed li');
+
+listItems.forEach((item, index) => {
+    item.addEventListener('click', () => {
+        const detailElement = item.querySelector('.detail');
+
+        // If details are already open, close them
+        if (detailElement) {
+            detailElement.remove();
+        } else {
+            // Close any open details
+            const openDetails = document.querySelectorAll('.detail');
+            openDetails.forEach((detail) => {
+                detail.remove();
+            });
+
+            // Open the clicked item's details
+            const detailHtml = getDetailHtml(index);
+            const detailContainer = document.createElement('div');
+            detailContainer.className = 'detail';
+            detailContainer.innerHTML = detailHtml;
+            item.appendChild(detailContainer);
+        }
+    });
+});
+
+function getDetailHtml(index) {
+    let detailHtml = '';
+    switch (index) {
+        case 0:
+            detailHtml = `
+                <h3>Profile Update</h3>
+                <p>Update ID: #1001</p>
+                <p>Date: 2024-11-05</p>
+                <p>Time: 13:30</p>
+                <p>Details: <strong>Profile information updated successfully</strong></p>
+            `;
+            break;
+        case 1:
+            detailHtml = `
+                <h3>Friend Request</h3>
+                <p>Request ID: #1002</p>
+                <p>Date: 2024-11-05</p>
+                <p>Time: 11:00</p>
+                <p>From: <strong>Ritu</strong></p>
+            `;
+            break;
+        case 2:
+            detailHtml = `
+                <h3>New Game Alert</h3>
+                <p>Game ID: #1003</p>
+                <p>Date: 2024-11-04</p>
+                <p>Time: 16:00</p>
+                <p>Game: <strong>Mystery Island</strong></p>
+            `;
+            break;
+        case 3:
+            detailHtml = `
+                <h3>Message from Divya</h3>
+                <p>Message ID: #1004</p>
+                <p>Date: 2024-11-04</p>
+                <p>Time: 15:00</p>
+                <p>Message: "Are you joining the game tonight?"</p>
+            `;
+            break;
+        case 4:
+            detailHtml = `
+                <h3>Message from Support</h3>
+                <p>Message ID: #1005</p>
+                <p>Date: 2024-11-03</p>
+                <p>Time: 10:30</p>
+                <p>Message: "Your issue has been resolved"</p>
+            `;
+            break;
+        default:
+            detailHtml = '';
+    }
+    return detailHtml;
+}
+

contact.html

@@ -3,6 +3,8 @@
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link rel="icon" href="./faviconicon.png" type="image/png">
+
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <title>Contact Us</title>