Finalize footer

This commit is contained in:
Antoine Phan
2025-10-18 13:58:45 -04:00
parent 37077f654d
commit 1a3cb47ca9

View File

@@ -32,12 +32,6 @@
url: 'mailto:ecsess.president@mcgilleus.ca', url: 'mailto:ecsess.president@mcgilleus.ca',
icon: 'email', icon: 'email',
ariaLabel: 'Send us an email' ariaLabel: 'Send us an email'
},
{
name: 'Lounge Location',
url: 'https://maps.app.goo.gl/4RHKGJEE8FfcDs1H8',
icon: 'location',
ariaLabel: 'View lounge location on map'
} }
]; ];
</script> </script>
@@ -45,19 +39,17 @@
<footer class="bg-ecsess-black text-ecsess-100 mx-auto min-w-fit px-4 py-8"> <footer class="bg-ecsess-black text-ecsess-100 mx-auto min-w-fit px-4 py-8">
<div class="mx-auto max-w-7xl"> <div class="mx-auto max-w-7xl">
<!-- Business Card Layout --> <!-- Business Card Layout -->
<div class="mb-6 grid grid-cols-1 gap-8 md:grid-cols-3"> <div class="mb-6 grid grid-cols-1 gap-6 md:grid-cols-3">
<!-- Left: ECSESS Info & Location --> <!-- Left: ECSESS Lounge -->
<div class="text-center md:text-left"> <div class="border-ecsess-800 border-b-1 pb-4 text-center md:border-0 md:text-left">
<h3 class="text-ecsess-150 mb-2 text-xl font-bold">ECSESS</h3> <p class="text-ecsess-300 mb-3 text-lg">
<p class="text-ecsess-200 mb-3 text-sm"> Visit the ECSESS lounge!
Electrical, Computer & Software<br />
Engineering Students' Society
</p> </p>
<a <a
href="https://maps.app.goo.gl/4RHKGJEE8FfcDs1H8" href="https://maps.app.goo.gl/m9ZqjTrPM7pcBzhbA"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
class="text-ecsess-200 hover:text-ecsess-100 inline-flex items-center gap-2 transition-colors" class="text-ecsess-300 hover:text-ecsess-100 border-b-1 border-b-transparent hover:border-b-ecsess-100 inline-flex items-center gap-2 justify-baseline transition-all pb-0.5"
> >
<svg <svg
class="h-4 w-4 flex-shrink-0" class="h-4 w-4 flex-shrink-0"
@@ -79,15 +71,15 @@
d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"
/> />
</svg> </svg>
<span class="text-sm">ENGTR 1060</span> <span class="text-base">ENGTR 1060</span>
</a> </a>
</div> </div>
<!-- Center: Connect With Us --> <!-- Center: Connect With Us -->
<div class="text-center"> <div class="border-ecsess-800 border-b-1 pb-8 text-center md:border-0">
<h3 class="text-ecsess-150 mb-3 text-lg font-semibold">Connect With Us</h3> <h3 class="text-ecsess-150 mb-3 text-lg font-semibold">Connect With Us</h3>
<div class="flex flex-wrap items-center justify-center gap-3"> <div class="flex flex-wrap items-center justify-center gap-3">
{#each socialLinks.filter((link) => link.icon !== 'location') as link} {#each socialLinks as link}
<a <a
href={link.url} href={link.url}
target={link.icon === 'email' ? '_self' : '_blank'} target={link.icon === 'email' ? '_self' : '_blank'}
@@ -166,12 +158,12 @@
<!-- Right: Contribute --> <!-- Right: Contribute -->
<div class="text-center md:text-right"> <div class="text-center md:text-right">
<p class="text-ecsess-200 mb-3 text-sm"> <p class="text-ecsess-200 mb-3 text-base">
Want to report an issue or <br /> Catch a bug or have an idea? <br />
contribute to the website? Let us know!
</p> </p>
<a <a
href="https://github.com/mcgill-ecsess/ecsess-site" href="https://github.com/mcgill-ecsess/ECSESS"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
class="bg-ecsess-800 hover:bg-ecsess-600 inline-flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-semibold text-white transition-colors" class="bg-ecsess-800 hover:bg-ecsess-600 inline-flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-semibold text-white transition-colors"
@@ -183,7 +175,7 @@
clip-rule="evenodd" clip-rule="evenodd"
/> />
</svg> </svg>
<span>GitHub Repo</span> <span>ECSESS on GitHub</span>
</a> </a>
</div> </div>
</div> </div>
@@ -194,8 +186,8 @@
<!-- Copyright --> <!-- Copyright -->
<div> <div>
<p class="text-ecsess-150 text-center text-sm"> <p class="text-ecsess-150 text-center text-sm">
Created by ECSESS with love {'<3'}. <br /> 🄯 ECSESS {year} under GNU General Public License v3.0. <br />
&copy; ECSESS {year}, under GNU General Public License v3.0. Designed with love {'<3'}.
</p> </p>
</div> </div>
</div> </div>