Publishing to gh-pages (publish.sh)

9 files changed, 15 insertions, 10 deletions

diff --git a/css/ramium.css b/css/ramium.css
index e0ae0b0..eacb0c6 100644
--- a/css/ramium.css
+++ b/css/ramium.css
@@ -215,3 +215,8 @@ kbd {
     padding-right: 5px;
     border-radius: 4px;
 }
+
+/**** For codes ****/
+.highlight {
+    font-size: 0.9em;
+}
\ No newline at end of file
diff --git a/getting-started-with-ramium/tutorial/index.html b/getting-started-with-ramium/tutorial/index.html
index 2063537..579b777 100644
--- a/getting-started-with-ramium/tutorial/index.html
+++ b/getting-started-with-ramium/tutorial/index.html
@@ -3,7 +3,7 @@ Ramium</title><meta charset=utf-8><meta name=viewport content="width=device-widt
 <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="&#xf1a0; 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 class=title>Tutorial</h1><div id=infobar class="level is-mobile"><div class=level-left><div class=level-item><p class="subtitle info date">Mar 19, 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/ramium>Ramium</a></div></div></div><div class="tags is-hidden-desktop"><a class="tag is-dark is-rounded" href=/ramium/tags/ramium>Ramium</a></div><div class=blog-text><h3 id=full-tutorial-coming-soon>Full tutorial coming soon!</h3></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%2fgetting-started-with-ramium%2ftutorial%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>
+<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>Tutorial</h1><div id=infobar class="level is-mobile"><div class=level-left><div class=level-item><p class="subtitle info date">Mar 19, 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/ramium>Ramium</a></div></div></div><div class="tags is-hidden-desktop"><a class="tag is-dark is-rounded" href=/ramium/tags/ramium>Ramium</a></div><div class=blog-text><h3 id=full-tutorial-coming-soon>Full tutorial coming soon!</h3></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%2fgetting-started-with-ramium%2ftutorial%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=Tutorial&url=https%3a%2f%2frafed.github.io%2framium%2fgetting-started-with-ramium%2ftutorial%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%2fgetting-started-with-ramium%2ftutorial%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%2fgetting-started-with-ramium%2ftutorial%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>
diff --git a/introduction-to-ramium/about-ramium/index.html b/introduction-to-ramium/about-ramium/index.html
index 42edfd0..cb94187 100644
--- a/introduction-to-ramium/about-ramium/index.html
+++ b/introduction-to-ramium/about-ramium/index.html
@@ -3,7 +3,7 @@ Ramium</title><meta charset=utf-8><meta name=viewport content="width=device-widt
 <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="&#xf1a0; 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 class=title>About Ramium</h1><div id=infobar class="level is-mobile"><div class=level-left><div class=level-item><p class="subtitle info date">Mar 17, 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/ramium>Ramium</a></div></div></div><div class="tags is-hidden-desktop"><a class="tag is-dark is-rounded" href=/ramium/tags/ramium>Ramium</a></div><div class=blog-text><p>Ramium is an awesome hugo theme for creating personal blogs. Apparently, none of the existing hugo themes were what I wanted them to be for my new blog. Or maybe I just could not find the right one. So I took upon the courtesy of making the perfect one for my own. And thus takes the birth of Ramium that I&rsquo;m very proud of. Coding this theme has been very fun.</p><p>Special thanks go to <a href=https://gohugo.io/>Hugo</a>, which is not only the world’s fastest framework for building websites but an amazing one as well. This theme exists because Hugo exists. Also a big thanks to <a href=https://bulma.io/>Bulma</a>, which is an open source CSS framework based on Flexbox. It was eye refreshing to see a site with layouts not from bootstrap.</p><p>Check out all the
