notkaramel/ECSESS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rework the error page and OH schedule

Browse Source
This commit is contained in:
Antoine Phan
2026-01-25 01:47:13 -05:00
parent f9fbca9531
commit eb22c73f11
6 changed files with 42 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/routes/+page.svelte
View File

@@ -22,25 +22,25 @@
class="mx-auto grid w-full max-w-[84dvw] grid-cols-1 place-items-center gap-16 py-6 lg:min-h-[75vh] lg:grid-cols-[1fr_2fr]"
>
<!-- Left: Description and Quick Links -->
<div class="flex flex-col items-center text-center lg:items-start lg:text-left gap-2 ml-4">
<div class="ml-4 flex flex-col items-center gap-2 text-center lg:items-start lg:text-left">
<h1 class="mb-2">
{#each 'We are ECSESS!'.split('') as char, i}
<span
class="page-title"
in:fade|global={{ delay: 150 + i * 60, duration: 800 }}
>
<span class="page-title" in:fade|global={{ delay: 150 + i * 60, duration: 800 }}>
{char}
</span>
{/each}
</h1>
</h1>
<p
class="max-w-xl text-base leading-relaxed text-ecsess-200/90 md:text-lg lg:max-w-lg lg:leading-8"
class="text-ecsess-200/90 max-w-xl text-base leading-relaxed md:text-lg lg:max-w-lg lg:leading-8"
>
<span class="font-bold text-ecsess-50">Electrical, Computer & Software Engineering Students' Society at McGill (ECSESS)</span> is the student council which helps McGill ECSE students in their
<span class="font-bold text-ecsess-50">academic</span>,
<span class="font-bold text-ecsess-50">technical</span>,
<span class="font-bold text-ecsess-50">social</span> and
<span class="font-bold text-ecsess-50">professional</span> progression.
<span class="text-ecsess-50 font-bold"
>Electrical, Computer & Software Engineering Students' Society at McGill (ECSESS)</span
>
is the student council which helps McGill ECSE students in their
<span class="text-ecsess-50 font-bold">academic</span>,
<span class="text-ecsess-50 font-bold">technical</span>,
<span class="text-ecsess-50 font-bold">social</span> and
<span class="text-ecsess-50 font-bold">professional</span> progression.
</p>
<div class="mt-8 w-full max-w-xl lg:max-w-none">
@@ -49,18 +49,18 @@
</div>
<!-- Right: Council Photo -->
<div class="relative w-full lg:max-w-none flex justify-center items-center">
<div class="relative flex w-full items-center justify-center lg:max-w-none">
<div
class="relative overflow-hidden rounded-2xl shadow-2xl ring-1 ring-ecsess-400/20 ring-offset-2 ring-offset-ecsess-900/50 flex justify-center items-center"
class="ring-ecsess-400/20 ring-offset-ecsess-900/50 relative flex items-center justify-center overflow-hidden rounded-2xl shadow-2xl ring-1 ring-offset-2"
>
<div
class="absolute inset-0 rounded-2xl bg-linear-to-br from-ecsess-500/10 to-transparent"
class="from-ecsess-500/10 absolute inset-0 rounded-2xl bg-linear-to-br to-transparent"
aria-hidden="true"
></div>
<img
src={data.councilPhoto}
alt="ECSESS Council"
class="relative w-full h-full object-contain object-center"
class="relative h-full w-full object-contain object-center"
/>
</div>
</div>
@@ -71,7 +71,10 @@
<Section from="from-ecsess-800" to="to-ecsess-900">
<div class="w-full">
<h2 class="text-2xl font-bold" id="office-hours">Lounge Office Hours</h2>
<p class="text-ecsess-200 mb-8">Come visit us in our student lounge at ENGTR 1060 to grab a coffee (free), play Mario Kart, or just chat about anything!</p>
<p class="text-ecsess-200 mb-8">
Come visit us in our student lounge at ENGTR 1060 to grab a coffee (free), play Mario Kart, or
just chat about anything!
</p>
<OhSchedule allOhs={data.allOHs} />
</div>
</Section>