52 lines
1.2 KiB
Svelte
52 lines
1.2 KiB
Svelte
<script>
|
|
import FaqAccordion from 'components/FAQAccordion.svelte';
|
|
import Section from 'components/Section.svelte';
|
|
import { PortableText } from '@portabletext/svelte';
|
|
|
|
/** loading things from the server side */
|
|
let { data } = $props();
|
|
|
|
// Temporary progress bar. Update the value below!
|
|
import { Progress } from '@skeletonlabs/skeleton-svelte';
|
|
let progress = 60;
|
|
</script>
|
|
|
|
<title> McGill ECSESS </title>
|
|
|
|
<!-- ECSESS Introduction -->
|
|
<Section>
|
|
<div class="flex h-1/2 flex-col items-center justify-center text-center">
|
|
<p class="page-title">What is ECSESS?</p>
|
|
<div id="test">
|
|
<PortableText value={data.description} />
|
|
</div>
|
|
|
|
<br />
|
|
<p class="italic">
|
|
Current development progress: {progress}%
|
|
</p>
|
|
<div id="progress" class="w-[80vw] lg:w-1/2 border-2">
|
|
<Progress value={progress} max={100} meterBg="bg-ecsess-200" height="h-4"></Progress>
|
|
</div>
|
|
</div>
|
|
</Section>
|
|
|
|
<!-- Picture, FAQ -->
|
|
<Section black>
|
|
<div>
|
|
<h1>Our Student Council</h1>
|
|
<img src={data.councilPhoto} alt="ECSESS Council" />
|
|
</div>
|
|
<div>
|
|
<h1>FAQ</h1>
|
|
<FaqAccordion entries={data.faqs} />
|
|
</div>
|
|
</Section>
|
|
<!-- Office Hours Calendar -->
|
|
<Section>
|
|
<div>
|
|
<h1 class="text-2xl">Office Hours</h1>
|
|
<p>Under development</p>
|
|
</div>
|
|
</Section>
|