diff options
Diffstat (limited to 'exampleSite/content/docs/introduction/examples/shortcodes.md')
| -rw-r--r-- | exampleSite/content/docs/introduction/examples/shortcodes.md | 229 |
1 files changed, 0 insertions, 229 deletions
diff --git a/exampleSite/content/docs/introduction/examples/shortcodes.md b/exampleSite/content/docs/introduction/examples/shortcodes.md deleted file mode 100644 index c2f115a..0000000 --- a/exampleSite/content/docs/introduction/examples/shortcodes.md +++ /dev/null @@ -1,229 +0,0 @@ ---- -weight: 3 ---- - -# Shortcodes - -## Hints - -Hint shortcode can be used as hint/alerts/notification block. There are 3 colors to choose: `info`, `warning` and `danger`. -```tpl -{{</* hint [info|warning|danger] */>}} -**Markdown content** -Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat -stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa -{{</* /hint */>}} -``` - -{{< hint info >}} -**Markdown content** -Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat -stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa -{{< /hint >}} - -{{< hint warning >}} -**Markdown content** -Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat -stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa -{{< /hint >}} - -{{< hint danger >}} -**Markdown content** -Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat -stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa -{{< /hint >}} - -## Buttons - -```tpl -{{</* button relref="/" [class="..."] */>}}Get Home{{</* /button */>}} -{{</* button href="https://github.com/alex-shpak/hugo-book" */>}}Contribute{{</* /button */>}} -``` - -{{< button relref="/" >}}Get Home{{< /button >}} -{{< button href="https://github.com/alex-shpak/hugo-book" >}}Contribute{{< /button >}} - -## Tabs - -```tpl -{{</* tabs "uniqueid" */>}} -{{</* tab "MacOS" */>}} # MacOS Content {{</* /tab */>}} -{{</* tab "Linux" */>}} # Linux Content {{</* /tab */>}} -{{</* tab "Windows" */>}} # Windows Content {{</* /tab */>}} -{{</* /tabs */>}} -``` - -{{< tabs "uniqueid" >}} -{{< tab "MacOS" >}} -# MacOS - -This is tab **MacOS** content. - -Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat -stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa -protulit, sed sed aere valvis inhaesuro Pallas animam: qui _quid_, ignes. -Miseratus fonte Ditis conubia. -{{< /tab >}} - -{{< tab "Linux" >}} - -# Linux - -This is tab **Linux** content. - -Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat -stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa -protulit, sed sed aere valvis inhaesuro Pallas animam: qui _quid_, ignes. -Miseratus fonte Ditis conubia. -{{< /tab >}} - -{{< tab "Windows" >}} - -# Windows - -This is tab **Windows** content. - -Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat -stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa -protulit, sed sed aere valvis inhaesuro Pallas animam: qui _quid_, ignes. -Miseratus fonte Ditis conubia. -{{< /tab >}} -{{< /tabs >}} - -## Columns - -```html -{{</* columns */>}} <!-- begin columns block --> -# Left Content -Lorem markdownum insigne... - -<---> <!-- magic sparator, between columns --> - -# Mid Content -Lorem markdownum insigne... - -<---> <!-- magic sparator, between columns --> - -# Right Content -Lorem markdownum insigne... -{{</* /columns */>}} -``` - -{{< columns >}} -## Left Content -Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat -stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa -protulit, sed sed aere valvis inhaesuro Pallas animam: qui _quid_, ignes. -Miseratus fonte Ditis conubia. - -<---> - -## Mid Content -Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat -stringit, frustra Saturnius uteroque inter! - -<---> - -## Right Content -Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat -stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa -protulit, sed sed aere valvis inhaesuro Pallas animam: qui _quid_, ignes. -Miseratus fonte Ditis conubia. -{{< /columns >}} - -## Expand shortcode - -Expand shortcode can help to decrease clutter on screen by hiding part of text - -### Default - -```tpl -{{</* expand */>}} -## Markdown content -Lorem markdownum insigne... -{{</* /expand */>}} -``` - -{{< expand >}} -## Markdown content -Lorem markdownum insigne... -{{< /expand >}} - -### With Custom Label - -```tpl -{{</* expand "Custom Label" "..." */>}} -## Markdown content -Lorem markdownum insigne... -{{</* /expand */>}} -``` - -{{< expand "Custom Label" "..." >}} -## Markdown content -Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat -stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa -protulit, sed sed aere valvis inhaesuro Pallas animam: qui _quid_, ignes. -Miseratus fonte Ditis conubia. -{{< /expand >}} - -## Mermaid Chart - -{{< columns >}} -```tpl -{{</* mermaid [class="text-center"]*/>}} -sequenceDiagram - Alice->>Bob: Hello Bob, how are you? - alt is sick - Bob->>Alice: Not so good :( - else is well - Bob->>Alice: Feeling fresh like a daisy - end - opt Extra response - Bob->>Alice: Thanks for asking - end -{{</* /mermaid */>}} -``` - -<---> - -{{< mermaid >}} -sequenceDiagram - Alice->>Bob: Hello Bob, how are you? - alt is sick - Bob->>Alice: Not so good :( - else is well - Bob->>Alice: Feeling fresh like a daisy - end - opt Extra response - Bob->>Alice: Thanks for asking - end -{{< /mermaid >}} - -{{< /columns >}} - - -## KaTeX - -{{< columns >}} - -```latex -{{</* katex */>}} -x = \begin{cases} - a &\text{if } b \\ - c &\text{if } d -\end{cases} -{{</* /katex */>}} -``` - -<---> - -{{< katex >}} -x = \begin{cases} - a &\text{if } b \\ - c &\text{if } d -\end{cases} -{{< /katex >}} - -{{< /columns >}} - - |