https://deploy-preview-1164--toha-ci.netlify.app/posts/category/Recent content in Top Category Sample on John's BlogHugo -- gohugo.ioenhttps://deploy-preview-1164--toha-ci.netlify.app/posts/category/sub-category/rich-content/Mon, 08 Jun 2020 08:06:25 +0600https://deploy-preview-1164--toha-ci.netlify.app/posts/category/sub-category/rich-content/<p>This sample post tests the followings:</p> <ul> <li>Category, sub-category nesting in the sidebar.</li> <li>Hero image and other images are in <code>images</code> folder inside this post directory.</li> <li>Different media rendering like image, X (formerly Twitter), YouTube video, Vimeo video etc.</li> </ul> <h3 id="image-sample">Image Sample</h3> <img src="https://deploy-preview-1164--toha-ci.netlify.app/posts/category/sub-category/rich-content/images/forest.jpg" alt="Forest" class="center" > <div style="margin-top: rem;"></div> <h3 id="x-formerly-twitter-sample">X (formerly Twitter) Sample</h3> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Owl bet you&#39;ll lose this staring contest 🦉 <a href="https://t.co/eJh4f2zncC">pic.twitter.com/eJh4f2zncC</a></p>&mdash; San Diego Zoo Wildlife Alliance (@sandiegozoo) <a href="https://twitter.com/sandiegozoo/status/1453110110599868418?ref_src=twsrc%5Etfw">October 26, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <div style="margin-top: rem;"></div> <h3 id="youtube-video-sample">YouTube Video Sample</h3> <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"> <iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube.com/embed/ZJthWmvUzzc?autoplay=0&amp;controls=1&amp;end=0&amp;loop=0&amp;mute=0&amp;start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="YouTube video"></iframe> </div> <div style="margin-top: rem;"></div> <h3 id="vimeo-video-sample">Vimeo Video Sample</h3> <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"> <iframe src="https://player.vimeo.com/video/48912912?dnt=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" allow="fullscreen"> </iframe> </div>