Update points system CSS

src/pages/PointsSystem.tsx

@@ -1,49 +1,52 @@
 import React from "react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
+import "../styles/Points.css";
+const markdownContent = `# 🎯 Distinguished Members Program
 
-const markdownContent = `# Points System
+The **Distinguished Members Program** is designed to incentivize active involvement through a structured framework of rewards and recognitions. This program aims to enhance the overall club experience while offering tangible benefits to our members.
 
-## About this Project
-This system aims to incentivize active involvement through a structured framework of rewards and recognitions, enhancing the overall club experience and offering tangible benefits to our members.
+# 🎯 Objectives
 
-## Objectives
 1. **Increase Active Participation:** Encourage consistent attendance at meetings, workshops, and club events.
 2. **Enhance Member Skills:** Motivate members to engage deeply with technical content and collaborative projects.
 3. **Build Community:** Strengthen the sense of belonging and teamwork within the club.
 4. **Recognize Contributions:** Acknowledge and reward the efforts and achievements of our members.
 
-## Perks and Rewards
+# 🏆 Perks and Rewards
+
 Members can earn points through various activities such as attending meetings, participating in discussions, contributing to projects, and more. These points lead to numerous benefits, including:
 
-- **Priority Opportunities:** Access to limited-space events and workshops (more details to come as the semester progresses).
+- **Priority Opportunities:** Access to limited-space events and seats on SoDA Team Trip to Sponsor's Office (more details to come as the semester progresses).
 - **Professional Advancement:** Enhanced visibility in our Resume Book and potential recommendation letters.
 - **Exclusive Access:** Voting rights on future workshop topics and direct interactions with industry professionals.
-- **Public Recognition:** Features in club newsletters and social media as "Member of the Month."
-
-## Point System Breakdown
-
-| Activity Category | Specific Activity | Points Awarded | Notes |
-|-------------------|-------------------|----------------|-------|
-| Meetings | Attend in-person meeting | 10 | Higher points for in-person attendance |
-| | Attend online meeting | Approx. 5 | Encourages participation regardless of location |
-| | Attend Lounge hours | 5 | |
-| Active Participation | Asking questions or contributing to meetings by interacting with the workshops/presenters | 1 each time | Promotes lively discussions and engagement |
-| | Bonus points for participation | 5 | |
-| Discord Engagement | Engaging with the Discord in general and asking questions (not answering questions) | 2 per month | Maximum of 10 points per semester; subject to director's discretion |
-| | Helpful post or solving a query | 5 per instance | Encourages peer support (cap of 15 points per semester) |
-| Workshop Contribution | Submit a workshop challenge | 20 | Encourages taking the initiative to engage with the events |
+- **Alumini Banquet:** Invitation to Alumini Banquet at the end of the semester/year. (more details comming out soon)
+
+## 🎯 Point System Breakdown
+
+Earn points through different activities to unlock rewards. Here’s a breakdown:
+
+| **Activity Category**     | **Specific Activity**                                                                 | **Points Awarded** | **Notes**                                                                                   |
+|---------------------------|----------------------------------------------------------------------------------------|--------------------|---------------------------------------------------------------------------------------------|
+| **Meetings**              | Attend in-person meeting                                                              | 10                 | Higher points for in-person attendance                                                      |
+|                           | Attend online meeting                                                                 | Approx. 5          | Encourages participation regardless of location                                             |
+|                           | Attend Lounge hours                                                                   | 5                  |                                                                                             |
+| **Active Participation**  | Asking questions or contributing to meetings by interacting with workshops/presenters | 1 each time        | Promotes lively discussions and engagement                                                  |
+|                           | Bonus points for participation                                                        | 5                  |                                                                                             |
+| **Discord Engagement**    | Engaging with the Discord in general and asking questions (not answering questions)    | 2 per month        | Maximum of 10 points per semester; subject to director's discretion                         |
+|                           | Helpful post or solving a query                                                       | 5 per instance     | Encourages peer support (cap of 15 points per semester)                                     |
+| **Workshop Contribution** | Submit a workshop challenge                                                           | 20                 | Encourages taking the initiative to engage with the events                                  |
 `;
 
 export default function PointsSystem() {
   return (
-    <div className="max-w-5xl mx-auto p-6 my-20  shadow-md rounded-lg">
-      <h1 className="section-header-text">Points System 🎯</h1>
+    <div className="max-w-5xl mx-auto p-6 my-20 shadow-md rounded-lg">
+      <h1 className="section-header-text">Points System AKA Distinguished Members Program 🎯</h1>
       <ReactMarkdown
         children={markdownContent}
         remarkPlugins={[remarkGfm]}
-        className="prose lg:prose-xl"
+        className="prose lg:prose-xl custom-table" // Add a custom class here
       />
     </div>
   );
-}
+}

src/styles/Points.css

@@ -0,0 +1,89 @@
+/* PointsSystem.css */
+.prose table {
+    border-collapse: collapse; /* Ensures that the borders are rendered correctly */
+    width: 100%;
+  }
+
+  .prose table th,
+  .prose table td {
+    border: 1px solid rgb(197, 197, 197); /* Change table cell borders to white */
+    padding: 8px;
+    text-align: left;
+  }
+
+  /* General Styles */
+body {
+    font-family: Arial, sans-serif;
+    line-height: 1.6;
+    color: #333;
+    margin: 0;
+    padding: 0;
+  }
+
+  /* Headings */
+  h1, h2, h3, h4, h5, h6 {
+    margin-top: 20px;
+    margin-bottom: 10px;
+    color: #2c3e50;
+  }
+
+  h1 {
+    font-size: 2em;
+  }
+
+  h2 {
+    font-size: 1.5em;
+  }
+
+  h3 {
+    font-size: 1.2em;
+  }
+
+  /* Lists */
+  ul, ol {
+    margin: 10px 0;
+    padding-left: 20px;
+  }
+
+  ul li, ol li {
+    margin-bottom: 5px;
+  }
+
+  /* Tables */
+  table {
+    width: 100%;
+    border-collapse: collapse;
+    margin: 20px 0;
+  }
+
+  table, th, td {
+    border: 1px solid #ddd;
+  }
+
+  th, td {
+    padding: 8px;
+    text-align: left;
+  }
+
+  th {
+    background-color: #f4f4f4;
+    color: #333;
+  }
+
+  /* Links */
+  a {
+    color: #3498db;
+    text-decoration: none;
+  }
+
+  a:hover {
+    text-decoration: underline;
+  }
+
+  /* Code Blocks */
+  code {
+    background: #f4f4f4;
+    padding: 2px 4px;
+    border-radius: 4px;
+  }
+