Deploy preview for PR 165 🛫

Author: banana-three-join

pr-preview/pr-165/content-formatting-examples/docsy/index.xml

@@ -392,7 +392,7 @@ This image was processed from a page resource using the Docsy `imgproc` shortcod
 
 
 <div class="md__image">
- <img id="[69 297 49 109 289 274]" src="https://layer5io.github.io/academy-example/pr-preview/pr-165/examples/images/exoscale-icon.png" onclick="openModal(this.id)" alt="Rendered tab image" 
+ <img id="[24 119 207 151 134 290]" src="https://layer5io.github.io/academy-example/pr-preview/pr-165/examples/images/exoscale-icon.png" onclick="openModal(this.id)" alt="Rendered tab image" 
  class="md-image-responsive" />
 </div></p>
 

pr-preview/pr-165/content-formatting-examples/docsy/tabpane-tab/index.html

@@ -4,4 +4,4 @@
 </span></span><span style=display:flex><span>{{&lt; /tabpane &gt;}}
 </span></span></code></pre></div><p><strong>Example:</strong></p><ul class="nav nav-tabs" id=tabs-0 role=tablist><li class=nav-item><button class="nav-link active" id=tabs-00-00-tab data-bs-toggle=tab data-bs-target=#tabs-00-00 role=tab data-td-tp-persist=overview aria-controls=tabs-00-00 aria-selected=true>
 Overview</button></li><li class=nav-item><button class=nav-link id=tabs-00-01-tab data-bs-toggle=tab data-bs-target=#tabs-00-01 role=tab data-td-tp-persist=image aria-controls=tabs-00-01 aria-selected=false>
-Image</button></li></ul><div class=tab-content id=tabs-0-content><div class="tab-body tab-pane fade show active" id=tabs-00-00 role=tabpanel aria-labelled-by=tabs-00-00-tab tabindex=0><p>This is the first rendered tab.</p></div><div class="tab-body tab-pane fade" id=tabs-00-01 role=tabpanel aria-labelled-by=tabs-00-01-tab tabindex=0><p><div class=md__image><img id="[69 297 49 109 289 274]" src=https://layer5io.github.io/academy-example/pr-preview/pr-165/examples/images/exoscale-icon.png onclick=openModal(this.id) alt="Rendered tab image" class=md-image-responsive></div></p></div></div><nav class="pagination-nav mt-5" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href=https://layer5io.github.io/academy-example/pr-preview/pr-165/content-formatting-examples/docsy/swaggerui/><div class=pagination-nav__sublabel>Previous</div><div class=pagination-nav__label><i class="fa fa-chevron-left"></i> SwaggerUI</div></a><a class="pagination-nav__link pagination-nav__link--next" href=https://layer5io.github.io/academy-example/pr-preview/pr-165/content-formatting-examples/docsy/tabpanel/><div class=pagination-nav__sublabel>Next</div><div class=pagination-nav__label>TabPanel <i class="fa fa-chevron-right"></i></div></a></nav></div><div style=margin-top:2rem></div></main></div></div></div><script src=https://layer5io.github.io/academy-example/pr-preview/pr-165/js/main.js></script><script defer src=https://layer5io.github.io/academy-example/pr-preview/pr-165/js/click-to-copy.js crossorigin=anonymous></script><script src=https://layer5io.github.io/academy-example/pr-preview/pr-165/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>
+Image</button></li></ul><div class=tab-content id=tabs-0-content><div class="tab-body tab-pane fade show active" id=tabs-00-00 role=tabpanel aria-labelled-by=tabs-00-00-tab tabindex=0><p>This is the first rendered tab.</p></div><div class="tab-body tab-pane fade" id=tabs-00-01 role=tabpanel aria-labelled-by=tabs-00-01-tab tabindex=0><p><div class=md__image><img id="[24 119 207 151 134 290]" src=https://layer5io.github.io/academy-example/pr-preview/pr-165/examples/images/exoscale-icon.png onclick=openModal(this.id) alt="Rendered tab image" class=md-image-responsive></div></p></div></div><nav class="pagination-nav mt-5" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href=https://layer5io.github.io/academy-example/pr-preview/pr-165/content-formatting-examples/docsy/swaggerui/><div class=pagination-nav__sublabel>Previous</div><div class=pagination-nav__label><i class="fa fa-chevron-left"></i> SwaggerUI</div></a><a class="pagination-nav__link pagination-nav__link--next" href=https://layer5io.github.io/academy-example/pr-preview/pr-165/content-formatting-examples/docsy/tabpanel/><div class=pagination-nav__sublabel>Next</div><div class=pagination-nav__label>TabPanel <i class="fa fa-chevron-right"></i></div></a></nav></div><div style=margin-top:2rem></div></main></div></div></div><script src=https://layer5io.github.io/academy-example/pr-preview/pr-165/js/main.js></script><script defer src=https://layer5io.github.io/academy-example/pr-preview/pr-165/js/click-to-copy.js crossorigin=anonymous></script><script src=https://layer5io.github.io/academy-example/pr-preview/pr-165/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>

