From 5d729019a3b88444aed3b5d592ddfec481a5a317 Mon Sep 17 00:00:00 2001
From: phoenixpereira <phoenixpereira99@gmail.com>
Date: Mon, 7 Oct 2024 17:04:19 +1030
Subject: [PATCH 1/2] feat(open-source): Add MyTimetable website link

---
 src/app/open-source/ProjectCard.tsx | 14 +++++++++++++-
 src/data/projects.ts                |  2 ++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/app/open-source/ProjectCard.tsx b/src/app/open-source/ProjectCard.tsx
index c7377570..d0043a91 100644
--- a/src/app/open-source/ProjectCard.tsx
+++ b/src/app/open-source/ProjectCard.tsx
@@ -4,7 +4,7 @@ import Tag from '@/components/Tag';
 import { TECH_COLORS } from '@/constants/colours';
 import type { Project } from '@/data/projects';
 import Image from 'next/image';
-import { FaGithub } from 'react-icons/fa';
+import { FaGithub, FaExternalLinkAlt } from 'react-icons/fa';
 
 export default function ProjectCard({ project }: { project: Project }) {
     return (
@@ -41,6 +41,18 @@ export default function ProjectCard({ project }: { project: Project }) {
                         <FaGithub className="mr-2 inline-block text-xl md:text-2xl" />
                         View on GitHub
                     </Button>
+                    {project.websiteLink && (
+                        <Button
+                            colour="purple"
+                            href={project.websiteLink}
+                            width="w-full"
+                            size="small"
+                            targetBlank={true}
+                        >
+                            <FaExternalLinkAlt className="mr-2 inline-block text-xl md:text-2xl" />
+                            Visit now
+                        </Button>
+                    )}
                 </div>
             </div>
         </FancyRectangle>
diff --git a/src/data/projects.ts b/src/data/projects.ts
index 2fa6cba2..4880e473 100644
--- a/src/data/projects.ts
+++ b/src/data/projects.ts
@@ -5,6 +5,7 @@ export interface Project {
     description: string;
     image: string;
     githubLink: string;
+    websiteLink?: string;
     techStacks: TechStack[];
 }
 
@@ -45,6 +46,7 @@ export const PROJECTS: Project[] = [
             'An interactive drag-and-drop timetable scheduler to help UofA students optimise their weekly timetable.',
         image: 'mytimetable.png',
         githubLink: 'https://github.com/compsci-adl/mytimetable',
+        websiteLink: 'https://mytimetable.csclub.org.au/',
         techStacks: [
             'TypeScript',
             'React',

From bdc3e43b22fff0d522f486df2075dcbfb1bb4fc1 Mon Sep 17 00:00:00 2001
From: phoenixpereira <phoenixpereira99@gmail.com>
Date: Wed, 9 Oct 2024 17:13:14 +1030
Subject: [PATCH 2/2] chore: Make project website link button on same line

---
 src/app/open-source/ProjectCard.tsx | 51 ++++++++++++++++-------------
 1 file changed, 29 insertions(+), 22 deletions(-)

diff --git a/src/app/open-source/ProjectCard.tsx b/src/app/open-source/ProjectCard.tsx
index d0043a91..53543145 100644
--- a/src/app/open-source/ProjectCard.tsx
+++ b/src/app/open-source/ProjectCard.tsx
@@ -31,28 +31,35 @@ export default function ProjectCard({ project }: { project: Project }) {
                             <Tag key={i} name={tech} backgroundColor={TECH_COLORS[tech]} />
                         ))}
                     </div>
-                    <Button
-                        colour="orange"
-                        href={project.githubLink}
-                        width="w-full"
-                        size="small"
-                        targetBlank={true}
-                    >
-                        <FaGithub className="mr-2 inline-block text-xl md:text-2xl" />
-                        View on GitHub
-                    </Button>
-                    {project.websiteLink && (
-                        <Button
-                            colour="purple"
-                            href={project.websiteLink}
-                            width="w-full"
-                            size="small"
-                            targetBlank={true}
-                        >
-                            <FaExternalLinkAlt className="mr-2 inline-block text-xl md:text-2xl" />
-                            Visit now
-                        </Button>
-                    )}
+                    <div className="flex w-full flex-col gap-4 lg-xl:flex-row">
+                        <div className="flex-1">
+                            <Button
+                                colour="orange"
+                                href={project.githubLink}
+                                width="w-full"
+                                size="small"
+                                targetBlank={true}
+                            >
+                                <FaGithub className="mr-2 inline-block text-xl md:text-2xl" />
+                                View on GitHub
+                            </Button>
+                        </div>
+
+                        {project.websiteLink && (
+                            <div className="flex-1">
+                                <Button
+                                    colour="purple"
+                                    href={project.websiteLink}
+                                    width="w-full"
+                                    size="small"
+                                    targetBlank={true}
+                                >
+                                    <FaExternalLinkAlt className="mr-2 inline-block text-xl md:text-2xl" />
+                                    Visit now
+                                </Button>
+                            </div>
+                        )}
+                    </div>
                 </div>
             </div>
         </FancyRectangle>