+<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>About Ramium</h1><div id=infobar class="level is-mobile"><div class=level-left><div class=level-item><p class="subtitle info date">Mar 17, 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/ramium>Ramium</a></div></div></div><div class="tags is-hidden-desktop"><a class="tag is-dark is-rounded" href=/ramium/tags/ramium>Ramium</a></div><div class=blog-text><p>Ramium is an awesome hugo theme for creating personal blogs. Apparently, none of the existing hugo themes were what I wanted them to be for my new blog. Or maybe I just could not find the right one. So I took upon the courtesy of making the perfect one for my own. And thus takes the birth of Ramium that I&rsquo;m very proud of. Coding this theme has been very fun.</p><p>Special thanks go to <a href=https://gohugo.io/>Hugo</a>, which is not only the world’s fastest framework for building websites but an amazing one as well. This theme exists because Hugo exists. Also a big thanks to <a href=https://bulma.io/>Bulma</a>, which is an open source CSS framework based on Flexbox. It was eye refreshing to see a site with layouts not from bootstrap.</p><p>Check out all the
 <a href=/ramium/introduction-to-ramium/features-of-ramium/>features of Ramium</a>
 Or start using Ramium by following the
 <a href=/ramium/getting-started-with-ramium/>tutorial here.</a></p></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%2fintroduction-to-ramium%2fabout-ramium%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>
diff --git a/introduction-to-ramium/features-of-ramium/index.html b/introduction-to-ramium/features-of-ramium/index.html
index b691393..bc058c0 100644
--- a/introduction-to-ramium/features-of-ramium/index.html
+++ b/introduction-to-ramium/features-of-ramium/index.html
@@ -3,7 +3,7 @@ Ramium</title><meta charset=utf-8><meta name=viewport content="width=device-widt
 <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="&#xf1a0; 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 class=title>Features of Ramium</h1><div id=infobar class="level is-mobile"><div class=level-left><div class=level-item><p class="subtitle info date">Mar 18, 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/ramium>Ramium</a></div></div></div><div class="tags is-hidden-desktop"><a class="tag is-dark is-rounded" href=/ramium/tags/ramium>Ramium</a></div><div class=blog-text><p>Ramium is Packed with awesome features that makes your blog powerful and easy to use.</p><h2 id=site-features>Site features</h2><ul><li>Google search bar</li><li>Google Analytics</li><li>Social sharing bar (facebook, twitter, reddit)</li><li>Comments with Disqus</li><li>Customizable navbar</li><li><a href=/ramium/admin>Admin panel</a>