pr-preview/pr-165/content-formatting-examples/docsy/tabpanel/index.html

@@ -9,4 +9,4 @@
 </span></span></code></pre></div><p><strong>Example:</strong></p><ul class="nav nav-tabs" id=tabs-0 role=tablist><li class=nav-item><button class="nav-link active" id=tabs-00-00-tab data-bs-toggle=tab data-bs-target=#tabs-00-00 role=tab data-td-tp-persist="example 1" aria-controls=tabs-00-00 aria-selected=true>
 Example 1</button></li><li class=nav-item><button class=nav-link id=tabs-00-01-tab data-bs-toggle=tab data-bs-target=#tabs-00-01 role=tab data-td-tp-persist="example 2" aria-controls=tabs-00-01 aria-selected=false>
 Example 2</button></li><li class=nav-item><button class=nav-link id=tabs-00-02-tab data-bs-toggle=tab data-bs-target=#tabs-00-02 role=tab data-td-tp-persist="example 3" aria-controls=tabs-00-02 aria-selected=false>
-Example 3</button></li></ul><div class=tab-content id=tabs-0-content><div class="tab-body tab-pane fade show active" id=tabs-00-00 role=tabpanel aria-labelled-by=tabs-00-00-tab tabindex=0><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-00-01 role=tabpanel aria-labelled-by=tabs-00-01-tab tabindex=0><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-00-02 role=tabpanel aria-labelled-by=tabs-00-02-tab tabindex=0><p>Here is an example image:</p><p><div class=md__image><img id="[285 83 403 408 331 450]" src=https://layer5io.github.io/academy-example/pr-preview/pr-165/examples/images/layer5-academy-icon.svg onclick=openModal(this.id) alt="Spruce shoot example image" class=md-image-responsive></div></p></div></div><nav class="pagination-nav mt-5" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href=https://layer5io.github.io/academy-example/pr-preview/pr-165/content-formatting-examples/docsy/tabpane-tab/><div class=pagination-nav__sublabel>Previous</div><div class=pagination-nav__label><i class="fa fa-chevron-left"></i> Tabpane and Tab</div></a><a class="pagination-nav__link pagination-nav__link--next" href=https://layer5io.github.io/academy-example/pr-preview/pr-165/content-formatting-examples/docsy/readfile/><div class=pagination-nav__sublabel>Next</div><div class=pagination-nav__label>Readfile <i class="fa fa-chevron-right"></i></div></a></nav></div><div style=margin-top:2rem></div></main></div></div></div><script src=https://layer5io.github.io/academy-example/pr-preview/pr-165/js/main.js></script><script defer src=https://layer5io.github.io/academy-example/pr-preview/pr-165/js/click-to-copy.js crossorigin=anonymous></script><script src=https://layer5io.github.io/academy-example/pr-preview/pr-165/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>
+Example 3</button></li></ul><div class=tab-content id=tabs-0-content><div class="tab-body tab-pane fade show active" id=tabs-00-00 role=tabpanel aria-labelled-by=tabs-00-00-tab tabindex=0><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-00-01 role=tabpanel aria-labelled-by=tabs-00-01-tab tabindex=0><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-00-02 role=tabpanel aria-labelled-by=tabs-00-02-tab tabindex=0><p>Here is an example image:</p><p><div class=md__image><img id="[340 126 500 81 491 467]" src=https://layer5io.github.io/academy-example/pr-preview/pr-165/examples/images/layer5-academy-icon.svg onclick=openModal(this.id) alt="Spruce shoot example image" class=md-image-responsive></div></p></div></div><nav class="pagination-nav mt-5" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href=https://layer5io.github.io/academy-example/pr-preview/pr-165/content-formatting-examples/docsy/tabpane-tab/><div class=pagination-nav__sublabel>Previous</div><div class=pagination-nav__label><i class="fa fa-chevron-left"></i> Tabpane and Tab</div></a><a class="pagination-nav__link pagination-nav__link--next" href=https://layer5io.github.io/academy-example/pr-preview/pr-165/content-formatting-examples/docsy/readfile/><div class=pagination-nav__sublabel>Next</div><div class=pagination-nav__label>Readfile <i class="fa fa-chevron-right"></i></div></a></nav></div><div style=margin-top:2rem></div></main></div></div></div><script src=https://layer5io.github.io/academy-example/pr-preview/pr-165/js/main.js></script><script defer src=https://layer5io.github.io/academy-example/pr-preview/pr-165/js/click-to-copy.js crossorigin=anonymous></script><script src=https://layer5io.github.io/academy-example/pr-preview/pr-165/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>

