diff --git a/src/components/Markdown.tsx b/src/components/Markdown.tsx index d649a53..4580ef5 100644 --- a/src/components/Markdown.tsx +++ b/src/components/Markdown.tsx @@ -13,7 +13,7 @@ import rehypeStringify from "rehype-stringify"; import remarkGfm from "remark-gfm"; import HelpIcon from "~icons/carbon/help"; -const markdownHelpUrl = +export const markdownHelpUrl = "https://drdanielappel.de/tipps-tools/markdown-eine-einfach-zu-erlernende-auszeichnungssprache/#cmtoc_anchor_id_0"; export const MarkdownHelpLabel: Component = () => ( diff --git a/src/components/WelcomeModal.tsx b/src/components/WelcomeModal.tsx index 8908671..0a13a17 100644 --- a/src/components/WelcomeModal.tsx +++ b/src/components/WelcomeModal.tsx @@ -33,6 +33,7 @@ import { shuffle, } from "~/util"; import { capitalize } from "froebel"; +import { markdownHelpUrl } from "./Markdown"; export const description = "Räppli ist eine freie Web App zur Erstellung von Schweizerischen Rechnungen inklusive QR-Code. Erfasse deine Rechnungspositionen und erhalte unmittelbar eine druckbare Rechnung."; @@ -632,7 +633,50 @@ const WelcomeModal: Component = (props) => { } alignCenter={false} > - test +
+ Du kannst deinen Text formatieren, indem du ihn mit ganz + bestimmten Zeichen versiehst! Welche Zeichen das sind, wird + durch den "Markdown"-Standard definiert. +
+
+ Erfahre{" "}
+
+ hier
Dein Text:
++ {["- *Pizza*", "- **Gemüse**", "- ***Salat***"].join( + "\n" + )} ++
Ausgabe:
+