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

Merge branch 'new-homepage-look'

Browse Source
This commit is contained in:
Antoine Phan
2025-07-25 15:52:46 -04:00
parent 3844968812 17303b07fb
commit c67d68595f
1 changed files with 41 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/routes/+page.svelte
View File

@@ -9,44 +9,59 @@
// Temporary progress bar. Update the value below!
import { Progress } from '@skeletonlabs/skeleton-svelte';
let progress = 60;
let progress = 63.33;
</script>
<title> McGill ECSESS </title>
<!-- ECSESS Introduction -->
<Section>
<div class="place-self-center-safe md:grid md:gap-6 lg:grid-cols-3">
<div class="m-8 w-full place-self-center md:place-content-around lg:col-span-1">
<div class="flex h-1/2 flex-col items-center justify-center text-center">
<p class="page-title">What is ECSESS?</p>
<div class="p-4">
<RichText value={data.description} />
</div>
<br />
<div class="animate-pulse">
<p class="italic">
Current development progress: {progress}%
Development progress: {progress}%
</p>
<div id="progress" class="w-[80vw] lg:w-1/2 border-2">
<div id="progress" class="my-2 border-2">
<Progress value={progress} max={100} meterBg="bg-ecsess-200" height="h-4"></Progress>
</div>
</div>
</div>
</div>
<div class="m-4 place-content-around lg:col-span-2 lg:mx-12 lg:my-0">
<img
src={data.councilPhoto}
alt="ECSESS Council"
class="ring-ecsess-600 shadow-ecsess-400 rounded-2xl shadow-md ring-4"
/>
</div>
</div>
</Section>
<!-- Picture, FAQ -->
<!-- Office Hours Calendar -->
<Section black>
<div class="md:grid md:grid-cols-3 md:gap-6">
<div class="col-span-2">
<h1>Our Student Council</h1>
<img src={data.councilPhoto} alt="ECSESS Council" />
<div class="w-full">
<div class="">
<h1 id="office-hours">Office Hours</h1>
<OhSchedule allOhs={data.allOHs} />
</div>
<div class="col-span-1 place-self-center md:place-content-around m-6 w-full">
</div>
</Section>
<Section>
<div class="col-span-1">
<h1>FAQ</h1>
<FaqAccordion entries={data.faqs} />
</div>
</div>
</Section>
<!-- Office Hours Calendar -->
<Section>
<div>
<h1 class="text-2xl">Office Hours</h1>
<OhSchedule allOhs={data.allOHs}/>
<div id="sponsors">
<h1>Sponsors</h1>
{'<Insert companies & brands/>'}
</div>
</Section>