diff options
Diffstat (limited to 'post/rich-content/index.html')
| -rw-r--r-- | post/rich-content/index.html | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/post/rich-content/index.html b/post/rich-content/index.html index 2c14365..b5727d1 100644 --- a/post/rich-content/index.html +++ b/post/rich-content/index.html @@ -1,4 +1,5 @@ -<!doctype html><html lang=en><meta charset=utf-8><meta name=generator content="Hugo 0.81.0"><meta name=viewport content="width=device-width,initial-scale=1,viewport-fit=cover"><meta name=color-scheme content="light dark"><meta name=supported-color-schemes content="light dark"><title>Rich Content – Notepadium</title><link rel=stylesheet href=/css/core.min.375cdeb1a4046a00ebd019527a6854ab50a33fe77ffe38cbe597fb571fe91c04b3e4c562b1cda7d51a9af4298c41a33a.css integrity=sha384-N1zesaQEagDr0BlSemhUq1CjP+d//jjL5Zf7Vx/pHASz5MVisc2n1Rqa9CmMQaM6><meta name=twitter:card content="summary"><meta name=twitter:title content="Rich Content"><body><section id=header><div class="header wrap"><span class="header left-side"><a class="site home" href=/><span class="site name">Notepadium</span></a></span> +<!doctype html><html lang=en><meta charset=utf-8><meta name=generator content="Hugo 0.82.0"><meta name=viewport content="width=device-width,initial-scale=1,viewport-fit=cover"><meta name=color-scheme content="light dark"><meta name=supported-color-schemes content="light dark"><title>Rich Content – Notepadium</title><link rel=stylesheet href=/css/core.min.690fe4f1938174bb288772c3865bf1b132321696c242e03a38276a8b11ab25e4f51b6305df1bb0e78a66d13d46f39d85.css integrity=sha384-aQ/k8ZOBdLsoh3LDhlvxsTIyFpbCQuA6OCdqixGrJeT1G2MF3xuw54pm0T1G852F><meta name=twitter:card content="summary"><meta name=twitter:title content="Rich Content"><body><section id=header><div class="header wrap"><span class="header left-side"><a class="site home" href=/><span class="site name">Notepadium</span></a></span> <span class="header right-side"><div class="nav wrap"><nav class=nav><a class="nav item" href=/categories/>Categories</a><a class="nav item" href=/tags/>Tags</a><a class="nav item" href=/about/>About</a><a class="nav item" href=https://gohugo%2eio/ target=_blank rel="noopener noreferrer">Hugo</a></nav></div></span></div><div class="site slogan"><span class=title>100% JavaScript-free</span></div></section><section id=content><div class=article-container><section class="article header"><h1 class="article title">Rich Content</h1><p class="article date">Mar 10, 2019</p></section><article class="article markdown-body"><p>Hugo ships with several <a href=https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes target=_blank rel="noopener noreferrer">Built-in Shortcodes</a> for rich content, along with a <a href=https://gohugo.io/about/hugo-and-gdpr/ target=_blank rel="noopener noreferrer">Privacy Config</a> -and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.</p><hr><h2 id=instagram-simple-shortcode>Instagram Simple Shortcode</h2><br><hr><h2 id=youtube-privacy-enhanced-shortcode>YouTube Privacy Enhanced Shortcode</h2><div style=position:relative;padding-bottom:56.25%;height:0;overflow:hidden><iframe src=https://www.youtube.com/embed/ZJthWmvUzzc style=position:absolute;top:0;left:0;width:100%;height:100%;border:0 allowfullscreen title="YouTube Video"></iframe></div><br><hr><h2 id=twitter-simple-shortcode>Twitter Simple Shortcode</h2><style type=text/css>.twitter-tweet{font:14px/1.45 '-apple-system',BlinkMacSystemFont,segoe ui,Roboto,Oxygen-Sans,Ubuntu,Cantarell,helvetica neue,sans-serif;border-left:4px solid #2b7bb9;padding-left:1.5em;color:#555}.twitter-tweet a{color:#2b7bb9;text-decoration:none}blockquote.twitter-tweet a:hover,blockquote.twitter-tweet a:focus{text-decoration:underline}</style><blockquote class=twitter-tweet><p lang=en dir=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 <a href=https://t.co/gcv7SrhvJb>pic.twitter.com/gcv7SrhvJb</a></p>— Graphic Design History (@DesignReviewed) <a href="https://twitter.com/DesignReviewed/status/1085870671291310081?ref_src=twsrc%5Etfw">January 17, 2019</a></blockquote><br><hr><h2 id=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_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}</style><div class="s_video_simple __h_video"><a href=https://vimeo.com/4.8912912e+07 rel=noopener target=_blank><img src=https://i.vimeocdn.com/video/337401969_640.jpg srcset="https://i.vimeocdn.com/video/337401969_640.jpg 1x, https://i.vimeocdn.com/video/337401969.jpg 2x" alt="Sing Jan Swing - Kinetic Type"><div class=play><svg version="1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 61 61"><circle cx="30.5" cy="30.5" r="30.5" opacity=".8" fill="#000"/><path d="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></article><section class="article labels"><a class=tag href=/tags/shortcodes/>shortcodes</a><a class=tag href=/tags/privacy/>privacy</a></section><section class="article author"><img class=avatar src=https://d33wubrfki0l68.cloudfront.net/ddf49425628d8aec7523db143916b34ae1641e11/b97e8/images/gopher-side_color.svg alt><p class=name>gohugo</p><div class=bio>Hugo is one of the most popular open-source static site generators. With its amazing speed and flexibility, Hugo makes building websites fun again.</div><div class=details><a class=item href=https://github.com/gohugoio target=_blank rel="noopener noreferrer"><span class="iconfont icon-github"></span> gohugoio</a><a class=item href=https://twitter.com/GoHugoIO target=_blank rel="noopener noreferrer"><span class="iconfont icon-twitter"></span> @GoHugoIO</a></div></section></div><div class="article bottom"><section class="article navigation"><p><a class=link href=/post/markdown-syntax/><span class="iconfont icon-article"></span>Markdown Syntax Guide</a></p><p><a class=link href=/post/placeholder-text/><span class="iconfont icon-article"></span>Placeholder Text</a></p></section></div></section><section id=footer><div class=footer-wrap><p class=copyright>©2020 Notepadium.</p><p class=powerby><span>Powered by </span><a href=https://gohugo.io target=_blank rel="noopener noreferrer">Hugo</a><span> & </span><a href=https://themes.gohugo.io/hugo-notepadium/ target=_blank rel="noopener noreferrer">Notepadium</a></p></div></section></body></html>
\ No newline at end of file +and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.</p><hr><h2 id=instagram-simple-shortcode>Instagram Simple Shortcode</h2><br><hr><h2 id=youtube-privacy-enhanced-shortcode>YouTube Privacy Enhanced Shortcode</h2><div style=position:relative;padding-bottom:56.25%;height:0;overflow:hidden><iframe src=https://www.youtube.com/embed/ZJthWmvUzzc style=position:absolute;top:0;left:0;width:100%;height:100%;border:0 allowfullscreen title="YouTube Video"></iframe></div><br><hr><h2 id=twitter-simple-shortcode>Twitter Simple Shortcode</h2><style type=text/css>.twitter-tweet{font:14px/1.45 '-apple-system',BlinkMacSystemFont,segoe ui,Roboto,Oxygen-Sans,Ubuntu,Cantarell,helvetica neue,sans-serif;border-left:4px solid #2b7bb9;padding-left:1.5em;color:#555}.twitter-tweet a{color:#2b7bb9;text-decoration:none}blockquote.twitter-tweet a:hover,blockquote.twitter-tweet a:focus{text-decoration:underline}</style><blockquote class=twitter-tweet><p lang=en dir=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 <a href=https://t.co/gcv7SrhvJb>pic.twitter.com/gcv7SrhvJb</a></p>— Graphic Design History (@DesignReviewed) <a href="https://twitter.com/DesignReviewed/status/1085870671291310081?ref_src=twsrc%5Etfw">January 17, 2019</a></blockquote><br><hr><h2 id=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_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}</style><div class="s_video_simple __h_video"><a href=https://vimeo.com/4.8912912e+07 rel=noopener target=_blank><img src=https://i.vimeocdn.com/video/337401969_640.jpg srcset="https://i.vimeocdn.com/video/337401969_640.jpg 1x, https://i.vimeocdn.com/video/337401969.jpg 2x" alt="Sing Jan Swing - Kinetic Type"><div class=play><svg version="1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 61 61"><circle cx="30.5" cy="30.5" r="30.5" opacity=".8" fill="#000"/><path d="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></article><section class="article labels"><a class=tag href=/tags/shortcodes/>shortcodes</a><a class=tag href=/tags/privacy/>privacy</a></section><section class="article author"><img class=avatar src=https://d33wubrfki0l68.cloudfront.net/ddf49425628d8aec7523db143916b34ae1641e11/b97e8/images/gopher-side_color.svg alt><p class=name>gohugo</p><div class=bio>Hugo is one of the most popular open-source static site generators. With its amazing speed and flexibility, Hugo makes building websites fun again.</div><div class=details><a class=item href=https://github.com/gohugoio target=_blank rel="noopener noreferrer"><span class="iconfont icon-github"></span> gohugoio</a><a class=item href=https://twitter.com/GoHugoIO target=_blank rel="noopener noreferrer"><span class="iconfont icon-twitter"></span> @GoHugoIO</a></div></section></div><div class="article bottom"><section class="article navigation"><p><a class=link href=/post/markdown-syntax/><span class="iconfont icon-article"></span>Markdown Syntax Guide</a></p><p><a class=link href=/post/placeholder-text/><span class="iconfont icon-article"></span>Placeholder Text</a></p></section></div></section><section id=footer><div class=footer-wrap><p class=copyright>©2020 Notepadium.</p><p class=powerby><span>Powered by </span><a href=https://gohugo.io target=_blank rel="noopener noreferrer">Hugo</a><span> & </span><a href=https://themes.gohugo.io/hugo-notepadium/ target=_blank rel="noopener noreferrer">Notepadium</a> +<a href="https://ipv6-test.com/validate.php?url=referer"><img src=https://ipv6-test.com/button-ipv6-80x15.png alt="ipv6 ready" title="ipv6 ready" border=0></a></p></div></section></body></html>
\ No newline at end of file |