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

Rich Portable Text

Browse Source
This commit is contained in:
Antoine Phan
2025-07-20 00:12:09 -04:00
parent ab2c23f12b
commit 2e1d9e2721
2 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/RichText.svelte Normal file
View File

@@ -0,0 +1,9 @@
<script>
// NOTE: I think there could be a better way to do this
import { PortableText } from '@portabletext/svelte';
let { value } = $props();
</script>
<div id="test" class="prose prose-base lg:prose-lg **:text-ecsess-200">
<PortableText {value} />
</div>

6
src/routes/+page.svelte
View File

@@ -1,7 +1,7 @@
<script> <script>
import FaqAccordion from 'components/FAQAccordion.svelte'; import FaqAccordion from 'components/FAQAccordion.svelte';
import Section from 'components/Section.svelte'; import Section from 'components/Section.svelte';
import { PortableText } from '@portabletext/svelte'; import RichText from 'components/RichText.svelte';
import OhSchedule from 'components/OHSchedule.svelte'; import OhSchedule from 'components/OHSchedule.svelte';
/** loading things from the server side */ /** loading things from the server side */
@@ -18,9 +18,7 @@
<Section> <Section>
<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 id="test"> <RichText value={data.description}/>
<PortableText value={data.description} />
</div>
<br /> <br />
<p class="italic"> <p class="italic">