Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/rafed/ramium.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorRafed Muhammad Yasir <rafed123@yahoo.com>2020-06-26 16:15:17 +0300
committerRafed Muhammad Yasir <rafed123@yahoo.com>2020-06-26 16:15:17 +0300
commit67bc5a33e8838e4a84eeba5d81b5a2702757bfdd (patch)
treed2612d227ee82c8615e64a881251d5a34c00f7e4
parentb65c7c99aaa4087bafaa908a35808b432778f14c (diff)
Publishing to gh-pages (publish.sh)
-rw-r--r--css/ramium.css8
-rw-r--r--posts/rich-content/index.html2
2 files changed, 7 insertions, 3 deletions
diff --git a/css/ramium.css b/css/ramium.css
index 2795790..a5c4b71 100644
--- a/css/ramium.css
+++ b/css/ramium.css
@@ -92,8 +92,8 @@ input:focus::placeholder {
margin-bottom: 1.5em; */
}
-.blog .blog-text p {
- margin-bottom: 1.5em;
+.blog .blog-text p+p {
+ margin-top: 1.5em;
}
.blog .blog-text li ol, .blog .blog-text li ul {
@@ -181,6 +181,10 @@ input:focus::placeholder {
opacity: 0.84;
}
+.blog .blog-text blockquote p {
+ margin-bottom: 0px;
+}
+
/***** BULMA FIX ******/
.columns {
diff --git a/posts/rich-content/index.html b/posts/rich-content/index.html
index ded2acd..eeb8419 100644
--- a/posts/rich-content/index.html
+++ b/posts/rich-content/index.html
@@ -5,7 +5,7 @@ Ramium</title><meta charset=utf-8><meta name=viewport content="width=device-widt
<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>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=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 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>&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>