<!doctype html><htmllang=enclass=direction-ltr><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=keywordscontent="shortcodes,privacy"><metaname=descriptioncontent="A brief description of Hugo Shortcodes"><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.a7be9e3b28868ad9d1331f00b5e9c207efbfe37aea15c32d101d76f2901bb918.cssintegrity="sha256-p76eOyiGitnRMx8AtenCB++/43rqFcMtEB128pAbuRg="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.5"><metaproperty="og:title"content="Rich Content"><metaproperty="og:description"content="A brief description of Hugo Shortcodes"><metaproperty="og:type"content="article"><metaproperty="og:url"content="https://adityatelange.github.io/hugo-PaperMod/posts/rich-content/"><metaproperty="article:published_time"content="2019-03-10T00:00:00+00:00"><metaproperty="article:modified_time"content="2019-03-10T00:00:00+00:00"><metaname=twitter:cardcontent="summary"><metaname=twitter:titlecontent="Rich Content"><metaname=twitter:descriptioncontent="A brief description of Hugo Shortcodes"><scripttype=application/ld+json>{"@context":"https://schema.org","@type":"BlogPosting","headline":"Rich Content","name":"Rich Content","description":"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 …","keywords":["shortcodes","privacy"],"articleBody":"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.\n Instagram Simple Shortcode YouTube Privacy Enhanced Shortcode Twitter Simple Shortcode “In addition to being more logical, asymmetry has the advantage that its complete appearance is far more optically effective than symmetry.”\n— Jan Tschichold pic.twitter.com/gcv7SrhvJb\n— Graphic Design History (@DesignReviewed) January 17, 2019 Vimeo Simple Shortcode .__h_video { position: relative; padding-bottom: 56.23%; height: 0; overflow: hidden; width: 100%; background: #000; } .__h_video img { 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; } ","wordCount":"122","inLanguage":"en","datePublished":"2019-03-10T00:00:00Z","dateModified":"2019-03-10T00:00:00Z","author":{"@type":"Person","name":"Hugo Authors"},"mainEntityOfPage":{"@type":"WebPage","@id":"https://adityatelange.github.io/hugo-PaperMod/posts/rich-content/"},"publisher":{"@type":"Organization","name":"PaperMod","logo":{"@type":"ImageObject","url":"https://adityatelange.github.io/hugo-PaperMod/favicon.ico"}}}</script></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>March 10, 2019 · 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=post-tags><l
<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>
