From 152c1e3d714b7c3547f49a7c7b15bb2a4fe32827 Mon Sep 17 00:00:00 2001 From: Games4Doritos Date: Fri, 6 Mar 2026 15:31:23 +0800 Subject: [PATCH 1/3] Refactored some of the Footer - Removed gamedev-metadata.json as it was redundant only storing data for the club's social media links. The data for the se links has been moved to Footer.tsx in the form of a list of objects - Added the social media link for the club's new itch.io page - Removed all of the quick links from the footer, as they were useless. To rework the footer's layout from this, the column number at lg width has been reduced to 2 since only two segments remain. When at 2 columns, the 'Explore' links will be centered within their column, but will justify left when wrapping. Made some label changes: - Replaced Create . Play . Inspire, with Design . Create . Play, as that is the slogan we are currently choosing. - Removed the email text and href from where the email is stated in the footer, as we currently don't have an email and that one doesn't exist. - Changed the text below the email to say 'Building the next generation of game developers!', which sounds better + the previous version was grammatically incorrect - Changed the copyright holder to 'CFC ~ GDUWA', as the previous title was poor. --- client/src/components/main/Footer.tsx | 46 +++++++++++++++++++-------- client/src/gamedev-metadata.json | 16 ---------- 2 files changed, 32 insertions(+), 30 deletions(-) delete mode 100644 client/src/gamedev-metadata.json diff --git a/client/src/components/main/Footer.tsx b/client/src/components/main/Footer.tsx index 081d34c..aa23053 100644 --- a/client/src/components/main/Footer.tsx +++ b/client/src/components/main/Footer.tsx @@ -23,7 +23,6 @@ import { useRef } from "react"; import LinksList from "@/components/ui/LinksList"; import NetworkCanvas from "@/components/ui/NetworkCanvas"; import SocialIconButton from "@/components/ui/SocialIconButton"; -import { social_media } from "@/gamedev-metadata.json"; export interface ListLink { label: string; @@ -31,6 +30,11 @@ export interface ListLink { icon: ReactNode; } +type socialMedia = { + url: string; + alt_text: string; +} + const quickLinks: ListLink[] = [ { label: "Join the Club", @@ -67,6 +71,25 @@ export const mainLinks: ListLink[] = [ }, ]; +const socialMedia: socialMedia[] = [ + { + url: "https://www.facebook.com/people/Game-Development-UWA/61576948012356/", + alt_text: "Facebook" + }, + { + url: "https://discord.com/invite/JvnuVyMUff", + alt_text: "Discord" + }, + { + url: "https://www.instagram.com/gamedevelopmentuwa", + alt_text: "Instagram" + }, + { + url:"https://game-development-uwa.itch.io/", + alt_text: "Itch.io" + } + ] + export default function Footer() { const footerRef = useRef(null); return ( @@ -77,7 +100,7 @@ export default function Footer() { >
-
+

- Create • Play • Inspire + Design • Create • Play

- UWAgamedev@gmail.com + Email coming soon!

- Building the next generation of game developers at UWA game - development club + Building the next generation of game developers!

