feat: add missing KF6 framework recipes

This commit is contained in:
2026-05-07 07:53:26 +01:00
parent d8d498f831
commit a69f479b52
2374 changed files with 2610246 additions and 0 deletions
@@ -0,0 +1,639 @@
<!DOCTYPE html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>test.markdown</title>
<meta name="generator" content="KF5::SyntaxHighlighting - Definition (Markdown) - Theme (Breeze Dark)"/>
</head><body style="background-color:#232629;color:#cfcfc2"><pre>
<span style="color:#7a7c7d">---</span>
<span style="color:#3f8058">Title:</span><span style="color:#7a7c7d"> A Sample Markdown Document</span>
<span style="color:#3f8058">Author:</span><span style="color:#7a7c7d"> Fletcher T. Penney</span>
<span style="color:#3f8058">Date:</span><span style="color:#7a7c7d"> February 9, 2011</span>
<span style="color:#3f8058">Comment:</span><span style="color:#7a7c7d"> This is a comment intended to demonstrate </span>
<span style="color:#7a7c7d"> metadata that spans multiple lines.</span>
<span style="color:#7a7c7d">---</span>
<span style="color:#8e44ad;font-weight:bold"># H1</span>
<span style="color:#8e44ad;font-weight:bold">## H2</span>
<span style="color:#8e44ad;font-weight:bold">### H3</span>
Multi-line paragraph bla bla bla
bla bla bla.
Intentional line break<span style="color:#999999;text-decoration:underline"> </span>
via two spaces at line.
Formats: <span style="font-style:italic">_italic_</span>, <span style="font-weight:bold">**bold**</span>, <span style="color:#c45b00">`monospace`</span>, <span style="text-decoration:line-through">~~strikeout~~</span>, <span style="color:#95da4c;background-color:#4d1f24;font-weight:bold">==highlight==</span>
Emoji: <span style="color:#3daee9">:joy:</span> <span style="color:#3daee9">:+1:</span>
Table:
<span style="color:#27ae60">|</span> Syntax <span style="color:#27ae60">|</span> Description <span style="color:#27ae60">|</span> Test Text <span style="color:#27ae60">|</span> Note <span style="color:#27ae60">|</span>
<span style="color:#27ae60">| :---</span> <span style="color:#27ae60">| :----:</span> <span style="color:#27ae60">| ---:</span> <span style="color:#27ae60">| ----</span> <span style="color:#27ae60">|</span>
<span style="color:#27ae60">|</span> Header <span style="color:#27ae60">|</span> Title <span style="color:#27ae60">|</span> <span style="color:#3daee9">\|</span> this <span style="color:#27ae60">|</span> <span style="color:#27ae60">|</span>
Bullet list:
<span style="color:#da4453;font-weight:bold">* </span>item1
<span style="color:#da4453;font-weight:bold">* </span>item2
Numbered list:
<span style="color:#da4453">1. </span>item 1
<span style="color:#da4453">2. </span>item 2
Task list:
<span style="color:#da4453;font-weight:bold">- </span><span style="color:#27aeae">[x]</span> Finish my changes
<span style="color:#da4453;font-weight:bold">- </span><span style="color:#27aeae">[ ]</span> Push my commits
<span style="color:#da4453;font-weight:bold">- </span><span style="color:#27aeae">[ ]</span> Open a pull request
A link as normal text: <span style="text-decoration:underline">http://example.com</span>
<span style="color:#7a7c7d">[</span><span style="color:#27ae60;text-decoration:underline">link</span><span style="color:#7a7c7d">](</span><span style="color:#7a7c7d;text-decoration:underline">http://kde.org</span><span style="color:#7a7c7d">)</span>
Auto-link: <span style="color:#27ae60">&lt;</span><span style="color:#27ae60;text-decoration:underline">http://kate-editor.org</span><span style="color:#27ae60">></span>
Mail: <span style="color:#27ae60">&lt;mailto:</span><span style="color:#27ae60;font-style:italic;text-decoration:underline">mark@kde.org</span><span style="color:#27ae60">></span>
This is <span style="color:#7a7c7d">[</span><span style="color:#27ae60;text-decoration:underline">an example</span><span style="color:#7a7c7d">](</span><span style="color:#7a7c7d;text-decoration:underline">http://example.com/</span><span style="color:#7a7c7d"> "Title")</span> inline link.
See my <span style="color:#7a7c7d">[</span><span style="color:#27ae60;text-decoration:underline">About</span><span style="color:#7a7c7d">](/about/)</span> page for details.
This is <span style="color:#7a7c7d">[</span><span style="color:#27ae60;text-decoration:underline">an example</span><span style="color:#7a7c7d">] [</span><span style="color:#7a7c7d">id</span><span style="color:#7a7c7d">]</span> reference-style link.
<span style="color:#27ae60">[id]: </span><span style="color:#27ae60;text-decoration:underline">http://example.com/</span><span style="color:#27ae60"> "Optional Title Here"</span>
<span style="color:#27ae60">[foo]: </span><span style="color:#27ae60;text-decoration:underline">http://example.com/</span><span style="color:#27ae60"> 'Optional Title Here'</span>
<span style="color:#27ae60">[bar]: </span><span style="color:#27ae60;text-decoration:underline">http://example.com/</span><span style="color:#27ae60"> (Optional Title Here)</span>
<span style="color:#27ae60">[id2]: &lt;</span><span style="color:#27ae60;text-decoration:underline">http://example.com/</span><span style="color:#27ae60">> "Optional Title Here"</span>
<span style="color:#95da4c;background-color:#4d1f24">![Alt text](/path/to/img.jpg)</span>
<span style="color:#95da4c;background-color:#4d1f24">![Alt text](/path/to/img.jpg "Optional title")</span>
<span style="color:#7a7c7d">[</span><span style="color:#95da4c;background-color:#4d1f24">![Alt text](</span><span style="color:#95da4c;background-color:#4d1f24;text-decoration:underline">https://url/to/img.svg</span><span style="color:#95da4c;background-color:#4d1f24">)</span><span style="color:#7a7c7d">](</span><span style="color:#7a7c7d;text-decoration:underline">https://link.com/example/</span><span style="color:#7a7c7d">)</span>
<span style="color:#c45b00"> code 1</span>
<span style="color:#c45b00"> code 2</span>
normal text
<span style="color:#2980b9">></span><span style="color:#2980b9"> block quote </span><span style="color:#2980b9;font-style:italic">_italic_</span>
<span style="color:#2980b9">></span><span style="color:#2980b9"> more block quote</span>
normal text
Title: some text
normal text
<span style="color:#8e44ad;font-weight:bold"># Lists</span>
<span style="color:#da4453">1. </span>item
<span style="color:#da4453;font-weight:bold"> * </span>This is a list item
with multiple lines.
<span style="color:#c45b00">```</span>
<span style="color:#c45b00"> code</span>
<span style="color:#c45b00"> </span><span style="color:#c45b00">```</span>
<span style="color:#2980b9"> ></span><span style="color:#2980b9"> This is a</span>
<span style="color:#2980b9"> blockquote</span>
This is a new paragraph, which
is part of the item in the
previous list.
<span style="color:#c45b00"> indented code block</span>
Other paragraph.
<span style="color:#da4453;font-weight:bold"> * </span>subitem
<span style="color:#da4453;font-weight:bold"> * </span>subitem
with multiple
lines.
New paragraph of
the previous subitem.
<span style="color:#c45b00"> code block</span>
<span style="font-weight:bold"> -----------------------</span>
Other paragraph of
the subitem.
<span style="color:#da4453"> 30. </span>numlist item
<span style="color:#da4453"> 31. </span>numlist item
New paragraph of
the previous item.
<span style="color:#2980b9"> ></span><span style="color:#2980b9"> Blockquote</span>
<span style="color:#c45b00"> code block</span>
Other paragraph.
<span style="color:#8e44ad;font-weight:bold"># Inline HTML</span>
<span style="color:#f67400">&amp;copy;</span>
<span style="color:#2980b9">&lt;</span><span style="font-weight:bold">strong</span><span style="color:#2980b9">></span>bold<span style="color:#2980b9">&lt;/</span><span style="font-weight:bold">strong</span><span style="color:#2980b9">></span>
<span style="color:#2980b9">&lt;</span><span style="font-weight:bold">code</span><span style="color:#2980b9">></span>code<span style="color:#2980b9">&lt;/</span><span style="font-weight:bold">code</span><span style="color:#2980b9">></span>
<span style="color:#2980b9">&lt;</span><span style="font-weight:bold">table</span><span style="color:#2980b9">></span>
<span style="color:#2980b9">&lt;</span><span style="font-weight:bold">tr</span><span style="color:#2980b9">></span>
<span style="color:#2980b9">&lt;</span><span style="font-weight:bold">th</span><span style="color:#2980b9">></span>a<span style="color:#2980b9">&lt;/</span><span style="font-weight:bold">th</span><span style="color:#2980b9">></span>
<span style="color:#2980b9">&lt;</span><span style="font-weight:bold">th</span><span style="color:#2980b9">></span>b<span style="color:#2980b9">&lt;/</span><span style="font-weight:bold">th</span><span style="color:#2980b9">></span>
<span style="color:#2980b9">&lt;/</span><span style="font-weight:bold">tr</span><span style="color:#2980b9">></span>
<span style="color:#2980b9">&lt;</span><span style="font-weight:bold">tr</span><span style="color:#2980b9">></span>
<span style="color:#2980b9">&lt;</span><span style="font-weight:bold">th</span><span style="color:#2980b9">>&lt;</span><span style="font-weight:bold">ul</span><span style="color:#2980b9">></span>
<span style="color:#2980b9">&lt;</span><span style="font-weight:bold">li</span><span style="color:#2980b9">></span>c<span style="color:#2980b9">&lt;/</span><span style="font-weight:bold">li</span><span style="color:#2980b9">></span>
<span style="color:#2980b9">&lt;</span><span style="font-weight:bold">li</span><span style="color:#2980b9">></span>d<span style="color:#2980b9">&lt;/</span><span style="font-weight:bold">li</span><span style="color:#2980b9">></span>
<span style="color:#2980b9">&lt;/</span><span style="font-weight:bold">ul</span><span style="color:#2980b9">>&lt;/</span><span style="font-weight:bold">th</span><span style="color:#2980b9">></span>
<span style="color:#2980b9">&lt;</span><span style="font-weight:bold">th</span><span style="color:#2980b9">></span>e<span style="color:#2980b9">&lt;/</span><span style="font-weight:bold">th</span><span style="color:#2980b9">></span>
<span style="color:#2980b9">&lt;/</span><span style="font-weight:bold">tr</span><span style="color:#2980b9">></span>
<span style="color:#2980b9">&lt;/</span><span style="font-weight:bold">table</span><span style="color:#2980b9">></span>
normal text <span style="font-style:italic">*italic*</span>
<span style="color:#8e44ad;font-weight:bold"># Code</span>
<span style="color:#c45b00">`simple code`</span>
<span style="color:#c45b00">``simple ` code``</span>
<span style="color:#c45b00">```simple `` ` code ```</span>
<span style="color:#c45b00">````simple`code````</span>
normal text
normal text
normal text
normal text
<span style="color:#c45b00"> code blocks are only allowed</span>
<span style="color:#c45b00"> after an empty line.</span>
<span style="color:#da4453;font-weight:bold">* </span>list
list
normal text
<span style="color:#da4453">1. </span>num-list
num-list
normal text
<span style="color:#2980b9">></span><span style="color:#2980b9"> quote</span>
<span style="color:#2980b9"> quote</span>
<span style="color:#c45b00"> code block</span>
normal
<span style="color:#7a7c7d">&lt;!-- comment --></span>
<span style="color:#c45b00"> &lt;!-- code, not comment --></span>
<span style="color:#c45b00"> code</span>
normal
<span style="color:#7a7c7d"> &lt;!-- coment --></span>
<span style="color:#c45b00"> code</span>
<span style="color:#8e44ad;font-weight:bold"># Fenced code blocks (bug 356974)</span>
<span style="color:#8e44ad;font-weight:bold">## Bash</span>
<span style="color:#c45b00">```bash</span>
<span style="color:#7a7c7d">#!/usr/bin/env bash</span>
<span style="color:#fdbc4b;font-weight:bold">for</span> f <span style="font-weight:bold">in</span> <span style="color:#27ae60">*</span><span style="font-weight:bold">;</span> <span style="color:#fdbc4b;font-weight:bold">do</span>
<span style="color:#7f8c8d">echo</span> <span style="color:#f44f4f">"</span><span style="color:#27aeae">$</span><span style="color:#27aeae">f</span><span style="color:#f44f4f">"</span>
<span style="color:#fdbc4b;font-weight:bold">done</span>
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## C++</span>
<span style="color:#c45b00">```cpp</span>
<span style="color:#27ae60">#include </span><span style="color:#27ae60">&lt;QtCore/QObject></span>
<span style="font-weight:bold">class</span> Q <span style="color:#3f8058">:</span> <span style="font-weight:bold">public</span> <span style="color:#0099ff;font-weight:bold">QObject</span> <span style="color:#3f8058">{</span>
<span style="color:#0099ff;font-weight:bold">Q_OBJECT</span>
<span style="font-weight:bold">public</span><span style="color:#3f8058">:</span>
Q<span style="color:#3f8058">()</span><span style="color:#3f8058">;</span>
<span style="color:#3f8058">}</span>
Q<span style="color:#3f8058">::</span>Q<span style="color:#3f8058">()</span> <span style="color:#3f8058">:</span><span style="color:#0099ff;font-weight:bold">QObject</span><span style="color:#3f8058">(</span>NULL<span style="color:#3f8058">)</span> <span style="color:#3f8058">{</span>
<span style="color:#3f8058">}</span>
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## C</span>
<span style="color:#c45b00">```c</span>
<span style="color:#27ae60">#include </span><span style="color:#27ae60">&lt;stdio.h></span>
<span style="color:#27ae60">#include </span><span style="color:#27ae60">"stdint.h"</span>
<span style="color:#27ae60">#define SOME_VAR </span><span style="color:#f67400">1</span>
<span style="color:#2980b9">static</span> <span style="color:#2980b9">uint64_t</span> intWithSuffix <span style="color:#3f8058">=</span> <span style="color:#f67400">42</span><span style="color:#7f8c8d">ull</span> <span style="color:#3f8058">+</span> <span style="color:#3f8058">~</span><span style="color:#f67400">1233</span><span style="color:#7f8c8d">L</span><span style="color:#3f8058">;</span>
<span style="color:#2980b9">static</span> <span style="color:#2980b9">int</span> octNum <span style="color:#3f8058">=</span> <span style="color:#f67400">07232</span><span style="color:#3f8058">;</span>
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## C# ##</span>
<span style="color:#c45b00">```csharp</span>
<span style="color:#2980b9">var</span> arr <span style="color:#3f8058">=</span> <span style="font-weight:bold">new</span><span style="color:#3f8058">[]</span> <span style="color:#3f8058">{</span> <span style="color:#f67400">0</span><span style="color:#3f8058">,</span> <span style="color:#f67400">1</span><span style="color:#3f8058">,</span> <span style="color:#f67400">2</span><span style="color:#3f8058">,</span> <span style="color:#f67400">3</span><span style="color:#3f8058">,</span> <span style="color:#f67400">4</span> <span style="color:#3f8058">};</span>
<span style="color:#2980b9">var</span> anon <span style="color:#3f8058">=</span> <span style="font-weight:bold">new</span> <span style="color:#3f8058">{</span> Country <span style="color:#3f8058">=</span> <span style="color:#f44f4f">"Germany"</span><span style="color:#3f8058">,</span> Inhabitants <span style="color:#3f8058">=</span> <span style="color:#f67400">80000000</span> <span style="color:#3f8058">};</span>
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## CMake</span>
<span style="color:#c45b00">```cmake</span>
<span style="font-weight:bold">cmake_minimum_required</span>(<span style="color:#27ae60">VERSION</span> <span style="color:#2980b9">3.10</span> <span style="color:#27ae60">FATAL_ERROR</span>)
<span style="font-weight:bold">project</span> (hello_world)
<span style="font-weight:bold">set</span>(<span style="color:#c09050">QT_MIN_VERSION</span> <span style="color:#f44f4f">"5.6.0"</span>)
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## CSS</span>
<span style="color:#c45b00">```css</span>
h1<span style="color:#8e44ad">.main</span><span style="color:#c45b00;font-style:italic">::hover</span> {
<span style="font-weight:bold">font-size</span><span style="color:#3daee9">:</span> <span style="color:#f67400">100</span><span style="color:#3f8058">;</span>
<span style="font-weight:bold">color</span><span style="color:#3daee9">:</span> <span style="color:#27aeae;font-weight:bold">green</span><span style="color:#3f8058">;</span>
}
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## Email</span>
<span style="color:#c45b00">```email</span>
<span style="color:#7f8c8d">From:</span> Konqi Dragon <span style="color:#27aeae">&lt;konqi@kde.org></span>
<span style="color:#7f8c8d">To:</span> All <span style="color:#27aeae">&lt;all@kde.og></span>
<span style="color:#7f8c8d">Subject:</span> highlights
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## Go</span>
<span style="color:#c45b00">```go</span>
<span style="font-weight:bold">package</span> main
<span style="font-weight:bold">import</span> <span style="color:#f44f4f">"fmt"</span>
<span style="font-weight:bold">func</span> main<span style="color:#3f8058">()</span> <span style="color:#3f8058">{</span>
fmt<span style="color:#3f8058">.</span>Println<span style="color:#3f8058">(</span><span style="color:#f44f4f">"Hola, mundo."</span><span style="color:#3f8058">)</span>
<span style="color:#3f8058">}</span>
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## Haskell</span>
<span style="color:#c45b00">```haskell</span>
<span style="font-weight:bold">module</span> <span style="color:#2980b9">Main</span> (main) <span style="font-weight:bold">where</span>
<span style="color:#27ae60">main </span><span style="color:#27ae60">::</span> <span style="color:#2980b9">IO</span> ()
main <span style="color:#27ae60">=</span> <span style="color:#8e44ad">putStrLn</span> <span style="color:#f44f4f">"Hello, World!"</span>
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## HTML</span>
<span style="color:#c45b00">```html</span>
<span style="color:#2980b9">&lt;</span><span style="font-weight:bold">html</span><span style="color:#2980b9">></span>
<span style="color:#2980b9">&lt;</span><span style="font-weight:bold">body</span><span style="color:#2980b9">></span>
<span style="color:#2980b9">&lt;</span><span style="font-weight:bold">p</span><span style="color:#27ae60"> class</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"main"</span><span style="color:#2980b9">></span>Hello world!<span style="color:#2980b9">&lt;/</span><span style="font-weight:bold">p</span><span style="color:#2980b9">></span>
<span style="color:#2980b9">&lt;/</span><span style="font-weight:bold">body</span><span style="color:#2980b9">></span>
<span style="color:#2980b9">&lt;/</span><span style="font-weight:bold">html</span><span style="color:#2980b9">></span>
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## Java</span>
<span style="color:#c45b00">```java</span>
<span style="font-weight:bold">package</span><span style="color:#27ae60"> fibsandlies</span><span style="color:#3f8058">;</span>
<span style="font-weight:bold">import</span> <span style="color:#27ae60">java</span><span style="color:#3f8058">.</span><span style="color:#27ae60">util</span><span style="color:#3f8058">.</span><span style="color:#27ae60">HashMap</span><span style="color:#3f8058">;</span>
<span style="color:#7a7c7d;font-weight:bold">/**</span>
<span style="color:#7a7c7d;font-weight:bold"> * This is an example of a Javadoc comment; Javadoc can compile documentation</span>
<span style="color:#7a7c7d;font-weight:bold"> * from this text. </span><span style="color:#7a7c7d">Javadoc comments must immediately precede the class, method, or field being documented.</span>
<span style="color:#7a7c7d"> </span><span style="color:#7a7c7d;font-weight:bold">*/</span>
<span style="font-weight:bold">public</span> <span style="font-weight:bold">class</span> FibCalculator <span style="font-weight:bold">extends</span> Fibonacci <span style="font-weight:bold">implements</span> Calculator <span style="color:#3f8058">{</span>
<span style="font-weight:bold">private</span> <span style="color:#2980b9">static</span> <span style="color:#7f8c8d">Map</span><span style="color:#3f8058">&lt;</span><span style="color:#7f8c8d">Integer</span><span style="color:#3f8058">,</span> <span style="color:#7f8c8d">Integer</span><span style="color:#3f8058">></span> memoized <span style="color:#3f8058">=</span> <span style="font-weight:bold">new</span> <span style="color:#7f8c8d">HashMap</span><span style="color:#3f8058">&lt;</span><span style="color:#7f8c8d">Integer</span><span style="color:#3f8058">,</span> <span style="color:#7f8c8d">Integer</span><span style="color:#3f8058">>();</span>
<span style="font-weight:bold">public</span> <span style="color:#2980b9">static</span> <span style="color:#2980b9">void</span> <span style="color:#8e44ad">main</span><span style="color:#3f8058">(</span><span style="color:#7f8c8d">String</span><span style="color:#3f8058">[]</span> args<span style="color:#3f8058">)</span> <span style="color:#3f8058">{</span>
memoized<span style="color:#3f8058">.</span><span style="color:#8e44ad">put</span><span style="color:#3f8058">(</span><span style="color:#f67400">1</span><span style="color:#3f8058">,</span> <span style="color:#f67400">1</span><span style="color:#3f8058">);</span>
memoized<span style="color:#3f8058">.</span><span style="color:#8e44ad">put</span><span style="color:#3f8058">(</span><span style="color:#f67400">2</span><span style="color:#3f8058">,</span> <span style="color:#f67400">1</span><span style="color:#3f8058">);</span>
<span style="color:#7f8c8d">System</span><span style="color:#3f8058">.</span><span style="color:#8e44ad">out</span><span style="color:#3f8058">.</span><span style="color:#8e44ad">println</span><span style="color:#3f8058">(</span><span style="color:#8e44ad">fibonacci</span><span style="color:#3f8058">(</span><span style="color:#f67400">12</span><span style="color:#3f8058">));</span>
<span style="color:#3f8058">}</span>
<span style="color:#3f8058">}</span>
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## JavaScript</span>
<span style="color:#c45b00">```js</span>
<span style="font-weight:bold">function</span> <span style="color:#8e44ad">factorial</span>(n) {
<span style="color:#fdbc4b;font-weight:bold">if</span> (n <span style="color:#3f8058">===</span> <span style="color:#f67400">0</span>) {
<span style="color:#fdbc4b;font-weight:bold">return</span> <span style="color:#f67400">1</span><span style="color:#3f8058">;</span> <span style="color:#7a7c7d">// 0! = 1</span>
}
<span style="color:#fdbc4b;font-weight:bold">return</span> n <span style="color:#3f8058">*</span> <span style="color:#8e44ad">factorial</span>(n <span style="color:#3f8058">-</span> <span style="color:#f67400">1</span>)<span style="color:#3f8058">;</span>
}
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## JavaScript React (JSX)</span>
<span style="color:#c45b00">```jsx</span>
<span style="font-weight:bold">&lt;hello</span> <span style="font-weight:bold">/></span>
<span style="font-weight:bold">function</span> <span style="color:#8e44ad">Story</span>(props) {
<span style="font-weight:bold">const</span> SpecificStory <span style="color:#3f8058">=</span> components[props<span style="color:#3f8058">.</span><span style="color:#2980b9">storyType</span>]<span style="color:#3f8058">;</span>
<span style="color:#fdbc4b;font-weight:bold">return </span><span style="color:#8e44ad;font-weight:bold">&lt;SpecificStory</span> <span style="color:#27ae60">story</span><span style="color:#3f8058">=</span><span style="color:#27aeae">{</span> props<span style="color:#3f8058">.</span><span style="color:#2980b9">story</span> <span style="color:#27aeae">}</span> <span style="color:#27ae60">attr2</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"</span><span style="color:#f67400">&amp;ref;</span><span style="color:#f44f4f">"</span> <span style="color:#27ae60">attr3</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"Hello\n"</span> <span style="color:#8e44ad;font-weight:bold">/></span><span style="color:#3f8058">;</span>
}
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## JSON</span>
<span style="color:#c45b00">```json</span>
<span style="color:#27ae60;font-weight:bold">[</span><span style="color:#8e44ad;font-weight:bold">{</span>
<span style="color:#2980b9">"hello"</span><span style="color:#8e44ad;font-weight:bold">:</span> <span style="color:#f44f4f">"world"</span><span style="color:#8e44ad;font-weight:bold">,</span>
<span style="color:#2980b9">"count"</span><span style="color:#8e44ad;font-weight:bold">:</span> <span style="color:#f67400">1</span><span style="color:#8e44ad;font-weight:bold">,</span>
<span style="color:#2980b9">"bool"</span><span style="color:#8e44ad;font-weight:bold">:</span> <span style="font-weight:bold">true</span>
<span style="color:#8e44ad;font-weight:bold">}</span><span style="color:#27ae60;font-weight:bold">]</span>
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## Matlab</span>
<span style="color:#c45b00">```matlab</span>
<span style="color:#7a7c7d">% Numbers _____________________________________________</span>
<span style="color:#f67400">5</span><span style="color:#3f8058">,</span> <span style="color:#f67400">5.5</span><span style="color:#3f8058">,</span> <span style="color:#f67400">.1</span><span style="color:#3f8058">,</span> <span style="color:#f67400">0.1</span><span style="color:#3f8058">,</span> <span style="color:#f67400">0.4e5</span><span style="color:#3f8058">,</span> <span style="color:#f67400">1.2e-5</span><span style="color:#3f8058">,</span> <span style="color:#f67400">5i</span><span style="color:#3f8058">,</span> <span style="color:#f67400">5.3i</span><span style="color:#3f8058">,</span> <span style="color:#f67400">6j</span><span style="color:#3f8058">,</span> <span style="color:#f67400">.345</span><span style="color:#3f8058">+</span><span style="color:#f67400">3i</span>
<span style="color:#f67400">5</span><span style="color:#3f8058">',</span> <span style="color:#f67400">5.5</span><span style="color:#3f8058">',</span> <span style="color:#f67400">.1</span><span style="color:#3f8058">',</span> <span style="color:#f67400">0.1</span><span style="color:#3f8058">',</span> <span style="color:#f67400">0.4e5</span><span style="color:#3f8058">',</span> <span style="color:#f67400">1.2e-5</span><span style="color:#3f8058">',</span> <span style="color:#f67400">5i</span><span style="color:#3f8058">',</span> <span style="color:#f67400">5.3i</span><span style="color:#3f8058">',</span> <span style="color:#f67400">6j</span><span style="color:#3f8058">',</span> <span style="color:#f67400">.345</span><span style="color:#3f8058">+</span><span style="color:#f67400">3i</span><span style="color:#3f8058">'</span>
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## Markdown</span>
<span style="color:#c45b00">```markdown</span>
<span style="font-weight:bold">**bold**</span> <span style="color:#c45b00">`code`</span>
<span style="color:#2980b9">></span><span style="color:#2980b9"> quote</span>
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## Mustache/Handlebars</span>
<span style="color:#c45b00">```handlebars</span>
<span style="color:#8e44ad;font-weight:bold">{{#movie}}</span>
<span style="font-weight:bold">&lt;div></span>
<span style="font-weight:bold">&lt;h1></span><span style="color:#27aeae">{{</span>title<span style="color:#27aeae">}}</span><span style="font-weight:bold">&lt;/h1></span>
<span style="font-weight:bold">&lt;img</span><span style="color:#27ae60"> src</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"</span><span style="color:#27aeae">{{</span>poster<span style="color:#27aeae">}}</span><span style="color:#f44f4f">"</span><span style="color:#27ae60"> alt</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"</span><span style="color:#27aeae">{{</span>title<span style="color:#27aeae">}}</span><span style="color:#f44f4f">"</span><span style="font-weight:bold">/></span>
<span style="font-weight:bold">&lt;/div></span>
<span style="font-weight:bold">&lt;div></span>
Rating - <span style="color:#27aeae">{{</span>ratings<span style="color:#3f8058">.</span>critics_rating<span style="color:#27aeae">}}</span>
<span style="font-weight:bold">&lt;/div></span>
<span style="color:#8e44ad;font-weight:bold">{{/movie}}</span>
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## Perl</span>
<span style="color:#c45b00">```perl</span>
<span style="font-weight:bold">my</span> <span style="color:#2980b9">$var</span> = <span style="color:#8e44ad">shift</span>;
<span style="color:#2980b9">$var</span> =~ <span style="color:#27ae60;font-weight:bold">s/</span><span style="color:#27ae60">bla</span><span style="color:#27ae60;font-weight:bold">/</span><span style="color:#f44f4f">foo</span><span style="color:#27ae60;font-weight:bold">/igs</span>;
<span style="color:#2980b9">$var</span> =~ <span style="color:#27ae60;font-weight:bold">s!</span><span style="color:#27ae60">bla</span><span style="color:#27ae60;font-weight:bold">!</span><span style="color:#f44f4f">foo</span><span style="color:#27ae60;font-weight:bold">!igs</span>;
<span style="color:#2980b9">$var</span> =~ <span style="color:#27ae60;font-weight:bold">s#</span><span style="color:#27ae60">bla</span><span style="color:#27ae60;font-weight:bold">#</span><span style="color:#f44f4f">foo</span><span style="color:#27ae60;font-weight:bold">#igs</span>;
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## PHP</span>
<span style="color:#c45b00">```php</span>
<span style="font-weight:bold">namespace</span> Application\Controller<span style="color:#27ae60">;</span>
<span style="font-weight:bold">use</span> Zend\Mvc\Controller\AbstractActionController<span style="color:#27ae60">;</span>
<span style="font-weight:bold">class</span> IndexController <span style="font-weight:bold">extends</span> AbstractActionController
{
}
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## Python</span>
<span style="color:#c45b00">```python</span>
<span style="font-weight:bold">def</span> addXToY(x, y):
total <span style="color:#3f8058">=</span> x <span style="color:#3f8058">+</span> y
<span style="color:#7f8c8d">print</span> total
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## QML</span>
<span style="color:#c45b00">```qml</span>
<span style="color:#27ae60">Text</span> {
<span style="color:#2980b9">id</span><span style="color:#3f8058">:</span> hello
<span style="color:#2980b9">width</span><span style="color:#3f8058">:</span> <span style="color:#f67400">100</span>
<span style="color:#2980b9">text</span><span style="color:#3f8058">:</span> <span style="color:#f44f4f">"Hello world!"</span>
}
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## R</span>
<span style="color:#c45b00">```r</span>
<span style="color:#7a7c7d"># Declare function “f” with parameters “x”, “y“</span>
<span style="color:#7a7c7d"># that returns a linear combination of x and y.</span>
f <span style="color:#27ae60;font-weight:bold">&lt;-</span> <span style="color:#fdbc4b;font-weight:bold">function</span>(x, y) {
z <span style="color:#27ae60;font-weight:bold">&lt;-</span> <span style="color:#f67400">3</span> <span style="color:#3daee9">*</span> x <span style="color:#3daee9">+</span> <span style="color:#f67400">4</span> <span style="color:#3daee9">*</span> y
<span style="color:#8e44ad">return</span>(z)
}
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## Raku</span>
<span style="color:#c45b00">```raku</span>
<span style="font-weight:bold">grammar</span> <span style="color:#2980b9">Parser</span> {
<span style="font-weight:bold">rule</span> TOP {<span style="color:#27ae60"> I </span><span style="color:#3daee9">&lt;</span><span style="color:#f67400">love</span><span style="color:#3daee9">></span><span style="color:#27ae60"> </span><span style="color:#3daee9">&lt;</span><span style="color:#f67400">lang</span><span style="color:#3daee9">></span><span style="color:#27ae60"> </span>}
<span style="font-weight:bold">token</span> love {<span style="color:#27ae60"> </span><span style="color:#3daee9">'</span><span style="color:#f44f4f"></span><span style="color:#3daee9">'</span><span style="color:#27ae60"> </span><span style="color:#fdbc4b;font-weight:bold">|</span><span style="color:#27ae60"> love </span>}
<span style="font-weight:bold">token</span> lang {<span style="color:#27ae60"> </span><span style="color:#3daee9">&lt;</span><span style="color:#f67400"> Raku Perl Rust Go Python Ruby </span><span style="color:#3daee9">></span><span style="color:#27ae60"> </span>}
}
<span style="color:#8e44ad">say</span> <span style="color:#2980b9">Parser</span><span style="color:#3f8058">.</span>parse: <span style="color:#3daee9">'</span><span style="color:#f44f4f">I ♥ Raku</span><span style="color:#3daee9">'</span>;
<span style="color:#8e44ad">say</span> <span style="color:#f67400">1</span> <span style="color:#7a7c7d">#`««« blah </span><span style="color:#ca9219;background-color:#451e1a;font-weight:bold">TODO</span><span style="color:#7a7c7d"> blah</span>
<span style="color:#7a7c7d">here? »»»</span> <span style="color:#f67400">2</span> ;
<span style="color:#8e44ad">say</span> <span style="color:#f67400">1</span> <span style="color:#7a7c7d">#` ( blah </span><span style="color:#ca9219;background-color:#451e1a;font-weight:bold">TODO</span><span style="color:#7a7c7d"> blah</span>
<span style="color:#f67400">2</span> ;
<span style="color:#da4453">rx-</span><span style="color:#27ae60"> regex </span><span style="color:#da4453">-</span>
```
<span style="color:#7a7c7d">## Ruby</span>
```ruby
<span style="font-weight:bold">require</span> <span style="color:#3daee9">'</span><span style="color:#f44f4f">Config</span><span style="color:#3daee9">'</span>
def <span style="color:#2980b9">CGI</span>::<span style="color:#2980b9">escape</span>(string)
string<span style="color:#3f8058">.</span>gsub(<span style="color:#da4453">/</span>([<span style="color:#fdbc4b;font-weight:bold">^</span><span style="color:#27ae60"> a-zA-Z0-9_</span><span style="color:#7f8c8d">.</span><span style="color:#27ae60">-</span>]<span style="color:#fdbc4b;font-weight:bold">+</span>)<span style="color:#da4453">/</span>n) <span style="font-weight:bold">do</span>
<span style="color:#3daee9">'</span><span style="color:#f44f4f">%</span><span style="color:#3daee9">'</span> <span style="color:#3f8058">+</span> <span style="color:#27aeae">$1</span><span style="color:#3f8058">.</span>unpack(<span style="color:#3daee9">'</span><span style="color:#f44f4f">H2</span><span style="color:#3daee9">'</span> <span style="color:#3f8058">*</span> <span style="color:#27aeae">$1</span><span style="color:#3f8058">.</span>size)<span style="color:#3f8058">.</span>join(<span style="color:#3daee9">'</span><span style="color:#f44f4f">%</span><span style="color:#3daee9">'</span>)<span style="color:#3f8058">.</span>upcase
end<span style="color:#3f8058">.</span>tr(<span style="color:#3daee9">'</span><span style="color:#f44f4f"> </span><span style="color:#3daee9">'</span>, <span style="color:#3daee9">'</span><span style="color:#f44f4f">+</span><span style="color:#3daee9">'</span>)
end
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## Rust</span>
<span style="color:#c45b00">```rust</span>
<span style="font-weight:bold">fn</span> main() <span style="color:#3f8058">{</span>
<span style="color:#27ae60">println!</span>(<span style="color:#f44f4f">"Hello world!"</span>)<span style="color:#3f8058">;</span>
<span style="color:#3f8058">}</span>
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## MySQL</span>
<span style="color:#c45b00">```mysql</span>
<span style="color:#7a7c7d">-- comment</span>
<span style="font-weight:bold">CREATE</span> <span style="font-weight:bold">TABLE</span> stuff <span style="font-weight:bold">COLUMNS</span>(col1 <span style="color:#2980b9">INT</span>, col2 <span style="color:#2980b9">Varchar</span>);
<span style="font-weight:bold">SELECT</span> <span style="color:#3f8058">*</span> <span style="font-weight:bold">FROM</span> stuff <span style="font-weight:bold">WHERE</span> id <span style="color:#3f8058">=</span> <span style="color:#f44f4f">'string'</span>;
<span style="font-weight:bold">select</span> <span style="color:#3f8058">*</span> <span style="font-weight:bold">from</span> stuff <span style="font-weight:bold">where</span> id <span style="color:#3f8058">&lt;</span> <span style="color:#f67400">0.42</span>;
<span style="font-weight:bold">Select</span> col1, col2 <span style="font-weight:bold">From</span> stuff <span style="font-weight:bold">Where</span> stuff<span style="color:#3daee9">.</span>col1 <span style="font-weight:bold">IS</span> <span style="font-weight:bold">NOT</span> <span style="font-weight:bold">NuLL</span>;
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## Nim</span>
<span style="color:#c45b00">```nim</span>
<span style="font-weight:bold">proc</span> <span style="color:#f44f4f;font-weight:bold">main</span><span style="font-weight:bold">()</span> <span style="color:#7a7c7d">=</span>
<span style="color:#fdbc4b;font-weight:bold">echo</span> <span style="color:#f44f4f">"Hello world!"</span>
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## TypeScript</span>
<span style="color:#c45b00">```ts</span>
<span style="font-weight:bold;font-style:italic">class</span> Student {
fullName<span style="color:#3f8058">:</span> <span style="color:#2980b9">string</span><span style="color:#3f8058">;</span>
<span style="font-weight:bold;font-style:italic">constructor</span>(<span style="font-weight:bold;font-style:italic">public</span> firstName<span style="color:#3f8058">:</span> <span style="color:#2980b9">string</span><span style="color:#3f8058">,</span> <span style="font-weight:bold;font-style:italic">public</span> middleInitial<span style="color:#3f8058">:</span> <span style="color:#2980b9">string</span><span style="color:#3f8058">,</span> <span style="font-weight:bold;font-style:italic">public</span> lastName<span style="color:#3f8058">:</span> <span style="color:#2980b9">string</span>) {
<span style="font-weight:bold">this</span><span style="color:#3f8058">.</span><span style="color:#2980b9">fullName</span> <span style="color:#3f8058">=</span> firstName <span style="color:#3f8058">+</span> <span style="color:#f44f4f">" "</span> <span style="color:#3f8058">+</span> middleInitial <span style="color:#3f8058">+</span> <span style="color:#f44f4f">" "</span> <span style="color:#3f8058">+</span> lastName<span style="color:#3f8058">;</span>
}
}
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## XML</span>
<span style="color:#c45b00">```xml</span>
&lt;<span style="font-weight:bold">tag</span><span style="color:#27ae60"> attribute</span><span style="color:#27ae60">=</span><span style="color:#f44f4f">"3"</span>>
&lt;<span style="font-weight:bold">nested</span>/>
&lt;/<span style="font-weight:bold">tag</span>>
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## reStructuredText</span>
<span style="color:#c45b00">```rst</span>
Section Header
==============
<span style="color:#2980b9">.. image:: </span>/path/to/image.jpg
- A bullet list item
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## Doxygen</span>
<span style="color:#c45b00">```doxygen</span>
<span style="color:#7a7c7d">a normal member taking two arguments and returning an integer value.</span>
<span style="color:#3f8058;font-weight:bold">@param</span><span style="color:#7a7c7d"> </span><span style="color:#7f8c8d;font-weight:bold">a</span><span style="color:#7a7c7d"> an integer argument.</span>
<span style="color:#3f8058;font-weight:bold">@param</span><span style="color:#7a7c7d"> </span><span style="color:#7f8c8d;font-weight:bold">s</span><span style="color:#7a7c7d"> a constant character pointer.</span>
<span style="color:#3f8058;font-weight:bold">@see</span><span style="color:#7a7c7d"> Javadoc_Test()</span>
<span style="color:#3f8058;font-weight:bold">@see</span><span style="color:#7a7c7d"> publicVar()</span>
<span style="color:#3f8058;font-weight:bold">@return</span><span style="color:#7a7c7d"> The test results</span>
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold">## No language specified</span>
<span style="color:#c45b00">```</span>
<span style="color:#c45b00">No language is specified, but it should be still rendered as code block.</span>
<span style="color:#c45b00">```</span>
<span style="color:#8e44ad;font-weight:bold"># Fenced code blocks with more than 3 backticks or tildes</span>
<span style="color:#c45b00">~~~</span>
<span style="color:#c45b00">Fenced code block with 3 tildes.</span>
<span style="color:#c45b00">~~~</span>
<span style="color:#c45b00">`````````</span>
<span style="color:#c45b00">Some implementations of Markdown/MultiMarkdown support more than 3 backticks or tildes.</span>
<span style="color:#c45b00">```</span>
<span style="color:#c45b00">The block ends with the same amount of backticks.</span>
<span style="color:#c45b00">`````````</span>
<span style="color:#c45b00">~~~~~~~~~~~~</span>
<span style="color:#c45b00">Fenced code block with more tildes.</span>
<span style="color:#c45b00">~~~~~~~~~~~~</span>
<span style="color:#8e44ad;font-weight:bold">## With languages</span>
<span style="color:#c45b00">```````html</span>
<span style="color:#2980b9">&lt;</span><span style="font-weight:bold">html</span><span style="color:#2980b9">></span>
<span style="color:#2980b9">&lt;</span><span style="font-weight:bold">body</span><span style="color:#2980b9">></span>
<span style="color:#2980b9">&lt;</span><span style="font-weight:bold">p</span><span style="color:#27ae60"> class</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">"main"</span><span style="color:#2980b9">></span>Hello world!<span style="color:#2980b9">&lt;/</span><span style="font-weight:bold">p</span><span style="color:#2980b9">></span>
<span style="color:#2980b9">&lt;/</span><span style="font-weight:bold">body</span><span style="color:#2980b9">></span>
<span style="color:#2980b9">&lt;/</span><span style="font-weight:bold">html</span><span style="color:#2980b9">></span>
``` <span style="color:#7a7c7d">&lt;!-- &lt;= doesn't end here --></span>
<span style="color:#c45b00">```````</span>
<span style="color:#c45b00">~~~bash</span>
<span style="color:#fdbc4b;font-weight:bold">for</span> f <span style="font-weight:bold">in</span> <span style="color:#27ae60">*</span><span style="font-weight:bold">;</span> <span style="color:#fdbc4b;font-weight:bold">do</span>
<span style="color:#7f8c8d">echo</span> <span style="color:#f44f4f">"</span><span style="color:#27aeae">$</span><span style="color:#27aeae">f</span><span style="color:#f44f4f">"</span>
<span style="color:#fdbc4b;font-weight:bold">done</span>
<span style="color:#c45b00">~~~</span>
<span style="color:#c45b00">~~~~~~~~~python</span>
<span style="font-weight:bold">def</span> addXToY(x, y):
total <span style="color:#3f8058">=</span> x <span style="color:#3f8058">+</span> y
<span style="color:#7f8c8d">print</span> total
<span style="color:#3f8058">~~~</span> <span style="color:#7a7c7d"># &lt;= doesn't end here</span>
<span style="color:#c45b00">~~~~~~~~~</span>
<span style="color:#8e44ad;font-weight:bold"># Italic and bold text</span>
<span style="font-weight:bold">**b**</span> <span style="font-style:italic">*i*</span> <span style="font-weight:bold">__b__</span> <span style="font-style:italic">_i_</span>
<span style="font-weight:bold;font-style:italic">***ib***</span> <span style="font-weight:bold;font-style:italic">___ib___</span>
<span style="font-weight:bold;font-style:italic">**_ib_**</span> <span style="font-weight:bold;font-style:italic">__*ib*__</span>
<span style="color:#da4453;font-weight:bold">* </span><span style="font-style:italic">_italic_</span> <span style="font-weight:bold">**bold**</span> <span style="font-weight:bold;font-style:italic">***ib***</span> <span style="text-decoration:line-through">~~strikeout~~</span>
<span style="color:#2980b9">></span><span style="color:#2980b9"> </span><span style="color:#2980b9;font-style:italic">_italic_</span><span style="color:#2980b9"> </span><span style="color:#2980b9;font-weight:bold">**bold**</span><span style="color:#2980b9"> </span><span style="color:#2980b9;font-weight:bold;font-style:italic">***ib***</span><span style="color:#2980b9"> </span><span style="color:#2980b9;text-decoration:line-through">~~strikeout~~</span>
<span style="color:#8e44ad;font-weight:bold">## Bold</span>
<span style="font-weight:bold">**bold*___text**</span> normal
<span style="font-weight:bold">__bold_***text__</span> normal
<span style="color:#8e44ad;font-weight:bold">## Italic</span>
<span style="font-style:italic">*italic _ text*</span> normal
<span style="font-style:italic">_italic * text_</span> normal
<span style="color:#8e44ad;font-weight:bold">## Italic-Bold</span>
<span style="font-weight:bold;font-style:italic">***italic-bold ** italic-bold***</span> normal
<span style="font-weight:bold;font-style:italic">***bold-italic text **bold-italic text***</span> normal
<span style="font-weight:bold;font-style:italic">***bold*italic***</span> normal
<span style="font-weight:bold;font-style:italic">**_bold-italic text_**</span> normal
<span style="color:#7a7c7d">&lt;!-- A non-space character is required after or before * or _ --></span>
_ normal text_ * normal text *
<span style="font-style:italic">*italic text*</span>normal text*
<span style="font-style:italic">*italic text *italic text*</span>
<span style="font-weight:bold">**bold text**</span>normal text**
<span style="font-weight:bold">**bold text **bold text**</span>
<span style="color:#7a7c7d">&lt;!-- A delimiter is required after or before _ --></span>
aaa<span style="font-weight:bold">**bold text**</span>aaaaa
aaa__normal text__aaaaa
пристаням_стремятся_
<span style="color:#7a7c7d">&lt;!-- Escapes within bold or italic text --></span>
<span style="color:#3daee9">\*</span>normal text*
_normal text<span style="color:#3daee9">\_</span>
<span style="font-style:italic">**italic text\**</span>
<span style="font-weight:bold">***only bold\***</span>
<span style="font-weight:bold">**bold\** bold**</span>
<span style="color:#8e44ad;font-weight:bold">## Highlight</span>
<span style="color:#95da4c;background-color:#4d1f24;font-weight:bold">==very important words==</span> normal
<span style="color:#95da4c;background-color:#4d1f24;font-weight:bold">==very=important=words==</span> normal
<span style="color:#7a7c7d">&lt;!-- Folding regions for nested headers should also be closed when the parent header is closed --></span>
<span style="color:#8e44ad;font-weight:bold"># 1</span>
<span style="color:#8e44ad;font-weight:bold">## 2</span>
<span style="color:#8e44ad;font-weight:bold">### 3</span>
<span style="color:#8e44ad;font-weight:bold">#### 4</span>
<span style="color:#8e44ad;font-weight:bold">##### 5</span>
<span style="color:#8e44ad;font-weight:bold">###### 6</span>
<span style="color:#8e44ad;font-weight:bold"># 11; 1-6 should close here</span>
<span style="color:#8e44ad;font-weight:bold">## 22</span>
<span style="color:#8e44ad;font-weight:bold">### 33</span>
<span style="color:#8e44ad;font-weight:bold">## 222; 22 and 33 should close here</span>
</pre></body></html>