diff --git a/components/ttcmd/index.tsx b/components/ttcmd/index.tsx
index 972040f..1c70992 100644
--- a/components/ttcmd/index.tsx
+++ b/components/ttcmd/index.tsx
@@ -141,7 +141,11 @@ function render(token: Token, usedIds: string[]) {
);
case "text":
- return
{token.content};
+ return (
+
+ {token.content.replaceAll("\\n", "\n")}
+
+ );
case "p":
return (
diff --git a/md/help articles/How to use ttcMD.md b/md/help articles/How to use ttcMD.md
index f9680ed..866355f 100644
--- a/md/help articles/How to use ttcMD.md
+++ b/md/help articles/How to use ttcMD.md
@@ -7,6 +7,7 @@
- [Pop-outs](#pop-outs)
- [Block-level Elements](#block-level-elements)
- [Accordions](#accordions)
+ - [Card](#card)
# How do you use ttcMD?
@@ -81,4 +82,41 @@ I can include a [link](#accordions), or *italic* and **bold** text.
I can even include a card, like this one
]]
[/accordion]
+/[]
+
+### Card
+
+Cards are just neat boxes. They can hold any markdown within them, but not other cards (it looks bad).
+
+[][][]
+```
+[[
+Card text!
+
+This is a real wild thing! Look, an accordion!
+
+[accordion Hello, am accordion!]
+super secret! I'll never tell!
+[/accordion]
+]]
+```
+[[
+Card text!
+
+This is a real wild thing! Look, an accordion!
+
+[accordion Hello, am accordion!]
+
+Never gonna give you up,\n
+Never gonna let you down,\n
+Never gonna run around\n
+And desert you.
+
+Never gonna make you cry,\n
+Never gonna say good-bye,\n
+Never gonna tell a lie\n
+And hurt you.
+
+[/accordion]
+]]
/[]
\ No newline at end of file