Add Wall of Text component to website
This commit is contained in:
15
astro/src/components/web/WallOfText.astro
Normal file
15
astro/src/components/web/WallOfText.astro
Normal file
@@ -0,0 +1,15 @@
|
||||
---
|
||||
import { markdownToHtml } from "@/lib/markdown";
|
||||
|
||||
interface Props {
|
||||
wallOfText: WallOfTextComponent;
|
||||
}
|
||||
|
||||
const wallOfText = Astro.props.wallOfText;
|
||||
console.log(markdownToHtml(wallOfText.text));
|
||||
---
|
||||
|
||||
<div id={`walloftext-${wallOfText.id}`} class="flex flex-col py-12 px-12 container mx-auto gap-4">
|
||||
<h2 class="text-5xl font-bold">{wallOfText.title}</h2>
|
||||
<div set:html={markdownToHtml(wallOfText.text)}></div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user