Deploy preview for PR 141 🛫

Author: Bhumikagarggg

pr-preview/pr-141/content-formatting-examples/index.html

@@ -9,7 +9,7 @@
 <a href=#code class=heading-anchor aria-label="Permalink to this heading">🔗</a></h3><pre tabindex=0><code>This is a code block.
 </code></pre><p>Inline code like <code>var foo = "bar";</code> is supported.</p><h3 id=lists class=heading-link>Lists
 <a href=#lists class=heading-anchor aria-label="Permalink to this heading">🔗</a></h3><p>Unordered:</p><ul><li>Liverpool F.C.</li><li>Chelsea F.C.</li><li>Manchester United F.C.</li></ul><p>Ordered:</p><ol><li>Michael Brecker</li><li>Seamus Blake</li><li>Branford Marsalis</li></ol><p>Task list:</p><ul><li><input checked disabled type=checkbox> Create a Hugo theme</li><li><input checked disabled type=checkbox> Add task lists to it</li><li><input disabled type=checkbox> Take a vacation</li></ul><h3 id=tables class=heading-link>Tables
-<a href=#tables class=heading-anchor aria-label="Permalink to this heading">🔗</a></h3><table><thead><tr><th>Artist</th><th>Album</th><th>Year</th></tr></thead><tbody><tr><td>Michael Jackson</td><td>Thriller</td><td>1982</td></tr><tr><td>Prince</td><td>Purple Rain</td><td>1984</td></tr><tr><td>Beastie Boys</td><td>License to Ill</td><td>1986</td></tr></tbody></table><p>Inline code inside table cells:</p><table><thead><tr><th>Language</th><th>Code</th></tr></thead><tbody><tr><td>JavaScript</td><td><code>var foo = "bar";</code></td></tr><tr><td>Ruby</td><td><code>foo = "bar"</code></td></tr></tbody></table><hr><p>Small images should be shown at their actual size.</p><p><div class=md__image><img id="[115 289 239 363 249 364]" src=https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Picea_abies_shoot_with_buds%2C_Sogndal%2C_Norway.jpg/240px-Picea_abies_shoot_with_buds%2C_Sogndal%2C_Norway.jpg onclick=openModal(this.id) alt class=md-image-responsive></div></p><p>Large images should always scale down and fit in the content container.</p><p><div class=md__image><img id="[63 436 204 135 269 267]" src=https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Picea_abies_shoot_with_buds%2C_Sogndal%2C_Norway.jpg/1024px-Picea_abies_shoot_with_buds%2C_Sogndal%2C_Norway.jpg onclick=openModal(this.id) alt class=md-image-responsive></div></p><p><em>The photo above of the Spruce Picea abies shoot with foliage buds: Bjørn Erik Pedersen, CC-BY-SA.</em></p><h2 id=components class=heading-link>Components
+<a href=#tables class=heading-anchor aria-label="Permalink to this heading">🔗</a></h3><table><thead><tr><th>Artist</th><th>Album</th><th>Year</th></tr></thead><tbody><tr><td>Michael Jackson</td><td>Thriller</td><td>1982</td></tr><tr><td>Prince</td><td>Purple Rain</td><td>1984</td></tr><tr><td>Beastie Boys</td><td>License to Ill</td><td>1986</td></tr></tbody></table><p>Inline code inside table cells:</p><table><thead><tr><th>Language</th><th>Code</th></tr></thead><tbody><tr><td>JavaScript</td><td><code>var foo = "bar";</code></td></tr><tr><td>Ruby</td><td><code>foo = "bar"</code></td></tr></tbody></table><hr><p>Small images should be shown at their actual size.</p><p><div class=md__image><img id="[88 114 63 168 142 253]" src=https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Picea_abies_shoot_with_buds%2C_Sogndal%2C_Norway.jpg/240px-Picea_abies_shoot_with_buds%2C_Sogndal%2C_Norway.jpg onclick=openModal(this.id) alt class=md-image-responsive></div></p><p>Large images should always scale down and fit in the content container.</p><p><div class=md__image><img id="[151 409 183 189 344 219]" src=https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Picea_abies_shoot_with_buds%2C_Sogndal%2C_Norway.jpg/1024px-Picea_abies_shoot_with_buds%2C_Sogndal%2C_Norway.jpg onclick=openModal(this.id) alt class=md-image-responsive></div></p><p><em>The photo above of the Spruce Picea abies shoot with foliage buds: Bjørn Erik Pedersen, CC-BY-SA.</em></p><h2 id=components class=heading-link>Components
 <a href=#components class=heading-anchor aria-label="Permalink to this heading">🔗</a></h2><h3 id=embedded-design class=heading-link>Embedded design
 <a href=#embedded-design class=heading-anchor aria-label="Permalink to this heading">🔗</a></h3><pre tabindex=0><code>{{&lt; meshery-design-embed
   id=&#34;embedded-design-c811e9f4-2522-4eb6-b775-7475545356d8&#34;
@@ -20,6 +20,6 @@
 <a href=#tabpanel class=heading-anchor aria-label="Permalink to this heading">🔗</a></h3><ul class="nav nav-tabs" id=tabs-7 role=tablist><li class=nav-item><button class="nav-link active" id=tabs-07-00-tab data-bs-toggle=tab data-bs-target=#tabs-07-00 role=tab data-td-tp-persist="example 1" aria-controls=tabs-07-00 aria-selected=true>
 Example 1</button></li><li class=nav-item><button class=nav-link id=tabs-07-01-tab data-bs-toggle=tab data-bs-target=#tabs-07-01 role=tab data-td-tp-persist="example 2" aria-controls=tabs-07-01 aria-selected=false>
 Example 2</button></li><li class=nav-item><button class=nav-link id=tabs-07-02-tab data-bs-toggle=tab data-bs-target=#tabs-07-02 role=tab data-td-tp-persist="example 3" aria-controls=tabs-07-02 aria-selected=false>