- {social_media.map((data) => ( + {socialMedia.map((data) => (
- } - links={quickLinks} - /> +
} links={mainLinks} /> +
@@ -157,7 +175,7 @@ export default function Footer() {
- © {new Date().getFullYear()} CFC Game Dev + © {new Date().getFullYear()} CFC ~ GDUWA • All rights reserved
diff --git a/client/src/gamedev-metadata.json b/client/src/gamedev-metadata.json deleted file mode 100644 index 1c85565..0000000 --- a/client/src/gamedev-metadata.json +++ /dev/null @@ -1,16 +0,0 @@ -{ - "social_media": [ - { - "url": "https://www.facebook.com/people/Game-Development-UWA/61576948012356/", - "alt_text": "Facebook" - }, - { - "url": "https://discord.com/invite/JvnuVyMUff", - "alt_text": "Discord" - }, - { - "url": "https://www.instagram.com/gamedevelopmentuwa", - "alt_text": "Instagram" - } - ] -} From 80b6f0668262d01beec4b878356a875808e56b68 Mon Sep 17 00:00:00 2001 From: Games4Doritos Date: Mon, 16 Mar 2026 12:37:10 +0800 Subject: [PATCH 2/3] Refined Footer's bottom section - Added a wrapper div in the copyright segment so the text correctly wraps instead of being weird - Added a wrapper div to the constitution button to set an invisible width for centering - Added a wrapper 
 in the 'Made with love' segment so the text doesn't act weird when supposed to wrap
- Added a width of 48 (tailwind) to all three segments at sm width. This width will keep the 'made with love' message to one line and allow all three segments to be equally spaced compared to before. Copyright text will appropriately wrap
- Added a width of 80 (tailwind) to all three segments at lg width. This width will keep all messages to one line and still evenly spaced.
---
 client/src/components/main/Footer.tsx | 100 +++++++++++++-------------
 1 file changed, 52 insertions(+), 48 deletions(-)

diff --git a/client/src/components/main/Footer.tsx b/client/src/components/main/Footer.tsx
index aa23053..4440e51 100644
--- a/client/src/components/main/Footer.tsx
+++ b/client/src/components/main/Footer.tsx
@@ -33,7 +33,7 @@ export interface ListLink {
 type socialMedia = {
   url: string;
   alt_text: string;
-}
+};
 
 const quickLinks: ListLink[] = [
   {
@@ -72,23 +72,23 @@ export const mainLinks: ListLink[] = [
 ];
 
 const socialMedia: socialMedia[] = [
-    {
-      url: "https://www.facebook.com/people/Game-Development-UWA/61576948012356/",
-      alt_text: "Facebook"
-    },
-    {
-      url: "https://discord.com/invite/JvnuVyMUff",
-      alt_text: "Discord"
-    },
-    {
-      url: "https://www.instagram.com/gamedevelopmentuwa",
-      alt_text: "Instagram"
-    },
-    {
-      url:"https://game-development-uwa.itch.io/",
-      alt_text: "Itch.io"
-    }
-  ]
+  {
+    url: "https://www.facebook.com/people/Game-Development-UWA/61576948012356/",
+    alt_text: "Facebook",
+  },
+  {
+    url: "https://discord.com/invite/JvnuVyMUff",
+    alt_text: "Discord",
+  },
+  {
+    url: "https://www.instagram.com/gamedevelopmentuwa",
+    alt_text: "Instagram",
+  },
+  {
+    url: "https://game-development-uwa.itch.io/",
+    alt_text: "Itch.io",
+  },
+];
 
 export default function Footer() {
   const footerRef = useRef(null);
@@ -137,9 +137,7 @@ export default function Footer() {
- + Email coming soon!

@@ -155,12 +153,12 @@ export default function Footer() { ))}

-
- } - links={mainLinks} - /> +
+ } + links={mainLinks} + />
@@ -174,30 +172,36 @@ export default function Footer() {
-
- © {new Date().getFullYear()} CFC ~ GDUWA - • - All rights reserved +
+
+ © {new Date().getFullYear()} CFC ~ GDUWA + • + All rights reserved +
- window.open("/Constitution-V1.pdf")} - > - - Constitution - - -
- Made with - + window.open("/Constitution-V1.pdf")} > - - - in Perth, UWA +
+ Constitution +
+
+ + 
+                  Made with
+                  
+                    
+                  
+                  in UWA, Perth
+
+
From b534422d4daedd76f62fc5988e70402554006bf3 Mon Sep 17 00:00:00 2001 From: Games4Doritos Date: Mon, 16 Mar 2026 12:53:15 +0800 Subject: [PATCH 3/3] Eslint --- client/src/components/main/Footer.tsx | 9 ++------- 1 file changed, 2 insertions(+), 7 deletions(-) diff --git a/client/src/components/main/Footer.tsx b/client/src/components/main/Footer.tsx index 4440e51..3eeef5c 100644 --- a/client/src/components/main/Footer.tsx +++ b/client/src/components/main/Footer.tsx @@ -2,17 +2,12 @@ import { motion } from "framer-motion"; import { Calendar, - Clock, Gamepad2, - Handshake, Heart, Home, - Link as LucideLink, Map, Palette, - Pencil, Sparkles, - Upload, Users, } from "lucide-react"; import Image from "next/image"; @@ -35,7 +30,7 @@ type socialMedia = { alt_text: string; }; -const quickLinks: ListLink[] = [ +/*const quickLinks: ListLink[] = [ { label: "Join the Club", href: "#", @@ -48,7 +43,7 @@ const quickLinks: ListLink[] = [ }, { label: "Upcoming Jams", href: "#", icon: }, { label: "Resources", href: "#", icon: }, -]; +];*/ // Main navigation links (ideally should be shared with Navbar) export const mainLinks: ListLink[] = [