+<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>Features of Ramium</h1><div id=infobar class="level is-mobile"><div class=level-left><div class=level-item><p class="subtitle info date">Mar 18, 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/ramium>Ramium</a></div></div></div><div class="tags is-hidden-desktop"><a class="tag is-dark is-rounded" href=/ramium/tags/ramium>Ramium</a></div><div class=blog-text><p>Ramium is Packed with awesome features that makes your blog powerful and easy to use.</p><h2 id=site-features>Site features</h2><ul><li>Google search bar</li><li>Google Analytics</li><li>Social sharing bar (facebook, twitter, reddit)</li><li>Comments with Disqus</li><li>Customizable navbar</li><li><a href=/ramium/admin>Admin panel</a>
 (Not a real admin panel though. It simply shows the summary of the total number of posts, tags and sections)</li><li>Mobile responsive- works great across desktops, tablets and mobiles</li><li>SEO friendly (Opengraph, Twitter cards)</li></ul><h2 id=blogging-features>Blogging features</h2><ul><li>Attractive landing page with article/tag links everywhere</li><li>Add featured images to posts</li><li>Making sections for related articles (for example tutorials on a topic)</li><li>Add code snippets</li><li>Add math equations</li><li>Add tags to articles and list articles by tags</li><li>Add chord to lyrics (CSS style for <a href=https://github.com/martijnversluis/ChordSheetJS>ChordSheetJs</a>)</li></ul><h2 id=future-plans>Future plans</h2><ul><li>Google adsense</li><li>Suggestions for reading more articles at the end of an article</li><li>Support for facebook comments</li></ul></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%2fintroduction-to-ramium%2ffeatures-of-ramium%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=Features%20of%20Ramium&url=https%3a%2f%2frafed.github.io%2framium%2fintroduction-to-ramium%2ffeatures-of-ramium%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%2fintroduction-to-ramium%2ffeatures-of-ramium%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>
diff --git a/posts/emoji-support/index.html b/posts/emoji-support/index.html
index b6f2f60..4f48e42 100644
--- a/posts/emoji-support/index.html
+++ b/posts/emoji-support/index.html
@@ -3,7 +3,7 @@ Ramium</title><meta charset=utf-8><meta name=viewport content="width=device-widt
 <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="&#xf1a0; 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 class=title>Emoji Support</h1><div id=infobar class="level is-mobile"><div class=level-left><div class=level-item><p class="subtitle info date">Apr 13, 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/emoji>Emoji</a></div></div></div><div class="tags is-hidden-desktop"><a class="tag is-dark is-rounded" href=/ramium/tags/emoji>Emoji</a></div><div class=blog-text><p>Emoji can be enabled in a Hugo project in a number of ways.</p><p>The <a href=https://gohugo.io/functions/emojify/><code>emojify</code></a> function can be called directly in templates or <a href=https://gohugo.io/templates/shortcode-templates/#inline-shortcodes>Inline Shortcodes</a>.</p><p>To enable emoji globally, set <code>enableEmoji</code> to <code>true</code> in your site’s <a href=https://gohugo.io/getting-started/configuration/>configuration</a> and then you can type emoji shorthand codes directly in content files; e.g.</p><p><span class=nowrap><span class=emojify>🙈</span> <code>:see_no_evil:</code></span> <span class=nowrap><span class=emojify>🙉</span> <code>:hear_no_evil:</code></span> <span class=nowrap><span class=emojify>🙊</span> <code>:speak_no_evil:</code></span></p><p>The <a href=http://www.emoji-cheat-sheet.com/>Emoji cheat sheet</a> is a useful reference for emoji shorthand codes.</p><hr><p><strong>N.B.</strong> The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack; e.g.</p><div class=highlight><pre style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-html data-lang=html>.emoji {
+<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>Emoji Support</h1><div id=infobar class="level is-mobile"><div class=level-left><div class=level-item><p class="subtitle info date">Apr 13, 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/emoji>Emoji</a></div></div></div><div class="tags is-hidden-desktop"><a class="tag is-dark is-rounded" href=/ramium/tags/emoji>Emoji</a></div><div class=blog-text><p>Emoji can be enabled in a Hugo project in a number of ways.</p><p>The <a href=https://gohugo.io/functions/emojify/><code>emojify</code></a> function can be called directly in templates or <a href=https://gohugo.io/templates/shortcode-templates/#inline-shortcodes>Inline Shortcodes</a>.</p><p>To enable emoji globally, set <code>enableEmoji</code> to <code>true</code> in your site’s <a href=https://gohugo.io/getting-started/configuration/>configuration</a> and then you can type emoji shorthand codes directly in content files; e.g.</p><p><span class=nowrap><span class=emojify>🙈</span> <code>:see_no_evil:</code></span> <span class=nowrap><span class=emojify>🙉</span> <code>:hear_no_evil:</code></span> <span class=nowrap><span class=emojify>🙊</span> <code>:speak_no_evil:</code></span></p><p>The <a href=http://www.emoji-cheat-sheet.com/>Emoji cheat sheet</a> is a useful reference for emoji shorthand codes.</p><hr><p><strong>N.B.</strong> The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack; e.g.</p><div class=highlight><pre style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-html data-lang=html>.emoji {
 font-family: Apple Color Emoji,Segoe UI Emoji,NotoColorEmoji,Segoe UI Symbol,Android Emoji,EmojiSymbols;
 }</code></pre></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%2femoji-support%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=Emoji%20Support&url=https%3a%2f%2frafed.github.io%2framium%2fposts%2femoji-support%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>
diff --git a/posts/happy-birthday-chords/index.html b/posts/happy-birthday-chords/index.html
index f7610fa..6f7037d 100644
--- a/posts/happy-birthday-chords/index.html
+++ b/posts/happy-birthday-chords/index.html
@@ -3,7 +3,7 @@ Ramium</title><meta charset=utf-8><meta name=viewport content="width=device-widt
 <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="&#xf1a0; 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 class=title>Happy Birthday Chords</h1><div id=infobar class="level is-mobile"><div class=level-left><div class=level-item><p class="subtitle info date">Apr 11, 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/chords>Chords</a>