pr-preview/pr-165/content-formatting-examples/markdown/index.xml

@@ -55,7 +55,7 @@
 
 
 <div class="md__image">
- <img id="[148 14 13 342 447 101]" src="https://layer5io.github.io/academy-example/pr-preview/pr-165/assets/icons/layer5-academy-icon.svg" onclick="openModal(this.id)" alt="Spruce shoot close-up" 
+ <img id="[433 206 393 373 36 443]" src="https://layer5io.github.io/academy-example/pr-preview/pr-165/assets/icons/layer5-academy-icon.svg" onclick="openModal(this.id)" alt="Spruce shoot close-up" 
  class="md-image-responsive" />
 </div></p>
 <p>Large images should always scale down and fit in the content container.</p>
@@ -67,7 +67,7 @@
 
 
 <div class="md__image">
- <img id="[361 146 482 420 271 460]" src="https://layer5io.github.io/academy-example/pr-preview/pr-165/assets/icons/layer5-academy-icon.svg" onclick="openModal(this.id)" alt="Large spruce shoot photo" 
+ <img id="[279 134 349 251 149 385]" src="https://layer5io.github.io/academy-example/pr-preview/pr-165/assets/icons/layer5-academy-icon.svg" onclick="openModal(this.id)" alt="Large spruce shoot photo" 
  class="md-image-responsive" />
 </div></p>
 &lt;p&gt;&lt;em&gt;The photo above of the Spruce Picea abies shoot with foliage buds: Bjørn Erik Pedersen, CC-BY-SA.&lt;/em&gt;&lt;/p&gt;</description></item><item><title>Tables</title><link>https://layer5io.github.io/academy-example/pr-preview/pr-165/content-formatting-examples/markdown/tables/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://layer5io.github.io/academy-example/pr-preview/pr-165/content-formatting-examples/markdown/tables/</guid><description>&lt;table&gt;

pr-preview/pr-165/content-formatting-examples/markdown/responsive-images/index.html

@@ -8462,7 +8462,7 @@ It supports <strong>Markdown</strong> cells, code cells with syntax
 
 
 <div class="md__image">
- <img id="[69 297 49 109 289 274]" src="https://layer5io.github.io/academy-example/pr-preview/pr-165/examples/images/exoscale-icon.png" onclick="openModal(this.id)" alt="Rendered tab image" 
+ <img id="[24 119 207 151 134 290]" src="https://layer5io.github.io/academy-example/pr-preview/pr-165/examples/images/exoscale-icon.png" onclick="openModal(this.id)" alt="Rendered tab image" 
  class="md-image-responsive" />
 </div></p>
 
@@ -8862,7 +8862,7 @@ It supports <strong>Markdown</strong> cells, code cells with syntax
 
 
 <div class="md__image">
- <img id="[148 14 13 342 447 101]" src="https://layer5io.github.io/academy-example/pr-preview/pr-165/assets/icons/layer5-academy-icon.svg" onclick="openModal(this.id)" alt="Spruce shoot close-up" 
+ <img id="[433 206 393 373 36 443]" src="https://layer5io.github.io/academy-example/pr-preview/pr-165/assets/icons/layer5-academy-icon.svg" onclick="openModal(this.id)" alt="Spruce shoot close-up" 
  class="md-image-responsive" />
 </div></p>
 <p>Large images should always scale down and fit in the content container.</p>
@@ -8874,7 +8874,7 @@ It supports <strong>Markdown</strong> cells, code cells with syntax
 
 
 <div class="md__image">
- <img id="[361 146 482 420 271 460]" src="https://layer5io.github.io/academy-example/pr-preview/pr-165/assets/icons/layer5-academy-icon.svg" onclick="openModal(this.id)" alt="Large spruce shoot photo" 
+ <img id="[279 134 349 251 149 385]" src="https://layer5io.github.io/academy-example/pr-preview/pr-165/assets/icons/layer5-academy-icon.svg" onclick="openModal(this.id)" alt="Large spruce shoot photo" 
  class="md-image-responsive" />
 </div></p>
 &lt;p&gt;&lt;em&gt;The photo above of the Spruce Picea abies shoot with foliage buds: Bjørn Erik Pedersen, CC-BY-SA.&lt;/em&gt;&lt;/p&gt;</description></item><item><title>Tables</title><link>https://layer5io.github.io/academy-example/pr-preview/pr-165/content-formatting-examples/markdown/tables/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://layer5io.github.io/academy-example/pr-preview/pr-165/content-formatting-examples/markdown/tables/</guid><description>&lt;table&gt;