From 37077f654d4e1d1eb71ea0d886172f2dabf8fd1f Mon Sep 17 00:00:00 2001 From: "paololahoud2004@gmail.com" Date: Thu, 16 Oct 2025 19:41:13 -0400 Subject: [PATCH] Modified footer --- src/components/event/EventBlock.svelte | 28 +-- src/components/event/EventTabPanel.svelte | 4 +- src/components/homepage/SocialLinks.svelte | 166 +++++++++++++++++ src/components/layout/Footer.svelte | 206 ++++++++++++++++++++- src/routes/+page.svelte | 5 +- 5 files changed, 383 insertions(+), 26 deletions(-) create mode 100644 src/components/homepage/SocialLinks.svelte diff --git a/src/components/event/EventBlock.svelte b/src/components/event/EventBlock.svelte index 2726dc2..7249c88 100644 --- a/src/components/event/EventBlock.svelte +++ b/src/components/event/EventBlock.svelte @@ -14,10 +14,10 @@ } = $props(); -
-
+
+
{#if thumbnail} @@ -38,33 +38,35 @@
-

+

{eventTitle}

{#if eventDescription} -
+
{/if}
-
-
+
+
Datetime:

{date}

-
+
Location:

{location ?? 'TBA'}

-
-
+
+
Registration: {#if registrationLink} @@ -72,7 +74,7 @@ href={registrationLink} target="_blank" rel="noopener noreferrer" - class="text-left text-ecsess-800 underline-offset-4 hover:underline" + class="text-ecsess-800 text-left underline-offset-4 hover:underline" > Register Here @@ -81,7 +83,7 @@ {/if}
-
+
Payment: {#if paymentLink} @@ -89,7 +91,7 @@ href={paymentLink} target="_blank" rel="noopener noreferrer" - class="text-left text-ecsess-800 underline-offset-4 hover:underline" + class="text-ecsess-800 text-left underline-offset-4 hover:underline" > Pay Here diff --git a/src/components/event/EventTabPanel.svelte b/src/components/event/EventTabPanel.svelte index bb1eed9..4d96785 100644 --- a/src/components/event/EventTabPanel.svelte +++ b/src/components/event/EventTabPanel.svelte @@ -6,7 +6,7 @@ type Category = 'allEvents' | 'academic' | 'professional' | 'social' | 'technical'; let { value, category, events } = $props<{ - value: Category; + value: Category; category: Category; events: EventPost[]; }>(); @@ -21,7 +21,7 @@ -
+
{#each filtered as e (e._id ?? e.name)} + // Social links data + const socialLinks = [ + { + name: 'Instagram', + url: 'https://www.instagram.com/mcgill_ecsess/', + icon: 'instagram', + ariaLabel: 'Follow us on Instagram' + }, + { + name: 'Facebook', + url: 'https://www.facebook.com/ECSESS', + icon: 'facebook', + ariaLabel: 'Follow us on Facebook' + }, + { + name: 'LinkedIn', + url: 'https://www.linkedin.com/company/ecsess/', + icon: 'linkedin', + ariaLabel: 'Connect with us on LinkedIn' + }, + { + name: 'Linktree', + url: 'https://linktr.ee/ecsess', + icon: 'linktree', + ariaLabel: 'Visit our Linktree' + }, + { + name: 'Contact Us', + url: 'mailto:ecsess.president@mcgilleus.ca', + icon: 'email', + ariaLabel: 'Send us an email' + }, + { + name: 'Lounge Location', + url: 'https://maps.app.goo.gl/4RHKGJEE8FfcDs1H8', + icon: 'location', + ariaLabel: 'View lounge location on map', + address: 'Trottier Building, ECSESS Lounge' + } + ]; + + +
+
+ {#each socialLinks as link} + + +
+ {#if link.icon === 'instagram'} + + {:else if link.icon === 'facebook'} + + {:else if link.icon === 'linkedin'} + + {:else if link.icon === 'linktree'} + + {:else if link.icon === 'email'} + + {:else if link.icon === 'location'} + + {/if} +
+ + +
+

{link.name}

+ {#if link.address} +

{link.address}

+ {/if} +
+ + + + + {/each} +
+
diff --git a/src/components/layout/Footer.svelte b/src/components/layout/Footer.svelte index 046f30b..d17c167 100644 --- a/src/components/layout/Footer.svelte +++ b/src/components/layout/Footer.svelte @@ -1,14 +1,202 @@ - -