+<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>Happy Birthday Chords</h1><div id=infobar class="level is-mobile"><div class=level-left><div class=level-item><p class="subtitle info date">Apr 11, 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/chords>Chords</a>
 <a class="tag is-dark is-rounded" href=/ramium/tags/music>Music</a></div></div></div><div class="tags is-hidden-desktop"><a class="tag is-dark is-rounded" href=/ramium/tags/chords>Chords</a>
 <a class="tag is-dark is-rounded" href=/ramium/tags/music>Music</a></div><div class=blog-text><figure><img src=/ramium/image/staff.jpg></figure><div class=chord-sheet><div class=paragraph></div><div class=paragraph><div class=row><div class=column><div class=chord></div><div class=lyrics>Happy</div></div><div class=column><div class=chord>A</div><div class=lyrics>Birthday</div></div><div class=column><div class=chord>E</div><div class=lyrics>to you</div></div></div><div class=row><div class=column><div class=chord></div><div class=lyrics>Happy</div></div><div class=column><div class=chord>E</div><div class=lyrics>Birthday</div></div><div class=column><div class=chord>A</div><div class=lyrics>to you</div></div></div><div class=row><div class=column><div class=chord></div><div class=lyrics>Happy</div></div><div class=column><div class=chord>A7</div><div class=lyrics>Birthday dear</div></div><div class=column><div class=chord>D</div><div class=lyrics>Johnny</div></div></div><div class=row><div class=column><div class=chord></div><div class=lyrics>Happy</div></div><div class=column><div class=chord>A</div><div class=lyrics>Birthday</div></div><div class=column><div class=chord>E</div><div class=lyrics>to</div></div><div class=column><div class=chord>A</div><div class=lyrics>you</div></div></div></div><div class=paragraph></div></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%2fhappy-birthday-chords%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=Happy%20Birthday%20Chords&url=https%3a%2f%2frafed.github.io%2framium%2fposts%2fhappy-birthday-chords%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>
diff --git a/posts/markdown-syntax-guide/index.html b/posts/markdown-syntax-guide/index.html
index a84ffb0..b320980 100644
--- a/posts/markdown-syntax-guide/index.html
+++ b/posts/markdown-syntax-guide/index.html
@@ -3,7 +3,7 @@ Ramium</title><meta charset=utf-8><meta name=viewport content="width=device-widt
 <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="&#xf1a0; 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 class=title>Markdown Syntax Guide</h1><div id=infobar class="level is-mobile"><div class=level-left><div class=level-item><p class="subtitle info date">Apr 16, 2020</p></div><div class=level-item><p class="subtitle info">3 mins read</p></div></div><div class="level-right is-hidden-touch"><div class=tags><a class="tag is-dark is-rounded" href=/ramium/tags/markdown>Markdown</a>
+<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>Markdown Syntax Guide</h1><div id=infobar class="level is-mobile"><div class=level-left><div class=level-item><p class="subtitle info date">Apr 16, 2020</p></div><div class=level-item><p class="subtitle info">3 mins read</p></div></div><div class="level-right is-hidden-touch"><div class=tags><a class="tag is-dark is-rounded" href=/ramium/tags/markdown>Markdown</a>
 <a class="tag is-dark is-rounded" href=/ramium/tags/css>Css</a>
 <a class="tag is-dark is-rounded" href=/ramium/tags/html>Html</a>
 <a class="tag is-dark is-rounded" href=/ramium/tags/themes>Themes</a></div></div></div><div class="tags is-hidden-desktop"><a class="tag is-dark is-rounded" href=/ramium/tags/markdown>Markdown</a>
@@ -40,7 +40,7 @@ Ramium</title><meta charset=utf-8><meta name=viewport content="width=device-widt
 &lt;<span style=color:#f92672>body</span>&gt;
   &lt;<span style=color:#f92672>p</span>&gt;Test&lt;/<span style=color:#f92672>p</span>&gt;
 &lt;/<span style=color:#f92672>body</span>&gt;