-Example 3</button></li></ul><div class=tab-content id=tabs-7-content><div class="tab-body tab-pane fade show active" id=tabs-07-00 role=tabpanel aria-labelled-by=tabs-07-00-tab tabindex=7><p>Tabs help organize related content.</p><ul><li>Concise explanation</li><li>Another brief point</li></ul></div><div class="tab-body tab-pane fade" id=tabs-07-01 role=tabpanel aria-labelled-by=tabs-07-01-tab tabindex=7><p>Tabs help organize related content.</p><ul><li>Concise explanation</li><li>Another brief point</li></ul></div><div class="tab-body tab-pane fade" id=tabs-07-02 role=tabpanel aria-labelled-by=tabs-07-02-tab tabindex=7><p>Here is an example image:</p><p><div class=md__image><img id="[50 14 351 103 480 367]" src=https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Picea_abies_shoot_with_buds%2C_Sogndal%2C_Norway.jpg/1024px-Picea_abies_shoot_with_buds%2C_Sogndal%2C_Norway.jpg onclick=openModal(this.id) alt class=md-image-responsive></div></p></div></div><h3 id=collapsible class=heading-link>Collapsible
+Example 3</button></li></ul><div class=tab-content id=tabs-7-content><div class="tab-body tab-pane fade show active" id=tabs-07-00 role=tabpanel aria-labelled-by=tabs-07-00-tab tabindex=7><p>Tabs help organize related content.</p><ul><li>Concise explanation</li><li>Another brief point</li></ul></div><div class="tab-body tab-pane fade" id=tabs-07-01 role=tabpanel aria-labelled-by=tabs-07-01-tab tabindex=7><p>Tabs help organize related content.</p><ul><li>Concise explanation</li><li>Another brief point</li></ul></div><div class="tab-body tab-pane fade" id=tabs-07-02 role=tabpanel aria-labelled-by=tabs-07-02-tab tabindex=7><p>Here is an example image:</p><p><div class=md__image><img id="[290 227 202 251 70 366]" src=https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Picea_abies_shoot_with_buds%2C_Sogndal%2C_Norway.jpg/1024px-Picea_abies_shoot_with_buds%2C_Sogndal%2C_Norway.jpg onclick=openModal(this.id) alt class=md-image-responsive></div></p></div></div><h3 id=collapsible class=heading-link>Collapsible
 <a href=#collapsible class=heading-anchor aria-label="Permalink to this heading">🔗</a></h3><details class=details-shortcode><summary><strong>This is a collapsible title</strong></summary><div class=details-content><p>This is the collapsed content.</p><p>It can be a list:</p><ul><li>First item</li><li>Second item</li></ul></div></details><h3 id=footnotes class=heading-link>Footnotes
 <a href=#footnotes class=heading-anchor aria-label="Permalink to this heading">🔗</a></h3><p>This is a superscript number for your footnote. <sup id=fnref:1><a href=#fn:1 class=footnote-ref role=doc-noteref>1</a></sup></p><div class=footnotes role=doc-endnotes><hr><ol><li id=fn:1><p>This is a footnote.&#160;<a href=#fnref:1 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a></p></li></ol></div><nav class="pagination-nav mt-5" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--next" href=https://meshery-extensions.github.io/meshery-academy/pr-preview/pr-141/certifications/><div class=pagination-nav__sublabel>Next</div><div class=pagination-nav__label>Certifications <i class="fa fa-chevron-right"></i></div></a></nav></div><div style=margin-top:2rem></div></main></div></div></div><script src=https://meshery-extensions.github.io/meshery-academy/pr-preview/pr-141/js/main.min.93a3bf75eba7f67cb62933bdc16aff4dc235ec3930d0090a0bdf2a9941f29237.js integrity="sha256-k6O/deun9ny2KTO9wWr/TcI17Dkw0AkKC98qmUHykjc=" crossorigin=anonymous></script><script defer src=https://meshery-extensions.github.io/meshery-academy/pr-preview/pr-141/js/click-to-copy.min.73478a7d4807698aed7e355eb23f9890ca18fea3158604c8471746d046702bad.js integrity="sha256-c0eKfUgHaYrtfjVesj+YkMoY/qMVhgTIRxdG0EZwK60=" crossorigin=anonymous></script><script src=https://meshery-extensions.github.io/meshery-academy/pr-preview/pr-141/js/tabpane-persist.js></script><div id=myModal class=academy-image-modal><button class=academy-image-modal-close onclick=closeModal()>close</button><div class=academy-image-modal-cont><img class=academy-image-modal-pic id=modalPic onclick=closeModal() style=max-width:100%;max-height:80vh;margin:auto alt=academy-image-modal-pic></div></div><script>function openModal(e){var t;typeof e=="string"?t=document.getElementById(e).src:e instanceof HTMLImageElement&&(t=e.src),t&&t.includes("#")&&(t=t.substring(0,t.indexOf("#"))),document.getElementById("modalPic").src=t,document.getElementById("myModal").style.display="block"}function closeModal(){document.getElementById("modalPic").src="",document.getElementById("myModal").style.display="none"}document.addEventListener("keydown",function(e){e.key==="Escape"&&closeModal()}),document.addEventListener("DOMContentLoaded",function(){var e,t=document.querySelectorAll("img");t.forEach(function(e){e.onclick=function(){e.dataset.modal!=="false"&&openModal(e)}}),e=document.getElementById("myModal"),e.addEventListener("click",function(){closeModal()})})</script></body></html>