erika.florist
Rust library to generate static websites
1# Main Heading
2
3Welcome to the **Maudit Custom Components** showcase! This example demonstrates _all_ the available markdown components with custom styling.
4
5## Text Formatting
6
7Here's some **bold text** and _italic text_ and `inline code`. You can also use ~~strikethrough text~~ for corrections.
8
9Let's also test a hard break here:
10This line comes after a hard break.
11
12## Links and Images
13
14Here are different types of links:
15
16- [Internal link](/about)
17- [External link](https://github.com/maudit-org/maudit)
18- [Link with title](https://example.com "Example Website")
19
20
21
22## Lists
23
24### Unordered List
25
26- First item
27- Second item with **bold text**
28- Third item with _italic text_
29- Fourth item with `inline code`
30
31### Ordered List
32
331. First numbered item
342. Second numbered item
353. Third numbered item with [an external link](https://example.com)
36
37### Task List
38
39- [x] Completed task
40- [ ] Incomplete task
41- [x] Another completed task
42- [ ] Another incomplete task
43
44## Blockquotes
45
46Here's a regular blockquote:
47
48> This is a regular blockquote with some text that spans multiple lines and contains **bold** and _italic_ text.
49
50And here are GitHub-style blockquotes:
51
52> [!NOTE]
53> This is a note blockquote with important information.
54
55> [!TIP]
56> This is a tip blockquote with helpful advice.
57
58> [!IMPORTANT]
59> This is an important blockquote that you should pay attention to.
60
61> [!WARNING]
62> This is a warning blockquote about potential issues.
63
64> [!CAUTION]
65> This is a caution blockquote about dangerous operations.
66
67## Code Blocks
68
69Here's some inline `code` and here's a code block:
70
71```rs
72fn main() {
73 println!("Hello, world!");
74 let numbers = vec![1, 2, 3, 4, 5];
75 for number in numbers {
76 println!("Number: {}", number);
77 }
78}
79```
80
81In Maudit 0.3.0, code blocks do not unfortunately allow for custom components yet.
82
83## Tables
84
85| Header 1 | Header 2 | Header 3 |
86| ------------ | :------------------------------: | --------------: |
87| Left aligned | Center aligned | Right aligned |
88| Data 1 | Data 2 | Data 3 |
89| More data | **Bold data** | _Italic data_ |
90| `Code data` | [Link data](https://example.com) | ~~Strike data~~ |
91
92---
93
94## Horizontal Rule
95
96The line above is a horizontal rule that separates sections.
97
98## Nested Elements
99
100Here's a complex example with nested formatting:
101
1021. **First item** with _italic_ and `code`
1032. Second item with [an external link](https://example.com) and ~~strikethrough~~
104 - Nested unordered item
105 - Another nested item with **bold** text
1063. Third item with an image: 
107
108### Complex Blockquote
109
110> This blockquote contains a list with:
111>
112> - **Bold text**
113> - _Italic text_
114> - `Inline code`
115> - [A link](https://example.com)
116
117## All Together
118
119This section combines **all** the _components_ in `one` ~~paragraph~~ to show how they work together with [links](https://example.com) and hard breaks:
120New line after break!
121
122> [!TIP]
123> You can combine all these components to create rich, interactive markdown content with custom styling!