ux: update dark mode+

content/docs/cheat-sheets/markdown-extended-syntax/index.md

@@ -0,0 +1,153 @@
+---
+title: "Markdown Extended Syntax"
+description: "A quick reference to the Markdown extended syntax."
+summary: "A quick reference to the Markdown extended syntax."
+date: 2023-05-12T16:35:56+02:00
+lastmod: 2023-05-12T16:35:56+02:00
+draft: false
+images: []
+menu:
+  docs:
+    parent: ""
+    identifier: "markdown-extended-syntax-f467db1a842b35cffcbd916e2e6a56bc"
+weight: 220
+toc: true
+---
+
+A quick reference to the Markdown extended syntax.
+{ .lead }
+
+{{< callout icon="info-circle" >}}
+Refer to the [extended syntax](https://www.markdownguide.org/extended-syntax) reference guide for more information.
+{{< /callout >}}
+
+## Table
+
+```md
+| Syntax | Description |
+| ----------- | ----------- |
+| Header | Title |
+| Paragraph | Text |
+```
+
+| Syntax | Description |
+| ----------- | ----------- |
+| Header | Title |
+| Paragraph | Text |
+
+## Fenced Code Block
+
+````md
+```json
+{
+  "firstName": "John",
+  "lastName": "Smith",
+  "age": 25
+}
+```
+````
+
+```json
+{
+  "firstName": "John",
+  "lastName": "Smith",
+  "age": 25
+}
+```
+
+## Footnote
+
+```md
+Here's a sentence with a footnote. [^1]
+
+[^1]: This is the footnote.
+```
+
+Here's a sentence with a footnote. [^1]
+
+[^1]: This is the footnote.
+
+## Heading ID
+
+```md
+### My Great Heading{#custom-id}
+```
+
+### My Great Heading{#custom-id}
+
+```html
+<h3 id="custom-id">My Great Heading</h3>
+```
+
+## Definition List
+
+```md
+term
+: definition
+```
+
+term
+: definition
+
+## Strikethrough
+
+```md
+~~The world is flat.~~
+```
+
+~~The world is flat.~~
+
+## Task List
+
+```md
+- [x] Write the press release
+- [ ] Update the website
+- [ ] Contact the media
+{.list-unstyled}
+```
+
+- [x] Write the press release
+- [ ] Update the website
+- [ ] Contact the media
+{.list-unstyled}
+
+## Emoji
+
+{{< callout icon="info-circle" >}}
+Copy the emoji shortcode from [Emoji Cheat Sheet](https://www.webfx.com/tools/emoji-cheat-sheet/) by clicking on the emoji.
+{{< /callout >}}
+
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-md" data-lang="md"><span class="line"><span class="cl">That is so funny! &#58;joy:
+</span></span></code></pre></div>
+
+That is so funny! :joy:
+
+## Unsupported elements
+
+{{< callout icon="info-circle" >}}
+Hugo does not [support](https://www.markdownguide.org/tools/hugo/#hugo-markdown-support) the highlight, subscript, and superscript elements. Use the HTML element itself instead.
+{{< /callout >}}
+
+### Highlight
+
+```md
+I need to highlight these <mark>very important words</mark>.
+```
+
+I need to highlight these <mark>very important words</mark>.
+
+### Subscript
+
+```md
+H<sub>2</sub>O
+```
+
+H<sub>2</sub>O
+
+### Superscript
+
+```md
+X<sup>2</sup>
+```
+
+X<sup>2</sup>