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! // Temporary progress bar. Update the value below!
import { Progress } from '@skeletonlabs/skeleton-svelte'; import { Progress } from '@skeletonlabs/skeleton-svelte';
let progress = 60; let progress = 63.33;
</script> </script>
<title> McGill ECSESS </title> <title> McGill ECSESS </title>
<!-- ECSESS Introduction --> <!-- ECSESS Introduction -->
<Section> <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"> <div class="flex h-1/2 flex-col items-center justify-center text-center">
<p class="page-title">What is ECSESS?</p> <p class="page-title">What is ECSESS?</p>
<div class="p-4">
<RichText value={data.description} /> <RichText value={data.description} />
</div>
<br /> <div class="animate-pulse">
<p class="italic"> <p class="italic">
Current development progress: {progress}% Development progress: {progress}%
</p> </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> <Progress value={progress} max={100} meterBg="bg-ecsess-200" height="h-4"></Progress>
</div> </div>
</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> </Section>
<!-- Picture, FAQ --> <!-- Picture, FAQ -->
<!-- Office Hours Calendar -->
<Section black> <Section black>
<div class="md:grid md:grid-cols-3 md:gap-6"> <div class="w-full">
<div class="col-span-2"> <div class="">
<h1>Our Student Council</h1> <h1 id="office-hours">Office Hours</h1>
<img src={data.councilPhoto} alt="ECSESS Council" /> <OhSchedule allOhs={data.allOHs} />
</div> </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> <h1>FAQ</h1>
<FaqAccordion entries={data.faqs} /> <FaqAccordion entries={data.faqs} />
</div> </div>
</div> <div id="sponsors">
</Section> <h1>Sponsors</h1>
<!-- Office Hours Calendar --> {'<Insert companies & brands/>'}
<Section>
<div>
<h1 class="text-2xl">Office Hours</h1>
<OhSchedule allOhs={data.allOHs}/>
</div> </div>
</Section> </Section>