<!doctype html><htmllang=en><head><metacharset=utf-8><metahttp-equiv=x-ua-compatiblecontent="IE=edge"><metaname=viewportcontent="width=device-width,initial-scale=1,shrink-to-fit=no"><title>Rich Content - PaperMod</title><metaname=descriptioncontent="Hugo ships with several Built-in Shortcodes for rich content, along with a Privacy Config and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds."><metaname=keywordscontent="/"><metaname=authorcontent="Hugo Authors"><linkrel=canonicalhref=https://adityatelange.github.io/hugo-PaperMod/posts/rich-content/><linkhref=https://adityatelange.github.io/hugo-PaperMod/assets/css/stylesheet.min.17511ac7ee070872f1954e3feb5828d476e3ed559a75e46f00b477535e9a70fb.cssintegrity="sha256-F1Eax+4HCHLxlU4/61go1Hbj7VWadeRvALR3U16acPs="rel="preload stylesheet"as=style><linkrel=apple-touch-iconhref=https://adityatelange.github.io/hugo-PaperMod/apple-touch-icon.png><linkrel=iconhref=https://adityatelange.github.io/hugo-PaperMod/favicon.ico><metaname=generatorcontent="Hugo 0.76.4"></head><bodyclass=singleid=top><script>if(localStorage.getItem("pref-theme")==="dark"){document.body.classList.add('dark');}elseif(localStorage.getItem("pref-theme")==="light"){document.body.classList.remove('dark')}else{if(window.matchMedia('(prefers-color-scheme: dark)').matches){document.body.classList.add('dark');}}</script><noscript><styletype=text/css>.theme-toggle,.top-link{display:none}</style></noscript><headerclass=header><navclass=nav><pclass=logo><ahref=https://adityatelange.github.io/hugo-PaperMod/>PaperMod</a>
<spanclass=theme-toggle><aid=theme-toggle><svgid="moon"xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentcolor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"><pathd="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"/></svg><svgid="sun"xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentcolor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"><circlecx="12"cy="12"r="5"/><linex1="12"y1="1"x2="12"y2="3"/><linex1="12"y1="21"x2="12"y2="23"/><linex1="4.22"y1="4.22"x2="5.64"y2="5.64"/><linex1="18.36"y1="18.36"x2="19.78"y2="19.78"/><linex1="1"y1="12"x2="3"y2="12"/><linex1="21"y1="12"x2="23"y2="12"/><linex1="4.22"y1="19.78"x2="5.64"y2="18.36"/><linex1="18.36"y1="5.64"x2="19.78"y2="4.22"/></svg></a></span></p><ulclass=menuid=menuonscroll=menu_on_scroll()><li><ahref=https://adityatelange.github.io/hugo-PaperMod/archives/><span>Archives</span></a></li><li><ahref=https://adityatelange.github.io/hugo-PaperMod/tags/><span>Tags</span></a></li></ul></nav></header><mainclass=main><articleclass=post-single><headerclass=post-header><h1class=post-title>Rich Content</h1><divclass=post-meta><time>March 10, 2019</time> · 1 min · Hugo Authors</div></header><divclass=toc><details><summary><divclass=details>Table of Contents</div></summary><blockquote><ul><li><ahref=#instagram-simple-shortcode>Instagram Simple Shortcode</a></li><li><ahref=#youtube-privacy-enhanced-shortcode>YouTube Privacy Enhanced Shortcode</a></li><li><ahref=#twitter-simple-shortcode>Twitter Simple Shortcode</a></li><li><ahref=#vimeo-simple-shortcode>Vimeo Simple Shortcode</a></li></ul></blockquote></details></div><divclass=post-content><p>Hugo ships with several <ahref=https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes>Built-in Shortcodes</a> for rich content, along with a <ahref=https://gohugo.io/about/hugo-and-gdpr/>Privacy Config</a> and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.</p><hr><h2id=instagram-simple-shortcode>Instagram Simple Shortcode</h2><hr><h2id=youtube-privacy-enhanced-shortcode>YouTube Privacy Enhanced Shortcode</h2><divstyle=position:relative;padding-bottom:56.25%;height:0;overflow:hidden><iframesrc=https://www.youtube-nocookie.com/embed/ZJthWmvUzzcstyle=position:absolute;top:0;left:0;width:100%;height:100%;border:0allowfullscreentitle="YouTube Video"></iframe></div><hr><h2id=twitter-simple-shortcode>Twitter Simple Shortcode</h2><blockquoteclass=twitter-tweet><plang=endir=ltr>“In addition to being more logical, asymmetry has the advantage that its complete appearance is far more optically effective than symmetry.”<br>— Jan Tschichold <ahref=https://t.co/gcv7SrhvJb>pic.twitter.com/gcv7SrhvJb</a></p>— Graphic Design History (@DesignReviewed) <ahref="https://twitter.com/DesignReviewed/status/1085870671291310081?ref_src=twsrc%5Etfw">January 17, 2019</a></blockquote><hr><h2id=vimeo-simple-shortcode>Vimeo Simple Shortcode</h2><style>.__h_video{position:relative;padding-bottom:56.23%;height:0;overflow:hidden;width:100%;background:#000}.__h_videoimg{width:100%;height:auto;color:#000}.__h_video.play{height:72px;width:72px;left:50%;top:50%;margin-left:-36px;margin-top:-36px;position:absolute;cursor:pointer}</style><divclass="s_video_simple __h_video"><ahref=https://vimeo.com/4.8912912e+07rel=noopenertarget=_blank><imgsrc=https://i.vimeocdn.com/video/337401969_640.jpgsrcset="https://i.vimeocdn.com/video/337401969_640.jpg 1x, https://i.vimeocdn.com/video/337401969.jpg 2x"alt="Sing Jan Swing - Kinetic Type"><divclass=play><svgversion="1"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 61 61"><circlecx="30.5"cy="30.5"r="30.5"opacity=".8"fill="#000"/><pathd="M25.3 19.2c-2.1-1.2-3.8-.2-3.8 2.2v18.1c0 2.4 1.7 3.4 3.8 2.2l16.6-9.1c2.1-1.2 2.1-3.2.0-4.4l-16.6-9z"fill="#fff"/></svg></div></a></div></div><footerclass=post-footer><ulclass
<span>Theme️<ahref=https://git.io/hugopapermodrel=noopenertarget=_blank>PaperMod</a></span></footer><ahref=#toparia-label="go to top"title="Go to Top"><buttonclass=top-linkid=top-linktype=button><svgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 12 6"><pathd="M12 6H0l6-6z"/></svg></button></a>
