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

[feat] Added quick links on Homepage

Browse Source
This commit is contained in:
Karen Chen
2026-01-02 01:39:35 -05:00
parent dc722963a9
commit 27f0b2b1f9
1 changed files with 27 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/routes/+page.svelte
View File

@@ -7,6 +7,7 @@
import SeoMetaTags from 'components/layout/SeoMetaTags.svelte'; import SeoMetaTags from 'components/layout/SeoMetaTags.svelte';
import AffiliatedClubs from 'components/homepage/AffiliatedClubs.svelte'; import AffiliatedClubs from 'components/homepage/AffiliatedClubs.svelte';
import { fade } from 'svelte/transition'; import { fade } from 'svelte/transition';
import Button from 'components/Button.svelte';
/** loading things from the server side */ /** loading things from the server side */
let { data } = $props(); let { data } = $props();
@@ -19,7 +20,7 @@
<Section from="from-ecsess-black" to="to-ecsess-900"> <Section from="from-ecsess-black" to="to-ecsess-900">
<div class="place-self-center md:grid md:grid-cols-1 md:gap-6 lg:grid-cols-3"> <div class="place-self-center md:grid md:grid-cols-1 md:gap-6 lg:grid-cols-3">
<div class="place-self-center md:place-content-around lg:col-span-1 lg:m-8"> <div class="place-self-center md:place-content-around lg:col-span-1 lg:m-8">
<div class="flex h-1/2 flex-col place-content-center text-center"> <div class="flex flex-col text-center lg:pt-2">
<p> <p>
{#each 'We are ECSESS!' as char, i} {#each 'We are ECSESS!' as char, i}
<span class="page-title" in:fade|global={{ delay: 200 + i * 100, duration: 800 }} <span class="page-title" in:fade|global={{ delay: 200 + i * 100, duration: 800 }}
@@ -27,9 +28,31 @@
> >
{/each} {/each}
</p> </p>
<div class="p-4"> <div class="p-4">
<RichText value={data.description} /> <RichText value={data.description} />
</div>
<div class="mt-6 grid grid-cols-1 gap-3 sm:grid-cols-2">
<a href="/events"
class="rounded-md border border-ecsess-200 bg-ecsess-500 px-4 py-2
text-center text-sm font-semibold text-ecsess-50 transition-colors
hover:bg-ecsess-600/50 hover:border-ecsess-300"
> Events
</a>
<a href="/r/trot5th" target="_blank" rel="noopener noreferrer"
class="rounded-md border border-ecsess-200 bg-ecsess-500 px-4 py-2
text-center text-sm font-semibold text-ecsess-50 transition-colors
hover:bg-ecsess-600/50 hover:border-ecsess-300"
>Trottier Booking
</a>
<a href="/r/ctrlz" target="_blank" rel="noopener noreferrer"
class="rounded-md border border-ecsess-200 bg-ecsess-500 px-4 py-2
text-center text-sm font-semibold text-ecsess-50 transition-colors
hover:bg-ecsess-600/50 hover:border-ecsess-300"
>Ctrl + Z
</a>
</div>
</div>
</div> </div>
</div> </div>
<div class="m-2 place-content-around lg:col-span-2 lg:mx-12 lg:my-0"> <div class="m-2 place-content-around lg:col-span-2 lg:mx-12 lg:my-0">