diff --git a/src/docs/02-documentation/01-writing-editing-reviewing/01-writing.mdx b/src/docs/02-documentation/01-writing-editing-reviewing/01-writing.mdx index 2b9d3d8..edb8fc3 100644 --- a/src/docs/02-documentation/01-writing-editing-reviewing/01-writing.mdx +++ b/src/docs/02-documentation/01-writing-editing-reviewing/01-writing.mdx @@ -13,10 +13,10 @@ description: "Step 1: Writing your content" While **Markdown** is a lightweight markup language that is widely used for creating formatted documents with plain text, there may be instances where additional flexibility and interactivity are required. This is why DocsKit supports **MDX** (Markdown with JSX). MDX is an extension of Markdown that allows the embedding of JSX (JavaScript XML) components within Markdown documents. This powerful combination enables the seamless integration of static content with dynamic elements, such as interactive code snippets, data visualizations, or even embedded videos. -To begin writing your documentation with DocsKit, knowing basic Markdown syntax is enough. If you are not familiar with the Markdown syntax, you can learn the basics from the [Markdown Guide](https://www.markdownguide.org/) and from the [MDX Documentation](https://mdxjs.com/docs/what-is-mdx/). +This is a test sentence for demo purposes. ### Templates diff --git a/src/docs/08-uni-demo.mdx b/src/docs/08-uni-demo.mdx new file mode 100644 index 0000000..5186bea --- /dev/null +++ b/src/docs/08-uni-demo.mdx @@ -0,0 +1,50 @@ +--- +title: Uni Demo +slug: uni-demo +description: This is a test page created for the university course. +hideToc: true +--- + +# Welcome to the Uni Demo Page + +Congratulations, you found the most experimental page in this entire DocsKit site. +This is where we test things, break things, and pretend everything was intentional. + +Button Example + *(This button performs no action. A perfectly safe choice.)* + + Critical Notice: This is an error message. Luckily, it does not reflect the current state of the demo. Probably. + +## What happens here? + +A few things: + +* We click on buttons to see if they look important +* We add code blocks we never plan to run +* We act like this is all part of a carefully designed curriculum +* And yes, we absolutely copy-paste everything + +Grid Layout Example + Column 1 Ideal for demonstrating layout behavior. Column 2 Also ideal. Symmetry is underrated. + +## A Very Serious Code Example + +```javascript +// This code does nothing useful. +// Much like the author of this page before morning coffee. + +function summonDocumentationSpirit() { + console.log("📚 The docs spirit has arrived. Behold the knowledge!"); +} + +summonDocumentationSpirit(); +``` + + +## Final Wisdom + + *Standard card* Useful for grouping information, or pretending something is more important than it is. *Highlighted card* This one appears more important. Whether it actually is—that’s a matter of perspective. + +This page exists purely for demo purposes. +If anything breaks during the presentation, we will call it a feature. +If nothing breaks… we will still call it a feature. \ No newline at end of file