https://nakednous.gitlab.io/showcase/ Recent content in Introduction on Showcase Template Hugo -- gohugo.io en-us https://nakednous.gitlab.io/showcase/docs/shortcodes/p5/iframe/ Mon, 01 Jan 0001 00:00:00 +0000 https://nakednous.gitlab.io/showcase/docs/shortcodes/p5/iframe/ p5 iframe shortcodes embed p5.js code within an iframe element. There are two p5 iframe shortcodes: p5-iframe and p5-global-iframe. p5-iframe # {{< p5-iframe ver="1.6.0" sketch="/path/to/sketch.js" lib1="https://cdntolib1/lib1.js" width="800" height="600" >}} All parameters are optional but sketch. Default values are shown in the above snippet but for libs*. Up to lib5 libs may be specified. Color relativity # Look at this brief explanation about what color relativity is. p5-iframe markdown {{< p5-iframe sketch="/showcase/sketches/colors. https://nakednous.gitlab.io/showcase/docs/shortcodes/p5/div/ Mon, 01 Jan 0001 00:00:00 +0000 https://nakednous.gitlab.io/showcase/docs/shortcodes/p5/div/ p5 div shortcodes embed p5.js code within a div element. There are two p5 div shortcodes: p5-div and p5-instance-div. p5-div # {{< p5-div ver="1.6.0" sketch="/path/to/sketch.js" lib1="https://cdntolib1/lib1.js" >}} All parameters are optional but sketch. Default values are shown in the above snippet but for libs*. Up to lib5 libs may be specified. Scintillating grid # Look at this and also this among many more references there are. p5-div markdown {{< p5-div sketch="/showcase/sketches/scintillating. https://nakednous.gitlab.io/showcase/docs/shortcodes/buttons/ Mon, 01 Jan 0001 00:00:00 +0000 https://nakednous.gitlab.io/showcase/docs/shortcodes/buttons/ Buttons # Buttons are styled links that can lead to local page or external link. Example # {{< button relref="/" [class="..."] >}}Get Home{{< /button >}} {{< button href="https://github.com/alex-shpak/hugo-book" >}}Contribute{{< /button >}} Get Home Contribute https://nakednous.gitlab.io/showcase/docs/shortcodes/columns/ Mon, 01 Jan 0001 00:00:00 +0000 https://nakednous.gitlab.io/showcase/docs/shortcodes/columns/ Columns # Columns help organize shorter pieces of content horizontally for readability. {{< columns >}} <!-- begin columns block --> # Left Content Lorem markdownum insigne... <---> <!-- magic separator, between columns --> # Mid Content Lorem markdownum insigne... <---> <!-- magic separator, between columns --> # Right Content Lorem markdownum insigne... {{< /columns >}} Example # Left Content # Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat stringit, frustra Saturnius uteroque inter! https://nakednous.gitlab.io/showcase/docs/shortcodes/details/ Mon, 01 Jan 0001 00:00:00 +0000 https://nakednous.gitlab.io/showcase/docs/shortcodes/details/ Details # Details shortcode is a helper for details html5 element. It is going to replace expand shortcode. Example # {{< details "Title" [open] >}} ## Markdown content Lorem markdownum insigne... {{< /details >}} Title Markdown content # Lorem markdownum insigne… Title Markdown content # Lorem markdownum insigne… https://nakednous.gitlab.io/showcase/docs/shortcodes/hints/ Mon, 01 Jan 0001 00:00:00 +0000 https://nakednous.gitlab.io/showcase/docs/shortcodes/hints/ Hints # Hint shortcode can be used as hint/alerts/notification block. There are 3 colors to choose: info, warning and danger. {{< 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 >}} Example # Markdown content Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa Markdown content https://nakednous.gitlab.io/showcase/docs/shortcodes/katex/ Mon, 01 Jan 0001 00:00:00 +0000 https://nakednous.gitlab.io/showcase/docs/shortcodes/katex/ KaTeX # KaTeX shortcode let you render math typesetting in markdown document. See KaTeX Example # {{< katex [display] [class="text-center"] >}} f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi {{< /katex >}} \[f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi\] Display Mode Example # Here is some inline example: \(\pi(x)\) , rendered in the same line. And below is display example, having display: block \[f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi\] Text continues here. https://nakednous.gitlab.io/showcase/docs/shortcodes/mermaid/ Mon, 01 Jan 0001 00:00:00 +0000 https://nakednous.gitlab.io/showcase/docs/shortcodes/mermaid/ Mermaid Chart # MermaidJS is library for generating svg charts and diagrams from text. Override Mermaid Initialization Config To override the initialization config for Mermaid, create a mermaid.json file in your assets folder! Example # {{< mermaid [class="text-center"]>}} stateDiagram-v2 State1: The state with a note note right of State1 Important information! You can write notes. end note State1 --> State2 note left of State2 : This is the note to the left. https://nakednous.gitlab.io/showcase/docs/shortcodes/tabs/ Mon, 01 Jan 0001 00:00:00 +0000 https://nakednous.gitlab.io/showcase/docs/shortcodes/tabs/ Tabs # Tabs let you organize content by context, for example installation instructions for each supported platform. {{< tabs "uniqueid" >}} {{< tab "MacOS" >}} # MacOS Content {{< /tab >}} {{< tab "Linux" >}} # Linux Content {{< /tab >}} {{< tab "Windows" >}} # Windows Content {{< /tab >}} {{< /tabs >}} Example # MacOS MacOS # This is tab MacOS content. Lorem markdownum insigne. Olympo signis Delphis!