Finalize footer
This commit is contained in:
@@ -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 />
|
||||||
© ECSESS {year}, under GNU General Public License v3.0.
|
Designed with love {'<3'}.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user