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

Reponsive homepage: Office hours and sponsors

Browse Source
This commit is contained in:
Antoine Phan
2025-08-04 14:06:59 -04:00
parent 775d13fee2
commit 4b8f7887e8
2 changed files with 51 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/routes/+page.svelte
View File

@@ -49,34 +49,31 @@
<!-- Office Hours Calendar -->
<Section black>
<div class="w-full">
<div class="">
<h1 id="office-hours">Office Hours</h1>
<OhSchedule allOhs={data.allOHs} />
</div>
<h1 id="office-hours">Office Hours</h1>
<OhSchedule allOhs={data.allOHs} />
</div>
</Section>
<Section>
<div class="grid grid-cols-2 w-full max-w-[80vw] gap-24">
<div class="col-span-1">
<div class="grid w-full max-w-[80vw] grid-cols-1 gap-12 lg:gap-24 lg:grid-cols-2">
<div>
<h1>FAQs</h1>
<hr class="hr py-4 border-dashed w-full">
<hr class="hr w-full border-dashed py-4" />
<FaqAccordion entries={data.faqs} />
</div>
<div id="sponsors" class="col-span-1">
<div id="sponsors" class="mb-24">
<h1>Sponsors</h1>
<hr class="hr py-4 border-dashed w-full">
<hr class="hr w-full border-dashed py-4" />
<div class="flex gap-12">
{#each data.sponsors as sponsor}
<div class="max-h-20">
<Link href={sponsor.url}>
<img src={sponsor.logo} alt="{sponsor.name} Logo" class="max-h-24"/>
</Link>
</div>
<div class="max-h-20">
<Link href={sponsor.url}>
<img src={sponsor.logo} alt="{sponsor.name} Logo" class="max-h-24" />
</Link>
</div>
{/each}
</div>
</div>
</div>
</Section>
</Section>