-&lt;/<span style=color:#f92672>html</span>&gt;</code></pre></div><h2 id=list-types>List Types</h2><h4 id=ordered-list>Ordered List</h4><ol><li>First item</li><li>Second item</li><li>Third item</li></ol><h4 id=unordered-list>Unordered List</h4><ul><li>List item</li><li>Another item</li><li>And another item</li></ul><h4 id=nested-list>Nested list</h4><ul><li>Item</li></ul><ol><li>First Sub-item</li><li>Second Sub-item</li></ol><h2 id=other-elements--abbr-sub-sup-kbd-mark>Other Elements — abbr, sub, sup, kbd, mark</h2><p><abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.</p><p>H<sub>2</sub>O</p><p>X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup></p><p>Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.</p><p>Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.</p><section class=footnotes role=doc-endnotes><hr><ol><li id=fn:1 role=doc-endnote><p>The above quote is excerpted from Rob Pike&rsquo;s <a href="https://www.youtube.com/watch?v=PAAkCSZUG1c">talk</a> during Gopherfest, November 18, 2015. <a href=#fnref:1 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a></p></li></ol></section></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%2fmarkdown-syntax-guide%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>
+&lt;/<span style=color:#f92672>html</span>&gt;</code></pre></div><h2 id=list-types>List Types</h2><h4 id=ordered-list>Ordered List</h4><ol><li>First item</li><li>Second item</li><li>Third item</li></ol><h4 id=unordered-list>Unordered List</h4><ul><li>List item</li><li>Another item</li><li>And another item</li></ul><h4 id=nested-list>Nested list</h4><ul><li>Item<ol><li>First Sub-item</li><li>Second Sub-item</li></ol></li></ul><h2 id=other-elements--abbr-sub-sup-kbd-mark>Other Elements — abbr, sub, sup, kbd, mark</h2><p><abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.</p><p>H<sub>2</sub>O</p><p>X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup></p><p>Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.</p><p>Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.</p><section class=footnotes role=doc-endnotes><hr><ol><li id=fn:1 role=doc-endnote><p>The above quote is excerpted from Rob Pike&rsquo;s <a href="https://www.youtube.com/watch?v=PAAkCSZUG1c">talk</a> during Gopherfest, November 18, 2015. <a href=#fnref:1 class=footnote-backref role=doc-backlink>&#8617;&#xfe0e;</a></p></li></ol></section></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%2fmarkdown-syntax-guide%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=Markdown%20Syntax%20Guide&url=https%3a%2f%2frafed.github.io%2framium%2fposts%2fmarkdown-syntax-guide%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%2fmarkdown-syntax-guide%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%2fmarkdown-syntax-guide%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>
diff --git a/posts/math-typesetting/index.html b/posts/math-typesetting/index.html
index 7918450..1ae5486 100644
--- a/posts/math-typesetting/index.html
+++ b/posts/math-typesetting/index.html
@@ -3,7 +3,7 @@ Ramium</title><meta charset=utf-8><meta name=viewport content="width=device-widt
 <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="&#xf1a0; 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 class=title>Math Typesetting</h1><div id=infobar class="level is-mobile"><div class=level-left><div class=level-item><p class="subtitle info date">Apr 12, 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/math>Math</a>
+<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>Math Typesetting</h1><div id=infobar class="level is-mobile"><div class=level-left><div class=level-item><p class="subtitle info date">Apr 12, 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/math>Math</a>
 <a class="tag is-dark is-rounded" href=/ramium/tags/markdown>Markdown</a>
 <a class="tag is-dark is-rounded" href=/ramium/tags/katex>Katex</a></div></div></div><div class="tags is-hidden-desktop"><a class="tag is-dark is-rounded" href=/ramium/tags/math>Math</a>
 <a class="tag is-dark is-rounded" href=/ramium/tags/markdown>Markdown</a>
diff --git a/posts/rich-content/index.html b/posts/rich-content/index.html
index e3ee581..e5d50bd 100644
--- a/posts/rich-content/index.html
+++ b/posts/rich-content/index.html
@@ -3,9 +3,9 @@ Ramium</title><meta charset=utf-8><meta name=viewport content="width=device-widt
 <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="&#xf1a0; 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 class=title>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>
+<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=fWmdEBAZOEkAX_Ct-If&oh=b627d3db3d9845d22d97844a26795deb&oe=5EFC968F" 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>&mdash; 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 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=WeLiJNh66KIAX_mQ5jo&oh=d51da47cc11857cc102d1b3356fb8cdc&oe=5F0C688F" 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>&mdash; 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>