Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <?xml version="1.0" encoding="UTF-8" ?>
- <!DOCTYPE html>
- <html b:css='false' b:defaultwidgetversion='2' b:js='true' b:layoutsVersion='3' b:responsive='true' b:templateVersion='1.0.0' expr:class='data:blog.languageDirection' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
- <head>
- <meta content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=5' name='viewport'/>
- <title><data:view.title.escaped/></title>
- <b:loop values='{"//1.bp.blogspot.com", "//2.bp.blogspot.com", "//3.bp.blogspot.com", "//4.bp.blogspot.com", "//www.blogger.com", "//fonts.googleapis.com", "//use.fontawesome.com", "//ajax.googleapis.com", "//fonts.gstatic.com", "//feedburner.google.com", "//feeds.feedburner.com", "//apis.google.com", "//cdnjs.cloudflare.com", "//www.google-analytics.com","//www.gstatic.com", "//www.googletagservices.com","//disqus.com", "//c.disquscdn.com"}' var='link'>
- <link expr:href='data:link' rel='dns-prefetch preconnect'/>
- </b:loop>
- <b:include name='headContent'/>
- <b:skin version='1.0.0'><![CDATA[
- /* -----------------------------------------------
- Blogger Template Style
- Name : Webium
- Version : 1.0
- Author : EL Creative Developer
- Author Url : https://www.elcreativeacademy.com/
- ----------------------------------------------- */
- /*
- <Variable name="keycolor" description="Main Color" type="color" default="$(main.color)" value="#1a8917"/>
- <Group description="Default Settings" selector="body">
- <Variable name="main.width" description="Theme Width" type="length" default="1192px" min="800px" max="1200px" value="1192px"/>
- <Variable name="main.color" description="Main Color" type="color" default="#1a8917" value="#1a8917"/>
- <Variable name="link.color" description="Link Color" type="color" default="$(main.color)" value="#1a8917"/>
- </Group>
- <Group description="Header" selector="header">
- <Variable name="header.width" description="Header Max Width" type="length" default="1192px" min="800px" max="1200px" value="1192px"/>
- <Variable name="header.color.background" description="Header Background Color" type="color" default="#ffc017" value="#ffc017"/>
- <Variable name="header.color.backgroundscroll" description="Header Background Scroll" type="color" default="#ffffff" value="#ffffff"/>
- <Variable name="header.color.text" description="Header Text Color" type="color" default="#212121" value="#212121"/>
- <Variable name="header.color.border" description="Header Border Color" type="color" default="#292929" value="#292929"/>
- <Variable name="header.color.menu" description="Header Mobile Menu Color" type="color" default="$(header.color.text)" value="#212121"/>
- <Variable name="header.color.menubg" description="Header Mobile Menu Background" type="color" default="#ffffff" value="#ffffff"/>
- <Variable name="header.color.menuborder" description="Header Mobile Menu Border" type="color" default="#e6e6e6" value="#e6e6e6"/>
- <Variable name="header.color.menuboxshdow" description="Header Mobile Menu Box Shadow" type="color" default="$(header.color.menuborder)" value="#e6e6e6"/>
- </Group>
- <Group description="Index Post" selector=".blog-wrapper">
- <Variable name="index.color.metatop" description="Post Meta Top Color" type="color" default="$(index.color.text)" value="#212121"/>
- <Variable name="index.color.text" description="Post Title Color" type="color" default="#212121" value="#212121"/>
- <Variable name="index.color.snippet" description="Post Summary Color" type="color" default="#757575" value="#757575"/>
- <Variable name="index.color.metabottom" description="Post Meta Bottom Color" type="color" default="$(index.color.snippet)" value="#757575"/>
- <Variable name="index.color.metabottomicon" description="Post Meta Bottom Icon Color" type="color" default="$(index.color.metabottom)" value="#757575"/>
- <Variable name="index.color.loadmore" description="Load More Button Color" type="color" default="#1a8917" value="#1a8917"/>
- <Variable name="index.color.loadmorebg" description="Load More Button Background" type="color" default="#ffffff" value="#ffffff"/>
- <Variable name="index.color.loadmoreborder" description="Load More Button Border" type="color" default="$(index.color.loadmore)" value="#1a8917"/>
- </Group>
- <Group description="Item Post" selector=".blog-wrapper">
- <Variable name="item.main.widthheader" description="Post Header Width" type="length" default="680px" min="500px" max="1200px" value="680px"/>
- <Variable name="item.color.text" description="Post Title Color" type="color" default="#212121" value="#212121"/>
- <Variable name="item.color.snippet" description="Post Summary Color" type="color" default="#757575" value="#757575"/>
- <Variable name="item.color.author" description="Post Author Color" type="color" default="$(item.color.text)" value="#212121"/>
- <Variable name="item.color.authorborder" description="Post Author Border Color" type="color" default="#1a8917" value="#1a8917"/>
- <Variable name="item.color.meta" description="Post Meta Color" type="color" default="$(item.color.snippet)" value="#757575"/>
- <Variable name="item.color.metaicon" description="Post Meta Icon Color" type="color" default="$(item.color.text)" value="#212121"/>
- <Variable name="item.color.post" description="Text Color" type="color" default="$(item.color.text)" value="#212121"/>
- <Variable name="item.color.share" description="Share Menu Color" type="color" default="$(item.color.snippet)" value="#757575"/>
- <Variable name="item.color.sharehover" description="Share Menu Color Hover" type="color" default="$(item.color.text)" value="#212121"/>
- <Variable name="item.color.sharebg" description="Share Menu Background" type="color" default="#ffffff" value="#ffffff"/>
- <Variable name="item.color.shareborder" description="Share Menu Border" type="color" default="#e6e6e6" value="#e6e6e6"/>
- <Variable name="item.color.shareshadow" description="Share Menu Box Shadow" type="color" default="$(item.color.shareborder)" value="#e6e6e6"/>
- <Variable name="item.main.widthfooter" description="Post Footer Width" type="length" default="680px" min="500px" max="1200px" value="680px"/>
- <Variable name="item.color.labeltext" description="Label Color" type="color" default="$(item.color.text)" value="#212121"/>
- <Variable name="item.color.labelbg" description="Label Background" type="color" default="#f2f2f2" value="#f2f2f2"/>
- <Variable name="item.color.metabottom" description="Meta Bottom Color" type="color" default="$(item.color.snippet)" value="#757575"/>
- <Variable name="item.color.imagelightbox" description="Image Lightbox Background Color" type="color" default="#ffffff" value="#ffffff"/>
- </Group>
- /* Widget */
- <Variable hideEditor="true" name="widget.color.title" description="Widget Title Color" type="color" default="#212121" value="#212121"/>
- <Variable hideEditor="true" name="widget.color.border" description="Widget Border Color" type="color" default="#e6e6e6" value="#e6e6e6"/>
- <Variable hideEditor="true" name="widget.color.posttitle" description="Widget Post Title Color" type="color" default="$(widget.color.title)" value="#212121"/>
- <Variable hideEditor="true" name="widget.color.postmetatop" description="Widget Post Meta Top Color" type="color" default="$(widget.color.title)" value="#212121"/>
- <Variable hideEditor="true" name="widget.color.postsnippet" description="Widget Post Snippet Color" type="color" default="#757575" value="#757575"/>
- <Variable hideEditor="true" name="widget.color.popularcounter" description="Popular Post Counter Color" type="color" default="$(widget.color.border)" value="#e6e6e6"/>
- <Variable hideEditor="true" name="widget.color.searchcolor" description="Search Color" type="color" default="$(widget.color.title)" value="#212121"/>
- <Variable hideEditor="true" name="widget.color.labeltext" description="Label Text Color" type="color" default="#757575" value="#757575"/>
- <Variable hideEditor="true" name="widget.color.labelbackground" description="Label Background Color" type="color" default="#fafafa" value="#fafafa"/>
- <Variable hideEditor="true" name="widget.color.labelborder" description="Label Border Color" type="color" default="#e6e6e6" value="#e6e6e6"/>
- <Variable hideEditor="true" name="widget.color.labelbutton" description="Profile Button Color" type="color" default="$(widget.color.title)" value="#212121"/>
- <Variable hideEditor="true" name="widget.color.labelbuttoncolorhover" description="Profile Button Hover Color" type="color" default="$(widget.color.title)" value="#212121"/>
- <Variable hideEditor="true" name="widget.color.labelbuttonborderhover" description="Profile Button Border Hover Color" type="color" default="$(widget.color.title)" value="#212121"/>
- <Variable hideEditor="true" name="widget.color.labelbuttonborder" description="Profile Button Border Color" type="color" default="$(widget.color.postsnippet)" value="#757575"/>
- <Group description="Footer" selector="footer">
- <Variable name="footer.color.text" description="Footer Text Color" type="color" default="#ffffff" value="#ffffff"/>
- <Variable name="footer.color.background" description="Footer Background Color" type="color" default="#212121" value="#212121"/>
- </Group>
- <Variable hideEditor="true" name="body.background" description="Body Background" type="background" color="#ffffff" default="#ffffff none repeat scroll top left" value="#dddfe2 none repeat scroll top left"/>
- <Variable hideEditor="true" name="body.font" description="Font" type="font" default="normal 400 14px Arial, sans-serif" value="normal 400 14px Arial,sans-serif"/>
- <Variable hideEditor="true" name="body.text.color" description="Text Color" type="color" default="#212121" value="#212121"/>
- <Variable hideEditor="true" name="body.text.font" description="1" type="font" default="$(body.font)" value="normal 400 14px Arial, sans-serif"/>
- <Variable hideEditor="true" name="posts.background.color" description="2" type="color" default="#ffffff" value="#ffffff"/>
- <Variable hideEditor="true" name="body.link.color" description="3" type="color" default="$(main.color)" value="#1a8917"/>
- <Variable hideEditor="true" name="body.link.visited.color" description="4" type="color" default="#1a8917" value="#1a8917"/>
- <Variable hideEditor="true" name="body.link.hover.color" description="5" type="color" default="#1a8917" value="#1a8917"/>
- <Variable hideEditor="true" name="blog.title.font" description="6" type="font" default="$(body.text.font)" value="normal 400 14px Arial, sans-serif"/>
- <Variable hideEditor="true" name="blog.title.color" description="7" type="color" default="#ffffff" value="#ffffff"/>
- <Variable hideEditor="true" name="header.icons.color" description="8" type="color" default="#ffffff" value="#ffffff"/>
- <Variable hideEditor="true" name="tabs.font" description="9" type="font" default="$(body.text.font)" value="normal 400 14px Arial, sans-serif"/>
- <Variable hideEditor="true" name="tabs.color" description="10" type="color" default="#e5e5e5" value="#e5e5e5"/>
- <Variable hideEditor="true" name="tabs.selected.color" description="11" type="color" default="#ffffff" value="#ffffff"/>
- <Variable hideEditor="true" name="tabs.overflow.background.color" description="12" type="color" default="#ffffff" value="#ffffff"/>
- <Variable hideEditor="true" name="tabs.overflow.color" description="13" type="color" default="$(body.text.color)" value="#212121"/>
- <Variable hideEditor="true" name="tabs.overflow.selected.color" description="14" type="color" default="$(body.text.color)" value="#212121"/>
- <Variable hideEditor="true" name="posts.title.color" description="15" type="color" default="$(body.text.color)" value="#212121"/>
- <Variable hideEditor="true" name="posts.title.font" description="16" type="font" default="$(body.text.font)" value="normal 400 14px Arial, sans-seri"/>
- <Variable hideEditor="true" name="posts.text.font" description="17" type="font" default="$(body.text.font)" value="normal 400 14px Arial, sans-seri"/>
- <Variable hideEditor="true" name="posts.text.color" description="18" type="color" default="$(body.text.color)" value="#212121"/>
- <Variable hideEditor="true" name="posts.icons.color" description="19" type="color" default="$(body.text.color)" value="#212121"/>
- <Variable hideEditor="true" name="labels.background.color" description="20" type="color" default="$(main.color)" value="#1a8917"/>
- */
- /*
- * Prefixed by https://autoprefixer.github.io
- * PostCSS: v7.0.29,
- * Autoprefixer: v9.7.6
- * Browsers: last 4 version
- */
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
- html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
- *{-webkit-tap-highlight-color:transparent}
- body {
- font-family: system-ui, -apple-system, BlinkMacSystemFont,
- "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
- overflow: hidden;
- overflow-y: auto;
- width: 100%;
- }
- a {
- text-decoration: none;
- color: $(link.color);
- }
- img:not([src]):not([srcset]) {
- visibility: hidden;
- }
- input:required, input:invalid {
- -webkit-box-shadow:none;
- box-shadow:none;
- }
- .button-icon {
- background: transparent;
- border: none;
- outline: none;
- cursor: pointer;
- }
- .backdrop.active {
- -webkit-transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, visibility 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
- -o-transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, visibility 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
- transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, visibility 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
- pointer-events: all;
- z-index: 999;
- background-color: rgba(0, 0, 0, 0.08);
- position: fixed;
- left: 0;
- top: 0;
- height: 100%;
- width: 100%;
- }
- /* ----- Header ----- */
- .header-wrapper {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- background-color: $(header.color.background);
- border-bottom: 1px solid $(header.color.border);
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- left: 0;
- min-height: 74px;
- position: fixed;
- right: 0;
- top: 0;
- z-index: 999;
- -webkit-transition: background-color 300ms linear;
- -o-transition: background-color 300ms linear;
- transition: background-color 300ms linear;
- }
- .header-wrapper .header-section {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: inherit;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- max-width: $(header.width);
- margin: 0 auto;
- width: 100%;
- position: relative
- }
- .header-wrapper .header-section .Header h1 {
- margin: 0;
- }
- .header-wrapper .header-section .Header .header-logo-image img ~ h1 {
- border: 0;
- clip: rect(0 0 0 0);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- }
- .header-wrapper .header-section .Header img {
- max-height: 25px;
- width: auto;
- display: block;
- }
- .header-wrapper .header-section .Header a {
- color: $(header.color.text);
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- .header-wrapper .header-section .LinkList .menu-item, .footer-wrapper .footer-section .LinkList .menu-item:not(:last-child) {
- margin-right: 24px;
- }
- .blog-pager span {
- border-radius: 4px;
- background: $(header.color.text);
- border: 1px solid $(header.color.text);
- color: #fff;
- padding: 8px 16px;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- font-size: 14px
- }
- .header-wrapper .header-section .LinkList a, .footer-wrapper .footer-section .LinkList a {
- color: $(header.color.text);
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- font-size: 14px;
- line-height: 20px;
- }
- .header-wrapper .header-section .LinkList .button-icon svg {
- fill: $(header.color.text);
- }
- .header-height {
- background-color: $(header.color.backgroundscroll);
- height: 74px;
- }
- .header-wrapper .header-section .LinkList, .header-wrapper .header-section .LinkList .button-icon {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- }
- .header-wrapper .header-section .LinkList .button-icon:not(.search-menu) {
- display: none
- }
- /* ----- Main Section ----- */
- .inner-wrapper {
- display: -ms-grid;
- display: grid;
- -ms-grid-rows: 1fr;
- grid-template-rows: 1fr;
- -ms-grid-columns: (1fr)[8] (minmax(48px, 1fr))[4];
- grid-template-columns: repeat(8, 1fr) repeat(4, minmax(48px, 1fr));
- max-width: $(main.width);
- margin: 0 auto;
- overflow: hidden
- }
- .inner-wrapper {
- -ms-grid-column: 1;
- -ms-grid-column-span: 12;
- grid-column: 1 / span 12;
- -ms-grid-row: 2;
- grid-row-start: 2;
- padding-top: 56px;
- }
- body:not(.item):not(.static_page) .main-wrapper .blog-wrapper {
- -ms-grid-column: 1;
- -ms-grid-column-span: 7;
- grid-column: 1 / span 7;
- -ms-grid-row: 2;
- grid-row-start: 2;
- }
- .main-top-wrapper {
- -ms-grid-column: 1;
- -ms-grid-column-span: 12;
- grid-column: 1 / span 12;
- -ms-grid-row: 1;
- grid-row-start: 1;
- }
- .main-top-wrapper .HTML {
- background-color: $(header.color.background);
- border-bottom: 1px solid $(header.color.border);
- }
- .main-top-wrapper .HTML .jumbotron-content, .main-top-wrapper .popular-jumbotron {
- max-width: $(main.width);
- margin: 0 auto;
- padding: 33px 0 51px 0;
- }
- .main-top-wrapper .popular-jumbotron .popular-widget {
- width: 100%;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- display: -ms-grid;
- display: grid;
- -ms-grid-columns: 1fr 10px 1fr 10px 1fr;
- grid-template-columns: repeat(3, 1fr);
- gap: 10px;
- }
- .main-top-wrapper .PopularPosts .popular-widget .post {
- margin: 0;
- }
- .main-top-wrapper .HTML .jumbotron-content .title {
- font-size: 70px;
- line-height: 74px;
- margin: 0;
- font-weight: 500;
- letter-spacing: -0.05em;
- color: $(header.color.text);
- }
- .main-top-wrapper .HTML .jumbotron-content p {
- line-height: 24px;
- font-size: 18px;
- margin: 52px 0 25px 0;
- color: $(header.color.text)
- }
- .main-top-wrapper .HTML .jumbotron-content .jumbotron-inner {
- max-width: 550px;
- }
- .main-top-wrapper .HTML .jumbotron-content .all-content {
- line-height: 24px;
- padding: 8px 20px;
- border: 1px solid $(header.color.text);
- border-radius: 4px;
- color: $(header.color.text);
- max-width: 550px;
- }
- .main-top-wrapper .widget:last-child {
- border-bottom: 1px solid $(widget.color.border);
- }
- .main-top-wrapper .search-page-form {
- padding: 56px 0 40px 0;
- width: 100%;
- max-width: $(main.width);
- margin: 0 auto;
- }
- .main-top-wrapper .search-page-form input {
- font-size: 52px;
- height: 80px;
- padding: 0;
- width: 100%;
- border: 0;
- border-bottom: 1px solid rgba(0,0,0,.15);
- outline: none;
- }
- .item .main-wrapper .blog-wrapper, .static_page .main-wrapper .blog-wrapper {
- -ms-grid-column: 1;
- -ms-grid-column-span: 12;
- grid-column: 1 / span 12;
- -ms-grid-row: 2;
- grid-row-start: 2;
- }
- .index .main-wrapper .blog-post, .FeaturedPost .post, .PopularPosts .popular-widget .post {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- margin-bottom: 48px;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- gap: 20px
- }
- .index .main-wrapper .blog-post .block-meta {
- width: 100%
- }
- .index .main-wrapper .blog-post .post-meta-top, .index .main-wrapper .blog-post .post-meta-bottom, .FeaturedPost .post .post-meta-top, .FeaturedPost .post .post-meta-bottom, .PopularPosts .popular-widget .post-meta-top, .PopularPosts .popular-widget .post-meta-bottom {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- font-size: 14px;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- padding-bottom: 8px;
- gap: 5px
- }
- .index .main-wrapper .blog-post .post-meta-top .author-avatar, .FeaturedPost .post .post-meta-top .author-avatar, .PopularPosts .popular-widget .post-meta-top .author-avatar {
- border-radius: 50%;
- display: block;
- max-height: 20px;
- max-width: 20px;
- height: 20px;
- width: 20px;
- background-repeat: no-repeat;
- background-size: cover;
- background-position: center;
- }
- .index .main-wrapper .blog-post .post-meta-top {
- color: $(index.color.metatop)
- }
- .index .main-wrapper .blog-post .post-meta-top strong, .FeaturedPost .post .post-meta-top strong, .PopularPosts .popular-widget .post-meta-top strong {
- font-weight: 500
- }
- .index .main-wrapper .blog-post .post-image-link {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- height: 133px;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- overflow: hidden;
- width: 200px;
- }
- .index .main-wrapper .blog-post .post-image-link .post-thumb {
- width: 100%;
- height: 100%;
- background-position: center;
- background-repeat: no-repeat;
- background-size: cover;
- }
- .index .main-wrapper .blog-post .post-meta-bottom .post-time, .PopularPosts .popular-widget .post-meta-bottom, .FeaturedPost .post .post-meta-bottom .post-time, .PopularPosts .popular-widget .post-meta-bottom .post-time {
- color: $(index.color.metabottom);
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 6px;
- }
- .index .main-wrapper .blog-post .post-meta-bottom .post-time svg {
- fill: currentColor;
- }
- .index .main-wrapper .blog-post .post-meta-bottom, .FeaturedPost .post .post-meta-bottom, .PopularPosts .popular-widget .post-meta-bottom {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- padding-bottom: 0;
- }
- .index .main-wrapper .blog-post .post-title {
- color: $(index.color.text);
- }
- .index .main-wrapper .blog-post .post-meta-bottom .post-comment {
- width: 25px;
- height: 25px;
- color: $(index.color.metabottomicon);
- fill: currentColor;
- padding: 18px;
- }
- .index .main-wrapper .blog-post .post-title h2, .FeaturedPost .post .post-title h2, .PopularPosts .popular-widget .post-title h2 {
- display: -webkit-box;
- font-size: 22px;
- font-weight: 700;
- line-height: 28px;
- margin: 0;
- overflow: hidden;
- -o-text-overflow: ellipsis;
- text-overflow: ellipsis;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- }
- .index .main-wrapper .blog-post .post-title .post-snippet {
- display: block;
- padding-top: 4px;
- color: $(index.color.snippet)
- }
- .main-wrapper .sidebar-wrapper {
- -ms-grid-column: 9;
- -ms-grid-column-span: 4;
- grid-column: 9 / span 4;
- -ms-grid-row: 2;
- grid-row-start: 2;
- }
- .main-wrapper .blog-pager {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- padding: 24px 0;
- }
- .search .main-wrapper .blog-pager {
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
- .main-wrapper .blog-pager span {
- background-color: $(index.color.loadmorebg);
- color: $(index.color.loadmore);
- border: 1px solid $(index.color.loadmoreborder);
- cursor: pointer;
- }
- .main-wrapper .blog-pager span.loading {
- cursor: wait;
- }
- .main-wrapper .blog-pager span.loaded {
- cursor: no-drop;
- }
- .item .post-body, .static_page .post-body {
- letter-spacing: -0.003em;
- line-height: 28px;
- font-size: 22px;
- max-width: 680px;
- margin: 0 auto;
- color: $(item.color.post)
- }
- .post-body :is(p, ul, ol, pre, blockquote, br) + :is(h1, h2, h3, h4, h5, h6) {
- margin: 3rem 0 1rem 0;
- }
- .post-body a:hover {
- text-decoration: underline;
- }
- .post-body pre {
- padding: 20px;
- font-size: 16px;
- letter-spacing: -0.022em;
- line-height: 1.18;
- white-space: pre-wrap;
- background-color: $(item.color.shareborder)
- }
- .item .post-body .tr-caption-container td, .static_page .post-body .tr-caption-container td {
- text-align: center;
- margin-top: 10px;
- font-size: 14px;
- color: $(item.color.meta);
- font-family: Arial, sans-serif;
- }
- .item .post-body img, .static_page .post-body img {
- max-width: 100%;
- }
- .item .post-body .separator a, .static_page .post-body .separator a {
- cursor: -webkit-zoom-in;
- cursor: zoom-in;
- margin: 0 auto !important
- }
- .item .post-body blockquote, .static_page .post-body blockquote {
- padding-left: 23px;
- -webkit-box-shadow: $(item.color.post) 3px 0px 0px 0px inset;
- box-shadow: $(item.color.post) 3px 0px 0px 0px inset;
- margin: 0 0 0 -20px;
- }
- .rtl .item .post-body blockquote, .rtl .static_page .post-body blockquote {
- margin: 0 -20px 0 0;
- padding-right: 23px;
- padding-left: 0;
- -webkit-box-shadow: #212121 3px 0px 0px 0px;
- box-shadow: #212121 3px 0px 0px 0px;
- }
- .item .post-header, .static_page .post-header {
- margin: 0 auto 56px auto;
- max-width: $(item.main.widthheader);
- }
- .static_page .comment-container {
- margin: 56px auto;
- max-width: $(item.main.widthfooter);
- }
- .item .post-header .post-title, .static_page .post-header .post-title {
- color: $(item.color.text);
- line-height: 56px;
- letter-spacing: -0.011em;
- font-size: 46px;
- margin: 0;
- }
- .item .post-header .post-description, .static_page .post-header .post-description {
- line-height: 28px;
- font-size: 20px;
- color: $(item.color.snippet);
- font-weight: 400;
- margin: 10px 0 0 0;
- }
- .item .post-header .post-meta, .static_page .post-header .post-meta {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- margin: 15px 0 0 0;
- position: relative;
- }
- .item .post-header .post-meta .share-toggle {
- position: relative;
- }
- .item .post-header .post-meta .share-toggle button {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- padding: 0;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- color: $(item.color.metaicon);
- fill: currentColor;
- }
- .item .post-header .post-meta .post-comment {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- gap: 3px;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- color: $(item.color.metaicon);
- fill: currentColor;
- }
- .item .post-header .post-meta .share-toggle #toggle-share, .item .post-footer #toggle-social {
- -webkit-box-shadow: $(item.color.shareshadow) 0px 1px 4px;
- box-shadow: $(item.color.shareshadow) 0px 1px 4px;
- margin-top: 5px;
- border: 1px solid $(item.color.shareborder);
- border-radius: 4px;
- position: absolute;
- background-color: $(item.color.sharebg);
- padding: 8px 0;
- left: 50%;
- -webkit-transform: translate3d(-50%, 0px, 0px);
- transform: translate3d(-50%, 0px, 0px);
- width: -webkit-max-content;
- width: -moz-max-content;
- width: max-content;
- max-width: 220px;
- }
- .item .post-header .post-meta .share-toggle #toggle-share::before, .item .post-footer #toggle-social::before {
- content: "";
- background-color: $(item.color.sharebg);
- width: 14px;
- height: 14px;
- -webkit-transform: rotate(45deg) translate(6px, 6px);
- -ms-transform: rotate(45deg) translate(6px, 6px);
- transform: rotate(45deg) translate(6px, 6px);
- position: absolute;
- top: -13px;
- -webkit-box-shadow: $(item.color.shareshadow) -1px -1px 1px -1px;
- box-shadow: $(item.color.shareshadow) -1px -1px 1px -1px;
- left: calc(50% - 7px);
- }
- .item .post-header .post-meta .share-toggle ul, .item .post-footer .post-meta ul.share-links {
- list-style: none;
- padding: 8px 0;
- margin: 0;
- }
- .item .post-header .post-meta .share-toggle li, .item .post-footer .post-meta .share-links li {
- padding: 8px 20px;
- word-break: break-word;
- }
- .item .post-header .post-meta .share-toggle a, .item .post-footer .share-links a {
- color: $(item.color.share)
- }
- .item .post-header .post-meta .share-toggle a:hover, .item .post-footer .share-links a:hover {
- color: $(item.color.sharehover)
- }
- .item .post-header .meta-author-date, .item .post-header .meta-button {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- gap: 10px;
- }
- .item .post-header .meta-author-date svg {
- position: absolute;
- left: -5px;
- width: 57px;
- height: 57px;
- fill: $(item.color.authorborder);
- }
- .rtl .item .post-header .meta-author-date svg {
- left: auto;
- right: -5px;
- }
- .item .post-header .meta-author-date .author-avatar {
- border-radius: 50%;
- width: 48px;
- height: 48px;
- background-size: cover;
- background-repeat: no-repeat;
- background-position: center;
- }
- .item .post-header .meta-author-date .post-meta-top {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- gap: 5px;
- }
- .item .post-header .meta-author-date .post-meta-top .post-author {
- color: $(item.color.author);
- }
- .item .post-header .meta-author-date .post-time {
- font-size: 14px;
- color: $(item.color.meta);
- }
- .item .post-footer {
- overflow: hidden;
- display: block;
- width: 100%;
- padding: 25px 0;
- }
- .item .post-footer .footer-post-content {
- max-width: $(item.main.widthfooter);
- margin: 0 auto;
- }
- .item .post-footer .meta-button {
- position: relative;
- }
- .item .post-footer .label-link {
- background-color: $(item.color.labelbg);
- padding: 5px 10px;
- line-height: 22px;
- color: $(item.color.labeltext);
- font-size: 13px;
- border-radius: 3px;
- margin: 0 8px 8px 0;
- display: inline-block;
- }
- .item .post-footer .post-meta {
- margin: 25px 0;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
- .item .post-footer .meta-author-date .post-comment, .item .post-footer .meta-button, .item .post-footer #toggle-social {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- gap: 10px;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- color: $(item.color.metabottom)
- }
- .item .post-footer .meta-button svg {
- fill: $(item.color.metabottom);
- }
- .item .post-footer .about-author {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- padding-top: 32px;
- border-top: 1px solid $(widget.color.border);
- gap: 20px;
- }
- .item .post-footer .about-author .avatar-container {
- border-radius: 100px;
- }
- .item .post-footer .about-author .author-avatar {
- width: 80px;
- height: 80px;
- border-radius: 100px;
- background-position: center;
- background-repeat: no-repeat;
- background-size: cover;
- display: block;
- }
- .item .post-footer .about-author .author-name {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- margin-bottom: 6px;
- }
- .item .post-footer .about-author .author-name span {
- letter-spacing: 0.077em;
- line-height: 18px;
- color: $(item.color.meta);
- font-size: 13px;
- text-transform: uppercase;
- }
- .item .post-footer .about-author .author-name .authors {
- font-size: 24px;
- font-weight: 500;
- color: $(item.color.text);
- }
- .item .post-footer .about-author .description-text {
- line-height: 24px;
- color: $(item.color.meta);
- margin: 0
- }
- .item .post-footer #toggle-social {
- top: 33px;
- right: -110px;
- left: auto;
- -webkit-transform: translate3d(-110px, 0px, 0px);
- transform: translate3d(-110px, 0px, 0px);
- }
- .rtl .item .post-footer #toggle-social {
- right: auto;
- left: -110px;
- -webkit-transform: translate3d(110px, 0px, 0px);
- transform: translate3d(110px, 0px, 0px);
- }
- .item .post-footer #toggle-social::before {
- left: 85%;
- }
- .rtl .item .post-footer #toggle-social::before {
- left: 0;
- right: 85%;
- }
- .item #comments {
- visibility: hidden;
- opacity: 0;
- }
- .item #comments.active {
- visibility: visible;
- opacity: 1;
- z-index: 1000;
- display: block;
- position: relative;
- }
- .item #comments .comment-container {
- -webkit-transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
- transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
- -o-transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
- transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
- transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
- -webkit-transform: translateX(-414px);
- -ms-transform: translateX(-414px);
- transform: translateX(-414px);
- width: 414px;
- top: 0;
- left: 100%;
- position: fixed;
- opacity: 1;
- background-color: white;
- height: 100%;
- -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px;
- box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px;
- overflow: auto;
- }
- .rtl .item #comments .comment-container {
- left: auto;
- right: 100%;
- -webkit-transform: translateX(414px);
- -ms-transform: translateX(414px);
- transform: translateX(414px);
- }
- .item #comments .comments-title {
- padding: 24px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
- .item #comments .comments-title h3 {
- margin: 0;
- }
- .item #comments .close-comment {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- cursor: pointer;
- }
- .comments .comments-content{margin:0px 24px;overflow: hidden;}
- .comment-thread ol{padding:0;margin:0;}
- .toplevel-thread ol > li:first-child{margin:0;}
- .comment-thread .comment{position:relative;padding:0;margin:25px 0 0;list-style:none;border-radius:0}
- .comment-thread .avatar-image-container{width:35px;height:35px;border-radius:100%;overflow:hidden;float: left;}
- .avatar-image-container img{width:100%;height:100%;border-radius:100%}
- .comment-header {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- padding-left: 15px;
- }
- .comments .comment-header .user{font-size:14px;color:#212121;font-style:normal;}
- .comments .comment-header .user a{color:#212121;}
- .comments .comment-header .icon.user{display:none;}
- .comment-header .datetime a{font-size:14px;color:#757575;}
- .comments .comment-content{font-size:14px;line-height:24px;}
- .comments .comment-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 15px;}
- .comments .comment-actions a{color:#212121;font-size:13px;font-style:normal;}
- .item-control{display:none}
- .comments .comment-replies{padding:0 0 0 20px;border-left: 3px solid rgb(230, 230, 230);}
- .rtl .comments .comment-replies {
- padding: 0 20px 0 0;
- border-right: 3px solid rgb(230, 230, 230);
- border-left: none;
- }
- .thread-expanded .thread-count a,.loadmore{display:none}
- .comments .continue:not(#top-continue) {display:none}
- .comment-thread.toplevel-thread > ol > .comment > .comment-replybox-single iframe{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0 0 23px;margin:15px 0 0}
- span.blog-admin, span.pid-546483537 {
- display: inherit !important
- }
- #top-ra li:last-child {
- margin-bottom: 25px;
- }
- .comment-form {
- margin: 0px 24px;
- }
- .comments #top-continue {
- text-align: center;
- padding: 12px 0;
- margin: 12px 0;
- }
- .search-label .main-wrapper .blog-post .post-meta-top {
- padding: 8px 0 0 0;
- }
- .search-label .main-wrapper .blog-post .post-meta-bottom {
- padding: 0;
- }
- .search-label .blog-posts .blog-post:first-child {
- -webkit-box-orient: vertical;
- -webkit-box-direction: reverse;
- -ms-flex-direction: column-reverse;
- flex-direction: column-reverse;
- margin-bottom: 20px;
- }
- .search-label .blog-posts .blog-post:first-child .block-meta {
- margin: 13px 0 0 0;
- }
- .search-label .main-wrapper .blog-post:first-child .post-title h2 {
- letter-spacing: -0.016em;
- line-height: 40px;
- font-size: 32px;
- }
- .search-label .main-wrapper .blog-post:first-child .post-title .post-snippet {
- margin-top: 10px;
- padding: 0;
- }
- .search-label .main-wrapper .blog-post .post-meta-top {
- padding: 0;
- margin-top: 16px;
- }
- .search-label .main-wrapper .blog-post .post-meta-bottom {
- padding: 0;
- }
- .search-label .blog-post:first-child .post-image, .search-label .main-wrapper .blog-post:first-child .post-image-link, .search-label .main-wrapper .blog-post:first-child .post-image-link img {
- width: 100%;
- height: 100%;
- }
- .search-label .main-wrapper .blog-post:first-child .post-image-link .post-thumb {
- height: 382px;
- }
- .search-label .main-wrapper .blog-post:not(:first-child) {
- padding: 12px 0;
- margin: 0;
- }
- .search-label .main-wrapper .blog-post:not(:first-child) .post-title h2 {
- font-size: 18px;
- line-height: 24px;
- }
- .search-label .main-wrapper .blog-post:not(:first-child) .post-image-link {
- max-width: 152px;
- height: 100px;
- }
- .search-label .main-wrapper .blog-post:not(:first-child) .post-image-link .post-thumb {
- width: 100%;
- height: 100%;
- display: block;
- }
- .message-query {
- text-align: center;
- }
- .hidden-section, .search-active .inner-wrapper, .search-active .jumbotron-section, body:not(.search-active) .search-page-form, .search-active .footer-wrapper {
- display: none;
- }
- .scrolled-meta {
- position: fixed;
- max-width: 131px;
- top: calc(50vh - 20%);
- will-change: opacity, max-height;
- -webkit-transition: opacity 200ms ease 0s, max-height 200ms ease 0s;
- -o-transition: opacity 200ms ease 0s, max-height 200ms ease 0s;
- transition: opacity 200ms ease 0s, max-height 200ms ease 0s;
- max-height: 0;
- overflow: hidden;
- }
- .scrolled-meta .scrolled-title {
- color: $(item.color.text);
- font-weight: 500;
- margin-bottom: 5px;
- -o-text-overflow: ellipsis;
- text-overflow: ellipsis;
- overflow: hidden;
- }
- .scrolled-description {
- font-size: 14px;
- color: $(item.color.snippet);
- display: -webkit-box;
- overflow: hidden;
- -o-text-overflow: ellipsis;
- text-overflow: ellipsis;
- -webkit-line-clamp: 6;
- -webkit-box-orient: vertical;
- }
- .scrolled-top {
- border-bottom: 1px solid rgb(230, 230, 230);
- padding-bottom: 28px;
- }
- .scrolled-bottom {
- padding-top: 28px;
- }
- .scrolled-bottom .share-icon {
- display: -ms-grid;
- display: grid;
- -ms-grid-columns: 1fr 5px 1fr 5px 1fr 5px 1fr;
- grid-template-columns: repeat(4,1fr);
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- gap: 5px;
- }
- .scrolled-bottom svg {
- fill: $(item.color.snippet);
- }
- .scrolled-bottom .post-comments {
- color: $(item.color.snippet);
- margin-top: 19px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- .error .error-wrapper {
- margin: 20px auto 60px auto;
- }
- .error .error-wrapper .not-found {
- font-size: 18px;
- text-transform: uppercase;
- font-weight: 400;
- }
- .error .error-wrapper h3 {
- font-size: 152px;
- margin: 11px 0 0 0;
- color: rgba(0,0,0,.3);
- font-weight: normal;
- }
- .error .error-wrapper h4 {
- line-height: 66px;
- font-size: 66px;
- margin: 11px 0 0 0;
- font-weight: normal;
- }
- .error .error-wrapper .not-found-description {
- line-height: 24px;
- font-size: 20px;
- color: rgba(0,0,0,.84);
- margin: 11px 0;
- }
- .error .error-wrapper a {
- color: inherit;
- text-decoration: underline;
- }
- /* ----- Footer ----- */
- .footer-wrapper {
- background-color: $(footer.color.background);
- padding: 32px 0px;
- margin-top: 30px
- }
- .footer-wrapper .footer-section {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- max-width: $(main.width);
- margin: 0 auto;
- }
- .footer-wrapper .footer-section img {
- max-height: 22px;
- }
- .footer-wrapper .footer-section .LinkList a {
- color: $(footer.color.text)
- }
- .footer-wrapper .footer-section .LinkList a:hover {
- text-decoration: underline
- }
- /* ----- Widgets ----- */
- .sidebar-section .widget {
- border-bottom: 1px solid $(widget.color.border);
- margin-bottom: 30px;
- padding-bottom: 30px;
- }
- .sidebar-section .widget .title {
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- color: $(widget.color.title);
- }
- .FeaturedPost .post .post-title, .PopularPosts .popular-widget .post-title, .Profile .profile-link .profile-name {
- color: $(widget.color.posttitle);
- }
- .PopularPosts .popular-widget .post-meta-top, .FeaturedPost .post .post-meta-top {
- color: $(widget.color.postmetatop);
- }
- .FeaturedPost .post .post-title .post-snippet {
- color: $(widget.color.postsnippet)
- }
- .Label h3.title {
- letter-spacing: 0.083em;
- text-transform: uppercase;
- font-size: 12px;
- margin: 0 0 16px 0;
- line-height: 16px;
- }
- .Label .label-widget.cloud span {
- display: inline-block;
- font-size: 14px;
- }
- .Label .label-widget.cloud span a {
- padding: 6px 16px;
- line-height: 20px;
- margin: 0 8px 8px 0;
- border: 1px solid $(widget.color.labelborder);
- border-radius: 3px;
- display: inline-block;
- }
- .rtl .Label .label-widget.cloud span a {
- margin: 0 0 8px 8px;
- }
- .Label .label-widget a {
- color: $(widget.color.labeltext);
- }
- .Label .label-widget.list ul:first-child {
- padding: 0;
- list-style: inside;
- }
- .Label .label-widget.list li {
- line-height: 1.5;
- }
- .FeaturedPost .post {
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- margin: 0
- }
- .FeaturedPost .post .post-image {
- margin-bottom: 20px;
- width: 100%;
- height: 245px;
- }
- .FeaturedPost .post .post-image-link {
- display: block;
- height: 100%;
- overflow: hidden;
- width: 100%;
- position: relative;
- }
- .FeaturedPost .post .post-image-link span {
- width: 100%;
- height: 100%;
- background-size: cover;
- display: block;
- background-repeat: no-repeat;
- background-position: center;
- }
- .FeaturedPost .post .post-meta-bottom .post-time, .PopularPosts .popular-widget .post-meta-bottom .post-time {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- }
- .FeaturedPost .post .post-meta-bottom .post-time svg, .PopularPosts .popular-widget .post-meta-bottom .post-time svg {
- fill: currentColor;
- }
- .Profile .profile-widget {
- padding: 32px;
- background-color: $(widget.color.labelbackground);
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- }
- .Profile .profile-widget h3.title {
- font-size: 14px;
- letter-spacing: 0.083em;
- margin: 0;
- text-transform: uppercase;
- }
- .Profile .profile-widget .profile {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- padding-top: 16px;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- .Profile .profile-link {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- margin-right: 8px;
- overflow: hidden;
- gap:10px
- }
- .Profile .profile-link .profile-name {
- font-weight: 700;
- }
- .Profile .profile-follow, .FollowByEmail .follow-by-email-submit, .ContactForm .contact-form-button {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- border: 1px solid $(widget.color.labelbuttonborder);
- border-radius: 4px;
- color: $(widget.color.labelbutton);
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- font-size: 14px;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- min-height: 20px;
- padding: 6px 12px;
- }
- .Profile .profile-follow:hover, .FollowByEmail .follow-by-email-submit:hover {
- border-color: $(widget.color.labelbuttonborderhover);
- color: $(widget.color.labelbuttoncolorhover);
- }
- .Profile .profile-widget .profile-img {
- border-radius: 50%;
- height: 48px;
- width: 48px;
- border-radius: 100px;
- background-position: center;
- background-size: cover;
- background-repeat: no-repeat;
- }
- .PopularPosts .popular-widget .post-title h2 {
- font-size: 18px;
- line-height: 22px;
- }
- .PopularPosts .popular-widget {
- counter-reset: section;
- }
- .PopularPosts .popular-widget .post {
- -webkit-box-align: unset;
- -ms-flex-align: unset;
- align-items: unset;
- width: 100%;
- margin-bottom: 24px;
- gap: 20px;
- }
- .PopularPosts .popular-widget .post .block-meta {
- width: 100%;
- }
- .PopularPosts .popular-widget .post::before {
- counter-increment: section;
- content: counter(section, decimal-leading-zero);
- color: $(widget.color.popularcounter);
- font-weight: 700;
- font-size: 28px;
- min-width: 28px;
- }
- .PopularPosts .popular-widget .post:last-child {
- margin: 0
- }
- .PopularPosts .popular-widget .post-meta-bottom .post-time, .FeaturedPost .post .post-meta-bottom .post-time {
- padding-top: 8px;
- }
- .PopularPosts .title {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- gap: 10px;
- letter-spacing: 0.083em;
- line-height: 16px;
- font-size: 12px;
- text-transform: uppercase;
- }
- .BlogSearch .search-input {
- background-color: transparent;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- padding: 10px 0;
- }
- .BlogSearch .search-action {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- background: transparent;
- border: none;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- margin-right: 8px;
- padding: 0;
- cursor: pointer;
- color: $(widget.color.searchcolor)
- }
- .BlogSearch .search-input input {
- background-color: transparent;
- width: 100%;
- line-height: 1.5;
- border: none;
- outline: none;
- color: $(widget.color.searchcolor)
- }
- .BlogSearch .search-input input:focus {
- border: none;
- outline: none;
- }
- .BlogArchive .archive-widget {
- max-height: 50vh;
- overflow: hidden;
- overflow-y: auto;
- }
- .BlogArchive a {
- color: inherit;
- }
- .BlogArchive a:hover {
- text-decoration: underline;
- }
- .BlogArchive ul:not(.hierarchy-content ul):first-child {
- padding-left: 0;
- list-style-position: inside;
- }
- .BlogArchive li {
- line-height: 1.5;
- }
- .FollowByEmail .followemail-widget form {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- padding: 10px 30px 30px;
- text-align: center;
- }
- .FollowByEmail .followemail-widget h3 {
- margin: 0
- }
- .FollowByEmail .follow-by-email-address {
- width: 80%;
- line-height: 2;
- border: none;
- outline: none;
- margin-bottom: 20px;
- border-bottom: 1px solid #e6e6e6;
- }
- .FollowByEmail .follow-by-email-submit {
- background: transparent;
- line-height: 2;
- cursor: pointer;
- }
- .ContactForm .contact-form-widget form {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
- .ContactForm .contact-form-widget input:not(.contact-form-button) {
- background-color: transparent;
- width: 80%;
- line-height: 2;
- border: none;
- outline: none;
- margin-bottom: 20px;
- border-bottom: 1px solid #e6e6e6;
- }
- .ContactForm .contact-form-widget textarea {
- width: 80%;
- line-height: 1.5;
- border: none;
- resize: vertical;
- outline: none;
- margin-bottom: 20px;
- border-bottom: 1px solid #e6e6e6;
- }
- .ContactForm .contact-form-button {
- background: transparent;
- font-size: 16px;
- cursor: pointer;
- }
- /* ----- Plugin ----- */
- .blur-up {
- -webkit-filter: opacity(0);
- filter: opacity(0);
- transition: filter 200ms, -webkit-filter 200ms;
- }
- .blur-up.lazyloaded {
- -webkit-filter: opacity(1);
- filter: opacity(1);
- }
- [aria-hidden='true'], [data-a11y-toggle]:not([aria-controls]) {
- display: none !important;
- }
- .CSS_LIGHTBOX {
- z-index: 999 !important;
- cursor: -webkit-zoom-out;
- cursor: zoom-out;
- }
- .CSS_LIGHTBOX_BG_MASK {
- background: $(item.color.imagelightbox) !important;
- }
- .CSS_LIGHTBOX_SCALED_IMAGE_IMG {
- outline: none !important;
- -webkit-animation: scale .5s ease;
- animation: scale .5s ease;
- cursor: -webkit-zoom-out !important;
- cursor: zoom-out !important;
- }
- .CSS_LIGHTBOX_FILMSTRIP {
- background-color: transparent !important
- }
- @-webkit-keyframes scale {
- from {
- -webkit-transform: scale(0);
- transform: scale(0);
- }
- to {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- }
- @keyframes scale {
- from {
- -webkit-transform: scale(0);
- transform: scale(0);
- }
- to {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- }
- @media (min-width: 1025px) and (max-width: 1280px) {
- .header-wrapper .header-section, .inner-wrapper, .footer-wrapper .footer-section, .main-top-wrapper .HTML .jumbotron-content, .main-top-wrapper .search-page-form form, .main-top-wrapper .popular-jumbotron {
- margin: 0 64px;
- }
- .item .post-header .post-meta .share-toggle #toggle-share {
- left: 0;
- -webkit-transform: translate3d(-65%, 0px, 0px);
- transform: translate3d(-65%, 0px, 0px);
- }
- .item .post-header .post-meta .share-toggle #toggle-share::before {
- left: 68%;
- }
- }
- @media (min-width: 768px) and (max-width: 1024px) {
- .header-wrapper .header-section, .inner-wrapper, .footer-wrapper .footer-section, .main-top-wrapper .HTML .jumbotron-content, .main-top-wrapper .search-page-form form, .main-top-wrapper .popular-jumbotron {
- margin: 0 64px;
- }
- .item .post-header .post-meta .share-toggle #toggle-share {
- left: 0;
- -webkit-transform: translate3d(-65%, 0px, 0px);
- transform: translate3d(-65%, 0px, 0px);
- }
- .item .post-header .post-meta .share-toggle #toggle-share::before {
- left: 68%;
- }
- .index .main-wrapper .blog-post .post-title .post-snippet, .search-label .main-wrapper .blog-post .post-title .post-snippet {
- overflow: hidden;
- -o-text-overflow: ellipsis;
- text-overflow: ellipsis;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- display: -webkit-box;
- }
- .main-wrapper {
- -ms-grid-columns: 1fr;
- grid-template-columns: 1fr;
- -ms-grid-rows: 1fr;
- grid-template-rows: 1fr;
- }
- .main-wrapper > *:nth-child(1) {
- -ms-grid-row:1;-ms-grid-column:1;
- }
- body:not(.item):not(.static_page) .main-wrapper .blog-wrapper, .main-wrapper .sidebar-wrapper {
- -ms-grid-column: 1;
- -ms-grid-column-span: 12;
- grid-column: 1 / span 12;
- -ms-grid-row: 1;
- grid-row-start: 3;
- padding-bottom: 25px;
- }
- body:not(.item):not(.static_page) .main-wrapper .blog-wrapper {
- -ms-grid-row: 2;
- grid-row-start: 2;
- }
- .item .post-header .post-title, .static_page .post-header .post-title {
- line-height: 42px;
- letter-spacing: -0.016em;
- font-size: 34px;
- }
- .item .post-header .post-description {
- line-height: 22px;
- font-size: 16px;
- }
- .item .post-body, .static_page .post-body {
- line-height: 24px;
- font-size: 22px;
- }
- .item #comments .comment-container {
- border-top-right-radius: 20px;
- border-top-left-radius: 20px;
- left: 0;
- width: 100%;
- -webkit-transform: translateY(30px);
- -ms-transform: translateY(30px);
- transform: translateY(30px);
- -webkit-transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
- transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
- -o-transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
- transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
- transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
- -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px;
- box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px;
- top: 0px;
- height: 100%;
- right: 0;
- }
- .search-label .main-wrapper .blog-post .post-title .post-snippet {
- overflow: hidden;
- -o-text-overflow: ellipsis;
- text-overflow: ellipsis;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- display: -webkit-box;
- }
- .error .error-wrapper {
- margin: 0;
- }
- .error .error-wrapper .not-found {
- font-size: 16px;
- }
- .error .error-wrapper h3 {
- line-height: 104px;
- font-size: 92px;
- }
- .error .error-wrapper h4 {
- line-height: 36px;
- font-size: 34px;
- }
- .error .error-wrapper .not-found-description {
- line-height: 20px;
- font-size: 18px;
- }
- .scrolled-meta {
- display: none
- }
- .main-top-wrapper .popular-jumbotron .popular-widget {
- -ms-grid-columns: (1fr)[2];
- grid-template-columns: repeat(2, 1fr);
- }
- }
- @media (min-width: 481px) and (max-width: 767px) {
- .header-wrapper .header-section, .inner-wrapper, .footer-wrapper .footer-section, .main-top-wrapper .HTML .jumbotron-content, .main-top-wrapper .search-page-form form, .main-top-wrapper .popular-jumbotron {
- margin: 0px 24px
- }
- .item .post-header .post-meta .share-toggle #toggle-share {
- left: 0;
- -webkit-transform: translate3d(-65%, 0px, 0px);
- transform: translate3d(-65%, 0px, 0px);
- }
- .item .post-header .post-meta .share-toggle #toggle-share::before {
- left: 68%;
- }
- .index:not(.search-label) .main-wrapper .blog-post .post-title .post-snippet, .post-time .divider, .post-time .translate, .post-time .updated, .scrolled-meta {
- display: none;
- }
- .main-wrapper {
- -ms-grid-columns: 1fr;
- grid-template-columns: 1fr;
- -ms-grid-rows: 1fr;
- grid-template-rows: 1fr;
- }
- .inner-wrapper {
- padding-top: 40px;
- }
- .main-wrapper > *:nth-child(1) {-ms-grid-row:1;-ms-grid-column:1;
- }
- body:not(.item):not(.static_page) .main-wrapper .blog-wrapper, .main-wrapper .sidebar-wrapper {
- -ms-grid-column: 1;
- -ms-grid-column-span: 12;
- grid-column: 1 / span 12;
- -ms-grid-row: 1;
- grid-row-start: 3;
- padding-bottom: 25px;
- }
- body:not(.item):not(.static_page) .main-wrapper .blog-wrapper {
- -ms-grid-row: 2;
- grid-row-start: 2;
- }
- .index .main-wrapper .blog-post .post-title h2 {
- font-size: 18px;
- line-height: 22px;
- }
- .index .main-wrapper .blog-post .post-meta-bottom {
- font-size: 13px;
- padding-top: 4px;
- }
- .index .main-wrapper .blog-post .post-image-link, .search-label .main-wrapper .blog-post:not(:first-child) .post-image-link {
- width: 100px;
- height: 100px;
- }
- .index .main-wrapper .blog-post {
- margin-bottom: 32px;
- }
- .item .post-header .post-title, .static_page .post-header .post-title {
- line-height: 42px;
- letter-spacing: -0.016em;
- font-size: 34px;
- }
- .item .post-header .post-description {
- line-height: 22px;
- font-size: 16px;
- }
- .item .post-body, .static_page .post-body {
- line-height: 24px;
- font-size: 20px;
- }
- .item #comments .comment-container {
- border-top-right-radius: 20px;
- border-top-left-radius: 20px;
- left: 0;
- width: 100%;
- -webkit-transform: translateY(30px);
- -ms-transform: translateY(30px);
- transform: translateY(30px);
- -webkit-transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
- transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
- -o-transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
- transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
- transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
- -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px;
- box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px;
- top: 0px;
- height: 100%;
- right: 0;
- }
- .item .post-footer .about-author {
- padding-top: 24px;
- }
- .item .post-footer .about-author .author-avatar {
- height: 40px;
- width: 40px;
- }
- .item .post-footer .about-author .author-name span {
- font-size: 12px;
- line-height: 16px;
- letter-spacing: 0.083em;
- }
- .item .post-footer .about-author .author-name .authors {
- font-size: 16px;
- line-height: 20px;
- }
- .item .post-footer .about-author .description-text {
- padding-top: 8px;
- line-height: 20px;
- font-size: 14px;
- }
- .search-label .main-wrapper .blog-post:first-child .post-title h2 {
- font-size: 22px;
- letter-spacing: 0px;
- line-height: 28px;
- }
- .search-label .main-wrapper .blog-post .post-title .post-snippet {
- overflow: hidden;
- -o-text-overflow: ellipsis;
- text-overflow: ellipsis;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- display: -webkit-box;
- }
- .main-top-wrapper .search-page-form input {
- font-size: 34px;
- height: 50px;
- }
- .error .error-wrapper {
- margin: 0;
- text-align: center;
- }
- .error .error-wrapper .not-found {
- font-size: 16px;
- }
- .error .error-wrapper h3 {
- line-height: 104px;
- font-size: 92px;
- }
- .error .error-wrapper h4 {
- line-height: 36px;
- font-size: 34px;
- }
- .error .error-wrapper .not-found-description {
- line-height: 20px;
- font-size: 18px;
- }
- .header-wrapper .header-section .LinkList .button-icon, .header-wrapper .header-section .LinkList .menu-widget.active {
- display: -webkit-box !important;
- display: -ms-flexbox !important;
- display: flex !important;
- }
- .header-wrapper .header-section .LinkList .menu-widget {
- left: 100%;
- -webkit-transform: translate3d(-100%, 65%, 0);
- transform: translate3d(-100%, 65%, 0);
- display: none;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-shadow: $(header.color.menuboxshdow) 0px 1px 4px;
- box-shadow: $(header.color.menuboxshdow) 0px 1px 4px;
- margin-top: 5px;
- border: 1px solid $(header.color.menuborder);
- border-radius: 4px;
- position: absolute;
- padding: 8px 0;
- width: -webkit-max-content;
- width: -moz-max-content;
- width: max-content;
- max-width: 220px;
- background-color: $(header.color.menubg);
- }
- .header-wrapper .header-section .LinkList .menu-widget::before {
- right: 8%;
- content: "";
- background-color: $(header.color.menubg);
- width: 14px;
- height: 14px;
- -webkit-transform: rotate(45deg) translate(6px, 6px);
- -ms-transform: rotate(45deg) translate(6px, 6px);
- transform: rotate(45deg) translate(6px, 6px);
- position: absolute;
- top: -13px;
- -webkit-box-shadow: $(header.color.menuboxshdow) -1px -1px 1px -1px;
- box-shadow: $(header.color.menuboxshdow) -1px -1px 1px -1px;
- }
- .header-wrapper .header-section .LinkList .menu-item {
- margin: 0;
- padding: 8px 20px;
- word-break: break-word;
- }
- .header-wrapper .header-section .LinkList .menu-item a {
- color: $(header.color.menu)
- }
- .main-top-wrapper .popular-jumbotron .popular-widget {
- -ms-grid-columns: (1fr)[1];
- grid-template-columns: repeat(1, 1fr);
- }
- .index .main-wrapper .blog-post .post-meta-bottom .post-comment {
- padding: 12px;
- }
- .item .post-body blockquote, .static_page .post-body blockquote {
- padding-left: 23px;
- margin: 0;
- }
- .rtl .item .post-body blockquote, .rtl .static_page .post-body blockquote {
- padding-left: 0;
- padding-right: 23px;
- }
- }
- @media (min-width: 320px) and (max-width: 480px) {
- .header-wrapper .header-section, .inner-wrapper, .footer-wrapper .footer-section, .main-top-wrapper .HTML .jumbotron-content, .main-top-wrapper .search-page-form form, .main-top-wrapper .popular-jumbotron {
- margin: 0px 24px
- }
- .item .post-header .post-meta .share-toggle #toggle-share {
- left: 0;
- -webkit-transform: translate3d(-65%, 0px, 0px);
- transform: translate3d(-65%, 0px, 0px);
- }
- .item .post-header .post-meta .share-toggle #toggle-share::before {
- left: 68%;
- }
- .index:not(.search-label) .main-wrapper .blog-post .post-title .post-snippet, .post-time .divider, .post-time .translate, .post-time .updated, .scrolled-meta {
- display: none;
- }
- .main-wrapper {
- -ms-grid-columns: 1fr;
- grid-template-columns: 1fr;
- -ms-grid-rows: 1fr;
- grid-template-rows: 1fr;
- }
- .inner-wrapper {
- padding-top: 40px;
- }
- .main-wrapper > *:nth-child(1) {-ms-grid-row:1;-ms-grid-column:1;
- }
- body:not(.item):not(.static_page) .main-wrapper .blog-wrapper, .main-wrapper .sidebar-wrapper {
- -ms-grid-column: 1;
- -ms-grid-column-span: 12;
- grid-column: 1 / span 12;
- -ms-grid-row: 1;
- grid-row-start: 3;
- padding-bottom: 25px;
- }
- body:not(.item):not(.static_page) .main-wrapper .blog-wrapper {
- -ms-grid-row: 2;
- grid-row-start: 2;
- }
- .index .main-wrapper .blog-post .post-title h2 {
- font-size: 18px;
- line-height: 22px;
- }
- .index .main-wrapper .blog-post .post-meta-bottom {
- font-size: 13px;
- padding-top: 4px;
- }
- .index .main-wrapper .blog-post .post-image-link, .search-label .main-wrapper .blog-post:not(:first-child) .post-image-link {
- width: 77px;
- height: 77px;
- }
- .index .main-wrapper .blog-post {
- margin-bottom: 32px;
- }
- .item .post-header .post-title, .static_page .post-header .post-title {
- line-height: 42px;
- letter-spacing: -0.016em;
- font-size: 34px;
- }
- .item .post-header .post-description {
- line-height: 22px;
- font-size: 16px;
- }
- .item .post-body, .static_page .post-body {
- line-height: 22px;
- font-size: 18px;
- }
- .item #comments .comment-container {
- border-top-right-radius: 20px;
- border-top-left-radius: 20px;
- left: 0;
- width: 100%;
- -webkit-transform: translateY(30px);
- -ms-transform: translateY(30px);
- transform: translateY(30px);
- -webkit-transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
- transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
- -o-transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
- transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
- transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
- -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px;
- box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px;
- top: 0px;
- height: 100%;
- right: 0;
- }
- .item .post-footer .about-author {
- padding-top: 24px;
- }
- .item .post-footer .about-author .author-avatar {
- height: 40px;
- width: 40px;
- }
- .item .post-footer .about-author .author-name span {
- font-size: 12px;
- line-height: 16px;
- letter-spacing: 0.083em;
- }
- .item .post-footer .about-author .author-name .authors {
- font-size: 16px;
- line-height: 20px;
- }
- .item .post-footer .about-author .description-text {
- padding-top: 8px;
- line-height: 20px;
- font-size: 14px;
- }
- .search-label .main-wrapper .blog-post:first-child .post-title h2 {
- font-size: 22px;
- letter-spacing: 0px;
- line-height: 28px;
- }
- .search-label .main-wrapper .blog-post .post-title .post-snippet {
- overflow: hidden;
- -o-text-overflow: ellipsis;
- text-overflow: ellipsis;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- display: -webkit-box;
- }
- .main-top-wrapper .search-page-form input {
- font-size: 34px;
- height: 50px;
- }
- .error .error-wrapper {
- margin: 0;
- text-align: center;
- }
- .error .error-wrapper .not-found {
- font-size: 16px;
- }
- .error .error-wrapper h3 {
- line-height: 104px;
- font-size: 92px;
- }
- .error .error-wrapper h4 {
- line-height: 36px;
- font-size: 34px;
- }
- .error .error-wrapper .not-found-description {
- line-height: 20px;
- font-size: 18px;
- }
- .header-wrapper .header-section .LinkList .button-icon, .header-wrapper .header-section .LinkList .menu-widget.active {
- display: -webkit-box !important;
- display: -ms-flexbox !important;
- display: flex !important;
- }
- .header-wrapper .header-section .LinkList .menu-widget {
- left: 100%;
- -webkit-transform: translate3d(-100%, 65%, 0);
- transform: translate3d(-100%, 65%, 0);
- display: none;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-shadow: $(header.color.menuboxshdow) 0px 1px 4px;
- box-shadow: $(header.color.menuboxshdow) 0px 1px 4px;
- margin-top: 5px;
- border: 1px solid $(header.color.menuborder);
- border-radius: 4px;
- position: absolute;
- background-color: $(header.color.menubg);
- padding: 8px 0;
- width: -webkit-max-content;
- width: -moz-max-content;
- width: max-content;
- max-width: 220px;
- }
- .header-wrapper .header-section .LinkList .menu-widget::before {
- right: 8%;
- content: "";
- background-color: $(header.color.menubg);
- width: 14px;
- height: 14px;
- -webkit-transform: rotate(45deg) translate(6px, 6px);
- -ms-transform: rotate(45deg) translate(6px, 6px);
- transform: rotate(45deg) translate(6px, 6px);
- position: absolute;
- top: -13px;
- -webkit-box-shadow: $(header.color.menuboxshdow) -1px -1px 1px -1px;
- box-shadow: $(header.color.menuboxshdow) -1px -1px 1px -1px;
- }
- .header-wrapper .header-section .LinkList .menu-item {
- margin: 0;
- padding: 8px 20px;
- word-break: break-word;
- }
- .header-wrapper .header-section .LinkList .menu-item a {
- color: $(header.color.menu)
- }
- .main-top-wrapper .popular-jumbotron .popular-widget {
- -ms-grid-columns: (1fr)[1];
- grid-template-columns: repeat(1, 1fr);
- }
- .main-top-wrapper .HTML .jumbotron-content .title {
- font-size: 48px;
- line-height: 52px;
- letter-spacing: -0.04em;
- }
- .main-top-wrapper .HTML .jumbotron-content p {
- font-size: 16px;
- line-height: 20px;
- }
- .index .main-wrapper .blog-post .post-meta-bottom .post-comment {
- padding: 12px;
- }
- .item .post-body blockquote, .static_page .post-body blockquote {
- padding-left: 23px;
- margin: 0;
- }
- .rtl .item .post-body blockquote, .rtl .static_page .post-body blockquote {
- padding-left: 0;
- padding-right: 23px;
- }
- }
- ]]></b:skin>
- <b:if cond='data:view.isLayoutMode'>
- <b:template-skin><![CDATA[
- /*
- * Prefixed by https://autoprefixer.github.io
- * PostCSS: v7.0.29,
- * Autoprefixer: v9.7.6
- * Browsers: last 4 version
- */
- body#layout {
- max-width: 980px;
- margin: 0 auto;
- background: transparent;
- border: none;
- }
- body#layout div.section {
- background: transparent;
- border: transparent;
- width: 100%;
- overflow: hidden;
- }
- body#layout .section h4 {
- text-align: center;
- margin: 0;
- }
- body#layout .dropregion {
- display: none;
- }
- body#layout .widget-content {
- border-radius: 4px;
- }
- body#layout .draggable-widget .widget-content {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- body#layout div.section#header-section .widget {
- float: left;
- width: 49.467%
- }
- body#layout div.section#header-section .Header {
- margin-right: 10px;
- }
- body#layout .inner-wrapper {
- width: 100%;
- }
- body#layout .blog-wrapper {
- float: left;
- width: 60%;
- }
- body#layout .sidebar-wrapper {
- float: left;
- width: 40%;
- }
- body#layout .hidden-section {
- display: none
- }
- ]]>
- </b:template-skin>
- </b:if>
- <b:defaultmarkups>
- <b:defaultmarkup type='Common'>
- <b:includable id='headContent'>
- <meta expr:content='data:view.description.escaped' name='description'/>
- <meta expr:content='"text/html; charset=" + data:blog.encoding' http-equiv='Content-Type'/>
- <meta content='blogger' name='generator'/>
- <meta expr:content='data:skin.vars.keycolor' name='theme-color'/>
- <meta expr:content='data:skin.vars.keycolor' name='msapplication-navbutton-color'/>
- <b:if cond='data:blog.adultContent'>
- <meta content='adult' name='rating'/>
- </b:if>
- <b:include name='openGraph'/>
- <link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
- <link expr:href='data:view.url.canonical' rel='canonical'/>
- <b:tag cond='data:view.isMultipleItems and data:widgets.Blog.first.posts[0].featuredImage' expr:href='data:widgets.Blog.first.posts[0].featuredImage' name='link' rel='image_src'/>
- <b:tag cond='data:view.isSingleItem and data:view.featuredImage' expr:href='data:view.featuredImage' name='link' rel='image_src'/>
- <data:blog.feedLinks/>
- <data:blog.meTag/>
- </b:includable>
- <b:includable id='openGraph'>
- <b:if cond='data:view.isHomepage'>
- <meta content='website' property='og:type'/>
- </b:if>
- <b:if cond='data:view.isSingleItem'>
- <meta content='article' property='og:type'/>
- </b:if>
- <b:if cond='data:view.isMultipleItems and not data:view.isHomepage'>
- <meta content='object' property='og:type'/>
- </b:if>
- <meta expr:content='data:blog.title.escaped' property='og:site_name'/>
- <meta expr:content='data:view.title.escaped' property='og:title'/>
- <meta expr:content='data:blog.url.canonical' property='og:url'/>
- <meta expr:content='data:view.description.escaped' property='og:description'/>
- <b:tag cond='data:view.isMultipleItems and data:widgets.Blog.first.posts[0].featuredImage' expr:content='data:widgets.Blog.first.posts[0].featuredImage' name='meta' property='og:image'/>
- <b:if cond='data:view.featuredImage'>
- <meta expr:content='data:view.featuredImage' property='og:image'/>
- <meta expr:content='data:view.featuredImage' name='twitter:image'/>
- </b:if>
- <meta content='summary_large_image' name='twitter:card'/>
- <meta expr:content='data:view.title.escaped' name='twitter:title'/>
- <meta expr:content='data:blog.url.canonical' name='twitter:url'/>
- <meta expr:content='data:view.description.escaped' name='twitter:description'/>
- <b:if cond='data:view.isHomepage'>
- <script type='application/ld+json'>{"@context":"http://schema.org","@type":"WebSite","name":"<data:view.title.escaped/>","url":"<data:view.url.canonical/>","potentialAction":{"@type":"SearchAction","target":"<data:view.url.canonical/>search?q={search_term_string}","query-input":"required name=search_term_string"}}</script>
- </b:if>
- </b:includable>
- <b:includable id='translate'>
- <b:switch var='data:blog.locale'>
- <b:case value='en'/>
- <b:include name='customLanguage'/>
- <b:default/>
- <b:include name='customLanguage'/>
- </b:switch>
- </b:includable>
- <b:includable id='customLanguage'>
- <b:switch var='data:message'>
- <b:case value='translateIn'/><b:if cond='data:blog.locale == "en"'>In<b:elseif cond='data:blog.locale == "es"'/>En<b:elseif cond='data:blog.locale == "pt"'/>No<b:elseif cond='data:blog.locale == "id"'/>Dalam<b:else/>In</b:if>
- <b:case value='translateUpdated'/><b:if cond='data:blog.locale == "en"'>Updated<b:elseif cond='data:blog.locale == "es"'/>Actualizado<b:elseif cond='data:blog.locale == "pt"'/>Atualizada<b:elseif cond='data:blog.locale == "id"'/>Diperbarui<b:else/>Updated</b:if>
- <b:case value='translateLoadMore'/><b:if cond='data:blog.locale == "en"'>Load More<b:elseif cond='data:blog.locale == "es"'/>Carga más<b:elseif cond='data:blog.locale == "pt"'/>Carregue mais<b:elseif cond='data:blog.locale == "id"'/>Muat Lebih Banyak<b:else/>Load More</b:if>
- <b:case value='translateLoading'/><b:if cond='data:blog.locale == "en"'>Loading<b:elseif cond='data:blog.locale == "es"'/>Cargando<b:elseif cond='data:blog.locale == "pt"'/>Carregando<b:elseif cond='data:blog.locale == "id"'/>Memuat<b:else/>Loading</b:if>
- <b:case value='translateLoadNoMore'/><b:if cond='data:blog.locale == "en"'>There are no other posts<b:elseif cond='data:blog.locale == "es"'/>No hay otras publicaciones<b:elseif cond='data:blog.locale == "pt"'/>Não há outras postagens<b:elseif cond='data:blog.locale == "id"'/>Tidak ada postingan lainnya<b:else/>There are no other posts</b:if>
- <b:case value='translateLoadError'/><b:if cond='data:blog.locale == "en"'>Error loading post<b:elseif cond='data:blog.locale == "es"'/>Error al cargar la publicación<b:elseif cond='data:blog.locale == "pt"'/>Erro ao carregar postagem<b:elseif cond='data:blog.locale == "id"'/>Kesalahan memuat postingan<b:else/>Error loading post</b:if>
- <b:case value='translateSubscribeEmail'/><b:if cond='data:blog.locale == "en"'>Get notification of the latest articles directly via your email.<b:elseif cond='data:blog.locale == "es"'/>Reciba notificaciones de los últimos artículos directamente a través de su correo electrónico.<b:elseif cond='data:blog.locale == "pt"'/>Receba notificações sobre os artigos mais recentes diretamente por e-mail.<b:elseif cond='data:blog.locale == "id"'/>Dapatkan notifikasi artikel terbaru langsung melalui email Anda.<b:else/>Get notification of the latest articles directly via your email.</b:if>
- <b:case value='translateShareTo'/><b:if cond='data:blog.locale == "en"'>Share to<b:elseif cond='data:blog.locale == "es"'/>Compartir a<b:elseif cond='data:blog.locale == "pt"'/>Compartilhar com<b:elseif cond='data:blog.locale == "id"'/>Bagikan ke<b:else/>Share to</b:if>
- <b:case value='translateTrendingOn'/><b:if cond='data:blog.locale == "en"'>Trending On <b:elseif cond='data:blog.locale == "es"'/>Tendencia en <b:elseif cond='data:blog.locale == "pt"'/>Tendência em <b:elseif cond='data:blog.locale == "id"'/>Sedang Tren di <b:else/>Trending On </b:if>
- <b:case value='translateAllContent'/><b:if cond='data:blog.locale == "en"'>All Post<b:elseif cond='data:blog.locale == "es"'/>Todos los mensajes<b:elseif cond='data:blog.locale == "pt"'/>Todas as postagens<b:elseif cond='data:blog.locale == "id"'/>Semua Postingan<b:else/>All Post</b:if>
- </b:switch>
- </b:includable>
- <b:includable id='widget-title'>
- <b:if cond='data:title != ""'>
- <h3 class='title'><data:title/></h3>
- </b:if>
- </b:includable>
- <b:includable id='globalJS'>
- <script>//<![CDATA[
- /*! lazysizes - v5.3.0 */
- !function(e){var t=function(n,f,s){"use strict";var m,y;if(function(){var e,t={lazyClass:"lazyload",loadedClass:"lazyloaded",loadingClass:"lazyloading",preloadClass:"lazypreload",errorClass:"lazyerror",autosizesClass:"lazyautosizes",fastLoadedClass:"ls-is-cached",iframeLoadMode:0,srcAttr:"data-src",srcsetAttr:"data-srcset",sizesAttr:"data-sizes",minSize:40,customMedia:{},init:!0,expFactor:1.5,hFac:.8,loadMode:2,loadHidden:!0,ricTimeout:0,throttleDelay:125};for(e in y=n.lazySizesConfig||n.lazysizesConfig||{},t)e in y||(y[e]=t[e])}(),!f||!f.getElementsByClassName)return{init:function(){},cfg:y,noSupport:!0};function o(e,t){return de[t]||(de[t]=new RegExp("(\\s|^)"+t+"(\\s|$)")),de[t].test(e[ae]("class")||"")&&de[t]}function c(e,t){o(e,t)||e.setAttribute("class",(e[ae]("class")||"").trim()+" "+t)}function u(e,t){(t=o(e,t))&&e.setAttribute("class",(e[ae]("class")||"").replace(t," "))}function z(e,t,a,n,i){var s=f.createEvent("Event");return(a=a||{}).instance=m,s.initEvent(t,!n,!i),s.detail=a,e.dispatchEvent(s),s}function h(e,t){var a;!ee&&(a=n.picturefill||y.pf)?(t&&t.src&&!e[ae]("srcset")&&e.setAttribute("srcset",t.src),a({reevaluate:!0,elements:[e]})):t&&t.src&&(e.src=t.src)}function g(e,t){return(getComputedStyle(e,null)||{})[t]}function i(e,t,a){for(a=a||e.offsetWidth;a<y.minSize&&t&&!e._lazysizesWidth;)a=t.offsetWidth,t=t.parentNode;return a}function e(a,e){return e?function(){fe(a)}:function(){var e=this,t=arguments;fe(function(){a.apply(e,t)})}}function t(e){function t(){a=null,e()}var a,n,i=function(){var e=s.now()-n;e<99?ie(i,99-e):(oe||t)(t)};return function(){n=s.now(),a=a||ie(i,99)}}var a,r,l,v,p,C,b,d,A,E,_,w,M,N,L,x,W,S,B,T,F,R,D,k,H,O,P,$,q,I,U,j,G,J,K,Q,V,X,Y,Z=f.documentElement,ee=n.HTMLPictureElement,te="addEventListener",ae="getAttribute",ne=n[te].bind(n),ie=n.setTimeout,se=n.requestAnimationFrame||ie,oe=n.requestIdleCallback,re=/^picture$/i,le=["load","error","lazyincluded","_lazyloaded"],de={},ce=Array.prototype.forEach,ue=function(t,a,e){var n=e?te:"removeEventListener";e&&ue(t,a),le.forEach(function(e){t[n](e,a)})},fe=(X=[],Y=V=[],we._lsFlush=_e,we),me=(R=/^img$/i,D=/^iframe$/i,k="onscroll"in n&&!/(gle|ing)bot/.test(navigator.userAgent),P=-1,x=pe,S=O=H=0,B=y.throttleDelay,T=y.ricTimeout,F=oe&&49<T?function(){oe(Ce,{timeout:T}),T!==y.ricTimeout&&(T=y.ricTimeout)}:e(function(){ie(Ce)},!0),q=e(be),I=function(e){q({target:e.target})},U=e(function(t,e,a,n,i){var s,o,r,l,d;(r=z(t,"lazybeforeunveil",e)).defaultPrevented||(n&&(a?c(t,y.autosizesClass):t.setAttribute("sizes",n)),s=t[ae](y.srcsetAttr),a=t[ae](y.srcAttr),i&&(o=(d=t.parentNode)&&re.test(d.nodeName||"")),l=e.firesLoad||"src"in t&&(s||a||o),r={target:t},c(t,y.loadingClass),l&&(clearTimeout(C),C=ie(ge,2500),ue(t,I,!0)),o&&ce.call(d.getElementsByTagName("source"),Ae),s?t.setAttribute("srcset",s):a&&!o&&(D.test(t.nodeName)?(n=a,0==(d=(e=t).getAttribute("data-load-mode")||y.iframeLoadMode)?e.contentWindow.location.replace(n):1==d&&(e.src=n)):t.src=a),i&&(s||o)&&h(t,{src:a})),t._lazyRace&&delete t._lazyRace,u(t,y.lazyClass),fe(function(){var e=t.complete&&1<t.naturalWidth;l&&!e||(e&&c(t,y.fastLoadedClass),be(r),t._lazyCache=!0,ie(function(){"_lazyCache"in t&&delete t._lazyCache},9)),"lazy"==t.loading&&O--},!0)}),G=t(function(){y.loadMode=3,$()}),J=function(){p||(s.now()-d<999?ie(J,999):(p=!0,y.loadMode=3,$(),ne("scroll",Ee,!0)))},{_:function(){d=s.now(),m.elements=f.getElementsByClassName(y.lazyClass),v=f.getElementsByClassName(y.lazyClass+" "+y.preloadClass),ne("scroll",$,!0),ne("resize",$,!0),ne("pageshow",function(e){var t;!e.persisted||(t=f.querySelectorAll("."+y.loadingClass)).length&&t.forEach&&se(function(){t.forEach(function(e){e.complete&&j(e)})})}),n.MutationObserver?new MutationObserver($).observe(Z,{childList:!0,subtree:!0,attributes:!0}):(Z[te]("DOMNodeInserted",$,!0),Z[te]("DOMAttrModified",$,!0),setInterval($,999)),ne("hashchange",$,!0),["focus","mouseover","click","load","transitionend","animationend"].forEach(function(e){f[te](e,$,!0)}),/d$|^c/.test(f.readyState)?J():(ne("load",J),f[te]("DOMContentLoaded",$),ie(J,2e4)),m.elements.length?(pe(),fe._lsFlush()):$()},checkElems:$=function(e){var t;(e=!0===e)&&(T=33),W||(W=!0,(t=B-(s.now()-S))<0&&(t=0),e||t<9?F():ie(F,t))},unveil:j=function(e){var t,a,n,i;e._lazyRace||(!(i="auto"==(n=(a=R.test(e.nodeName))&&(e[ae](y.sizesAttr)||e[ae]("sizes"))))&&p||!a||!e[ae]("src")&&!e.srcset||e.complete||o(e,y.errorClass)||!o(e,y.lazyClass))&&(t=z(e,"lazyunveilread").detail,i&&ye.updateElem(e,!0,e.offsetWidth),e._lazyRace=!0,O++,U(e,t,i,n,a))},_aLSL:Ee}),ye=(r=e(function(e,t,a,n){var i,s,o;if(e._lazysizesWidth=n,n+="px",e.setAttribute("sizes",n),re.test(t.nodeName||""))for(s=0,o=(i=t.getElementsByTagName("source")).length;s<o;s++)i[s].setAttribute("sizes",n);a.detail.dataAttr||h(e,a.detail)}),{_:function(){a=f.getElementsByClassName(y.autosizesClass),ne("resize",l)},checkElems:l=t(function(){var e,t=a.length;if(t)for(e=0;e<t;e++)he(a[e])}),updateElem:he}),ze=function(){!ze.i&&f.getElementsByClassName&&(ze.i=!0,ye._(),me._())};function he(e,t,a){var n=e.parentNode;n&&(a=i(e,n,a),(t=z(e,"lazybeforesizes",{width:a,dataAttr:!!t})).defaultPrevented||(a=t.detail.width)&&a!==e._lazysizesWidth&&r(e,n,t,a))}function ge(e){O--,e&&!(O<0)&&e.target||(O=0)}function ve(e){return null==L&&(L="hidden"==g(f.body,"visibility")),L||!("hidden"==g(e.parentNode,"visibility")&&"hidden"==g(e,"visibility"))}function pe(){var e,t,a,n,i,s,o,r,l,d,c,u=m.elements;if((b=y.loadMode)&&O<8&&(e=u.length)){for(t=0,P++;t<e;t++)if(u[t]&&!u[t]._lazyRace)if(!k||m.prematureUnveil&&m.prematureUnveil(u[t]))j(u[t]);else if((o=u[t][ae]("data-expand"))&&(i=+o)||(i=H),l||(l=!y.expand||y.expand<1?500<Z.clientHeight&&500<Z.clientWidth?500:370:y.expand,d=(m._defEx=l)*y.expFactor,c=y.hFac,L=null,H<d&&O<1&&2<P&&2<b&&!f.hidden?(H=d,P=0):H=1<b&&1<P&&O<6?l:0),r!==i&&(A=innerWidth+i*c,E=innerHeight+i,s=-1*i,r=i),d=u[t].getBoundingClientRect(),(N=d.bottom)>=s&&(_=d.top)<=E&&(M=d.right)>=s*c&&(w=d.left)<=A&&(N||M||w||_)&&(y.loadHidden||ve(u[t]))&&(p&&O<3&&!o&&(b<3||P<4)||function(e,t){var a,n=e,i=ve(e);for(_-=t,N+=t,w-=t,M+=t;i&&(n=n.offsetParent)&&n!=f.body&&n!=Z;)(i=0<(g(n,"opacity")||1))&&"visible"!=g(n,"overflow")&&(a=n.getBoundingClientRect(),i=M>a.left&&w<a.right&&N>a.top-1&&_<a.bottom+1);return i}(u[t],i))){if(j(u[t]),n=!0,9<O)break}else!n&&p&&!a&&O<4&&P<4&&2<b&&(v[0]||y.preloadAfterLoad)&&(v[0]||!o&&(N||M||w||_||"auto"!=u[t][ae](y.sizesAttr)))&&(a=v[0]||u[t]);a&&!n&&j(a)}}function Ce(){W=!1,S=s.now(),x()}function be(e){var t=e.target;t._lazyCache?delete t._lazyCache:(ge(e),c(t,y.loadedClass),u(t,y.loadingClass),ue(t,I),z(t,"lazyloaded"))}function Ae(e){var t,a=e[ae](y.srcsetAttr);(t=y.customMedia[e[ae]("data-media")||e[ae]("media")])&&e.setAttribute("media",t),a&&e.setAttribute("srcset",a)}function Ee(){3==y.loadMode&&(y.loadMode=2),G()}function _e(){var e=Y;for(Y=V.length?X:V,Q=!(K=!0);e.length;)e.shift()();K=!1}function we(e,t){K&&!t?e.apply(this,arguments):(Y.push(e),Q||(Q=!0,(f.hidden?ie:se)(_e)))}return ie(function(){y.init&&ze()}),m={cfg:y,autoSizer:ye,loader:me,init:ze,uP:h,aC:c,rC:u,hC:o,fire:z,gW:i,rAF:fe}}(e,e.document,Date);e.lazySizes=t,"object"==typeof module&&module.exports&&(module.exports=t)}("undefined"!=typeof window?window:{});
- !function(){"use strict";function e(t,e){return Array.prototype.slice.call((e||document).querySelectorAll(t))}function a(t){if(t.closest)return t.closest("[data-a11y-toggle]");for(;t;){if(1===t.nodeType&&t.hasAttribute("data-a11y-toggle"))return t;t=t.parentNode}return null}function i(t){var e,a=t&&o[t.getAttribute("aria-controls")];a&&(t=r["#"+a.id],e="false"===a.getAttribute("aria-hidden"),a.setAttribute("aria-hidden",e),t.forEach(function(t){t.setAttribute("aria-expanded",!e)}))}function t(t){r=e("[data-a11y-toggle]",t).reduce(function(t,e){var a="#"+e.getAttribute("data-a11y-toggle");return t[a]=t[a]||[],t[a].push(e),t},r),(t=Object.keys(r)).length&&e(t).forEach(function(e){var t=r["#"+e.id],a=e.hasAttribute("data-a11y-toggle-open"),i=[];t.forEach(function(t){t.id||t.setAttribute("id","a11y-toggle-"+n++),t.setAttribute("aria-controls",e.id),t.setAttribute("aria-expanded",a),i.push(t.id)}),e.setAttribute("aria-hidden",!a),e.hasAttribute("aria-labelledby")||e.setAttribute("aria-labelledby",i.join(" ")),o[e.id]=e})}var n=0,r={},o={};document.addEventListener("DOMContentLoaded",function(){t()}),document.addEventListener("click",function(t){i(a(t.target))}),document.addEventListener("keyup",function(t){13!==t.which&&32!==t.which||(t=a(t.target))&&"button"===t.getAttribute("role")&&i(t)}),window&&(window.a11yToggle=t)}();
- var toggleComments = document.querySelectorAll([".item .post-comment", ".item .backdrop", ".item .post-comments"]), closeComment = document.querySelector(".item .close-comment"), backdrop = document.querySelector(".backdrop"), commentSelect = document.querySelector("#comments"), menuToggle = document.querySelector(".header-wrapper .header-section .LinkList .button-icon.menu"), menuWidget = document.querySelector(".header-wrapper .header-section .LinkList .menu-widget"), searchToggle = document.querySelector(".header-wrapper .header-section .LinkList .button-icon.search-menu"),
- headerScroll = document.querySelector(".header-wrapper"), innerScroll = document.querySelector(".clearfix"), headerScrolls = window.getComputedStyle(headerScroll, null).getPropertyValue("background-color"), headerScrollBg = window.getComputedStyle(document.querySelector(".header-height"), null).getPropertyValue("background-color");
- function checkOffsetHeader() {
- headerScroll.getBoundingClientRect().top + document.body.scrollTop + headerScroll.offsetHeight >= innerScroll.getBoundingClientRect().top + document.body.scrollTop - 10 + 4 * (innerScroll.getBoundingClientRect().top + document.body.scrollTop) && (headerScroll.style.backgroundColor = headerScrollBg);
- headerScroll.getBoundingClientRect().top + document.body.scrollTop + headerScroll.offsetHeight <= 4 * (innerScroll.getBoundingClientRect().top + document.body.scrollTop) && (headerScroll.style.backgroundColor = headerScrolls);
- }
- menuToggle.addEventListener("click", function() {
- menuWidget.classList.toggle("active");
- });
- searchToggle.addEventListener("click", function() {
- document.body.classList.toggle("search-active");
- document.querySelector(".main-top-wrapper .search-page-form input").focus();
- });
- toggleComments.forEach(function(a) {
- a.addEventListener("click", function() {
- backdrop.classList.toggle("active");
- commentSelect.classList.toggle("active");
- });
- });
- document.addEventListener("scroll", function() {
- checkOffsetHeader();
- });
- //]]>
- <b:if cond='data:view.isHomepage'>//<![CDATA[
- !function(j,A){j.InfiniteScroll=function(t){function d(t,e){return(e=e||A).querySelectorAll(t)}function o(t){return void 0!==t}function r(t){return"function"==typeof t}function l(t,e){if(o(a[t]))for(var n in a[t])a[t][n](e)}function e(){return T.innerHTML=f.text.loading,g=!0,L?(v.classList.add(f.state.loading),l("loading",[f]),void s(L,function(t,e){v.className=M+" "+f.state.load,(u=A.createElement("div")).innerHTML=t;var n=d("title",u),o=d(f.target.post,u),r=d(f.target.anchors+" "+f.target.anchor,u),a=d(f.target.post,h),n=n&&n[0]?n[0].innerHTML:"";if(o.length&&a.length){a=a[a.length-1];A.title=n,a.insertAdjacentHTML("afterend",'<span class="fi" id="#fi:'+E+'"></span>'),u=A.createElement("div");for(var i=0,s=o.length;i<s;++i)u.appendChild(o[i]);a.insertAdjacentHTML("afterend",u.innerHTML),c(),L=!!r.length&&r[0].href,g=!1,E++,l("load",[f,t,e])}},function(t,e){v.classList.add(f.state.error),g=!1,c(1),l("error",[f,t,e])})):(v.classList.add(f.state.loaded),T.innerHTML=f.text.loaded,l("loaded",[f]))}function c(t){T.innerHTML="",p&&(u.innerHTML=f.text[t?"error":"load"],(t=u.firstChild).onclick=function(){return 2===f.type&&(p=!1),e(),!1},T.appendChild(t))}var f={target:{posts:".posts",post:".post",anchors:".anchors",anchor:".anchor"},text:{load:"%s",loading:"%s",loaded:"%s",error:"%s"},state:{load:(s="infinite-scroll-state-")+"load",loading:s+"loading",loaded:s+"loaded",error:s+"error"}},a={load:[],loading:[],loaded:[],error:[]};(f=function t(e,n){for(var o in e=e||{},n)e[o]="object"==typeof n[o]?t(e[o],n[o]):n[o];return e}(f,t||{})).on=function(t,e,n){return o(t)?o(e)?void(o(n)?a[t][n]=e:a[t].push(e)):a[t]:a},f.off=function(t,e){o(e)?delete a[t][e]:a[t]=[]};var n,i,u=null,s=function(t,e,n){var o;j.XMLHttpRequest&&((o=new XMLHttpRequest).onreadystatechange=function(){4===o.readyState&&(200===o.status?e&&r(e)&&e(o.responseText,o):n&&r(n)&&n(o.responseText,o))},o.open("GET",t),o.send())},p=1!==f.type,g=!1,h=d(f.target.posts)[0],T=d(f.target.anchors)[0],L=d(f.target.anchor,T),H=A.body,v=A.documentElement,M=v.className||"",m=(h.offsetTop,h.offsetHeight,0),y=j.innerHeight,x=null,E=1;return L.length&&(L=L[0].href,h.insertAdjacentHTML("afterbegin",'<span class="fi" id="#fi:0"></span>'),u=A.createElement("div"),c(),(i=function(){m=h.offsetTop+h.offsetHeight,y=j.innerHeight,n=H.scrollTop||v.scrollTop,g||n+y<m||e()})(),0!==f.type&&j.addEventListener("scroll",function(){lazyLoadInstance.update()||p||(x&&j.clearTimeout(x),x=j.setTimeout(i,500))},!1)),f}}(window,document);
- //]]>
- var infinite_scroll = new InfiniteScroll({
- type: 0,
- target: {
- posts: '.blog-posts',
- post: '.blog-post',
- anchors: '.blog-pager',
- anchor: '.blog-pager-older-link'
- },
- text: {
- load: `<span class='load'><b:include data='{ message: "translateLoadMore" }' name='translate'/></span>`,
- loading: `<span class='loading'><b:include data='{ message: "translateLoading" }' name='translate'/></span>`,
- loaded: `<span class='loaded'><b:include data='{ message: "translateLoadNoMore" }' name='translate'/></span>`,
- error: `<span class='error'><b:include data='{ message: "translateLoadError" }' name='translate'/></span>`
- }
- });
- </b:if>
- <b:if cond='data:view.isSingleItem'>//<![CDATA[
- var socialFloat = document.querySelector(".scrolled-meta"), header = document.querySelector(".post-body"), footer = document.querySelector(".post-footer");
- function checkOffsetTop() {
- socialFloat.getBoundingClientRect().top + document.body.scrollTop + socialFloat.offsetHeight >= footer.getBoundingClientRect().top + document.body.scrollTop - 10 && (socialFloat.style.maxHeight = "0");
- document.body.scrollTop + window.innerHeight < footer.getBoundingClientRect().top + document.body.scrollTop && (socialFloat.style.maxHeight = "100%");
- socialFloat.getBoundingClientRect().top + document.body.scrollTop + socialFloat.offsetHeight >= header.getBoundingClientRect().top + document.body.scrollTop - 10 + 4 * (header.getBoundingClientRect().top + document.body.scrollTop) && (socialFloat.style.opacity = "1");
- socialFloat.getBoundingClientRect().top + document.body.scrollTop + socialFloat.offsetHeight <= 4 * (header.getBoundingClientRect().top + document.body.scrollTop) && (socialFloat.style.opacity = "0");
- }
- document.addEventListener("scroll", function() {
- checkOffsetTop();
- });
- //]]>
- <b:if cond='!data:view.isPage'>
- closeComment.addEventListener("click",function(){backdrop.classList.remove("active"),commentSelect.classList.remove("active")});
- </b:if>
- </b:if>
- </script>
- </b:includable>
- </b:defaultmarkup>
- <b:defaultmarkup type='Header'>
- <b:includable id='main' var='this'>
- <div class='header-widget'>
- <b:include cond='data:imagePlacement in {"REPLACE", "BEFORE_DESCRIPTION"}' name='image'/>
- <b:include cond='data:imagePlacement == "BEHIND"' name='title'/>
- </div>
- </b:includable>
- <b:includable id='image'>
- <a class='header-logo-image' expr:href='data:blog.homepageUrl'>
- <img class='lazyload blur-up' expr:alt='data:blog.title.escaped' expr:data-src='resizeImage(data:image, 280)' expr:height='data:height' expr:width='data:width' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/>
- <b:if cond='data:view.isHomepage'>
- <b:if cond='data:widget.sectionId == "header-section"'>
- <h1 id='header-title'><data:title/></h1>
- </b:if>
- </b:if>
- </a>
- </b:includable>
- <b:includable id='title'>
- <h1 class='header-blog-title'>
- <b:tag expr:href='data:blog.homepageUrl' name='a'>
- <data:title/>
- </b:tag>
- </h1>
- </b:includable>
- </b:defaultmarkup>
- <b:defaultmarkup type='Label'>
- <b:includable id='main' var='this'>
- <b:include name='widget-title'/>
- <b:include name='content'/>
- </b:includable>
- <b:includable id='cloud'>
- <b:loop values='data:labels' var='label'>
- <span class='label-size'>
- <b:class expr:name='"label-size-" + data:label.cssSize'/>
- <a class='label-name' expr:href='data:label.url'>
- <data:label.name/>
- <b:if cond='data:this.showFreqNumbers'>
- (<data:label.count/>)
- </b:if>
- </a>
- </span>
- </b:loop>
- </b:includable>
- <b:includable id='content'>
- <div class='label-widget'>
- <b:class expr:name='data:this.display'/>
- <b:include cond='data:this.display == "list"' name='list'/>
- <b:include cond='data:this.display == "cloud"' name='cloud'/>
- </div>
- </b:includable>
- <b:includable id='list'>
- <ul>
- <b:loop values='data:labels' var='label'>
- <li>
- <a class='label-name' expr:href='data:label.url'>
- <data:label.name/>
- <b:if cond='data:this.showFreqNumbers'>
- (<data:label.count/>)
- </b:if>
- </a>
- </li>
- </b:loop>
- </ul>
- </b:includable>
- </b:defaultmarkup>
- <b:defaultmarkup type='FeaturedPost'>
- <b:includable id='main' var='this'>
- <div class='featured-widget'>
- <b:loop values='data:posts' var='post'>
- <b:include data='post' name='content'/>
- </b:loop>
- </div>
- </b:includable>
- <b:includable id='content' var='post'>
- <article class='post'>
- <div class='post-image'>
- <b:if cond='data:post.featuredImage'>
- <b:if cond='data:post.featuredImage.isYouTube'>
- <a class='post-image-link' expr:aria-label='data:post.title' expr:href='data:post.url'>
- <span class='post-thumb lazyload blur-up' expr:style='"background-image: url(" + data:post.featuredImage + ")"'/>
- </a>
- <b:else/>
- <a class='post-image-link' expr:aria-label='data:post.title' expr:href='data:post.url'>
- <span class='post-thumb lazyload blur-up' expr:style='"background-image: url(" + resizeImage(data:post.featuredImage, 400) + ")"'/>
- </a>
- </b:if>
- <b:else/>
- <a class='post-image-link' expr:aria-label='data:post.title' expr:href='data:post.url'>
- <span class='post-thumb lazyload blur-up' style='background-image: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)'/>
- </a>
- </b:if>
- </div>
- <div class='block-meta'>
- <div class='post-meta-top'>
- <b:if cond='data:post.author.authorPhoto.image'>
- <span class='author-avatar lazyload blur-up' expr:style='"background-image: url(" + resizeImage(data:post.author.authorPhoto.image, 40, "1:1") + ")"'/>
- </b:if>
- <div class='meta'>
- <span class='post-author'><strong><data:post.author.name/></strong></span>
- <span class='translate'><b:include data='{ message: "translateIn" }' name='translate'/></span>
- <b:if cond='data:post.labels'>
- <span class='post-category'><strong><data:post.labels.first.name/></strong></span>
- </b:if>
- </div>
- </div>
- <a class='post-title' expr:href='data:post.url' rel='bookmark'>
- <h2><data:post.title/></h2>
- <span class='post-snippet'><b:eval expr='data:post.snippets.short snippet { length: 123 }'/></span>
- </a>
- <div class='post-meta-bottom'>
- <span class='post-time'>
- <time class='published' expr:datetime='data:post.date.iso8601'><data:post.date/></time>
- <svg height='15' viewBox='0 0 15 15' width='15'><path d='M7.44 2.32c.03-.1.09-.1.12 0l1.2 3.53a.29.29 0 0 0 .26.2h3.88c.11 0 .13.04.04.1L9.8 8.33a.27.27 0 0 0-.1.29l1.2 3.53c.03.1-.01.13-.1.07l-3.14-2.18a.3.3 0 0 0-.32 0L4.2 12.22c-.1.06-.14.03-.1-.07l1.2-3.53a.27.27 0 0 0-.1-.3L2.06 6.16c-.1-.06-.07-.12.03-.12h3.89a.29.29 0 0 0 .26-.19l1.2-3.52z'/></svg>
- </span>
- </div>
- </div>
- </article>
- </b:includable>
- </b:defaultmarkup>
- <b:defaultmarkup type='Profile'>
- <b:includable id='main' var='this'>
- <b:include name='content'/>
- </b:includable>
- <b:includable id='content'>
- <b:if cond='data:team'>
- <div class='profile-widget team'>
- <b:include name='widget-title'/>
- <b:include name='teamProfile'/>
- </div>
- <b:else/>
- <div class='profile-widget individual'>
- <b:include name='widget-title'/>
- <b:include name='userProfile'/>
- </div>
- </b:if>
- </b:includable>
- <b:includable id='teamProfile'>
- <b:loop values='data:authors' var='author'>
- <div class='profile'>
- <b:include data='author' name='teamProfileLink'/>
- </div>
- </b:loop>
- </b:includable>
- <b:includable id='teamProfileLink'>
- <a class='profile-link g-profile' expr:href='data:userUrl' rel='nofollow noopener noreferer' target='_blank'>
- <b:include name='profileImage'/>
- <span class='profile-name'><data:display-name/></span>
- </a>
- <a class='profile-follow' expr:href='data:userUrl' rel='nofollow noopener noreferer' target='_blank'><data:messages.visitProfile/></a>
- </b:includable>
- <b:includable id='profileImage'>
- <b:if cond='data:authorPhoto.image'>
- <b:include name='authorProfileImage'/>
- <b:else/>
- <b:include name='defaultProfileImage'/>
- </b:if>
- </b:includable>
- <b:includable id='authorProfileImage'>
- <span class='profile-img lazyload blur-up' expr:style='"background-image: url(" + resizeImage(data:authorPhoto.image, 48) + ")"'/>
- </b:includable>
- <b:includable id='defaultProfileImage'>
- <span class='profile-img lazyload blur-up' style='background-image: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)'/>
- </b:includable>
- <b:includable id='userProfile'>
- <div class='profile'>
- <a class='profile-link g-profile' expr:href='data:userUrl' rel='nofollow noopener noreferer' target='_blank'>
- <b:include name='profileImage'/>
- <span class='profile-name'><data:displayname/></span>
- </a>
- <a class='profile-follow' expr:href='data:userUrl' rel='nofollow noopener noreferer' target='_blank'><data:messages.visitProfile/></a>
- </div>
- </b:includable>
- </b:defaultmarkup>
- <b:defaultmarkup type='PopularPosts'>
- <b:includable id='main' var='this'>
- <b:if cond='data:title == ""'>
- <h3 class='title'><svg fill='none' height='28' viewBox='0 0 28 29' width='28'><circle cx='14' cy='14.79' r='9.5' stroke='currentColor'/><path d='M5.46 18.36l4.47-4.48M9.97 13.87l3.67 3.66M13.67 17.53l5.1-5.09M16.62 11.6h3M19.62 11.6v3' stroke='currentColor' stroke-linecap='round'/></svg><b:include data='{ message: "translateTrendingOn" }' name='translate'/> <data:blog.title/></h3>
- <else/>
- <h3 class='title'><svg fill='none' height='28' viewBox='0 0 28 29' width='28'><circle cx='14' cy='14.79' r='9.5' stroke='currentColor'/><path d='M5.46 18.36l4.47-4.48M9.97 13.87l3.67 3.66M13.67 17.53l5.1-5.09M16.62 11.6h3M19.62 11.6v3' stroke='currentColor' stroke-linecap='round'/></svg><data:title/></h3>
- </b:if>
- <div class='popular-widget'>
- <b:loop values='data:posts' var='post'>
- <b:include data='post' name='content'/>
- </b:loop>
- </div>
- </b:includable>
- <b:includable id='content' var='post'>
- <article class='post'>
- <div class='block-meta'>
- <div class='post-meta-top'>
- <b:if cond='data:post.author.authorPhoto.image'>
- <span class='author-avatar lazyload blur-up' expr:style='"background-image: url(" + resizeImage(data:post.author.authorPhoto.image, 40, "1:1") + ")"'/>
- </b:if>
- <div class='meta'>
- <span class='post-author'><strong><data:post.author.name/></strong></span>
- <span class='translate'><b:include data='{ message: "translateIn" }' name='translate'/></span>
- <b:if cond='data:post.labels'>
- <span class='post-category'><strong><data:post.labels.first.name/></strong></span>
- </b:if>
- </div>
- </div>
- <a class='post-title' expr:href='data:post.url' rel='bookmark'>
- <h2><data:post.title/></h2>
- </a>
- <div class='post-meta-bottom'>
- <span class='post-time'>
- <time class='published' expr:datetime='data:post.date.iso8601'><data:post.date/></time>
- <svg height='15' viewBox='0 0 15 15' width='15'><path d='M7.44 2.32c.03-.1.09-.1.12 0l1.2 3.53a.29.29 0 0 0 .26.2h3.88c.11 0 .13.04.04.1L9.8 8.33a.27.27 0 0 0-.1.29l1.2 3.53c.03.1-.01.13-.1.07l-3.14-2.18a.3.3 0 0 0-.32 0L4.2 12.22c-.1.06-.14.03-.1-.07l1.2-3.53a.27.27 0 0 0-.1-.3L2.06 6.16c-.1-.06-.07-.12.03-.12h3.89a.29.29 0 0 0 .26-.19l1.2-3.52z'/></svg>
- </span>
- </div>
- </div>
- </article>
- </b:includable>
- </b:defaultmarkup>
- <b:defaultmarkup type='BlogSearch'>
- <b:includable id='main'>
- <b:include name='content'/>
- </b:includable>
- <b:includable id='content'>
- <div class='search-widget' role='search'>
- <b:include name='searchForm'/>
- </div>
- </b:includable>
- <b:includable id='searchForm'>
- <form expr:action='data:blog.searchUrl'>
- <b:attr cond='not data:view.isPreview' name='target' value='_top'/>
- <b:include name='urlParamsAsFormInput'/>
- <div class='search-input'>
- <button class='search-action' expr:aria-label='data:messages.search.escaped' expr:value='data:messages.search.escaped' type='submit'><svg fill='currentColor' height='25' viewBox='0 0 25 25' width='25'><path d='M20.07 18.93l-4.16-4.15a6 6 0 1 0-.88.88l4.15 4.16a.62.62 0 1 0 .89-.89zM6.5 11a4.75 4.75 0 1 1 9.5 0 4.75 4.75 0 0 1-9.5 0z'/></svg></button>
- <input autocomplete='off' expr:aria-label='data:messages.searchThisBlog' expr:placeholder='data:messages.searchThisBlog' expr:value='data:view.isSearch ? data:view.search.query.escaped : ""' name='q' required=''/>
- </div>
- </form>
- </b:includable>
- </b:defaultmarkup>
- <b:defaultmarkup type='BlogArchive'>
- <b:includable id='main' var='this'>
- <b:include name='widget-title'/>
- <b:include name='content'/>
- </b:includable>
- <b:includable id='content'>
- <div class='archive-widget'>
- <div id='ArchiveList'>
- <div expr:id='data:widget.instanceId + "_ArchiveList"'>
- <b:include cond='data:this.style == "HIERARCHY"' name='hierarchy'/>
- <b:include cond='data:this.style in {"FLAT", "MENU"}' name='flat'/>
- </div>
- </div>
- </div>
- </b:includable>
- <b:includable id='hierarchy'>
- <b:include data='data' name='interval'/>
- </b:includable>
- <b:includable id='interval' var='intervals'>
- <ul class='hierarchy'>
- <b:loop values='data:intervals' var='interval'>
- <li class='archivedate'>
- <a class='post-count-link' expr:href='data:interval.url'><data:interval.name/> (<data:interval.post-count/>)</a>
- <div class='hierarchy-content'>
- <b:include cond='data:interval.data' data='interval.data' name='interval'/>
- <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
- </div>
- </li>
- </b:loop>
- </ul>
- </b:includable>
- <b:includable id='flat'>
- <ul class='flat'>
- <b:loop values='data:data' var='i'>
- <li class='archivedate'>
- <a expr:href='data:i.url'>
- <data:i.name/> (<data:i.post-count/>)
- </a>
- </li>
- </b:loop>
- </ul>
- </b:includable>
- <b:includable id='posts' var='posts'>
- <ul class='posts hierarchy'>
- <b:loop values='data:posts' var='post'>
- <li>
- <a expr:href='data:post.url'><data:post.title/></a>
- </li>
- </b:loop>
- </ul>
- </b:includable>
- </b:defaultmarkup>
- <b:defaultmarkup type='FollowByEmail'>
- <b:includable id='main'>
- <b:include name='content'/>
- </b:includable>
- <b:includable id='content'>
- <div class='followemail-widget'>
- <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='"window.open(\"https://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' method='post' target='popupwindow'>
- <b:include name='widget-title'/>
- <p><b:include data='{ message: "translateSubscribeEmail" }' name='translate'/></p>
- <input autocomplete='off' class='follow-by-email-address' expr:placeholder='data:messages.emailAddress' name='email' required='' type='email'/>
- <input class='follow-by-email-submit' expr:value='data:messages.getEmailNotifications' type='submit'/>
- <input expr:value='data:feedPath' name='uri' type='hidden'/>
- <input name='loc' type='hidden' value='en_US'/>
- </form>
- </div>
- </b:includable>
- </b:defaultmarkup>
- <b:defaultmarkup type='ContactForm'>
- <b:includable id='main'>
- <b:include name='widget-title'/>
- <b:include name='content'/>
- </b:includable>
- <b:includable id='content'>
- <div class='contact-form-widget'>
- <form name='contact-form'>
- <input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' expr:placeholder='data:contactFormNameMsg' name='name' size='30' type='text' value=''/>
- <input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' expr:placeholder='data:contactFormEmailMsg' name='email' size='30' type='text' value=''/>
- <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' expr:placeholder='data:contactFormMessageMsg' name='email-message' rows='5'/>
- <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>
- <div style='text-align: center; max-width: 222px; width: 100%'>
- <p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/>
- <p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
- </div>
- </form>
- </div>
- </b:includable>
- </b:defaultmarkup>
- </b:defaultmarkups>
- <b:if cond='data:widgets.AdSense.first or data:blog.adsenseClientId'>
- <script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
- </b:if>
- <b:include data='blog' name='google-analytics'/>
- </head>
- <body expr:class='data:blog.pageType'>
- <b:class cond='data:view.search.query or data:view.isSearch' name='search'/>
- <b:class cond='data:view.search.label' name='search-label'/>
- <b:class cond='data:view.isError' name='error'/>
- <header class='header-wrapper'>
- <b:section class='header-section' id='header-section' maxwidgets='2' name='Header' showaddelement='no'>
- <b:widget id='Header1' locked='true' title='Buku Harian (Header)' type='Header' version='2' visible='true'>
- <b:widget-settings>
- <b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbHGsaHBIMjqKWq1Cys5wfrt5wU9yCrEyf5EthxXnQXnHQEPGUsEe1cHstr-lM3tPrxGOvkdkyJxn_Zan5zX-4roHXz8d3LyIRDb2K7H39O-1PqQkBSDmSRC8r9Ltlzs8KSWe5JO8A71JiAdi0HtVHimZRjFQtF_oaxql_ERwESN4jgoGQ6gWtVwJt1Q/s1195/1000678082.png</b:widget-setting>
- <b:widget-setting name='displayHeight'>1195</b:widget-setting>
- <b:widget-setting name='sectionWidth'>150</b:widget-setting>
- <b:widget-setting name='useImage'>true</b:widget-setting>
- <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
- <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
- <b:widget-setting name='displayWidth'>896</b:widget-setting>
- </b:widget-settings>
- <b:includable id='main' var='this'>
- <div class='header-widget'>
- <b:include cond='data:imagePlacement in {"REPLACE", "BEFORE_DESCRIPTION"}' name='image'/>
- <b:include cond='data:imagePlacement == "BEHIND"' name='title'/>
- </div>
- </b:includable>
- <b:includable id='behindImageStyle'>
- <b:if cond='data:sourceUrl'>
- <b:include cond='data:this.image' data='{ image: data:this.image, selector: ".header-widget" }' name='responsiveImageStyle'/>
- <style type='text/css'>
- .header-widget {
- background-position: <data:blog.locale.languageAlignment/>;
- background-repeat: no-repeat;
- background-size: cover;
- }
- </style>
- </b:if>
- </b:includable>
- <b:includable id='description'>
- <p>
- <data:this.description/>
- </p>
- </b:includable>
- <b:includable id='image'>
- <a class='header-logo-image' expr:href='data:blog.homepageUrl'>
- <img class='lazyload blur-up' expr:alt='data:blog.title.escaped' expr:data-src='resizeImage(data:image, 280)' expr:height='data:height' expr:width='data:width' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/>
- <b:if cond='data:view.isHomepage'>
- <b:if cond='data:widget.sectionId == "header-section"'>
- <h1 id='header-title'><data:title/></h1>
- </b:if>
- </b:if>
- </a>
- </b:includable>
- <b:includable id='title'>
- <h1 class='header-blog-title'>
- <b:tag expr:href='data:blog.homepageUrl' name='a'>
- <data:title/>
- </b:tag>
- </h1>
- </b:includable>
- </b:widget>
- <b:widget id='LinkList99' locked='true' title='Menu' type='LinkList' version='2' visible='true'>
- <b:includable id='main'>
- <div class='menu-widget'>
- <b:loop values='data:links' var='link'><span class='menu-item'><a expr:href='data:link.target'><data:link.name/></a></span></b:loop>
- </div>
- <button aria-label='Menu' class='button-icon search-menu' type='button'><svg height='25' viewBox='0 0 25 25' width='25'><path d='M20.07 18.93l-4.16-4.15a6 6 0 1 0-.88.88l4.15 4.16a.62.62 0 1 0 .89-.89zM6.5 11a4.75 4.75 0 1 1 9.5 0 4.75 4.75 0 0 1-9.5 0z'/></svg></button>
- <button aria-label='Menu' class='button-icon menu' type='button'><svg height='24' viewBox='0 0 384.97 384.97' width='24'><path d='M12.03,120.303h360.909c6.641,0,12.03-5.39,12.03-12.03c0-6.641-5.39-12.03-12.03-12.03H12.03 c-6.641,0-12.03,5.39-12.03,12.03C0,114.913,5.39,120.303,12.03,120.303z'/><path d='M372.939,180.455H12.03c-6.641,0-12.03,5.39-12.03,12.03s5.39,12.03,12.03,12.03h360.909c6.641,0,12.03-5.39,12.03-12.03 S379.58,180.455,372.939,180.455z'/><path d='M372.939,264.667H132.333c-6.641,0-12.03,5.39-12.03,12.03c0,6.641,5.39,12.03,12.03,12.03h240.606 c6.641,0,12.03-5.39,12.03-12.03C384.97,270.056,379.58,264.667,372.939,264.667z'/></svg></button>
- </b:includable>
- <b:includable id='content'>
- <div class='widget-content'>
- <ul>
- <b:loop values='data:links' var='link'>
- <li><a expr:href='data:link.target'><data:link.name/></a></li>
- </b:loop>
- </ul>
- </div>
- </b:includable>
- </b:widget>
- </b:section>
- </header>
- <div class='header-height'/>
- <main class='main-wrapper'>
- <section class='main-top-wrapper'>
- <b:section class='jumbotron-section' cond='data:view.isHomepage' id='jumbotron-section' maxwidgets='2' name='Jumbotron' showaddelement='no'>
- <b:widget id='HTML99' locked='true' title='' type='HTML' version='2' visible='true'>
- <b:includable id='main'>
- <div class='jumbotron-content'>
- <div class='jumbotron-inner'>
- <b:if cond='data:title != ""'>
- <h2 class='title'><data:title/></h2>
- </b:if>
- <p><data:content/></p>
- <a class='all-content' expr:href='data:blog.searchUrl'><b:include data='{ message: "translateAllContent" }' name='translate'/></a>
- </div>
- </div>
- </b:includable>
- </b:widget>
- <b:widget id='PopularPosts99' locked='true' title='' type='PopularPosts' version='2' visible='true'>
- <b:widget-settings>
- <b:widget-setting name='numItemsToShow'>10</b:widget-setting>
- <b:widget-setting name='showThumbnails'>true</b:widget-setting>
- <b:widget-setting name='showSnippets'>true</b:widget-setting>
- <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
- </b:widget-settings>
- <b:includable id='main' var='this'>
- <div class='popular-jumbotron'>
- <b:if cond='data:title == ""'>
- <h3 class='title'><svg fill='none' height='28' viewBox='0 0 28 29' width='28'><circle cx='14' cy='14.79' r='9.5' stroke='currentColor'/><path d='M5.46 18.36l4.47-4.48M9.97 13.87l3.67 3.66M13.67 17.53l5.1-5.09M16.62 11.6h3M19.62 11.6v3' stroke='currentColor' stroke-linecap='round'/></svg><b:include data='{ message: "translateTrendingOn" }' name='translate'/> <data:blog.title/></h3>
- <else/>
- <h3 class='title'><svg fill='none' height='28' viewBox='0 0 28 29' width='28'><circle cx='14' cy='14.79' r='9.5' stroke='currentColor'/><path d='M5.46 18.36l4.47-4.48M9.97 13.87l3.67 3.66M13.67 17.53l5.1-5.09M16.62 11.6h3M19.62 11.6v3' stroke='currentColor' stroke-linecap='round'/></svg><data:title/></h3>
- </b:if>
- <div class='popular-widget'>
- <b:loop values='data:posts' var='post'>
- <b:include data='post' name='content'/>
- </b:loop>
- </div>
- </div>
- </b:includable>
- <b:includable id='blogThisShare'>
- <b:with value='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' var='onclick'>
- <b:include name='platformShare'/>
- </b:with>
- </b:includable>
- <b:includable id='bylineByName' var='byline'>
- <b:switch var='data:byline.name'>
- <b:case value='share'/>
- <b:include cond='data:post.shareUrl' name='postShareButtons'/>
- <b:case value='comments'/>
- <b:include cond='data:post.allowComments' name='postCommentsLink'/>
- <b:case value='location'/>
- <b:include cond='data:post.location' name='postLocation'/>
- <b:case value='timestamp'/>
- <b:include cond='not data:view.isPage' name='postTimestamp'/>
- <b:case value='author'/>
- <b:include name='postAuthor'/>
- <b:case value='labels'/>
- <b:include cond='data:post.labels' name='postLabels'/>
- <b:case value='icons'/>
- <b:include cond='data:post.emailPostUrl' name='emailPostIcon'/>
- </b:switch>
- </b:includable>
- <b:includable id='bylineRegion' var='regionItems'>
- <b:loop values='data:regionItems' var='byline'>
- <b:include data='byline' name='bylineByName'/>
- </b:loop>
- </b:includable>
- <b:includable id='commentsLink'>
- <a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
- <b:if cond='data:post.numberOfComments > 0'>
- <b:message name='messages.numberOfComments'>
- <b:param expr:value='data:post.numberOfComments' name='numComments'/>
- </b:message>
- <b:else/>
- <data:messages.postAComment/>
- </b:if>
- </a>
- </b:includable>
- <b:includable id='commentsLinkIframe'>
- <!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. -->
- </b:includable>
- <b:includable id='content' var='post'>
- <article class='post'>
- <div class='block-meta'>
- <div class='post-meta-top'>
- <b:if cond='data:post.author.authorPhoto.image'>
- <span class='author-avatar lazyload blur-up' expr:style='"background-image: url(" + resizeImage(data:post.author.authorPhoto.image, 40, "1:1") + ")"'/>
- </b:if>
- <div class='meta'>
- <span class='post-author'><strong><data:post.author.name/></strong></span>
- <span class='translate'><b:include data='{ message: "translateIn" }' name='translate'/></span>
- <b:if cond='data:post.labels'>
- <span class='post-category'><strong><data:post.labels.first.name/></strong></span>
- </b:if>
- </div>
- </div>
- <a class='post-title' expr:href='data:post.url' rel='bookmark'>
- <h2><data:post.title/></h2>
- </a>
- <div class='post-meta-bottom'>
- <span class='post-time'>
- <time class='published' expr:datetime='data:post.date.iso8601'><data:post.date/></time>
- <svg height='15' viewBox='0 0 15 15' width='15'><path d='M7.44 2.32c.03-.1.09-.1.12 0l1.2 3.53a.29.29 0 0 0 .26.2h3.88c.11 0 .13.04.04.1L9.8 8.33a.27.27 0 0 0-.1.29l1.2 3.53c.03.1-.01.13-.1.07l-3.14-2.18a.3.3 0 0 0-.32 0L4.2 12.22c-.1.06-.14.03-.1-.07l1.2-3.53a.27.27 0 0 0-.1-.3L2.06 6.16c-.1-.06-.07-.12.03-.12h3.89a.29.29 0 0 0 .26-.19l1.2-3.52z'/></svg>
- </span>
- </div>
- </div>
- </article>
- </b:includable>
- <b:includable id='emailPostIcon'>
- <span class='byline post-icons'>
- <!-- email post links -->
- <span class='item-action'>
- <a expr:href='data:post.emailPostUrl' expr:title='data:messages.emailPost'>
- <b:include data='{ iconClass: "touch-icon sharing-icon" }' name='emailIcon'/>
- </a>
- </span>
- </span>
- </b:includable>
- <b:includable id='facebookShare'>
- <b:with value='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' var='onclick'>
- <b:include name='platformShare'/>
- </b:with>
- </b:includable>
- <b:includable id='footerBylines'>
- <b:if cond='data:widgets.Blog.first.footerBylines'>
- <b:loop index='i' values='data:widgets.Blog.first.footerBylines' var='region'>
- <b:if cond='not data:region.items.empty'>
- <div expr:class='"post-footer-line post-footer-line-" + (data:i + 1)'>
- <b:with value='"footer-" + (data:i + 1)' var='regionName'>
- <b:include data='region.items' name='bylineRegion'/>
- </b:with>
- </div>
- </b:if>
- </b:loop>
- </b:if>
- </b:includable>
- <b:includable id='googlePlusShare'>
- </b:includable>
- <b:includable id='headerByline'>
- <b:if cond='data:widgets.Blog.first.headerByline'>
- <div class='post-header'>
- <div class='post-header-line-1'>
- <b:with value='"header-1"' var='regionName'>
- <b:include data='data:widgets.Blog.first.headerByline.items' name='bylineRegion'/>
- </b:with>
- </div>
- </div>
- </b:if>
- </b:includable>
- <b:includable id='linkShare'>
- <b:with value='"window.prompt(\"Copy to clipboard: Ctrl+C, Enter\", \"" + data:originalUrl + "\"); return false;"' var='onclick'>
- <b:include name='platformShare'/>
- </b:with>
- </b:includable>
- <b:includable id='otherSharingButton'>
- <span class='sharing-platform-button sharing-element-other' expr:aria-label='data:messages.shareToOtherApps.escaped' expr:data-url='data:originalUrl' expr:title='data:messages.shareToOtherApps.escaped' role='menuitem' tabindex='-1'>
- <b:with value='{key: "sharingOther"}' var='platform'>
- <b:include name='sharingPlatformIcon'/>
- </b:with>
- <span class='platform-sharing-text'><data:messages.shareOtherApps.escaped/></span>
- </span>
- </b:includable>
- <b:includable id='platformShare'>
- <a expr:class='"goog-inline-block sharing-" + data:platform.key' expr:data-url='data:originalUrl' expr:href='data:shareUrl + "&target=" + data:platform.target' expr:onclick='data:onclick ? data:onclick : ""' expr:title='data:platform.shareMessage' target='_blank'>
- <span class='share-button-link-text'>
- <data:platform.shareMessage/>
- </span>
- </a>
- </b:includable>
- <b:includable id='postAuthor'>
- <span class='byline post-author vcard'>
- <span class='post-author-label'>
- <data:byline.label/>
- </span>
- <span class='fn'>
- <b:if cond='data:post.author.profileUrl'>
- <meta expr:content='data:post.author.profileUrl'/>
- <a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'>
- <span><data:post.author.name/></span>
- </a>
- <b:else/>
- <span><data:post.author.name/></span>
- </b:if>
- </span>
- </span>
- </b:includable>
- <b:includable id='postCommentsLink'>
- <span class='byline post-comment-link container'>
- <b:include cond='data:post.commentSource != 1' name='commentsLink'/>
- </span>
- </b:includable>
- <b:includable id='postJumpLink' var='post'>
- <div class='jump-link flat-button'>
- <a expr:href='data:post.url fragment "more"' expr:title='data:post.title'>
- <b:eval expr='data:blog.jumpLinkMessage'/>
- </a>
- </div>
- </b:includable>
- <b:includable id='postLabels'>
- <span class='byline post-labels'>
- <span class='byline-label'><data:byline.label/></span>
- <b:loop index='i' values='data:post.labels' var='label'>
- <a expr:href='data:label.url' rel='tag'>
- <data:label.name/>
- </a>
- </b:loop>
- </span>
- </b:includable>
- <b:includable id='postLocation'>
- <span class='byline post-location'>
- <data:byline.label/>
- <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
- </span>
- </b:includable>
- <b:includable id='postReactions'>
- <!-- Reaction feature no longer available. The includable is retained for backwards-compatibility. -->
- </b:includable>
- <b:includable id='postShareButtons'>
- <div class='byline post-share-buttons goog-inline-block'>
- <b:with value='data:sharingId ?: ((data:widget.instanceId ?: "sharing") + "-" + (data:regionName ?: "byline") + "-" + data:post.id)' var='sharingId'>
- <!-- Note: 'sharingButtons' includable is from the default Sharing widget markup. -->
- <b:include data='{ sharingId: data:sharingId, originalUrl: data:post.url, platforms: data:this.sharing.platforms, shareUrl: data:post.shareUrl, shareTitle: data:post.title, }' name='sharingButtons'/>
- </b:with>
- </div>
- </b:includable>
- <b:includable id='postTimestamp'>
- <span class='byline post-timestamp'>
- <data:byline.label/>
- <b:if cond='data:post.url'>
- <meta expr:content='data:post.url.canonical'/>
- <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
- <time class='published' expr:datetime='data:post.date.iso8601' expr:title='data:post.date.iso8601'>
- <data:post.date/>
- </time>
- </a>
- </b:if>
- </span>
- </b:includable>
- <b:includable id='sharingButton'>
- <span expr:aria-label='data:platform.shareMessage' expr:class='"sharing-platform-button sharing-element-" + data:platform.key' expr:data-href='data:shareUrl + "&target=" + data:platform.target' expr:data-url='data:originalUrl' expr:title='data:platform.shareMessage' role='menuitem' tabindex='-1'>
- <b:include name='sharingPlatformIcon'/>
- <span class='platform-sharing-text'><data:platform.name/></span>
- </span>
- </b:includable>
- <b:includable id='sharingButtonContent'>
- <div class='flat-icon-button ripple'>
- <b:include name='shareIcon'/>
- </div>
- </b:includable>
- <b:includable id='sharingButtons'>
- <div class='sharing' expr:aria-owns='"sharing-popup-" + data:sharingId' expr:data-title='data:shareTitle'>
- <button class='sharing-button touch-icon-button' expr:aria-controls='"sharing-popup-" + data:sharingId' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-button-" + data:sharingId' role='button'>
- <b:include name='sharingButtonContent'/>
- </button>
- <b:include name='sharingButtonsMenu'/>
- </div>
- </b:includable>
- <b:includable id='sharingButtonsMenu'>
- <div class='share-buttons-container'>
- <ul aria-hidden='true' class='share-buttons hidden' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-popup-" + data:sharingId' role='menu'>
- <b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p => p.key not in {"blogThis"})' var='platform'>
- <li>
- <b:include name='sharingButton'/>
- </li>
- </b:loop>
- <li aria-hidden='true' class='hidden'>
- <b:include name='otherSharingButton'/>
- </li>
- </ul>
- </div>
- </b:includable>
- <b:includable id='sharingPlatformIcon'>
- <b:include data='{ iconClass: ("touch-icon sharing-" + data:platform.key) }' expr:name='data:platform.key + "Icon"'/>
- </b:includable>
- <b:includable id='snippetedPostByline'>
- <b:with value='(data:widgets first (w => w.type == "Blog")).allBylineItems' var='blogBylines'>
- <div class='item-byline'>
- <b:with value='data:blogBylines first (i => i.name == "author")' var='byline'>
- <b:include cond='data:byline and data:this.postDisplay.showAuthor' data='post' name='postAuthor'/>
- </b:with>
- <b:with value='data:blogBylines first (i => i.name == "timestamp")' var='byline'>
- <b:include cond='data:byline and data:this.postDisplay.showDate' data='post' name='postTimestamp'/>
- </b:with>
- </div>
- </b:with>
- </b:includable>
- <b:includable id='snippetedPostContent'>
- <div class='post-content'>
- <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
- <b:include cond='data:this.postDisplay.showDate or data:this.postDisplay.showAuthor' name='snippetedPostByline'/>
- <b:include cond='data:this.postDisplay.showSnippet' data='post' name='postSnippet'/>
- <b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/>
- </div>
- </b:includable>
- <b:includable id='snippetedPostThumbnail'>
- <div class='item-thumbnail'>
- <a expr:href='data:post.url'>
- <b:include data='{ image: data:post.featuredImage, imageSizes: [72, 144], imageRatio: "1:1", sourceSizes: "72px" }' name='responsiveImage'/>
- </a>
- </div>
- </b:includable>
- <b:includable id='snippetedPostTitle'>
- <b:if cond='data:post.title != ""'>
- <h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
- </b:if>
- </b:includable>
- <b:includable id='snippetedPosts'>
- <div role='feed'>
- <!-- Don't render the post that we're currently already looking at. -->
- <b:loop values='data:posts filter (p => p.id != data:view.postId)' var='post'>
- <article class='post' role='article'>
- <b:include name='snippetedPostContent'/>
- </article>
- </b:loop>
- </div>
- </b:includable>
- </b:widget>
- </b:section>
- <div class='clearfix'/>
- <div class='search-page-form'>
- <form expr:action='data:blog.searchUrl'>
- <b:attr cond='not data:view.isPreview' name='target' value='_top'/>
- <b:include name='urlParamsAsFormInput'/>
- <input autocomplete='off' expr:aria-label='data:messages.searchThisBlog' expr:placeholder='data:messages.searchThisBlog' expr:value='data:view.isSearch ? data:view.search.query.escaped : ""' name='q'/>
- </form>
- </div>
- </section>
- <section class='inner-wrapper'>
- <section class='blog-wrapper'>
- <b:section class='main-section' id='main-section' maxwidgets='1' name='Main' showaddelement='no'>
- <b:widget id='Blog1' locked='true' title='Postingan Blog' type='Blog' version='2' visible='true'>
- <b:widget-settings>
- <b:widget-setting name='showDateHeader'>false</b:widget-setting>
- <b:widget-setting name='commentLabel'>comments</b:widget-setting>
- <b:widget-setting name='showShareButtons'>true</b:widget-setting>
- <b:widget-setting name='showCommentLink'>false</b:widget-setting>
- <b:widget-setting name='postLocationLabel'>Location:</b:widget-setting>
- <b:widget-setting name='showAuthor'>false</b:widget-setting>
- <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
- <b:widget-setting name='timestampLabel'/>
- <b:widget-setting name='reactionsLabel'/>
- <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
- <b:widget-setting name='style.layout'>1x1</b:widget-setting>
- <b:widget-setting name='showLabels'>true</b:widget-setting>
- <b:widget-setting name='showLocation'>false</b:widget-setting>
- <b:widget-setting name='postLabelsLabel'/>
- <b:widget-setting name='showTimestamp'>false</b:widget-setting>
- <b:widget-setting name='postsPerAd'>1</b:widget-setting>
- <b:widget-setting name='showBacklinks'>false</b:widget-setting>
- <b:widget-setting name='showInlineAds'>false</b:widget-setting>
- <b:widget-setting name='showReactions'>false</b:widget-setting>
- </b:widget-settings>
- <b:includable id='main' var='this'>
- <b:if cond='data:posts.empty'>
- <div class='message-query'>
- <b:if cond='data:view.isMultipleItems and data:posts.empty'><data:messages.noResultsFound/></b:if>
- </div>
- </b:if>
- <b:if cond='data:view.isArchive'>
- <div class='queryMessage'>
- <b:if cond='data:posts.empty'>
- <span class='query-info query-error'><data:view.archive.rangeMessage/></span>
- <b:else/>
- <span class='query-info query-success'><data:view.archive.rangeMessage/></span>
- </b:if>
- </div>
- </b:if>
- <b:if cond='data:view.isError'>
- <div class='error-wrapper'>
- <div class='not-found'><data:messages.noResultsFound/></div>
- <h3>404</h3>
- <h4><data:messages.theresNothingHere/></h4>
- <div class='not-found-description'><data:navMessage/></div>
- <a class='homepage' expr:href='data:blog.homepageUrl'><i class='fas fa-home'/> <data:messages.home/></a>
- </div>
- </b:if>
- <div class='blog-posts container'>
- <b:loop index='i' values='data:posts' var='post'>
- <b:if cond='data:view.isHomepage and !data:view.isPreview'>
- <b:if cond='data:i != 0'>
- <b:if cond='data:post.includeAd and data:post.adNumber'>
- <b:if cond='data:this.adCode or data:this.adClientId or data:blog.adsenseClientId'>
- <div expr:class='"index-post-ads post-ad-" + data:i'>
- <div class='inline-ad-wrapper'>
- <b:if cond='data:this.adCode != ""'>
- <data:this.adCode/>
- <b:else/>
- <b:if cond='data:this.adClientId or data:blog.adsenseClientId'>
- <ins class='adsbygoogle' data-ad-format='fluid' data-ad-layout-key='-75+cz-2f-19+kd' expr:data-ad-client='data:adClientId ?: data:blog.adsenseClientId' expr:data-ad-host='data:blog.adsenseHostId' expr:data-analytics-uacct='data:blog.analyticsAccountNumber' expr:style='data:style ?: "display: block;"' style='display:inline-block'/>
- <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
- </b:if>
- </b:if>
- </div>
- </div>
- </b:if>
- </b:if>
- </b:if>
- </b:if>
- <article class='blog-post post'>
- <b:class cond='data:view.isMultipleItems' name='index-post'/>
- <b:class cond='data:view.isSingleItem' name='item-post'/>
- <b:if cond='data:view.isMultipleItems'>
- <script type='application/ld+json'>{"@context":"https://schema.org","@type":"NewsArticle","mainEntityOfPage":{"@type":"WebPage","@id":"<data:post.url.canonical.jsonEscaped/>"},"headline":"<data:post.title.jsonEscaped/>","description":"<data:view.description.jsonEscaped/>","image":["<data:post.featuredImage.jsonEscaped/>"],"datePublished":"<data:post.date.iso8601.jsonEscaped/>","dateModified":"<data:post.lastUpdated.iso8601.jsonEscaped/>","author":{"@type":"Person","name":"<data:post.author.name.jsonEscaped/>"},"publisher":{"@type":"Organization","name":"Blogger","logo":{"@type":"ImageObject","url":"https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=h60","width":206,"height":60}}}</script>
- <b:include data='post' name='postMetadataJSON'/>
- <div class='block-meta'>
- <b:include cond='!data:view.search.label' name='postMetaTop'/>
- <a class='post-title' expr:href='data:post.url' rel='bookmark'><h2><data:post.title/></h2><span class='post-snippet'><b:eval expr='data:post.snippets.short snippet { length: 123 }'/></span></a>
- <b:include cond='data:view.search.label' name='postMetaTop'/>
- <b:include cond='!data:view.search.label' name='postMetaBottom'/>
- </div>
- <div class='post-image'>
- <b:if cond='data:post.featuredImage'>
- <b:if cond='data:post.featuredImage.isYouTube'>
- <a class='post-image-link' expr:aria-label='data:post.title' expr:href='data:post.url'><span class='post-thumb lazyload blur-up' expr:style='"background-image: url(" + data:post.featuredImage + ")"'/></a>
- <b:else/>
- <a class='post-image-link' expr:aria-label='data:post.title' expr:href='data:post.url'><span class='post-thumb lazyload blur-up' expr:style='"background-image: url(" + resizeImage(data:post.featuredImage, 200) + ")"'/></a>
- </b:if>
- <b:else/>
- <a class='post-image-link' expr:aria-label='data:post.title' expr:href='data:post.url'><span class='post-thumb lazyload blur-up' style='background-image: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)'/></a>
- </b:if>
- </div>
- </b:if>
- <b:if cond='data:view.isSingleItem'>
- <script type='application/ld+json'>{"@context":"https://schema.org","@type":"NewsArticle","mainEntityOfPage":{"@type":"WebPage","@id":"<data:post.url.canonical.jsonEscaped/>"},"headline":"<data:post.title.jsonEscaped/>","description":"<data:view.description.jsonEscaped/>","image":["<data:post.featuredImage.jsonEscaped/>"],"datePublished":"<data:post.date.iso8601.jsonEscaped/>","dateModified":"<data:post.lastUpdated.iso8601.jsonEscaped/>","author":{"@type":"Person","name":"<data:post.author.name.jsonEscaped/>"},"publisher":{"@type":"Organization","name":"Blogger","logo":{"@type":"ImageObject","url":"https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=h60","width":206,"height":60}}}</script>
- <b:include data='post' name='postMetadataJSON'/>
- <div class='scrolled-meta'>
- <div class='scrolled-top'>
- <div class='scrolled-title'><data:post.title/></div>
- <b:if cond='data:blog.metaDescription != ""'><div class='scrolled-description'><data:blog.metaDescription/></div></b:if>
- </div>
- <div class='scrolled-bottom'>
- <div class='share-icon'>
- <a class='twitter' expr:href='"https://twitter.com/intent/tweet?url=" + data:post.url.canonical + "&text=" + data:post.title' rel='nofollow noopener noreferer' target='_blank' title='Twitter'><svg height='24' viewBox='0 0 24 24' width='24'><path d='M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z'/></svg></a>
- <a class='linkedin' expr:href='"https://www.linkedin.com/shareArticle?url=" + data:post.url.canonical' rel='nofollow noopener noreferer' target='_blank' title='LinkedIn'><svg height='24' viewBox='0 0 24 24' width='24'><path d='M19 3A2 2 0 0 1 21 5V19A2 2 0 0 1 19 21H5A2 2 0 0 1 3 19V5A2 2 0 0 1 5 3H19M18.5 18.5V13.2A3.26 3.26 0 0 0 15.24 9.94C14.39 9.94 13.4 10.46 12.92 11.24V10.13H10.13V18.5H12.92V13.57C12.92 12.8 13.54 12.17 14.31 12.17A1.4 1.4 0 0 1 15.71 13.57V18.5H18.5M6.88 8.56A1.68 1.68 0 0 0 8.56 6.88C8.56 5.95 7.81 5.19 6.88 5.19A1.69 1.69 0 0 0 5.19 6.88C5.19 7.81 5.95 8.56 6.88 8.56M8.27 18.5V10.13H5.5V18.5H8.27Z'/></svg></a>
- <a class='facebook' expr:href='"https://www.facebook.com/sharer.php?u=" + data:post.url.canonical' rel='nofollow noopener noreferer' target='_blank' title='Facebook'><svg height='24' viewBox='0 0 24 24' width='24'><path d='M12 2.04C6.5 2.04 2 6.53 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85C10.44 7.34 11.93 5.96 14.22 5.96C15.31 5.96 16.45 6.15 16.45 6.15V8.62H15.19C13.95 8.62 13.56 9.39 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96A10 10 0 0 0 22 12.06C22 6.53 17.5 2.04 12 2.04Z'/></svg></a>
- <a class='reddit' expr:href='"https://reddit.com/submit?url=" + data:post.url.canonical + "&title=" + data:post.title' rel='nofollow noopener noreferer' target='_blank'><svg height='24' viewBox='0 0 24 24' width='24'><path d='M14.5 15.41C14.58 15.5 14.58 15.69 14.5 15.8C13.77 16.5 12.41 16.56 12 16.56C11.61 16.56 10.25 16.5 9.54 15.8C9.44 15.69 9.44 15.5 9.54 15.41C9.65 15.31 9.82 15.31 9.92 15.41C10.38 15.87 11.33 16 12 16C12.69 16 13.66 15.87 14.1 15.41C14.21 15.31 14.38 15.31 14.5 15.41M10.75 13.04C10.75 12.47 10.28 12 9.71 12C9.14 12 8.67 12.47 8.67 13.04C8.67 13.61 9.14 14.09 9.71 14.08C10.28 14.08 10.75 13.61 10.75 13.04M14.29 12C13.72 12 13.25 12.5 13.25 13.05S13.72 14.09 14.29 14.09C14.86 14.09 15.33 13.61 15.33 13.05C15.33 12.5 14.86 12 14.29 12M22 12C22 17.5 17.5 22 12 22S2 17.5 2 12C2 6.5 6.5 2 12 2S22 6.5 22 12M18.67 12C18.67 11.19 18 10.54 17.22 10.54C16.82 10.54 16.46 10.7 16.2 10.95C15.2 10.23 13.83 9.77 12.3 9.71L12.97 6.58L15.14 7.05C15.16 7.6 15.62 8.04 16.18 8.04C16.75 8.04 17.22 7.57 17.22 7C17.22 6.43 16.75 5.96 16.18 5.96C15.77 5.96 15.41 6.2 15.25 6.55L12.82 6.03C12.75 6 12.68 6.03 12.63 6.07C12.57 6.11 12.54 6.17 12.53 6.24L11.79 9.72C10.24 9.77 8.84 10.23 7.82 10.96C7.56 10.71 7.2 10.56 6.81 10.56C6 10.56 5.35 11.21 5.35 12C5.35 12.61 5.71 13.11 6.21 13.34C6.19 13.5 6.18 13.62 6.18 13.78C6.18 16 8.79 17.85 12 17.85C15.23 17.85 17.85 16.03 17.85 13.78C17.85 13.64 17.84 13.5 17.81 13.34C18.31 13.11 18.67 12.6 18.67 12Z'/></svg></a>
- <a class='pinterest' expr:href='"https://www.pinterest.com/pin/create/button/?url=" + data:post.url.canonical + "&media=" + data:post.featuredImage + "&description=" + data:post.title' rel='nofollow noopener noreferer' target='_blank' title='Pinterest'><svg height='24' viewBox='0 0 24 24' width='24'><path d='M9.04,21.54C10,21.83 10.97,22 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2A10,10 0 0,0 2,12C2,16.25 4.67,19.9 8.44,21.34C8.35,20.56 8.26,19.27 8.44,18.38L9.59,13.44C9.59,13.44 9.3,12.86 9.3,11.94C9.3,10.56 10.16,9.53 11.14,9.53C12,9.53 12.4,10.16 12.4,10.97C12.4,11.83 11.83,13.06 11.54,14.24C11.37,15.22 12.06,16.08 13.06,16.08C14.84,16.08 16.22,14.18 16.22,11.5C16.22,9.1 14.5,7.46 12.03,7.46C9.21,7.46 7.55,9.56 7.55,11.77C7.55,12.63 7.83,13.5 8.29,14.07C8.38,14.13 8.38,14.21 8.35,14.36L8.06,15.45C8.06,15.62 7.95,15.68 7.78,15.56C6.5,15 5.76,13.18 5.76,11.71C5.76,8.55 8,5.68 12.32,5.68C15.76,5.68 18.44,8.15 18.44,11.43C18.44,14.87 16.31,17.63 13.26,17.63C12.29,17.63 11.34,17.11 11,16.5L10.33,18.87C10.1,19.73 9.47,20.88 9.04,21.57V21.54Z'/></svg></a>
- <b:if cond='data:blog.isMobileRequest'>
- <a class='whatsapp' expr:href='"https://api.whatsapp.com/send?text=" + data:post.title + " | " + data:post.url.canonical' rel='nofollow noopener noreferer' target='_blank'><svg height='24' viewBox='0 0 24 24' width='24'><path d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91C2.13 13.66 2.59 15.36 3.45 16.86L2.05 22L7.3 20.62C8.75 21.41 10.38 21.83 12.04 21.83C17.5 21.83 21.95 17.38 21.95 11.92C21.95 9.27 20.92 6.78 19.05 4.91C17.18 3.03 14.69 2 12.04 2M12.05 3.67C14.25 3.67 16.31 4.53 17.87 6.09C19.42 7.65 20.28 9.72 20.28 11.92C20.28 16.46 16.58 20.15 12.04 20.15C10.56 20.15 9.11 19.76 7.85 19L7.55 18.83L4.43 19.65L5.26 16.61L5.06 16.29C4.24 15 3.8 13.47 3.8 11.91C3.81 7.37 7.5 3.67 12.05 3.67M8.53 7.33C8.37 7.33 8.1 7.39 7.87 7.64C7.65 7.89 7 8.5 7 9.71C7 10.93 7.89 12.1 8 12.27C8.14 12.44 9.76 14.94 12.25 16C12.84 16.27 13.3 16.42 13.66 16.53C14.25 16.72 14.79 16.69 15.22 16.63C15.7 16.56 16.68 16.03 16.89 15.45C17.1 14.87 17.1 14.38 17.04 14.27C16.97 14.17 16.81 14.11 16.56 14C16.31 13.86 15.09 13.26 14.87 13.18C14.64 13.1 14.5 13.06 14.31 13.3C14.15 13.55 13.67 14.11 13.53 14.27C13.38 14.44 13.24 14.46 13 14.34C12.74 14.21 11.94 13.95 11 13.11C10.26 12.45 9.77 11.64 9.62 11.39C9.5 11.15 9.61 11 9.73 10.89C9.84 10.78 10 10.6 10.1 10.45C10.23 10.31 10.27 10.2 10.35 10.04C10.43 9.87 10.39 9.73 10.33 9.61C10.27 9.5 9.77 8.26 9.56 7.77C9.36 7.29 9.16 7.35 9 7.34C8.86 7.34 8.7 7.33 8.53 7.33Z'/></svg></a>
- <b:else/>
- <a class='whatsapp' expr:href='"https://web.whatsapp.com/send?text=" + data:post.title + " | " + data:post.url.canonical' rel='nofollow noopener noreferer' target='_blank' title='WhatsApp'><svg height='24' viewBox='0 0 24 24' width='24'><path d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91C2.13 13.66 2.59 15.36 3.45 16.86L2.05 22L7.3 20.62C8.75 21.41 10.38 21.83 12.04 21.83C17.5 21.83 21.95 17.38 21.95 11.92C21.95 9.27 20.92 6.78 19.05 4.91C17.18 3.03 14.69 2 12.04 2M12.05 3.67C14.25 3.67 16.31 4.53 17.87 6.09C19.42 7.65 20.28 9.72 20.28 11.92C20.28 16.46 16.58 20.15 12.04 20.15C10.56 20.15 9.11 19.76 7.85 19L7.55 18.83L4.43 19.65L5.26 16.61L5.06 16.29C4.24 15 3.8 13.47 3.8 11.91C3.81 7.37 7.5 3.67 12.05 3.67M8.53 7.33C8.37 7.33 8.1 7.39 7.87 7.64C7.65 7.89 7 8.5 7 9.71C7 10.93 7.89 12.1 8 12.27C8.14 12.44 9.76 14.94 12.25 16C12.84 16.27 13.3 16.42 13.66 16.53C14.25 16.72 14.79 16.69 15.22 16.63C15.7 16.56 16.68 16.03 16.89 15.45C17.1 14.87 17.1 14.38 17.04 14.27C16.97 14.17 16.81 14.11 16.56 14C16.31 13.86 15.09 13.26 14.87 13.18C14.64 13.1 14.5 13.06 14.31 13.3C14.15 13.55 13.67 14.11 13.53 14.27C13.38 14.44 13.24 14.46 13 14.34C12.74 14.21 11.94 13.95 11 13.11C10.26 12.45 9.77 11.64 9.62 11.39C9.5 11.15 9.61 11 9.73 10.89C9.84 10.78 10 10.6 10.1 10.45C10.23 10.31 10.27 10.2 10.35 10.04C10.43 9.87 10.39 9.73 10.33 9.61C10.27 9.5 9.77 8.26 9.56 7.77C9.36 7.29 9.16 7.35 9 7.34C8.86 7.34 8.7 7.33 8.53 7.33Z'/></svg></a>
- </b:if>
- <b:if cond='data:blog.isMobileRequest'>
- <a class='telegram' expr:href='"https://telegram.me/share/url?url=" + data:post.url.canonical + "&text=" + data:post.title' rel='nofollow noopener noreferer' target='_blank' title='Telegram'><svg height='24' viewBox='0 0 24 24' width='24'><path d='M9.78,18.65L10.06,14.42L17.74,7.5C18.08,7.19 17.67,7.04 17.22,7.31L7.74,13.3L3.64,12C2.76,11.75 2.75,11.14 3.84,10.7L19.81,4.54C20.54,4.21 21.24,4.72 20.96,5.84L18.24,18.65C18.05,19.56 17.5,19.78 16.74,19.36L12.6,16.3L10.61,18.23C10.38,18.46 10.19,18.65 9.78,18.65Z'/></svg></a>
- </b:if>
- <a class='email' expr:href='"mailto:?subject=" + data:post.title + "&body=" + data:post.url.canonical' rel='nofollow noopener noreferer' target='_blank' title='Email'><svg height='24' viewBox='0 0 24 24' width='24'><path d='M13 17H17V14L22 18.5L17 23V20H13V17M20 4H4A2 2 0 0 0 2 6V18A2 2 0 0 0 4 20H11V18H4V8L12 13L20 8V14H22V6A2 2 0 0 0 20 4M12 11L4 6H20Z'/></svg></a>
- </div>
- <div class='post-comments'>
- <svg height='25' width='25'><path d='M19.07 21.12a6.33 6.33 0 0 1-3.53-1.1 7.8 7.8 0 0 1-.7-.52c-.77.21-1.57.32-2.38.32-4.67 0-8.46-3.5-8.46-7.8C4 7.7 7.79 4.2 12.46 4.2c4.66 0 8.46 3.5 8.46 7.8 0 2.06-.85 3.99-2.4 5.45a6.28 6.28 0 0 0 1.14 2.59c.15.21.17.48.06.7a.69.69 0 0 1-.62.38h-.03zm0-1v.5l.03-.5h-.03zm-3.92-1.64l.21.2a6.09 6.09 0 0 0 3.24 1.54 7.14 7.14 0 0 1-.83-1.84 5.15 5.15 0 0 1-.16-.75 2.4 2.4 0 0 1-.02-.29v-.23l.18-.15a6.6 6.6 0 0 0 2.3-4.96c0-3.82-3.4-6.93-7.6-6.93-4.19 0-7.6 3.11-7.6 6.93 0 3.83 3.41 6.94 7.6 6.94.83 0 1.64-.12 2.41-.35l.28-.08z' fill-rule='evenodd'/></svg> <span class='post-comments-link'><data:post.numberOfComments/></span>
- </div>
- </div>
- </div>
- <div class='item-post-inner'>
- <div class='post-header'>
- <b:include data='post' name='postHeader'/>
- </div>
- <div class='post-body post-content' id='post-body'>
- <data:post.body/>
- </div>
- </div>
- <div class='post-footer'>
- <b:if cond='data:view.isPost'>
- <div class='footer-post-content'>
- <b:if cond='data:allBylineItems.labels and data:post.labels'>
- <div class='post-tags'>
- <b:loop values='data:post.labels' var='label'><a class='label-link' expr:href='data:label.url' rel='tag'><data:label.name/></a></b:loop>
- </div>
- </b:if>
- <b:if cond='!data:view.isPage'>
- <div class='post-meta'>
- <div class='meta-author-date'>
- <div class='post-comment'>
- <svg fill='currentColor' height='33' width='33'><path d='M24.28 25.5l.32-.29c2.11-1.94 3.4-4.61 3.4-7.56C28 11.83 22.92 7 16.5 7S5 11.83 5 17.65s5.08 10.66 11.5 10.66c1.22 0 2.4-.18 3.5-.5l.5-.15.41.33a8.86 8.86 0 0 0 4.68 2.1 7.34 7.34 0 0 1-1.3-4.15v-.43zm1 .45c0 1.5.46 2.62 1.69 4.44.22.32.01.75-.38.75a9.69 9.69 0 0 1-6.31-2.37c-1.2.35-2.46.54-3.78.54C9.6 29.3 4 24.09 4 17.65 4 11.22 9.6 6 16.5 6S29 11.22 29 17.65c0 3.25-1.42 6.18-3.72 8.3z' fill-rule='evenodd'/></svg> <span class='post-comments-link'><data:post.numberOfComments/> <data:messages.comments/></span>
- </div>
- </div>
- <div class='meta-button'>
- <b:if cond='data:allBylineItems.share'>
- <a class='twitter' expr:href='"https://twitter.com/intent/tweet?url=" + data:post.url.canonical + "&text=" + data:post.title' rel='nofollow noopener noreferer' target='_blank' title='Twitter'><svg height='24' viewBox='0 0 24 24' width='24'><path d='M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z'/></svg></a>
- <a class='linkedin' expr:href='"https://www.linkedin.com/shareArticle?url=" + data:post.url.canonical' rel='nofollow noopener noreferer' target='_blank' title='LinkedIn'><svg height='24' viewBox='0 0 24 24' width='24'><path d='M19 3A2 2 0 0 1 21 5V19A2 2 0 0 1 19 21H5A2 2 0 0 1 3 19V5A2 2 0 0 1 5 3H19M18.5 18.5V13.2A3.26 3.26 0 0 0 15.24 9.94C14.39 9.94 13.4 10.46 12.92 11.24V10.13H10.13V18.5H12.92V13.57C12.92 12.8 13.54 12.17 14.31 12.17A1.4 1.4 0 0 1 15.71 13.57V18.5H18.5M6.88 8.56A1.68 1.68 0 0 0 8.56 6.88C8.56 5.95 7.81 5.19 6.88 5.19A1.69 1.69 0 0 0 5.19 6.88C5.19 7.81 5.95 8.56 6.88 8.56M8.27 18.5V10.13H5.5V18.5H8.27Z'/></svg></a>
- <a class='facebook' expr:href='"https://www.facebook.com/sharer.php?u=" + data:post.url.canonical' rel='nofollow noopener noreferer' target='_blank' title='Facebook'><svg height='24' viewBox='0 0 24 24' width='24'><path d='M12 2.04C6.5 2.04 2 6.53 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85C10.44 7.34 11.93 5.96 14.22 5.96C15.31 5.96 16.45 6.15 16.45 6.15V8.62H15.19C13.95 8.62 13.56 9.39 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96A10 10 0 0 0 22 12.06C22 6.53 17.5 2.04 12 2.04Z'/></svg></a>
- <button aria-label='Social Share' class='more-menu button-icon' data-a11y-toggle='toggle-social' type='button'>
- <svg height='25' width='25'><path d='M5 12.5c0 .55.2 1.02.59 1.41.39.4.86.59 1.41.59.55 0 1.02-.2 1.41-.59.4-.39.59-.86.59-1.41 0-.55-.2-1.02-.59-1.41A1.93 1.93 0 0 0 7 10.5c-.55 0-1.02.2-1.41.59-.4.39-.59.86-.59 1.41zm5.62 0c0 .55.2 1.02.58 1.41.4.4.87.59 1.42.59.55 0 1.02-.2 1.41-.59.4-.39.59-.86.59-1.41 0-.55-.2-1.02-.59-1.41a1.93 1.93 0 0 0-1.41-.59c-.55 0-1.03.2-1.42.59-.39.39-.58.86-.58 1.41zm5.6 0c0 .55.2 1.02.58 1.41.4.4.87.59 1.43.59.56 0 1.03-.2 1.42-.59.39-.39.58-.86.58-1.41 0-.55-.2-1.02-.58-1.41a1.93 1.93 0 0 0-1.42-.59c-.56 0-1.04.2-1.43.59-.39.39-.58.86-.58 1.41z' fill-rule='evenodd'/></svg>
- </button>
- <div aria-hidden='true' class='data-toggle' id='toggle-social'>
- <b:if cond='data:allBylineItems.share'>
- <ul class='share-links'>
- <b:if cond='data:blog.isMobileRequest'>
- <li class='whatsapp whatsapp-mobile'><a class='whatsapp' expr:href='"https://api.whatsapp.com/send?text=" + data:post.title + " | " + data:post.url.canonical' rel='nofollow noopener noreferer' target='_blank'><span><b:include data='{ message: "translateShareTo" }' name='translate'/> WhatsApp</span></a></li>
- <b:else/>
- <li class='whatsapp whatsapp-desktop'><a class='whatsapp' expr:href='"https://web.whatsapp.com/send?text=" + data:post.title + " | " + data:post.url.canonical' rel='nofollow noopener noreferer' target='_blank' title='WhatsApp'><span><b:include data='{ message: "translateShareTo" }' name='translate'/> WhatsApp</span></a></li>
- </b:if>
- <b:if cond='data:blog.isMobileRequest'>
- <li class='telegram'><a class='telegram' expr:href='"https://telegram.me/share/url?url=" + data:post.url.canonical + "&text=" + data:post.title' rel='nofollow noopener noreferer' target='_blank' title='Telegram'><span><b:include data='{ message: "translateShareTo" }' name='translate'/> Telegram</span></a></li>
- </b:if>
- <li class='email'><a class='email' expr:href='"mailto:?subject=" + data:post.title + "&body=" + data:post.url.canonical' rel='nofollow noopener noreferer' target='_blank' title='Email'><span><b:include data='{ message: "translateShareTo" }' name='translate'/> Email</span></a></li>
- </ul>
- </b:if>
- </div>
- </b:if>
- </div>
- </div>
- </b:if>
- <b:if cond='data:post.author.aboutMe'>
- <div class='about-author'>
- <div class='avatar-container'>
- <b:if cond='data:post.author.authorPhoto.image'>
- <span class='author-avatar lazyload blur-up' expr:style='"background-image: url(" + resizeImage(data:post.author.authorPhoto.image, 80, "1:1") + ")"'/>
- </b:if>
- </div>
- <div class='author-description'>
- <div class='author-name'>
- <span><data:messages.postedBy/></span><div class='authors'><data:post.author.name/></div>
- </div>
- <p class='description-text'><data:post.author.aboutMe/></p>
- </div>
- </div>
- </b:if>
- </div>
- <b:if cond='data:allBylineItems.backlinks'>
- <div class='related-post' expr:id='"related-post-" + data:post.id'/>
- </b:if>
- </b:if>
- </div>
- <b:if cond='data:view.isSingleItem and data:post.allowComments'>
- <b:if cond='data:post.commentSource == 1'>
- <b:if cond='data:post.allowIframeComments'>
- <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
- <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>
- <b:if cond='!data:post.embedCommentForm'>
- <b:if cond='data:view.isMultipleItems'>
- <span class='byline post-comment-link container'>
- <b:include cond='data:post.commentSource != 1' name='commentsLink'/>
- <b:include cond='data:post.commentSource == 1' name='commentsLinkIframe'/>
- </span>
- </b:if>
- </b:if>
- </b:if>
- <b:elseif cond='data:post.showThreadedComments'/>
- <section class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'>
- <b:class cond='data:post.numberOfComments == "0"' name='no-comments'/>
- <div class='comment-container'>
- <b:if cond='data:post.numberOfComments == 0'>
- <div class='comments-title'><h3 class='title'><data:messages.comments/></h3><b:if cond='!data:view.isPage'><div class='close-comment'><svg height='25' viewBox='0 0 25 25' width='25'><path d='M18.13 6.11l-5.61 5.61-5.6-5.61-.81.8 5.61 5.61-5.61 5.61.8.8 5.61-5.6 5.61 5.6.8-.8-5.6-5.6 5.6-5.62'/></svg></div></b:if></div>
- <b:if cond='data:this.messages.blogComment != ""'>
- <p class='comments-message'><data:this.messages.blogComment/></p>
- </b:if>
- <b:else/>
- <div class='comments-title'><h3 class='title'><data:post.numberOfComments/> <data:messages.comments/></h3><b:if cond='!data:view.isPage'><div class='close-comment'><svg height='25' viewBox='0 0 25 25' width='25'><path d='M18.13 6.11l-5.61 5.61-5.6-5.61-.81.8 5.61 5.61-5.61 5.61.8.8 5.61-5.6 5.61 5.6.8-.8-5.6-5.6 5.6-5.62'/></svg></div></b:if></div>
- <b:if cond='data:this.messages.blogComment != ""'>
- <p class='comments-message'><data:this.messages.blogComment/></p>
- </b:if>
- </b:if>
- <div class='comments-content'>
- <b:if cond='data:post.embedCommentForm'>
- <script defer='defer'>//<![CDATA[
- (function(){function e(c){if(Error.captureStackTrace)Error.captureStackTrace(this,e);else{var a=Error().stack;a&&(this.stack=a)}c&&(this.message=c+"")}var g=this||self,h=null,i=function(b){return(b=b.querySelector&&b.querySelector("script[nonce]"))&&(b=b.nonce||b.getAttribute("nonce"))&&/^[\w+/_-]+[=]{0,2}$/.test(b)?b:""},a=function(d,a){function b(){}b.prototype=a.prototype,d.superClass_=a.prototype,d.prototype=new b,d.prototype.constructor=d,d.base=function(b,c){for(var d=Array(arguments.length-2),e=2;e<arguments.length;e++)d[e-2]=arguments[e];return a.prototype[c].apply(b,d)}},b=function(b){return b};a(e,Error),e.prototype.name="CustomError";var c=function(g,h){g=g.split("%s");for(var b="",i=g.length-1,f=0;f<i;f++)b+=g[f]+(f<h.length?h[f]:"%s");e.call(this,b+g[i])};a(c,e),c.prototype.name="AssertionError";var d,j=function(b){throw new c("Failure"+(b?": "+b:""),Array.prototype.slice.call(arguments,1))},k=function(c,a){this.privateDoNotAccessOrElseTrustedResourceUrlWrappedValue_=a===f?c:""};k.prototype.toString=function(){return this.privateDoNotAccessOrElseTrustedResourceUrlWrappedValue_+""};var f={},n=function(e,a){a:{try{var l=e&&e.ownerDocument,m=l&&(l.defaultView||l.parentWindow);if(m=m||g,m.Element&&m.Location){l=m;break a}}catch(a){}l=null}if(l&&"undefined"!=typeof l.HTMLScriptElement&&(!e||!(e instanceof l.HTMLScriptElement)&&(e instanceof l.Location||e instanceof l.Element))){if(l=typeof e,"object"==l&&null!=e||"function"==l)try{var n=e.constructor.displayName||e.constructor.name||Object.prototype.toString.call(e)}catch(a){n="<object could not be stringified>"}else n=void 0===e?"undefined":null===e?"null":typeof e;j("Argument is not a %s (or a non-Element, non-Location mock); got: %s","HTMLScriptElement",n)}a instanceof k&&a.constructor===k?a=a.privateDoNotAccessOrElseTrustedResourceUrlWrappedValue_:(n=typeof a,j("expected object of type TrustedResourceUrl, got '"+a+"' of type "+("object"==n?a?Array.isArray(a)?"array":n:"null":n)),a="type_error:TrustedResourceUrl"),e.src=a,(a=e.ownerDocument&&e.ownerDocument.defaultView)&&a!=g?a=i(a.document):(null===h&&(h=i(g.document)),a=h),a&&e.setAttribute("nonce",a)},o=function(){var c=document,a="SCRIPT";return"application/xhtml+xml"===c.contentType&&(a=a.toLowerCase()),c.createElement(a)},p=function(e){if(void 0===d){var h=null,i=g.trustedTypes;if(i&&i.createPolicy)try{h=i.createPolicy("goog#html",{createHTML:b,createScript:b,createScriptURL:b})}catch(a){g.console&&g.console.error(a.message)}d=h}return e=(h=d)?h.createScriptURL(e):e,new k(e,f)};a=function(e,g,b){var c=null;e&&0<e.length&&(c=parseInt(e[e.length-1].timestamp,10)+1);var h,i,j,k=null,m=null,r=null,l=(window.location.hash||"#").substring(1);/^comment-form_/.test(l)?i=l.substring(13):/^c[0-9]+$/.test(l)&&(j=l.substring(1));var s={id:b.postId,data:e,loadNext:function(a){if(c){var d=b.feed+"?alt=json&v=2&orderby=published&reverse=false&max-results=50";c&&(d+="&published-min="+new Date(c).toISOString()),window.bloggercomments=function(b){c=null;var d=[];if(b&&b.feed&&b.feed.entry)for(var f,g=0;f=b.feed.entry[g];g++){var i={},j=/blog-(\d+).post-(\d+)/.exec(f.id.$t);i.id=j?j[2]:null,j=i;a:{var k=void 0,l=f&&(f.content&&f.content.$t||f.summary&&f.summary.$t)||"";if(f&&f.gd$extendedProperty)for(k in f.gd$extendedProperty)if("blogger.contentRemoved"==f.gd$extendedProperty[k].name){k="<span class=\"deleted-comment\">"+l+"</span>";break a}k=l}if(j.body=k,i.timestamp=Date.parse(f.published.$t)+"",f.author&&f.author.constructor===Array&&(j=f.author[0])&&(i.author={name:j.name?j.name.$t:void 0,profileUrl:j.uri?j.uri.$t:void 0,avatarUrl:j.gd$image?j.gd$image.src:void 0}),f.link&&(f.link[2]&&(i.link=i.permalink=f.link[2].href),f.link[3]&&(j=/.*comments\/default\/(\d+)\?.*/.exec(f.link[3].href))&&j[1]&&(i.parentId=j[1])),i.deleteclass="item-control blog-admin",f.gd$extendedProperty)for(var m in f.gd$extendedProperty)"blogger.itemClass"==f.gd$extendedProperty[m].name?i.deleteclass+=" "+f.gd$extendedProperty[m].value:"blogger.displayTime"==f.gd$extendedProperty[m].name&&(i.displayTime=f.gd$extendedProperty[m].value);d.push(i)}c=50>d.length?null:parseInt(d[d.length-1].timestamp,10)+1,a(d),window.bloggercomments=null};var e=o();e.type="text/javascript",n(e,p(d+"&callback=bloggercomments")),document.getElementsByTagName("head")[0].appendChild(e)}},hasMore:function(){return!!c},getMeta:function(a,c){return"iswriter"==a?c.author&&c.author.name==b.authorName&&c.author.profileUrl==b.authorUrl?"true":"":"deletelink"==a?b.baseUri+"/delete-comment.g?blogID="+b.blogId+"&postID="+c.id:"deleteclass"==a?c.deleteclass:""},onReply:function(a,b){null==k&&(k=document.getElementById("comment-editor"),null!=k&&(r=k.style.height,k.style.display="block",m=k.src.split("#"))),k&&a&&a!==h&&(document.getElementById(b).insertBefore(k,null),b=m[0]+(a?"&parentID="+a:""),m[1]&&(b=b+"#"+m[1]),k.src=b,k.style.height=r||k.style.height,h=a,k.removeAttribute("data-resized"),k.dispatchEvent(new Event("iframeMoved")))},rendered:!0,initComment:j,initReplyThread:i,config:{maxDepth:b.maxThreadDepth},messages:g};e=function(){window.goog&&window.goog.comments&&window.goog.comments.render(document.getElementById("comment-holder"),s)},window.goog&&window.goog.comments?e():(window.goog=window.goog||{},window.goog.comments=window.goog.comments||{},window.goog.comments.loadQueue=window.goog.comments.loadQueue||[],window.goog.comments.loadQueue.push(e))};var l=["blogger","widgets","blog","initThreadedComments"],q=g;l[0]in q||"undefined"==typeof q.execScript||q.execScript("var "+l[0]);for(var s;l.length&&(s=l.shift());)l.length||void 0===a?q=q[s]&&q[s]!==Object.prototype[s]?q[s]:q[s]={}:q[s]=a}).call(this);
- //]]>
- blogger.widgets.blog.initThreadedComments(<data:post.commentJso/>,<data:post.commentMsgs/>,<data:post.commentConfig/>);
- </script>
- </b:if>
- <div id='comment-holder'>
- <data:post.commentHtml/>
- </div>
- </div>
- <p class='comment-footer'>
- <b:if cond='data:post.allowNewComments'>
- <div class='comment-form'>
- <a name='comment-form'/>
- <b:if cond='data:this.messages.blogComment != ""'>
- <p><data:this.messages.blogComment/></p>
- </b:if>
- <a expr:href='data:post.commentFormIframeSrc appendParams {skin: "contempo"}' id='comment-editor-src'/>
- <iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: "90px"' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
- <data:post.cmtfpIframe/>
- <script type='text/javascript'>BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');</script>
- </div>
- <b:else/>
- <b:if cond='data:post.noNewCommentsText != ""'><span><data:post.noNewCommentsText/></span></b:if>
- </b:if>
- </p>
- <b:if cond='data:showCmtPopup'>
- <div id='comment-popup'>
- <iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'/>
- </div>
- </b:if>
- </div>
- </section>
- <b:else/>
- <section expr:class='"comments" + (data:post.embedCommentForm ? " embed" : "")' expr:data-num-comments='data:post.numberOfComments' id='comments'>
- <b:class cond='data:post.numberOfComments == "0"' name='no-comments'/>
- <div class='comment-container'>
- <b:if cond='data:post.allowComments'>
- <b:if cond='data:post.numberOfComments == 0'>
- <div class='comments-title'><h3 class='title'><data:messages.comments/></h3><b:if cond='!data:view.isPage'><div class='close-comment'><svg height='25' viewBox='0 0 25 25' width='25'><path d='M18.13 6.11l-5.61 5.61-5.6-5.61-.81.8 5.61 5.61-5.61 5.61.8.8 5.61-5.6 5.61 5.6.8-.8-5.6-5.6 5.6-5.62'/></svg></div></b:if></div>
- <b:if cond='data:this.messages.blogComment != ""'>
- <p class='comments-message'><data:this.messages.blogComment/></p>
- </b:if>
- <b:else/>
- <div class='comments-title'><h3 class='title'><data:post.numberOfComments/> <data:messages.comments/></h3><b:if cond='!data:view.isPage'><div class='close-comment'><svg height='25' viewBox='0 0 25 25' width='25'><path d='M18.13 6.11l-5.61 5.61-5.6-5.61-.81.8 5.61 5.61-5.61 5.61.8.8 5.61-5.6 5.61 5.6.8-.8-5.6-5.6 5.6-5.62'/></svg></div></b:if></div>
- <b:if cond='data:this.messages.blogComment != ""'>
- <p class='comments-message'><data:this.messages.blogComment/></p>
- </b:if>
- </b:if>
- <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
- <b:include cond='data:post.comments' data='post.comments' name='commentList'/>
- </div>
- <b:if cond='data:post.commentPagingRequired'>
- <div class='paging-control-container'>
- <b:if cond='data:post.hasOlderLinks'>
- <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
- <data:messages.oldest/>
- </a>
- <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
- <data:messages.older/>
- </a>
- </b:if>
- <span class='comment-range-text'>
- <data:post.commentRangeText/>
- </span>
- <b:if cond='data:post.hasNewerLinks'>
- <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
- <data:messages.newer/>
- </a>
- <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
- <data:messages.newest/>
- </a>
- </b:if>
- </div>
- </b:if>
- <div class='footer'>
- <b:if cond='data:post.embedCommentForm'>
- <b:if cond='data:post.allowNewComments'>
- <div class='comment-form'>
- <b:if cond='data:this.messages.blogComment != ""'>
- <p><data:this.messages.blogComment/></p>
- </b:if>
- <a expr:href='data:post.commentFormIframeSrc appendParams {skin: "contempo"}' id='comment-editor-src'/>
- <iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: "90px"' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
- <data:post.cmtfpIframe/>
- <script type='text/javascript'>
- BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
- </script>
- </div>
- <b:else/>
- <data:post.noNewCommentsText/>
- </b:if>
- <b:else/>
- <b:if cond='data:post.allowComments'>
- <a expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
- <b:message name='messages.postAComment'/>
- </a>
- </b:if>
- </b:if>
- </div>
- </b:if>
- <b:if cond='data:showCmtPopup'>
- <div id='comment-popup'>
- <iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
- </iframe>
- </div>
- </b:if>
- </div>
- </section>
- </b:if>
- </b:if>
- </b:if>
- </article>
- </b:loop>
- </div>
- <b:if cond='data:view.isMultipleItems'>
- <div class='blog-pager' id='blog-pager'>
- <b:if cond='data:olderPageUrl'>
- <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:messages.olderPosts'><data:messages.olderPosts/></a>
- </b:if>
- <b:if cond='data:newerPageUrl'>
- <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:messages.newerPosts'><data:messages.newerPosts/></a>
- </b:if>
- </div>
- </b:if>
- </b:includable>
- <b:includable id='aboutPostAuthor'>
- <div class='author-name'>
- <a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'>
- <span>
- <data:post.author.name/>
- </span>
- </a>
- </div>
- <div>
- <span class='author-desc'>
- <data:post.author.aboutMe/>
- </span>
- </div>
- </b:includable>
- <b:includable id='addComments'>
- <a expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
- <b:message name='messages.postAComment'/>
- </a>
- </b:includable>
- <b:includable id='blogThisShare'>
- <b:with value='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' var='onclick'>
- <b:include name='platformShare'/>
- </b:with>
- </b:includable>
- <b:includable id='bylineByName' var='byline'>
- <b:switch var='data:byline.name'>
- <b:case value='share'/>
- <b:include cond='data:post.shareUrl' name='postShareButtons'/>
- <b:case value='comments'/>
- <b:include cond='data:post.allowComments' name='postCommentsLink'/>
- <b:case value='location'/>
- <b:include cond='data:post.location' name='postLocation'/>
- <b:case value='timestamp'/>
- <b:include cond='not data:view.isPage' name='postTimestamp'/>
- <b:case value='author'/>
- <b:include name='postAuthor'/>
- <b:case value='labels'/>
- <b:include cond='data:post.labels' name='postLabels'/>
- <b:case value='icons'/>
- <b:include cond='data:post.emailPostUrl' name='emailPostIcon'/>
- </b:switch>
- </b:includable>
- <b:includable id='bylineRegion' var='regionItems'>
- <b:loop values='data:regionItems' var='byline'>
- <b:include data='byline' name='bylineByName'/>
- </b:loop>
- </b:includable>
- <b:includable id='commentAuthorAvatar'>
- <div class='avatar-image-container'>
- <img class='author-avatar' expr:src='data:comment.authorAvatarSrc' height='35' width='35'/>
- </div>
- </b:includable>
- <b:includable id='commentDeleteIcon' var='comment'>
- <span expr:class='"item-control " + data:comment.adminClass'>
- <b:if cond='data:showCmtPopup'>
- <div class='goog-toggle-button'>
- <div class='goog-inline-block comment-action-icon'/>
- </div>
- <b:else/>
- <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:messages.deleteComment'>
- <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
- </a>
- </b:if>
- </span>
- </b:includable>
- <b:includable id='commentForm' var='post'>
- <div class='comment-form'>
- <a name='comment-form'/>
- <h4 id='comment-post-message'><data:messages.postAComment/></h4>
- <b:if cond='data:this.messages.blogComment != ""'>
- <p><data:this.messages.blogComment/></p>
- </b:if>
- <b:include data='post' name='commentFormIframeSrc'/>
- <iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: "90px"' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
- <data:post.cmtfpIframe/>
- <script type='text/javascript'>
- BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
- </script>
- </div>
- </b:includable>
- <b:includable id='commentFormIframeSrc' var='post'>
- <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
- </b:includable>
- <b:includable id='commentItem' var='comment'>
- <div class='comment' expr:id='"c" + data:comment.id'>
- <b:include cond='data:blog.enabledCommentProfileImages' name='commentAuthorAvatar'/>
- <div class='comment-block'>
- <div class='comment-author'>
- <b:if cond='data:comment.authorUrl'>
- <b:message name='messages.authorSaidWithLink'>
- <b:param expr:value='data:comment.author' name='authorName'/>
- <b:param expr:value='data:comment.authorUrl' name='authorUrl'/>
- </b:message>
- <b:else/>
- <b:message name='messages.authorSaid'>
- <b:param expr:value='data:comment.author' name='authorName'/>
- </b:message>
- </b:if>
- </div>
- <div expr:class='"comment-body" + (data:comment.isDeleted ? " deleted" : "")'>
- <data:comment.body/>
- </div>
- <div class='comment-footer'>
- <span class='comment-timestamp'>
- <a expr:href='data:comment.url' title='comment permalink'>
- <data:comment.timestamp/>
- </a>
- <b:include data='comment' name='commentDeleteIcon'/>
- </span>
- </div>
- </div>
- </div>
- </b:includable>
- <b:includable id='commentList' var='comments'>
- <div id='comments-block'>
- <b:loop values='data:comments' var='comment'>
- <div class='comment' expr:id='"c" + data:comment.id'>
- <b:if cond='data:blog.enabledCommentProfileImages'>
- <div class='avatar-image-container'>
- <span class='author-avatar lazyload blur-up' expr:style='"background-image: url(" + resizeImage(data:comment.authorAvatarSrc, 35) + ")"'/>
- </div>
- </b:if>
- <div class='comment-block'>
- <div class='comment-author'>
- <b:if cond='data:comment.authorUrl'>
- <b:message name='messages.authorSaidWithLink'>
- <b:param expr:value='data:comment.author' name='authorName'/>
- </b:message>
- <b:else/>
- <b:message name='messages.authorSaid'>
- <b:param expr:value='data:comment.author' name='authorName'/>
- </b:message>
- </b:if>
- </div>
- <div expr:class='"comment-body" + (data:comment.isDeleted ? " deleted" : "")'>
- <data:comment.body/>
- </div>
- <div class='comment-footer'>
- <span class='comment-timestamp'>
- <a expr:href='data:comment.url' title='comment permalink'>
- <data:comment.timestamp/>
- </a>
- <span expr:class='"item-control " + data:comment.adminClass'>
- <b:if cond='data:showCmtPopup'>
- <div class='goog-toggle-button'>
- <div class='goog-inline-block comment-action-icon'/>
- </div>
- <b:else/>
- <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:messages.deleteComment'>
- <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
- </a>
- </b:if>
- </span>
- </span>
- </div>
- </div>
- </div>
- </b:loop>
- </div>
- </b:includable>
- <b:includable id='commentPicker' var='post'>
- <b:if cond='data:post.showThreadedComments'>
- <b:include data='post' name='threadedComments'/>
- <b:else/>
- <b:include data='post' name='comments'/>
- </b:if>
- </b:includable>
- <b:includable id='comments' var='post'>
- <section expr:class='"comments" + (data:post.embedCommentForm ? " embed" : "")' expr:data-num-comments='data:post.numberOfComments' id='comments'>
- <a name='comments'/>
- <b:if cond='data:post.allowComments'>
- <b:include name='commentsTitle'/>
- <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
- <b:include cond='data:post.comments' data='post.comments' name='commentList'/>
- </div>
- <b:if cond='data:post.commentPagingRequired'>
- <div class='paging-control-container'>
- <b:if cond='data:post.hasOlderLinks'>
- <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
- <data:messages.oldest/>
- </a>
- <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
- <data:messages.older/>
- </a>
- </b:if>
- <span class='comment-range-text'>
- <data:post.commentRangeText/>
- </span>
- <b:if cond='data:post.hasNewerLinks'>
- <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
- <data:messages.newer/>
- </a>
- <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
- <data:messages.newest/>
- </a>
- </b:if>
- </div>
- </b:if>
- <div class='footer'>
- <b:if cond='data:post.embedCommentForm'>
- <b:if cond='data:post.allowNewComments'>
- <b:include data='post' name='commentForm'/>
- <b:else/>
- <data:post.noNewCommentsText/>
- </b:if>
- <b:else/>
- <b:if cond='data:post.allowComments'>
- <b:include data='post' name='addComments'/>
- </b:if>
- </b:if>
- </div>
- </b:if>
- <b:if cond='data:showCmtPopup'>
- <div id='comment-popup'>
- <iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
- </iframe>
- </div>
- </b:if>
- </section>
- </b:includable>
- <b:includable id='commentsLink'>
- <a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
- <b:if cond='data:post.numberOfComments > 0'>
- <b:message name='messages.numberOfComments'>
- <b:param expr:value='data:post.numberOfComments' name='numComments'/>
- </b:message>
- <b:else/>
- <data:messages.postAComment/>
- </b:if>
- </a>
- </b:includable>
- <b:includable id='commentsLinkIframe'>
- <!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. -->
- </b:includable>
- <b:includable id='commentsTitle'>
- <h3 class='title'><data:messages.comments/></h3>
- </b:includable>
- <b:includable id='defaultAdUnit'>
- <ins class='adsbygoogle' data-ad-format='auto' expr:data-ad-client='data:adClientId ?: data:blog.adsenseClientId' expr:data-ad-host='data:blog.adsenseHostId' expr:style='data:style ?: "display: block;"'>
- <b:attr cond='not data:blog.analytics4' expr:value='data:blog.analyticsAccountNumber' name='data-analytics-uacct'/>
- </ins>
- <script>
- (adsbygoogle = window.adsbygoogle || []).push({});
- </script>
- </b:includable>
- <b:includable id='emailPostIcon'>
- <span class='byline post-icons'>
- <!-- email post links -->
- <span class='item-action'>
- <a expr:href='data:post.emailPostUrl' expr:title='data:messages.emailPost'>
- <b:include data='{ iconClass: "touch-icon sharing-icon" }' name='emailIcon'/>
- </a>
- </span>
- </span>
- </b:includable>
- <b:includable id='facebookShare'>
- <b:with value='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' var='onclick'>
- <b:include name='platformShare'/>
- </b:with>
- </b:includable>
- <b:includable id='feedLinks'>
- <b:if cond='!data:view.isPost'> <!-- Blog feed links -->
- <b:if cond='data:feedLinks'>
- <div class='blog-feeds'>
- <b:include data='feedLinks' name='feedLinksBody'/>
- </div>
- </b:if>
- <b:else/> <!--Post feed links -->
- <div class='post-feeds'>
- <b:loop values='data:posts' var='post'>
- <b:if cond='data:post.allowComments and data:post.feedLinks'>
- <b:include data='post.feedLinks' name='feedLinksBody'/>
- </b:if>
- </b:loop>
- </div>
- </b:if>
- </b:includable>
- <b:includable id='feedLinksBody' var='links'>
- <div class='feed-links'>
- <data:messages.subscribeTo/>
- <b:loop values='data:links' var='f'>
- <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
- </b:loop>
- </div>
- </b:includable>
- <b:includable id='footerBylines'>
- <b:if cond='data:widgets.Blog.first.footerBylines'>
- <b:loop index='i' values='data:widgets.Blog.first.footerBylines' var='region'>
- <b:if cond='not data:region.items.empty'>
- <div expr:class='"post-footer-line post-footer-line-" + (data:i + 1)'>
- <b:with value='"footer-" + (data:i + 1)' var='regionName'>
- <b:include data='region.items' name='bylineRegion'/>
- </b:with>
- </div>
- </b:if>
- </b:loop>
- </b:if>
- </b:includable>
- <b:includable id='googlePlusShare'>
- </b:includable>
- <b:includable id='headerByline'>
- <b:if cond='data:widgets.Blog.first.headerByline'>
- <div class='post-header'>
- <div class='post-header-line-1'>
- <b:with value='"header-1"' var='regionName'>
- <b:include data='data:widgets.Blog.first.headerByline.items' name='bylineRegion'/>
- </b:with>
- </div>
- </div>
- </b:if>
- </b:includable>
- <b:includable id='homePageLink'>
- <a class='home-link' expr:href='data:blog.homepageUrl'>
- <data:messages.home/>
- </a>
- </b:includable>
- <b:includable id='iframeComments' var='post'>
- <!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. -->
- </b:includable>
- <b:includable id='inlineAd' var='post'>
- <b:if cond='!data:view.isPreview'>
- <b:if cond='data:this.adCode or data:this.adClientId or data:blog.adsenseClientId'>
- <!-- Ad -->
- <div class='inline-ad'>
- <b:if cond='data:this.adCode != ""'>
- <data:this.adCode/>
- <b:else/>
- <b:include cond='data:this.adClientId or data:blog.adsenseClientId' name='defaultAdUnit'/>
- </b:if>
- </div>
- </b:if>
- <b:else/>
- <div class='inline-ad'>
- <div class='inline-ad-placeholder'>
- <span><b:message name='messages.adsGoHere'/></span>
- </div>
- </div>
- </b:if>
- </b:includable>
- <b:includable id='linkShare'>
- <b:with value='"window.prompt(\"Copy to clipboard: Ctrl+C, Enter\", \"" + data:originalUrl + "\"); return false;"' var='onclick'>
- <b:include name='platformShare'/>
- </b:with>
- </b:includable>
- <b:includable id='nextPageLink'>
- <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:messages.olderPosts'>
- <data:messages.olderPosts/>
- </a>
- </b:includable>
- <b:includable id='otherSharingButton'>
- <span class='sharing-platform-button sharing-element-other' expr:aria-label='data:messages.shareToOtherApps.escaped' expr:data-url='data:originalUrl' expr:title='data:messages.shareToOtherApps.escaped' role='menuitem' tabindex='-1'>
- <b:with value='{key: "sharingOther"}' var='platform'>
- <b:include name='sharingPlatformIcon'/>
- </b:with>
- <span class='platform-sharing-text'><data:messages.shareOtherApps.escaped/></span>
- </span>
- </b:includable>
- <b:includable id='platformShare'>
- <a expr:class='"goog-inline-block sharing-" + data:platform.key' expr:data-url='data:originalUrl' expr:href='data:shareUrl + "&target=" + data:platform.target' expr:onclick='data:onclick ? data:onclick : ""' expr:title='data:platform.shareMessage' target='_blank'>
- <span class='share-button-link-text'>
- <data:platform.shareMessage/>
- </span>
- </a>
- </b:includable>
- <b:includable id='post' var='post'>
- <div class='post'>
- <b:include data='post' name='postMeta'/>
- <b:include data='post' name='postTitle'/>
- <b:include name='headerByline'/>
- <b:if cond='data:view.isSingleItem'>
- <b:include data='post' name='postBody'/>
- <b:else/>
- <b:include data='post' name='postBodySnippet'/>
- <b:include data='post' name='postJumpLink'/>
- </b:if>
- <b:include data='post' name='postFooter'/>
- </div>
- </b:includable>
- <b:includable id='postAuthor'>
- <span class='byline post-author vcard'>
- <span class='post-author-label'>
- <data:byline.label/>
- </span>
- <span class='fn'>
- <b:if cond='data:post.author.profileUrl'>
- <meta expr:content='data:post.author.profileUrl'/>
- <a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'>
- <span><data:post.author.name/></span>
- </a>
- <b:else/>
- <span><data:post.author.name/></span>
- </b:if>
- </span>
- </span>
- </b:includable>
- <b:includable id='postBody' var='post'>
- <!-- If metaDescription is empty, use the post body as the schema.org description too, for G+/FB snippeting. -->
- <div class='post-body entry-content float-container' expr:id='"post-body-" + data:post.id'>
- <data:post.body/>
- </div>
- </b:includable>
- <b:includable id='postBodySnippet' var='post'>
- <b:include data='post' name='postBody'/>
- </b:includable>
- <b:includable id='postCommentsAndAd' var='post'>
- <article class='post-outer-container'>
- <!-- Post title and body -->
- <div class='post-outer'>
- <b:include data='post' name='post'/>
- </div>
- <!-- Comments -->
- <b:include cond='data:view.isSingleItem' data='post' name='commentPicker'/>
- <!-- Show ad inside post container, after comments, if single item. -->
- <b:include cond='data:view.isSingleItem and data:post.includeAd' data='post' name='inlineAd'/>
- </article>
- <!-- Show ad outside post container (between posts) for feed pages. -->
- <b:include cond='data:view.isMultipleItems and data:post.includeAd' data='post' name='inlineAd'/>
- </b:includable>
- <b:includable id='postCommentsLink'>
- <b:if cond='data:view.isMultipleItems'>
- <span class='byline post-comment-link container'>
- <b:include cond='data:post.commentSource != 1' name='commentsLink'/>
- </span>
- </b:if>
- </b:includable>
- <b:includable id='postFooter' var='post'>
- <div class='post-footer'>
- <b:include name='footerBylines'/>
- <b:include data='post' name='postFooterAuthorProfile'/>
- </div>
- </b:includable>
- <b:includable id='postFooterAuthorProfile' var='post'>
- <b:if cond='data:post.author.aboutMe and data:view.isPost'>
- <div class='author-profile'>
- <b:if cond='data:post.author.authorPhoto.url'>
- <img class='author-image' expr:src='data:post.author.authorPhoto.url' width='50px'/>
- <div class='author-about'>
- <b:include data='post' name='aboutPostAuthor'/>
- </div>
- <b:else/>
- <b:include data='post' name='aboutPostAuthor'/>
- </b:if>
- </div>
- </b:if>
- </b:includable>
- <b:includable id='postHeader' var='post'>
- <b:if cond='data:view.isSingleItem'>
- <b:if cond='data:view.isPost'>
- <script type='application/ld+json'>{
- "@context": "http://schema.org",
- "@type": "BreadcrumbList",
- "itemListElement": [{
- "@type": "ListItem",
- "position": 1,
- "name": "<data:messages.home/>",
- "item": "<data:blog.homepageUrl.canonical/>"
- },{
- "@type": "ListItem",
- "position": 2,
- "name": "<b:if cond='data:post.labels'><data:post.labels.first.name/></b:if>",
- "item": "<data:post.labels.first.url.canonical/>"
- },{
- "@type": "ListItem",
- "position": 3,
- "name": "<data:post.title/>",
- "item": "<data:post.url.canonical/>"
- }]
- }
- </script>
- </b:if>
- <b:if cond='data:view.isPage'>
- <script type='application/ld+json'>{
- "@context": "http://schema.org",
- "@type": "BreadcrumbList",
- "itemListElement": [{
- "@type": "ListItem",
- "position": 1,
- "name": "<data:messages.home/>",
- "item": "<data:blog.homepageUrl.canonical/>"
- },{
- "@type": "ListItem",
- "position": 2,
- "name": "<data:post.title/>",
- "item": "<data:post.url.canonical/>"
- }]
- }
- </script>
- </b:if>
- </b:if>
- <b:if cond='data:view.isSingleItem'>
- <h1 class='post-title'>
- <data:post.title/>
- </h1>
- <b:if cond='data:view.isPost and data:blog.metaDescription != " "'>
- <p class='post-description'><data:blog.metaDescription/></p>
- </b:if>
- </b:if>
- <b:if cond='!data:view.isPage'>
- <div class='post-meta'>
- <div class='meta-author-date'>
- <b:if cond='data:post.author.authorPhoto.image'>
- <svg height='57' viewBox='0 0 57 57' width='57'><path clip-rule='evenodd' d='M28.5 1.2A27.45 27.45 0 0 0 4.06 15.82L3 15.27A28.65 28.65 0 0 1 28.5 0C39.64 0 49.29 6.2 54 15.27l-1.06.55A27.45 27.45 0 0 0 28.5 1.2zM4.06 41.18A27.45 27.45 0 0 0 28.5 55.8a27.45 27.45 0 0 0 24.44-14.62l1.06.55A28.65 28.65 0 0 1 28.5 57 28.65 28.65 0 0 1 3 41.73l1.06-.55z' fill-rule='evenodd'/></svg>
- <span class='author-avatar lazyload blur-up' expr:style='"background-image: url(" + resizeImage(data:post.author.authorPhoto.image, 40, "1:1") + ")"'/>
- </b:if>
- <div class='post-meta-top'>
- <span class='post-author'><strong><data:post.author.name/></strong></span>
- <span class='post-time'><time class='published' expr:datetime='data:post.date.iso8601'><data:post.date/></time></span>
- </div>
- </div>
- <div class='meta-button'>
- <div class='share-toggle'>
- <button aria-label='Social Share' class='button-icon' data-a11y-toggle='toggle-share' type='button'>
- <svg height='25' width='25'><g fill-rule='evenodd'><path d='M15.6 5a.42.42 0 0 0 .17-.3.42.42 0 0 0-.12-.33l-2.8-2.79a.5.5 0 0 0-.7 0l-2.8 2.8a.4.4 0 0 0-.1.32c0 .12.07.23.16.3h.02a.45.45 0 0 0 .57-.04l2-2V10c0 .28.23.5.5.5s.5-.22.5-.5V2.93l2.02 2.02c.08.07.18.12.3.13.11.01.21-.02.3-.08v.01'/><path d='M18 7h-1.5a.5.5 0 0 0 0 1h1.6c.5 0 .9.4.9.9v10.2c0 .5-.4.9-.9.9H6.9a.9.9 0 0 1-.9-.9V8.9c0-.5.4-.9.9-.9h1.6a.5.5 0 0 0 .35-.15A.5.5 0 0 0 9 7.5a.5.5 0 0 0-.15-.35A.5.5 0 0 0 8.5 7H7a2 2 0 0 0-2 2v10c0 1.1.9 2 2 2h11a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2'/></g></svg>
- </button>
- <div aria-hidden='true' class='data-toggle' id='toggle-share'>
- <b:if cond='data:allBylineItems.share'>
- <ul class='share-links'>
- <li class='facebook-f'><a class='facebook' expr:href='"https://www.facebook.com/sharer.php?u=" + data:post.url.canonical' rel='nofollow noopener noreferer' target='_blank' title='Facebook'><b:include data='{ message: "translateShareTo" }' name='translate'/> <span>Facebook</span></a></li>
- <li class='twitter'><a class='twitter' expr:href='"https://twitter.com/intent/tweet?url=" + data:post.url.canonical + "&text=" + data:post.title' rel='nofollow noopener noreferer' target='_blank' title='Twitter'><b:include data='{ message: "translateShareTo" }' name='translate'/> <span>Twitter</span></a></li>
- <li class='reddit'><a class='reddit' expr:href='"https://reddit.com/submit?url=" + data:post.url.canonical + "&title=" + data:post.title' rel='nofollow noopener noreferer' target='_blank'><b:include data='{ message: "translateShareTo" }' name='translate'/> <span>Reddit</span></a></li>
- <li class='pinterest-p'><a class='pinterest' expr:href='"https://www.pinterest.com/pin/create/button/?url=" + data:post.url.canonical + "&media=" + data:post.featuredImage + "&description=" + data:post.title' rel='nofollow noopener noreferer' target='_blank' title='Pinterest'><span><b:include data='{ message: "translateShareTo" }' name='translate'/> Pinterest</span></a></li>
- <b:if cond='data:blog.isMobileRequest'>
- <li class='whatsapp whatsapp-mobile'><a class='whatsapp' expr:href='"https://api.whatsapp.com/send?text=" + data:post.title + " | " + data:post.url.canonical' rel='nofollow noopener noreferer' target='_blank'><span><b:include data='{ message: "translateShareTo" }' name='translate'/> WhatsApp</span></a></li>
- <b:else/>
- <li class='whatsapp whatsapp-desktop'><a class='whatsapp' expr:href='"https://web.whatsapp.com/send?text=" + data:post.title + " | " + data:post.url.canonical' rel='nofollow noopener noreferer' target='_blank' title='WhatsApp'><span><b:include data='{ message: "translateShareTo" }' name='translate'/> WhatsApp</span></a></li>
- </b:if>
- <b:if cond='data:blog.isMobileRequest'>
- <li class='telegram'><a class='telegram' expr:href='"https://telegram.me/share/url?url=" + data:post.url.canonical + "&text=" + data:post.title' rel='nofollow noopener noreferer' target='_blank' title='Telegram'><span><b:include data='{ message: "translateShareTo" }' name='translate'/> Telegram</span></a></li>
- </b:if>
- <li class='linkedin'><a class='linkedin' expr:href='"https://www.linkedin.com/shareArticle?url=" + data:post.url.canonical' rel='nofollow noopener noreferer' target='_blank' title='LinkedIn'><span><b:include data='{ message: "translateShareTo" }' name='translate'/> LinkedIn</span></a></li>
- <li class='email'><a class='email' expr:href='"mailto:?subject=" + data:post.title + "&body=" + data:post.url.canonical' rel='nofollow noopener noreferer' target='_blank' title='Email'><span><b:include data='{ message: "translateShareTo" }' name='translate'/> Email</span></a></li>
- </ul>
- </b:if>
- </div>
- </div>
- <div class='post-comment'>
- <svg fill='currentColor' height='25' width='25'><path d='M19.07 21.12a6.33 6.33 0 0 1-3.53-1.1 7.8 7.8 0 0 1-.7-.52c-.77.21-1.57.32-2.38.32-4.67 0-8.46-3.5-8.46-7.8C4 7.7 7.79 4.2 12.46 4.2c4.66 0 8.46 3.5 8.46 7.8 0 2.06-.85 3.99-2.4 5.45a6.28 6.28 0 0 0 1.14 2.59c.15.21.17.48.06.7a.69.69 0 0 1-.62.38h-.03zm0-1v.5l.03-.5h-.03zm-3.92-1.64l.21.2a6.09 6.09 0 0 0 3.24 1.54 7.14 7.14 0 0 1-.83-1.84 5.15 5.15 0 0 1-.16-.75 2.4 2.4 0 0 1-.02-.29v-.23l.18-.15a6.6 6.6 0 0 0 2.3-4.96c0-3.82-3.4-6.93-7.6-6.93-4.19 0-7.6 3.11-7.6 6.93 0 3.83 3.41 6.94 7.6 6.94.83 0 1.64-.12 2.41-.35l.28-.08z' fill-rule='evenodd'/></svg> <span class='post-comments-link'><data:post.numberOfComments/></span>
- </div>
- </div>
- </div>
- </b:if>
- </b:includable>
- <b:includable id='postJumpLink' var='post'>
- <div class='jump-link flat-button'>
- <a expr:href='data:post.url fragment "more"' expr:title='data:post.title'>
- <b:eval expr='data:blog.jumpLinkMessage'/>
- </a>
- </div>
- </b:includable>
- <b:includable id='postLabels'>
- <span class='byline post-labels'>
- <span class='byline-label'><data:byline.label/></span>
- <b:loop index='i' values='data:post.labels' var='label'>
- <a expr:href='data:label.url' rel='tag'>
- <data:label.name/>
- </a>
- </b:loop>
- </span>
- </b:includable>
- <b:includable id='postLocation'>
- <span class='byline post-location'>
- <data:byline.label/>
- <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
- </span>
- </b:includable>
- <b:includable id='postMeta' var='post'>
- <b:include data='post' name='postMetadataJSON'/>
- </b:includable>
- <b:includable id='postMetaBottom'>
- <div class='post-meta-bottom'>
- <span class='post-time'>
- <time class='published' expr:datetime='data:post.date.iso8601'>
- <data:post.date/>
- </time>
- </span>
- <a class='post-comment' expr:href='data:post.commentsUrl' expr:title='data:messages.comments'>
- <svg fill='currentColor' height='25' width='25'>
- <path d='M19.07 21.12a6.33 6.33 0 0 1-3.53-1.1 7.8 7.8 0 0 1-.7-.52c-.77.21-1.57.32-2.38.32-4.67 0-8.46-3.5-8.46-7.8C4 7.7 7.79 4.2 12.46 4.2c4.66 0 8.46 3.5 8.46 7.8 0 2.06-.85 3.99-2.4 5.45a6.28 6.28 0 0 0 1.14 2.59c.15.21.17.48.06.7a.69.69 0 0 1-.62.38h-.03zm0-1v.5l.03-.5h-.03zm-3.92-1.64l.21.2a6.09 6.09 0 0 0 3.24 1.54 7.14 7.14 0 0 1-.83-1.84 5.15 5.15 0 0 1-.16-.75 2.4 2.4 0 0 1-.02-.29v-.23l.18-.15a6.6 6.6 0 0 1-2.3-4.96c0-3.82-3.4-6.93-7.6-6.93-4.19 0-7.6 3.11-7.6 6.93 0 3.83 3.41 6.94 7.6 6.94.83 0 1.64-.12 2.41-.35l.28-.08z' fill-rule='evenodd'/>
- </svg>
- </a>
- </div>
- </b:includable>
- <b:includable id='postMetaTop'>
- <div class='post-meta-top'>
- <b:if cond='data:post.author.authorPhoto.image and !data:view.search.label'>
- <span class='author-avatar lazyload blur-up' expr:style='"background-image: url(" + resizeImage(data:post.author.authorPhoto.image, 40, "1:1") + ")"'/>
- </b:if>
- <div class='meta'>
- <b:if cond='data:allBylineItems.author'>
- <span class='post-author'><strong><data:post.author.name/></strong></span>
- </b:if>
- <span class='translate'><b:include data='{ message: "translateIn" }' name='translate'/></span>
- <b:if cond='data:post.labels'>
- <span class='post-category'><strong><data:post.labels.first.name/></strong></span>
- </b:if>
- </div>
- </div>
- </b:includable>
- <b:includable id='postMetadataJSONImage'>
- "image": {
- "@type": "ImageObject",
- <b:if cond='data:post.featuredImage.isResizable'>
- "url": "<b:eval expr='resizeImage(data:post.featuredImage, 1200, "1200:630")'/>",
- "height": 630,
- "width": 1200
- <b:else/>
- "url": "https://blogger.googleusercontent.com/img/b/U2hvZWJveA/AVvXsEgfMvYAhAbdHksiBA24JKmb2Tav6K0GviwztID3Cq4VpV96HaJfy0viIu8z1SSw_G9n5FQHZWSRao61M3e58ImahqBtr7LiOUS6m_w59IvDYwjmMcbq3fKW4JSbacqkbxTo8B90dWp0Cese92xfLMPe_tg11g/w1200/",
- "height": 348,
- "width": 1200
- </b:if>
- },
- </b:includable>
- <b:includable id='postMetadataJSONPublisher'>
- "publisher": {
- "@type": "Organization",
- "name": "Blogger",
- "logo": {
- "@type": "ImageObject",
- "url": "https://blogger.googleusercontent.com/img/b/U2hvZWJveA/AVvXsEgfMvYAhAbdHksiBA24JKmb2Tav6K0GviwztID3Cq4VpV96HaJfy0viIu8z1SSw_G9n5FQHZWSRao61M3e58ImahqBtr7LiOUS6m_w59IvDYwjmMcbq3fKW4JSbacqkbxTo8B90dWp0Cese92xfLMPe_tg11g/h60/",
- "width": 206,
- "height": 60
- }
- },
- </b:includable>
- <b:includable id='postPagination'>
- <div class='blog-pager container' id='blog-pager'>
- <b:include cond='data:newerPageUrl' name='previousPageLink'/>
- <b:include cond='data:olderPageUrl' name='nextPageLink'/>
- <b:include cond='data:view.url != data:blog.homepageUrl' name='homePageLink'/>
- </div>
- </b:includable>
- <b:includable id='postReactions'>
- <!-- Reaction feature no longer available. The includable is retained for backwards-compatibility. -->
- </b:includable>
- <b:includable id='postShareButtons'>
- <div class='byline post-share-buttons goog-inline-block'>
- <b:with value='data:sharingId ?: ((data:widget.instanceId ?: "sharing") + "-" + (data:regionName ?: "byline") + "-" + data:post.id)' var='sharingId'>
- <!-- Note: 'sharingButtons' includable is from the default Sharing widget markup. -->
- <b:include data='{ sharingId: data:sharingId, originalUrl: data:post.url, platforms: data:this.sharing.platforms, shareUrl: data:post.shareUrl, shareTitle: data:post.title, }' name='sharingButtons'/>
- </b:with>
- </div>
- </b:includable>
- <b:includable id='postTimestamp'>
- <span class='byline post-timestamp'>
- <data:byline.label/>
- <b:if cond='data:post.url'>
- <meta expr:content='data:post.url.canonical'/>
- <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
- <time class='published' expr:datetime='data:post.date.iso8601' expr:title='data:post.date.iso8601'>
- <data:post.date/>
- </time>
- </a>
- </b:if>
- </span>
- </b:includable>
- <b:includable id='postTitle' var='post'>
- <a expr:name='data:post.id'/>
- <b:if cond='data:post.title != ""'>
- <h3 class='post-title entry-title'>
- <b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
- <a expr:href='data:post.link ?: data:post.url'><data:post.title/></a>
- <b:else/>
- <data:post.title/>
- </b:if>
- </h3>
- </b:if>
- </b:includable>
- <b:includable id='previousPageLink'>
- <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:messages.newerPosts'>
- <data:messages.newerPosts/>
- </a>
- </b:includable>
- <b:includable id='sharingButton'>
- <span expr:aria-label='data:platform.shareMessage' expr:class='"sharing-platform-button sharing-element-" + data:platform.key' expr:data-href='data:shareUrl + "&target=" + data:platform.target' expr:data-url='data:originalUrl' expr:title='data:platform.shareMessage' role='menuitem' tabindex='-1'>
- <b:include name='sharingPlatformIcon'/>
- <span class='platform-sharing-text'><data:platform.name/></span>
- </span>
- </b:includable>
- <b:includable id='sharingButtonContent'>
- <div class='flat-icon-button ripple'>
- <b:include name='shareIcon'/>
- </div>
- </b:includable>
- <b:includable id='sharingButtons'>
- <div class='sharing' expr:aria-owns='"sharing-popup-" + data:sharingId' expr:data-title='data:shareTitle'>
- <button class='sharing-button touch-icon-button' expr:aria-controls='"sharing-popup-" + data:sharingId' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-button-" + data:sharingId' role='button'>
- <b:include name='sharingButtonContent'/>
- </button>
- <b:include name='sharingButtonsMenu'/>
- </div>
- </b:includable>
- <b:includable id='sharingButtonsMenu'>
- <div class='share-buttons-container'>
- <ul aria-hidden='true' class='share-buttons hidden' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-popup-" + data:sharingId' role='menu'>
- <b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p => p.key not in {"blogThis"})' var='platform'>
- <li>
- <b:include name='sharingButton'/>
- </li>
- </b:loop>
- <li aria-hidden='true' class='hidden'>
- <b:include name='otherSharingButton'/>
- </li>
- </ul>
- </div>
- </b:includable>
- <b:includable id='sharingPlatformIcon'>
- <b:include data='{ iconClass: ("touch-icon sharing-" + data:platform.key) }' expr:name='data:platform.key + "Icon"'/>
- </b:includable>
- <b:includable id='threadedCommentForm' var='post'>
- <div class='comment-form'>
- <a name='comment-form'/>
- <h4 id='comment-post-message'><data:messages.postAComment/></h4>
- <b:if cond='data:this.messages.blogComment != ""'>
- <p><data:this.messages.blogComment/></p>
- </b:if>
- <b:include data='post' name='commentFormIframeSrc'/>
- <iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: "90px"' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
- <data:post.cmtfpIframe/>
- <script type='text/javascript'>
- BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
- </script>
- </div>
- </b:includable>
- <b:includable id='threadedCommentJs' var='post'>
- <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
- <b:template-script inline='true' name='threaded_comments'/>
- <script type='text/javascript'>
- blogger.widgets.blog.initThreadedComments(
- <data:post.commentJso/>,
- <data:post.commentMsgs/>,
- <data:post.commentConfig/>);
- </script>
- </b:includable>
- <b:includable id='threadedComments' var='post'>
- <section class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'>
- <a name='comments'/>
- <b:include name='commentsTitle'/>
- <div class='comments-content'>
- <b:if cond='data:post.embedCommentForm'>
- <b:include data='post' name='threadedCommentJs'/>
- </b:if>
- <div id='comment-holder'>
- <data:post.commentHtml/>
- </div>
- </div>
- <p class='comment-footer'>
- <b:if cond='data:post.allowNewComments'>
- <b:include data='post' name='threadedCommentForm'/>
- <b:else/>
- <data:post.noNewCommentsText/>
- </b:if>
- <b:if cond='data:post.showManageComments'>
- <b:include data='post' name='manageComments'/>
- </b:if>
- </p>
- <b:if cond='data:showCmtPopup'>
- <div id='comment-popup'>
- <iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
- </iframe>
- </div>
- </b:if>
- </section>
- </b:includable>
- <b:includable id='tooltipCss'>
- <!-- LINT.IfChange -->
- <style>
- .post-body a.b-tooltip-container {
- position: relative;
- display: inline-block;
- }
- .post-body a.b-tooltip-container .b-tooltip {
- display: block !important;
- position: absolute;
- top: 100%;
- left: 50%;
- transform: translate(-20%, 1px);
- visibility: hidden;
- opacity: 0;
- z-index: 1;
- transition: opacity 0.2s ease-in-out;
- }
- .post-body a.b-tooltip-container .b-tooltip iframe {
- width: 200px;
- height: 198px;
- max-width: none;
- border: none;
- border-radius: 20px;
- box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
- }
- @media (hover: hover) {
- .post-body a.b-tooltip-container:hover .b-tooltip {
- visibility: visible;
- opacity: 1;
- }
- }
- </style>
- <!-- LINT.ThenChange(//depot/google3/java/com/google/blogger/b2/layouts/widgets/v2-style.css) -->
- </b:includable>
- </b:widget>
- </b:section>
- </section>
- <b:if cond='data:view.isMultipleItems and !data:view.isError'>
- <aside class='sidebar-wrapper'>
- <b:section class='sidebar-section' id='sidebar-section' name='Sidebar'/>
- </aside>
- </b:if>
- </section>
- </main>
- <footer class='footer-wrapper'>
- <b:section class='footer-section' id='footer-section' maxwidgets='1' name='Footers' showaddelement='no'>
- <b:widget id='LinkList100' locked='true' title='Menu' type='LinkList' version='2' visible='true'>
- <b:includable id='main'>
- <div class='footer-menu-widget'>
- <b:loop values='data:links' var='link'><span class='menu-item'><a expr:href='data:link.target'><data:link.name/></a></span></b:loop>
- </div>
- </b:includable>
- <b:includable id='content'>
- <div class='widget-content'>
- <ul>
- <b:loop values='data:links' var='link'>
- <li><a expr:href='data:link.target'><data:link.name/></a></li>
- </b:loop>
- </ul>
- </div>
- </b:includable>
- </b:widget>
- </b:section>
- </footer>
- <b:section class='hidden-section' deleted='true' id='hidden-section'>
- <b:widget id='ContactForm1' locked='false' title='Formulir Kontak' type='ContactForm' version='2' visible='true'>
- <b:includable id='main'>
- <b:include name='widget-title'/>
- <b:include name='content'/>
- </b:includable>
- <b:includable id='content'>
- <div class='contact-form-widget'>
- <form name='contact-form'>
- <input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' expr:placeholder='data:contactFormNameMsg' name='name' required='' size='30' type='text' value=''/>
- <input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' expr:placeholder='data:contactFormEmailMsg' name='email' required='' size='30' type='text' value=''/>
- <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' expr:placeholder='data:contactFormMessageMsg' name='email-message' required='' rows='5'/>
- <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>
- <div style='text-align: center; max-width: 222px; width: 100%'>
- <p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/>
- <p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
- </div>
- </form>
- </div>
- </b:includable>
- </b:widget>
- </b:section>
- <div class='backdrop' tabindex='-1'/>
- <b:include name='globalJS'/>
- </body>
- </html>
Add Comment
Please, Sign In to add comment