deploy: 1d185ee

posts/shortcodes/index.html

@@ -17,7 +17,7 @@
 <span><strong>This is sample alert with <code>type="info"</code>.</strong></span></div><div class="alert dark"><span><i data-feather=alert-circle></i></span>
 <span><strong>This is sample alert with <code>type="dark"</code>.</strong></span></div><div class="alert primary"><span><i data-feather=alert-circle></i></span>
 <span><strong>This is sample alert with <code>type="primary"</code>.</strong></span></div><div class="alert secondary"><span><i data-feather=alert-circle></i></span>
-<span><strong>This is sample alert with <code>type="secondary"</code>.</strong></span></div><h2 id=image>Image</h2><h4 id=a-sample-image-without-any-attribute>A sample image without any attribute.</h4><img src=/posts/shortcodes/boat.jpg alt="A boat at the sea"><div style=margin-top:3rem></div><h4 id=a-sample-image-with-height-and-width-attributes>A sample image with <code>height</code> and <code>width</code> attributes.</h4><img src=/posts/shortcodes/boat.jpg alt="A boat at the sea" width=600 height=400><div style=margin-top:3rem></div><h4 id=a-center-aligned-image-with-height-and-width-attributes>A center aligned image with <code>height</code> and <code>width</code> attributes.</h4><img src=/posts/shortcodes/boat.jpg alt="A boat at the sea" width=600 height=400 class=center><div style=margin-top:3rem></div><h4 id=a-image-with-float-attribute>A image with <code>float</code> attribute.</h4><img src=/posts/shortcodes/boat.jpg alt="A boat at the sea" width=500 height=200 style=float:right><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras egestas lectus sed leo ultricies ultricies. Praesent tellus risus, eleifend vel efficitur ac, venenatis sit amet sem. Ut ut egestas erat. Fusce ut leo turpis. Morbi consectetur sed lacus vitae vehicula. Cras gravida turpis id eleifend volutpat. Suspendisse nec ipsum eu erat finibus dictum. Morbi volutpat nulla purus, vel maximus ex molestie id. Nullam posuere est urna, at fringilla eros venenatis quis.</p><p>Fusce vulputate dolor augue, ut porta sapien fringilla nec. Vivamus commodo erat felis, a sodales lectus finibus nec. In a pulvinar orci. Maecenas suscipit eget lorem non pretium. Nulla aliquam a augue nec blandit. Curabitur ac urna iaculis, ornare ligula nec, placerat nulla. Maecenas aliquam nisi vitae tempus vulputate.</p><h2 id=split>Split</h2><p>This theme support splitting the page into as many columns as you wish.</p><h4 id=two-column-split>Two column split</h4><div class=row><div class="col col-sm-12 col-lg-6"><h5 id=left-column>Left Column</h5><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras egestas lectus sed leo ultricies ultricies.</p></div><div class="col col-sm-12 col-lg-6"><h5 id=right-column>Right Column</h5><p>Fusce ut leo turpis. Morbi consectetur sed lacus vitae vehicula. Cras gravida turpis id eleifend volutpat.</p></div></div><h4 id=three-column-split>Three column split</h4><div class=row><div class="col col-sm-12 col-lg-4"><h5 id=left-column>Left Column</h5><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras egestas lectus sed leo ultricies ultricies.</p></div><div class="col col-sm-12 col-lg-4"><h5 id=middle-column>Middle Column</h5><p>Aenean dignissim dictum ex. Donec a nunc vel nibh placerat interdum.</p></div><div class="col col-sm-12 col-lg-4"><h5 id=right-column>Right Column</h5><p>Fusce ut leo turpis. Morbi consectetur sed lacus vitae vehicula. Cras gravida turpis id eleifend volutpat.</p></div></div><h2 id=vertical-space>Vertical Space</h2><p>Give vertical space between two lines.</p><p>This is line one.<div style=margin-top:4rem></div>This is line two. It should have <code>4rem</code> vertical space with previous line.</p><h2 id=video>Video</h2><video class=video-player id=video-190 playsinline controls>
+<span><strong>This is sample alert with <code>type="secondary"</code>.</strong></span></div><h2 id=image>Image</h2><h4 id=a-sample-image-without-any-attribute>A sample image without any attribute.</h4><img src=/posts/shortcodes/boat.jpg alt="A boat at the sea"><div style=margin-top:3rem></div><h4 id=a-sample-image-with-height-and-width-attributes>A sample image with <code>height</code> and <code>width</code> attributes.</h4><img src=/posts/shortcodes/boat.jpg alt="A boat at the sea" width=600 height=400><div style=margin-top:3rem></div><h4 id=a-center-aligned-image-with-height-and-width-attributes>A center aligned image with <code>height</code> and <code>width</code> attributes.</h4><img src=/posts/shortcodes/boat.jpg alt="A boat at the sea" width=600 height=400 class=center><div style=margin-top:3rem></div><h4 id=a-image-with-float-attribute>A image with <code>float</code> attribute.</h4><img src=/posts/shortcodes/boat.jpg alt="A boat at the sea" width=500 height=200 style=float:right><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras egestas lectus sed leo ultricies ultricies. Praesent tellus risus, eleifend vel efficitur ac, venenatis sit amet sem. Ut ut egestas erat. Fusce ut leo turpis. Morbi consectetur sed lacus vitae vehicula. Cras gravida turpis id eleifend volutpat. Suspendisse nec ipsum eu erat finibus dictum. Morbi volutpat nulla purus, vel maximus ex molestie id. Nullam posuere est urna, at fringilla eros venenatis quis.</p><p>Fusce vulputate dolor augue, ut porta sapien fringilla nec. Vivamus commodo erat felis, a sodales lectus finibus nec. In a pulvinar orci. Maecenas suscipit eget lorem non pretium. Nulla aliquam a augue nec blandit. Curabitur ac urna iaculis, ornare ligula nec, placerat nulla. Maecenas aliquam nisi vitae tempus vulputate.</p><h2 id=split>Split</h2><p>This theme support splitting the page into as many columns as you wish.</p><h4 id=two-column-split>Two column split</h4><div class=row><div class="col col-sm-12 col-lg-6"><h5 id=left-column>Left Column</h5><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras egestas lectus sed leo ultricies ultricies.</p></div><div class="col col-sm-12 col-lg-6"><h5 id=right-column>Right Column</h5><p>Fusce ut leo turpis. Morbi consectetur sed lacus vitae vehicula. Cras gravida turpis id eleifend volutpat.</p></div></div><h4 id=three-column-split>Three column split</h4><div class=row><div class="col col-sm-12 col-lg-4"><h5 id=left-column>Left Column</h5><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras egestas lectus sed leo ultricies ultricies.</p></div><div class="col col-sm-12 col-lg-4"><h5 id=middle-column>Middle Column</h5><p>Aenean dignissim dictum ex. Donec a nunc vel nibh placerat interdum.</p></div><div class="col col-sm-12 col-lg-4"><h5 id=right-column>Right Column</h5><p>Fusce ut leo turpis. Morbi consectetur sed lacus vitae vehicula. Cras gravida turpis id eleifend volutpat.</p></div></div><h2 id=vertical-space>Vertical Space</h2><p>Give vertical space between two lines.</p><p>This is line one.<div style=margin-top:4rem></div>This is line two. It should have <code>4rem</code> vertical space with previous line.</p><h2 id=video>Video</h2><video class=video-player id=video-57 playsinline controls>
 <source src=/videos/sample.mp4 type=video/mp4></video><p>Video by <a href=https://www.pexels.com/@rahul-sharma-493988 target=_blank rel=noopener>Rahul Sharma</a> from <a href=https://www.pexels.com target=_blank rel=noopener>Pexels</a>.</p><h2 id=mermaid>Mermaid</h2><p>Here, are few example of mermaid shortcode.</p><p><strong>Graph:</strong></p><div class=mermaid align=left style=background-color:none;border-radius:5px>graph LR;
 A[Hard edge] -->|Link text| B(Round edge)
 B --> C{Decision}