diff options
Diffstat (limited to 'posts/rich-content/index.html')
| -rw-r--r-- | posts/rich-content/index.html | 18 |
1 files changed, 0 insertions, 18 deletions
diff --git a/posts/rich-content/index.html b/posts/rich-content/index.html deleted file mode 100644 index eeb8419..0000000 --- a/posts/rich-content/index.html +++ /dev/null @@ -1,18 +0,0 @@ -<!doctype html><html lang=en-us><head><title>Rich Content | -Ramium</title><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,viewport-fit=cover"><meta name=description content="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."><meta property="og:title" content="Rich Content"><meta property="og:description" content="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."><meta property="og:type" content="article"><meta property="og:url" content="https://rafed.github.io/ramium/posts/rich-content/"><meta property="article:published_time" content="2020-04-14T00:00:00+00:00"><meta property="article:modified_time" content="2020-04-14T00:00:00+00:00"><meta name=twitter:card content="summary"><meta name=twitter:title content="Rich Content"><meta name=twitter:description content="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."><meta itemprop=name content="Rich Content"><meta itemprop=description content="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."><meta itemprop=datePublished content="2020-04-14T00:00:00+00:00"><meta itemprop=dateModified content="2020-04-14T00:00:00+00:00"><meta itemprop=wordCount content="196"><meta itemprop=keywords content="shortcodes,privacy,"><link rel=canonical href=https://rafed.github.io/ramium/posts/rich-content/><link rel=icon type=image/png href=https://rafed.github.io/ramium/image/favicon.ico><link rel=stylesheet href=/ramium/css/font-awesome.min.css><link rel=stylesheet href=/ramium/css/bulma.min.css><script type=application/javascript>var doNotTrack=false;if(!doNotTrack){window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;ga('create','UA-106132552-1','auto');ga('send','pageview');}</script><script async src=https://www.google-analytics.com/analytics.js></script><script src=/ramium/js/ramium.js></script><link rel=stylesheet href=/ramium/css/ramium.css><script data-ad-client=ca-pub-7125931910131040 async src=https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js></script></head><body><nav class="navbar is-dark" role=navigation aria-label="main navigation"><div class=navbar-brand><a class=navbar-item href=/ramium/><strong>Ramium</strong></a> -<a role=button class="navbar-burger burger" aria-label=menu aria-expanded=false data-target=navbarBasicExample><span aria-hidden=true></span><span aria-hidden=true></span><span aria-hidden=true></span></a></div><div id=navbarBasicExample class=navbar-menu><div class=navbar-start><a class=navbar-item href=/ramium/>Home</a><div class="navbar-item has-dropdown is-hoverable"><a class=navbar-link>This Blog</a><div class=navbar-dropdown><a class=navbar-item href=/ramium/tags/>All Tags</a> -<a class=navbar-item href=/ramium/sections/>All Sections</a> -<a class=navbar-item href=/ramium/posts/>All Posts</a></div></div><a class=navbar-item href=/ramium/authorr/>Author</a></div><div class=navbar-end><a class="navbar-item navgithub" href=https://github.com/rafed/ramium/ target=_blank><i class="fa fa-github fa-2x"></i></a><div class=navbar-item><form id=cse-search-box-form-id onsubmit="return executeQuery();" role=search><div class="field has-addons"><div class="control is-expanded"><input id=cse-search-input-box-id size=15 class=input type=text autocomplete=off placeholder=" Google search" style=font-family:Arial,FontAwesome></div><div class=control><button type=submit class="button is-black"> -<i class="fa fa-search"></i></a></button></div></div></form></div></div></div></nav><div class="columns is-centered"><div id=page-body class="column is-7"><div class="content blog"><h1>Rich Content</h1><div id=infobar class="level is-mobile"><div class=level-left><div class=level-item><p class="subtitle info date">Apr 14, 2020</p></div><div class=level-item><p class="subtitle info">1 min read</p></div></div><div class="level-right is-hidden-touch"><div class=tags><a class="tag is-dark is-rounded" href=/ramium/tags/shortcodes>Shortcodes</a> -<a class="tag is-dark is-rounded" href=/ramium/tags/privacy>Privacy</a></div></div></div><div class="tags is-hidden-desktop"><a class="tag is-dark is-rounded" href=/ramium/tags/shortcodes>Shortcodes</a> -<a class="tag is-dark is-rounded" href=/ramium/tags/privacy>Privacy</a></div><div class=blog-text><p>Hugo ships with several <a href=https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes>Built-in Shortcodes</a> for rich content, along with a <a href=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><h2 id=instagram-simple-shortcode>Instagram Simple Shortcode</h2><style type=text/css>.__h_instagram.card{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen-Sans,Ubuntu,Cantarell,helvetica neue,sans-serif;font-size:14px;border:1px solid #dbdbdb;padding:0;margin-top:30px}.__h_instagram.card .card-header,.__h_instagram.card .card-body{padding:10px}.__h_instagram.card img{width:100%;height:auto}</style><div class="__h_instagram s_instagram_simple card" style=max-width:640px><div class=card-header><a href=https://www.instagram.com/koloot.design class=card-link>koloot.design</a></div><a href=https://instagram.com/p/BGvuInzyFAe/ rel=noopener target=_blank><img class="card-img-top img-fluid" src="https://scontent-sin6-2.cdninstagram.com/v/t51.2885-15/sh0.08/e35/s640x640/13437259_1631155187211476_646101738_n.jpg?_nc_ht=scontent-sin6-2.cdninstagram.com&_nc_cat=108&_nc_ohc=BChdwS0wd9kAX_DOmKr&oh=881caac9d92dcb0626eb5ab26f27ae62&oe=5F202F0F" width=640 height=451 alt="Instagram Image"></a><div class=card-body><a href=https://www.instagram.com/koloot.design class=card-link>View More on Instagram</a></div></div><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></div></div><div id=social-media-share class=has-text-centered><p><i>Sharing is caring!</i></p><br><div class=share-buttons><a href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2frafed.github.io%2framium%2fposts%2frich-content%2f" onclick="socialMediaPopUp(this.href,'',500,500);return false;" title="Share on Facebook. Opens in a new window."><img src=/ramium/img/icons/45px/facebook.png></a> -<a href="https://twitter.com/intent/tweet?text=Rich%20Content&url=https%3a%2f%2frafed.github.io%2framium%2fposts%2frich-content%2f" onclick="socialMediaPopUp(this.href,'',500,500);return false;" title="Share on Twitter. Opens in a new window."><img src=/ramium/img/icons/45px/twitter.png></a> -<a href="http://www.reddit.com/submit?url=https%3a%2f%2frafed.github.io%2framium%2fposts%2frich-content%2f" onclick="socialMediaPopUp(this.href,'',900,500);return false;" title="Share on Reddit. Opens in a new window."><img src=/ramium/img/icons/45px/reddit.png></a> -<a href="http://pinterest.com/pin/create/button/?url=https%3a%2f%2frafed.github.io%2framium%2fposts%2frich-content%2f" onclick="socialMediaPopUp(this.href,'',900,500);return false;" title="Share on Pinterest. Opens in a new window."><img src=/ramium/img/icons/45px/pinterest.png></a> -<a href="http://www.tumblr.com/share/link?url=https%3a%2f%2frafed.github.io%2framium%2fposts%2frich-content%2f" onclick="socialMediaPopUp(this.href,'',900,500);return false;" title="Share on Tumblr. Opens in a new window."><img src=/ramium/img/icons/45px/tumblr.png></a> -<a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3a%2f%2frafed.github.io%2framium%2fposts%2frich-content%2f - &title=Rich%20Content&summary=%3cp%3eHugo%20ships%20with%20several%20%3ca%20href%3d%22https%3a%2f%2fgohugo.io%2fcontent-management%2fshortcodes%2f%23use-hugo-s-built-in-shortcodes%22%3eBuilt-in%20Shortcodes%3c%2fa%3e%20for%20rich%20content%2c%20along%20with%20a%20%3ca%20href%3d%22https%3a%2f%2fgohugo.io%2fabout%2fhugo-and-gdpr%2f%22%3ePrivacy%20Config%3c%2fa%3e%20and%20a%20set%20of%20Simple%20Shortcodes%20that%20enable%20static%20and%20no-JS%20versions%20of%20various%20social%20media%20embeds.%3c%2fp%3e&source=rafed123.github.io" onclick="socialMediaPopUp(this.href,'',900,500);return false;" title="Share on LinkedIn. Opens in a new window."><img src=/ramium/img/icons/45px/linkedin.png></a> -<a href="mailto:?subject=Rich%20Content&body=Check out this site https%3a%2f%2frafed.github.io%2framium%2fposts%2frich-content%2f" title="Share via Email. Opens in a new window."><img src=/ramium/img/icons/45px/mail.png></a></div></div><br><div id=disqus_thread></div><script type=text/javascript>(function(){if(window.location.hostname=="localhost") -return;var dsq=document.createElement('script');dsq.type='text/javascript';dsq.async=true;var disqus_shortname='rafed';dsq.src='//'+disqus_shortname+'.disqus.com/embed.js';(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(dsq);})();</script><noscript>Please enable JavaScript to view the <a href=http://disqus.com/?ref_noscript>comments powered by Disqus.</a></noscript></div></div><script async src="https://cse.google.com/cse.js?cx=000151824860492892407%3akd5zijxwj6a"></script><gcse:searchresults-only></gcse:searchresults-only><footer class="footer has-background-dark"><div class="content has-text-centered has-text-white"><p>© 2020 Ramium. Powered by -<a class=has-text-light href=https://github.com/gohugoio/hugo target=_blank>Hugo</a>. Theme -<a class=has-text-light href=https://github.com/rafed123/ramium/ target=_blank>Ramium.</a></p></div></footer></body></html>
\ No newline at end of file |