refactor:updated wics website

Author: FawazBinSaleem

src/components/PeopleList.tsx

@@ -5,6 +5,7 @@ import LinkedInIcon from "@mui/icons-material/LinkedIn";
 import GitHubIcon from "@mui/icons-material/GitHub";
 import LanguageIcon from "@mui/icons-material/Language";
 import InstagramIcon from "@mui/icons-material/Instagram";
+import discordLogo from "@/resources/images/discord-mark-white.svg";
 
 import Box from "@mui/material/Box";
 import CardContent from "@mui/material/CardContent";
@@ -45,7 +46,8 @@ function PersonCard({ personData }: { personData: ITeamMember }) {
         {(personData.linkedin ||
           personData.github ||
           personData.website ||
-          personData.instagram) && (
+          personData.instagram ||
+          personData.discord) && (
           <div className="social-icons">
             {personData.linkedin && (
               <a
@@ -87,6 +89,17 @@ function PersonCard({ personData }: { personData: ITeamMember }) {
                 <InstagramIcon />
               </a>
             )}
+            {personData.discord && (
+              <a
+                href={personData.discord}
+                target="_blank"
+                rel="noopener noreferrer"
+                aria-label="Discord"
+                className="discord-link"
+              >
+                <img src={discordLogo} alt="Discord" />
+              </a>
+            )}
           </div>
         )}
       </CardContent>

src/resources/data/teamConfig.ts

@@ -1,5 +1,6 @@
 import { ITeam } from "./types";
 
+//Please limit social medias to 3 per exec
 const teamConfig: ITeam = {
   "2025": [
     {
@@ -18,6 +19,7 @@ const teamConfig: ITeam = {
       image: "/assets/team/2025/vice-president-fawaz.png",
       linkedin: "https://www.linkedin.com/in/fawaz-bin-saleem-425b921a1/",
       github: "https://github.com/FawazBinSaleem",
+      website: "https://fawazbinsaleem.com",
     },
     {
       firstName: "Mohamed",

src/resources/data/types.ts

@@ -34,6 +34,7 @@ export interface ITeamMember {
   github?: string;
   website?: string;
   instagram?: string;
+  discord?: string;
 }
 
 export interface ITeam {

src/routes/Home.tsx

@@ -206,11 +206,7 @@ function Home() {
               CSSA
             </a>
             &nbsp;and&nbsp;
-            <a
-              href="https://umwics.vercel.app/"
-              target="_blank"
-              rel="noreferrer"
-            >
+            <a href="http://umwics.ca/" target="_blank" rel="noreferrer">
               WICS
             </a>
             &nbsp;

src/routes/LinkTree.tsx

@@ -10,7 +10,7 @@ function LinkTree() {
       name: ".devClub",
       logo: devclubLogo,
       link: "https://linktr.ee/umdev",
-      desc: "An academic and networking club for computer science students at the University of Manitoba.",
+      desc: ".devClub is the University of Manitoba's developer club where students from all faculties can learn, code, and connect.",
       className: "dev-club",
     },
     {

src/styles/PeopleList.scss

@@ -20,6 +20,18 @@
   }
 }
 
+.discord-link img {
+  width: 2rem;
+  height: 2rem;
+  filter: invert(1);
+  transition: filter 0.3s ease;
+}
+
+.discord-link:hover img {
+  filter: invert(32%) sepia(92%) saturate(4171%) hue-rotate(190deg)
+    brightness(95%) contrast(92%);
+}
+
 /* People */
 
 .peoples-grid {