<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateVersion='1.0.0' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:a='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' name='viewport'/>
<title><b:if cond='data:view.isSingleItem or data:view.isLabelSearch'>
<data:blog.pageName/> ~ <data:blog.title/>
<b:else/>
<data:view.title.escaped/>
</b:if></title>
<b:include data='blog' name='all-head-content'/>
<link crossorigin='anonymous' href='https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css' integrity='sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk' rel='stylesheet'/>
<link href='https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&family=Satisfy&display=swap' rel='stylesheet'/>
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>
<b:skin version='1.0.0'><![CDATA[/*
/* **************************
Template name: Cihuatl
Template url: https://btemplates.com/2020/blogger-template-cihuatl/
Designed by: https://openthemes.com (BTemplates)
Distributed exclusively by: https://btemplates.com/
Documentation: https://btemplates.com/blog/cihuatl-template/
License: Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International
Realise date: 15-07-2020
CSS Framework: Bootstrap 4.5.0
Version: 1.0
*****************************
<!-- Variable definitions -->
<Group description="Body">
<Variable name="body.background.color" description="Body background color" type="color" default="#fff" value="#ffffff"/>
<Variable name="body.text.font" description="Font" type="font" default="'Open Sans', sans-serif" value="'Open Sans', sans-serif"/>
<Variable name="body.text.color" description="Color" type="color" default="#212529" value="#212529"/>
<Variable name="body.link.color" description="Link color" type="color" default="#df5c8b" value="#df5c8b"/>
</Group>
<Group description="Blog title" selector="div.widget.Header">
<Variable name="blog.title.font" description="Title Font" type="font" default="'Satisfy', cursive" value="'Satisfy', cursive"/>
<Variable name="blog.title.color" description="Title color" type="color" default="#f9838c" value="#f9838c"/>
<Variable name="header.background.color" description="Header bar color" type="color" default="#fff" value="#ffffff"/>
<Variable name="blog.description.font" description="Description font" type="font" default="300 1rem 'Open Sans', sans-serif" value="300 'Open Sans', sans-serif"/>
<Variable name="blog.description.color" description="Description Color" type="color" default="$(body.text.color)" value="#212529"/>
</Group>
<Group description="Tabs" selector="div.widget.PageList">
<Variable name="tabs.text.font" description="Font" type="font" default="$(body.text.font)" value="'Open Sans', sans-serif"/>
<Variable name="tabs.text.color" description="Text color" type="color" default="#fff" value="#ffffff"/>
</Group>
<Group description="Posts" selector="div.widget.Blog">
<Variable name="posts.background.color" description="Post background color" type="color" default="#fff" value="#ffffff"/>
<Variable name="posts.title.color" description="Post title color" type="color" default="#333" value="#333333"/>
<Variable name="posts.title.font" description="Post title font" type="font" default="'Open Sans', sans-serif" value="'Open Sans', sans-serif"/>
<Variable name="posts.text.font" description="Post text font" type="font" default="'Open Sans', sans-serif" value="'Open Sans', sans-serif"/>
<Variable name="posts.text.color" description="Post text color" type="color" default="$(body.text.color)" value="#212529"/>
<Variable name="posts.link.color" description="Post link color" type="color" default="$(body.link.color)" value="#df5c8b"/>
<Variable name="posts.icons.color" description="Post icons color" type="color" default="#999" value="#999999"/>
</Group>
<Group description="Sidebar" selector="div.sidebar_feed">
<Variable name="sidebar.background.color" description="Background color" type="color" default="#fff" value="#ffffff"/>
<Variable name="widget.title.font" description="Gadget title font" type="font" default="normal 125% 'Open Sans', sans-serif" value="600 125% 'Open Sans', sans-serif"/>
<Variable name="widget.title.color" description="Gadget title color" type="color" default="#f8f9fa" value="#f8f9fa"/>
<Variable name="sidebar.link.color" description="Link color" type="color" default="#df5c8b" value="#df5c8b"/>
</Group>
*/
/* GENERAL */
:root {
--header-font: $(blog.title.font);
--header-text-color: #f9838c;
--header-hover-text-color: #ee434f;
--secondary-background-color: #f5989f;
--terceary-background-color: #ffded9;
--main-link-color: #df5c8b;
--footer-text-color: #ec8282;
--gray: #a2a2a2;
}
body {
font-family: $(body.text.font);
color: $(body.text.color);
background-color: $(body.background.color);
}
blockquote:before, code:before {
font-size: 80px;
font-family: $(blog.title.font);
display: table-cell;
padding: 1rem 1rem 0 0;
vertical-align: middle;
}
blockquote:before {
content: '"';
}
code:before {
content: '<>';
}
blockquote p, code span {
padding: 1rem;
display: table-cell;
text-align: left;
vertical-align: middle;
font-size: 1.25rem;
}
blockquote p {
border-left: 1px solid #000;
}
code span {
border-left: 1px solid var(--header-text-color);
}
.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100% !important;
height:100% !important;
}
.post-body a {
color: $(posts.link.color);
}
#sidebar a {
color: $(sidebar.link.color);
}
.post-content a:hover {
background: linear-gradient(90deg,#ff8a00,$(body.link.color));
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
text-shadow: none;
text-decoration: underline;
text-decoration-color: #ccc;
}
/* HEADER */
#header {
text-align: center;
}
#header img {
max-width: 100%;
}
.navbar-dark .navbar-nav .nav-link {
color: $(tabs.text.color) !important;
opacity: 0.8;
font: $(tabs.text.font);
}
.navbar-brand {
font-family: $(blog.title.font);
}
.dropdown-submenu {
position: relative;
}
#topMenu h3 {
display: none;
}
.dropdown-submenu>a:after {
content: "\f0da";
border: none;
font-family: 'FontAwesome';
vertical-align: middle;
}
.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
padding-left: 0.5rem;
margin-top: 0px;
margin-left: 0px;
}
.modal-backdrop {
z-index: 500;
}
@media (min-width: 991px) {
.dropdown-menu {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
}
#header-wrapper {
background-color: $(header.background.color);
}
#header h1, #header h2 {
padding-bottom: 8px;
font-family: $(blog.title.font);
font-size: 3.75em;
margin-bottom: -0.75rem;
color: $(blog.title.color);
overflow: hidden;
background: linear-gradient(to right, var(--header-hover-text-color), var(--header-hover-text-color) 50%, $(blog.title.color) 50%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 200% 100%;
background-position: 100%;
transition: background-position 275ms ease;
display: inline-block;
}
#header h1:hover, #header h2:hover {
background-position: 0 100%;
text-decoration: none;
}
#header h1 a:hover {
text-decoration-color: var(--header-hover-text-color);
}
.site-description, #header p {
font: $(blog.description.font);
color: $(blog.description.color);
opacity: 0.75;
}
#header-2 {
margin-bottom: 3rem;
}
#first-post {
display: none;
}
/* SLIDER */
#slider h3 {
display: none;
}
#slider h5 {
font-weight: 600;
}
#slider .widget-content {
text-align: center;
}
#slider .carousel-caption {
background-color: rgba(17, 17, 17, 0.5);
padding: 1rem;
}
#slider .carousel-caption a {
color: #fff;
}
#btemplates-posts-slider {
border: 1px solid #eee;
}
#btemplates-posts-slider .carousel-item img {
object-fit: cover;
max-height: 550px;
}
/* MAIN */
#posts {
background-color: $(posts.background.color);
font: $(posts.text.font);
color: $(posts.text.color);
}
#main, #posts, #sidebar {
overflow: hidden;
}
.post-filter-message {
margin-bottom: 3rem;
text-align: center;
font-size: 1.5rem;
text-transform: uppercase;
border-bottom: 1px solid #eee;
}
.message-container {
}
.message-container span {
font-weight: 600;
text-decoration: underline;
text-decoration-color: $(body.link.color);
}
.post {
margin-bottom: 3rem;
}
.post-title {
position: relative;
}
.post-title a {
color: $(posts.title.color);
font: $(posts.title.font);
}
.post-title a:hover {
text-decoration: none;
}
.post-title a:after {
position: absolute;
content: '';
background-color: var( --gray );
height: 1px;
bottom: 0;
left: 51%;
right: 51%;
transition-property: left, right;
transition-duration: 0.25s;
transition-timing-function: ease-out;
}
.post-title a:hover:after {
left: 0;
right: 0;
}
.post-timestamp a {
font-size: 80%;
color: #999;
}
.post-header-line-1 > div {
display: inline-block;
color: var(--gray);
}
.post-header-line-1 .post-labels {
margin: 0 0.5rem;
}
.post-header-line-1 .post-labels a {
margin-right: 0.25rem;
}
.post-header-line-1 .post-labels a {
padding: 0.25rem;
border: 1px solid var(--gray);
color: var(--gray);
transition-property: color, border-color;
transition-duration: 0.2s;
transition-timing-function: ease;
}
.post-header-line-1 .post-labels a:hover {
color: var(--dark);
border-color: var(--dark);
text-decoration: none;
}
.post-header-line-1 .post-author a {
color: var(--gray);
}
.post-thumbnail {
position: relative;
margin-bottom: 1rem;
min-height: 3rem;
}
.post-thumbnail .post-author {
position: absolute;
right: 0;
bottom: 0;
background-color: #fff;
padding: 0.5rem;
}
.post-thumbnail .post-author a {
color: #212529;
}
.post-thumbnail img, .post-thumbnail svg {
width: 100%;
height: auto;
}
.post-thumbnail .post-tags {
position: absolute;
left: 0.5rem;
top: 0.75rem;
}
.post-thumbnail .post-tags a {
padding: 0.25rem;
margin-right: 0.25rem;
background-color: var( --header-text-color );
color: var(--light);
font-size: 80%;
font-weight: bold;
transition: background-color 0.5s ease-out;
}
.post-thumbnail .post-tags a:hover {
background-color: var(--dark);
text-decoration: none;
}
.post-author span {
font-family: $(blog.title.font);
}
.post-body {
line-height: 1.7;
}
.post-body p:first-child:first-letter, blockquote p:first-child:first-letter {
color: #999;
float: left;
font-size: 75px;
line-height: 60px;
padding-top: 4px;
padding-right: 8px;
padding-left: 3px;
font-family: $(blog.title.font);
}
.post-body ol {
counter-reset: numero;
list-style: none;
padding: 0;
}
.post-body ol li:before {
color: var(--gray);
counter-increment: numero;
content: counter(numero) ". ";
}
.post-body ul {
list-style: none;
padding: 0;
}
.post-body ul li:before {
content: "\f105";
font-family: FontAwesome;
color: var(--gray);
padding-right: 0.5rem;
}
.post-body img {
max-width: 100%;
height: auto;
}
.post .posts-list-tag {
}
.post .posts-list-tag li {
list-style: none;
border-bottom: 1px solid #efefef;
line-height: 3;
transition: background-color 0.5s;
}
.post .posts-list-tag li:before {
content: '' !important;
padding: 0;
}
.post .posts-list-tag li:hover {
background-color: #eee;
}
.post .posts-list-tag li a {
text-decoration: none;
display: block;
transition: color 0.5s;
}
.post-body table {
border-color:#CDCDCD;
border-style:solid;
border-width:1px 0;
width:100%;
text-align:center;
}
.post-body table td, .post-body table th {
border-bottom:1px solid #EFEFEF;
padding:5px 15px 5px 0;
}
.post-body tr:nth-child(2n) {
background-color: var(--light);
}
.post-footer {
border-width: 1px 0;
border-color: #eee;
border-style: solid;
padding: 0.5rem;
text-align: center;
}
.post-footer a {
color: $(posts.icons.color);
}
.post-footer a:hover {
color: var(--dark);
}
.post-footer > div::after {
content: '';
position: absolute;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
transform: skew(-25deg);
z-index: -1;
}
.read-more a {
background-color: var(--gray);
color: var(--light);
padding: 0.5rem 1rem;
transition: background-color 0.5s ease;
}
.read-more a i {
transition: transform 0.25s ease-out;
}
.read-more a:hover {
background-color: var(--dark);
text-decoration: none;
color: var(--light);
}
.read-more a:hover i {
transform: translateX(4px);
}
.post-share a {
margin: 0 0.2rem;
}
.post-share a i {
transition: transform 0.25s ease-in-out;
}
.post-share a:hover i {
transform: rotate(-15deg);
}
.author-profile {
padding: 1.5rem 0 3rem;
}
.author-image {
float: left;
margin-right: 1rem;
}
.author-image img, .author-image svg {
width: 150px;
height: 150px;
}
.author-name {
font-family: $(blog.title.font);
font-size: 2rem;
}
.author-name a {
color: var(--dark);
}
.author-desc {
color: #666;
font-size: 0.9rem;
}
.blog-pager {
padding: 0;
clear: both;
}
#post-navigation {
padding: 0;
margin: 0 0 3rem 0;
}
#post-navigation a {
color: var(--gray) !important;
font-size: 0.8rem;
}
.nav-post-thumb img, .nav-post-thumb svg {
width: 125px;
height: 75px;
object-fit: cover;
}
.nav-post-info {
height: 75px;
padding: 0 0.5rem;
}
#next-post .nav-post-thumb {
float: left;
}
#previous-post .nav-post-thumb {
float: right;
}
#related-posts {
overflow: hidden;
margin-bottom: 2rem;
}
#related-posts h5 {
position: relative;
font-size: 0.8rem;
}
#related-posts h5:after {
background-color: var(--gray);
position: absolute;
content: '';
height: 1px;
width: 100%;
top: 50%;
transform: translateY(-50%);
margin-left: 10px;
}
.related-post-thumb {
width: 100%;
height: 140px;
overflow: hidden;
float: none;
}
.related-post-thumb img, .related-post-thumb svg {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 1.5s cubic-bezier(0, 0, .3, 1);
}
.related-post-info {
text-align: center;
font-size: 0.8rem;
color: var(--gray);
}
.related-post-title {
font-size: 0.9rem;
text-align: center;
}
.related-post-title a {
color: var(--dark);
}
#comments {
margin-bottom: 2rem;
}
#comments h3, .comment-form h4 {
margin-bottom: 1rem;
border-bottom: 1px solid var(--gray);
padding-bottom: 1rem;
}
ol#top-ra, ol.thread-chrome {
margin: 0;
padding: 0;
list-style: none;
}
.comment {
margin-bottom: 1rem;
}
.comment-block {
min-height: 110px;
position: relative;
margin-bottom: 0.5rem;
}
.comment a.comment-reply {
position: absolute;
right: 0;
bottom: -20px;
padding: 0.1rem;
font-size: 0.8rem;
color: var(--gray);
}
.comment a.comment-reply:hover {
color: $(body.link.color);
text-decoration: none;
border-color: $(body.link.color);
}
.comment-replies {
margin-left: 20px;
}
.comment .avatar-image-container {
width: 100px;
height:100px;
float: left;
margin-right: 1rem;
}
.thread-count, #comments .loadmore, .comment-actions .item-control {
display: none;
}
.comment-content, .comment-header {
margin-left: 120px;
}
.comment-header cite {
font-weight: bold;
}
.comment-header cite a {
color: $(body.link.color);
}
.comment .datetime a {
font-size: 0.8rem;
color: var(--gray);
}
#comments span.blog-author {
color: var(--gray);
}
#top-continue a {
color: var(--gray);
}
.comment-body {
}
.blog-feeds {
display: none;
}
/* SIDEBAR */
#sidebar {
background-color: $(sidebar.background.color);
}
#sidebar .widget {
margin-bottom: 2rem;
}
.bt-widget-description {
color: var( --gray );
font-size: 85%;
text-align: center;
}
#sidebar h3 {
background-color: var( --dark );
color: $(widget.title.color);
font: $(widget.title.font);
padding: 0.5rem;
text-align: center;
}
.search-form input[type="text"] {
border-width: 0 0 1px;
}
.search-form input[type="text"]:focus {
border-width: 0 0 1px;
box-shadow: none;
}
.search-form button {
border-width: 0 0 1px;
border-color: #ced4da;
}
.search-form button i {
transition: transform 0.5s ease;
}
.search-form:hover button i {
transform: rotate(90deg);
}
.search-form button:hover {
background-color: transparent;
border-color: #ced4da;
color: inherit;
}
.search-form button:focus {
box-shadow: none;
}
.search-form button:active {
box-shadow: none !important;
background-color: transparent !important;
color: var(--header-hover-text-color) !important;
border-color: #ced4da !important;
}
.Label ul:not(.btemplates-tags) {
list-style: none !important;
padding: 0 !important;
}
.Label ul:not(.btemplates-tags) li:before {
content: '\f292';
font-family: FontAwesome;
padding-right: 0.5rem;
color: $(sidebar.link.color);
}
ul.btemplates-tags {
padding: 0 !important;
list-style: none !important;
font-size: 80%;
}
ul.btemplates-tags li:before {
content: '';
}
ul.btemplates-tags li a {
text-align: center;
display: block;
padding: 2rem;
background-color: #999;
margin-bottom: 0.5rem;
object-fit: cover;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
position: relative;
z-index: 0;
font-size: 1rem;
}
ul.btemplates-tags li a:after {
position: absolute;
content: '';
background-color: #fff;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0.3;
z-index: 1;
transition: opacity 0.5s ease;
}
ul.btemplates-tags li a:hover:after {
opacity: 0;
}
ul.btemplates-tags li a:hover {
text-decoration: none;
}
ul.btemplates-tags li a span {
background-color: #fff;
padding: 0.5rem;
color: #000;
opacity: 0.80;
transition-property: color, background-color;
transition-timing-function: ease-in;
transition-duration: 0.2s;
z-index: 3;
position: relative;
}
ul.btemplates-tags li a:hover span {
background-color: var( --header-text-color );
color: #fff;
text-decoration: none;
}
.PopularPosts {
padding: 0;
font-size: 80%;
}
.PopularPosts a {
margin-bottom: 0.5rem;
border-bottom: 1px solid #eee;
padding: 0.1rem 0.1rem 0.5rem;
display: block;
transition: background-color 0.5s ease;
}
.PopularPosts a:hover .popular-thumbnail {
transform: rotate(-2deg);
}
.PopularPosts a .popular-post-description {
transition: color 0.5s ease;
}
.PopularPosts a:hover .popular-post-description {
color: var(--dark) !important;
}
.PopularPosts a:hover {
text-decoration: none;
background-color: var(--terceary-background-color);
}
.popular-thumbnail {
float: left;
width: 65px;
margin-right: 0.25rem;
transition: transform 0.5s;
}
.PopularPosts .info {
min-height: 65px;
}
.popular-thumbnail img {
width: 65px;
height: 65px;
object-fit: cover;
}
.popular-post-title {
font-weight: 600;
}
.popular-post-description {
color: var( --gray )
}
.Profile .widget-content {
text-align: center;
}
img.profile-img {
width: 125px !important;
height: 125px;
margin: 0 auto 0.5rem;
transition: transform 0.5s ease;
}
img.profile-img:hover {
transform: rotate(-5deg);
}
.profile-data a.profile-link {
font-size: 1.5rem;
font-weight: bold;
font-family: $(blog.title.font);
color: var(--dark) !important;
}
.profile-info > a.profile-link {
font-size: 0.9rem;
}
.profile-textblock {
font-size: 0.85rem;
}
.Profile ul {
text-align: left;
}
.Profile li a {
padding: 0 0.5em 0 0.3em;
}
.Profile li:before {
content: '\f2bd';
font-family: fontAwesome;
}
.Profile li {
list-style: none;
}
.lt-comment {
margin-bottom: 0.5rem;
min-height: 51px;
display: block;
}
.lt-comment-avatar {
width: 50px;
height: 50px;
float: left;
transition: transform 0.5s ease;
}
.lt-comment:hover .lt-comment-avatar {
transform: rotate(-15deg);
}
.lt-comment-content {
background: #ccc;
position: relative;
padding: 0.5rem;
margin: 0 0 0 65px;
font-size: 75%;
}
.lt-comment-content:after {
content: '';
position: absolute;
display: block;
top: 30%;
right: 100%;
margin-top: -10px;
width: 0;
height: 0;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #ccc;
}
.lt-comment-author {
font-family: $(blog.title.font);
font-weight: bold;
}
.cloud-label-widget-content a {
background-color: var(--terceary-background-color);
color: var(--dark) !important;
margin: 0.1rem;
padding: 0.3rem;
display: inline-block;
font-weight: lighter;
transition: transform 0.5s ease-out;
}
.cloud-label-widget-content a:hover {
transform: rotate(-2deg);
}
/* FOOTER */
#footer {
padding: 1.5rem 0;
}
#footer a {
color: var(--footer-text-color);
}
#footer .widget {
margin-bottom: 2rem;
}
#footer h3 {
font-size: 1.5rem;
border-bottom: 1px dotted #fff;
padding: 0 0 0.5rem;
margin: 0 0 0.5rem;
}
#footer ul, #sidebar ul {
padding: 0 0 0 1rem;
list-style: square;
}
#footer .popular-post-description {
color: var(--light);
}
#footer .search-form input[type="text"] {
background-color: var(--dark);
}
#footer .lt-comment a, #footer .lt-comment {
color: var(--dark);
}
#footer .lt-comment-content:after {
border-right-color: var(--terceary-background-color);
}
#footer .lt-comment-content {
background-color: var(--terceary-background-color);
}
#bottom {
background-color: #111;
color: var(--light);
padding: 0.5rem 0;
font-size: 0.9rem;
}
#bottom a {
color: #cfa2fb;
}
#bottom p {
margin-bottom: 0;
}
#bottom .heart {
color: transparent;
transition: color 0.5s ease-in;
}
#bottom p:hover .heart {
color: darkred;
}
.social ul {
padding: 0 !important;
}
.social a {
display: inline-block;
}
.social .fa {
background-color: var(--gray);
color: #fff;
font-size: 1.75rem;
width: 2.5rem;
height: 2.5rem;
vertical-align: middle;
margin: 0 0.1rem 0.1rem 0;
float: left;
transition: background-color 0.1s ease-in;
}
.social .fa.hover {
}
.social .fa.fa-500px:hover {
background-color: #0099e5;
}
.social .fa.fa-adn:hover {
background-color: #4a484c;
}
.social .fa.fa-amazon:hover {
background-color: #ff9900;
}
.social .fa.fa-android:hover {
background-color: #a4c639;
}
.social .fa.fa-angellist:hover {
background-color: #000;
}
.social .fa.fa-apple:hover {
background-color: #979797;
}
.social .fa.fa-behance:hover {
background-color: #1769ff;
}
.social .fa.fa-behance-square:hover {
background-color: #1769ff;
}
.social .fa.fa-bitbucket:hover {
background-color: #205081;
}
.social .fa.fa-bitbucket-square:hover {
background-color: #205081;
}
.social .fa.fa-bitcoin:hover {
background-color: #ee9209;
}
.social .fa.fa-black-tie:hover {
background-color: #222;
}
.social .fa.fa-btc:hover {
background-color: #ee9209;
}
.social .fa.fa-buysellads:hover {
background-color: #c90100;
}
.social .fa.fa-cc-amex:hover {
background-color: #007bc1;
}
.social .fa.fa-cc-diners-club:hover {
background-color: #004a97;
}
.social .fa.fa-cc-discover:hover {
background-color: #f68121;
}
.social .fa.fa-cc-jcb:hover {
background-color: #003a8f;
}
.social .fa.fa-cc-mastercard:hover {
background-color: #0a3a82;
}
.social .fa.fa-cc-paypal:hover {
background-color: #253b80;
}
.social .fa.fa-cc-stripe:hover {
background-color: #00afe1;
}
.social .fa.fa-cc-visa:hover {
background-color: #0157a2;
}
.social .fa.fa-chrome:hover {
background-color: #4587f3;
}
.social .fa.fa-codepen:hover {
background-color: #000;
}
.social .fa.fa-connectdevelop:hover {
background-color: #391448;
}
.social .fa.fa-contao:hover {
background-color: #eb8623;
}
.social .fa.fa-creative-commons:hover {
background-color: #231f20;
}
.social .fa.fa-css3:hover {
background-color: #1680c0;
}
.social .fa.fa-dashcube:hover {
background-color: #7f7f7f;
}
.social .fa.fa-delicious:hover {
background-color: #3399ff;
}
.social .fa.fa-deviantart:hover {
background-color: #4e6252;
}
.social .fa.fa-digg:hover {
background-color: #000;
}
.social .fa.fa-dribbble:hover {
background-color: #444444;
}
.social .fa.fa-dropbox:hover {
background-color: #007ee5;
}
.social .fa.fa-drupal:hover {
background-color: #0077c0;
}
.social .fa.fa-empire:hover {
background-color: #000;
}
.social .fa.fa-expeditedssl:hover {
background-color: #343433;
}
.social .fa.fa-facebook:hover {
background-color: #3b5998;
}
.social .fa.fa-etsy:hover {
background-color: #F45700;
}
.social .fa.fa-facebook-official:hover {
background-color: #3b5998;
}
.social .fa.fa-facebook-square:hover {
background-color: #3b5998;
}
.social .fa.fa-firefox:hover {
background-color: #e66000;
}
.social .fa.fa-flickr:hover {
background-color: #ff0084;
}
.social .fa.fa-fonticons:hover {
background-color: #1c1e29;
}
.social .fa.fa-forumbee:hover {
background-color: #83ad13;
}
.social .fa.fa-foursquare:hover {
background-color: #0072b1;
}
.social .fa.fa-ge:hover {
background-color: #000;
}
.social .fa.fa-get-pocket:hover {
background-color: #d3505a;
}
.social .fa.fa-gg:hover {
background-color: #000;
}
.social .fa.fa-gg-circle:hover {
background-color: #000;
}
.social .fa.fa-git:hover {
background-color: #333;
}
.social .fa.fa-git-square:hover {
background-color: #333;
}
.social .fa.fa-github:hover {
background-color: #333;
}
.social .fa.fa-github-alt:hover {
background-color: #333;
}
.social .fa.fa-github-square:hover {
background-color: #333;
}
.social .fa.fa-gittip:hover {
background-color: #663300;
}
.social .fa.fa-google:hover {
background-color: #4285f4;
}
.social .fa.fa-google-plus:hover {
background-color: #dd4b39;
}
.social .fa.fa-google-plus-square:hover {
background-color: #dd4b39;
}
.social .fa.fa-google-wallet:hover {
background-color: #4285f4;
}
.social .fa.fa-hacker-news:hover {
background-color: #ff6600;
}
.social .fa.fa-houzz:hover {
background-color: #7ac142;
}
.social .fa.fa-html5:hover {
background-color: #e34f26;
}
.social .fa.fa-instagram:hover {
background-color: #3f729b;
}
.social .fa.fa-internet-explorer:hover {
background-color: #1ebbee;
}
.social .fa.fa-ioxhost:hover {
background-color: #faa729;
}
.social .fa.fa-joomla:hover {
background-color: #142849;
}
.social .fa.fa-jsfiddle:hover {
background-color: #4679bd;
}
.social .fa.fa-lastfm:hover {
background-color: #c3000d;
}
.social .fa.fa-lastfm-square:hover {
background-color: #c3000d;
}
.social .fa.fa-leanpub:hover {
background-color: #0c0c0c;
}
.social .fa.fa-linkedin:hover {
background-color: #0976b4;
}
.social .fa.fa-linkedin-square:hover {
background-color: #0976b4;
}
.social .fa.fa-linux:hover {
background-color: #333333;
}
.social .fa.fa-maxcdn:hover {
background-color: #ff6600;
}
.social .fa.fa-meanpath:hover {
background-color: #538ed7;
}
.social .fa.fa-medium:hover {
background-color: #000;
}
.social .fa.fa-odnoklassniki:hover {
background-color: #ed812b;
}
.social .fa.fa-odnoklassniki-square:hover {
background-color: #ed812b;
}
.social .fa.fa-opencart:hover {
background-color: #2ac2ef;
}
.social .fa.fa-openid:hover {
background-color: #f78c40;
}
.social .fa.fa-opera:hover {
background-color: #cc0f16;
}
.social .fa.fa-optin-monster:hover {
background-color: #83c11f;
}
.social .fa.fa-pagelines:hover {
background-color: #000;
}
.social .fa.fa-paypal:hover {
background-color: #253b80;
}
.social .fa.fa-pied-piper:hover {
background-color: #2f9f46;
}
.social .fa.fa-pied-piper-alt:hover {
background-color: #2f9f46;
}
.social .fa.fa-pied-piper-square:hover {
background-color: #2f9f46;
}
.social .fa.fa-pinterest:hover {
background-color: #cc2127;
}
.social .fa.fa-pinterest-p:hover {
background-color: #cc2127;
}
.social .fa.fa-pinterest-square:hover {
background-color: #cc2127;
}
.social .fa.fa-qq:hover {
background-color: #000;
}
.social .fa.fa-ra:hover {
background-color: #000;
}
.social .fa.fa-rebel:hover {
background-color: #000;
}
.social .fa.fa-reddit:hover {
background-color: #ff4500;
}
.social .fa.fa-reddit-square:hover {
background-color: #ff4500;
}
.social .fa.fa-renren:hover {
background-color: #005eac;
}
.social .fa.fa-safari:hover {
background-color: #1b88ca;
}
.social .fa.fa-sellsy:hover {
background-color: #1f78b9;
}
.social .fa.fa-share-alt:hover {
background-color: #01bf01;
}
.social .fa.fa-share-alt-square:hover {
background-color: #01bf01;
}
.social .fa.fa-shirtsinbulk:hover {
background-color: #dd3a26;
}
.social .fa.fa-simplybuilt:hover {
background-color: #000;
}
.social .fa.fa-skyatlas:hover {
background-color: #00adbb;
}
.social .fa.fa-skype:hover {
background-color: #00aff0;
}
.social .fa.fa-slack:hover {
background-color: #0f7965;
}
.social .fa.fa-slideshare:hover {
background-color: #e98325;
}
.social .fa.fa-soundcloud:hover {
background-color: #f80;
}
.social .fa.fa-spotify:hover {
background-color: #7ab800;
}
.social .fa.fa-stack-exchange:hover {
background-color: #000;
}
.social .fa.fa-stack-overflow:hover {
background-color: #fe7a15;
}
.social .fa.fa-steam:hover {
background-color: #0b0b0b;
}
.social .fa.fa-steam-square:hover {
background-color: #0b0b0b;
}
.social .fa.fa-stumbleupon:hover {
background-color: #eb4924;
}
.social .fa.fa-stumbleupon-circle:hover {
background-color: #eb4924;
}
.social .fa.fa-tencent-weibo:hover {
background-color: #74af2c;
}
.social .fa.fa-trello:hover {
background-color: #256a92;
}
.social .fa.fa-tripadvisor:hover {
background-color: #589442;
}
.social .fa.fa-tumblr:hover {
background-color: #35465c;
}
.social .fa.fa-tumblr-square:hover {
background-color: #35465c;
}
.social .fa.fa-twitch:hover {
background-color: #6441a5;
}
.social .fa.fa-twitter:hover {
background-color: #55acee;
}
.social .fa.fa-twitter-square:hover {
background-color: #55acee;
}
.social .fa.fa-viacoin:hover {
background-color: #333;
}
.social .fa.fa-vimeo:hover {
background-color: #1ab7ea;
}
.social .fa.fa-vimeo-square:hover {
background-color: #1ab7ea;
}
.social .fa.fa-vine:hover {
background-color: #00b488;
}
.social .fa.fa-vk:hover {
background-color: #45668e;
}
.social .fa.fa-wechat:hover {
background-color: #93d034;
}
.social .fa.fa-weibo:hover {
background-color: #e71d34;
}
.social .fa.fa-weixin:hover {
background-color: #93d034;
}
.social .fa.fa-wikipedia-w:hover {
background-color: #000;
}
.social .fa.fa-windows:hover {
background-color: #00bcf2;
}
.social .fa.fa-wordpress:hover {
background-color: #21759b;
}
.social .fa.fa-xing:hover {
background-color: #026466;
}
.social .fa.fa-xing-square:hover {
background-color: #026466;
}
.social .fa.fa-y-combinator:hover {
background-color: #f0652f;
}
.social .fa.fa-yc:hover {
background-color: #f0652f;
}
.social .fa.fa-yahoo:hover {
background-color: #400191;
}
.social .fa.fa-yelp:hover {
background-color: #af0606;
}
.social .fa.fa-youtube:hover {
background-color: #e52d27;
}
.social .fa.fa-youtube-play:hover {
background-color: #e52d27;
}
.social .fa.fa-youtube-square:hover {
background-color: #e52d27;
}
#footer-menu h3 {
display: none;
}
#footer-menu ul {
margin: 0;
padding: 0;
}
#footer-menu li {
display: inline;
padding-right: 1rem;
}
#footer-menu li:last-child {
padding-right: 0;
}
#back-top {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 1041;
width: 40px;
height: 40px;
text-indent: 0;
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-o-transition-duration: 0s;
color: #111;
font-size: 32px;
line-height: 26px;
padding: 4px 0 0;
text-align: center;
display: none;
border:1px solid #111;
background-color: #fff;
}
#back-top .fa {
transition: translateY 0.3s linear;
}
#back-top:hover .fa {
transform: translateY(-4px);
}
#btemplates-error-404 {
overflow: hidden;
text-align: center;
}
#btemplates-error-404 h3 {
font-size: 2.5rem;
}
#btemplates-error-404 .widget {
margin-bottom: 3rem;
}
#btemplates-error-404 img {
max-width: 100%;
height: auto;
}
#blog-pager {
margin-bottom: 2rem;
display: inline-block;
}
.post #blog-pager {
margin: 0 !important;
display: inherit;
}
#blog-pager a {
color: $(body.link.color);
}
.blog-pager-newer-link {float: left;}
.blog-pager-older-link {float: right;}
#blog-pager {text-align: center; }
.home-link::before {
content: '\00a0\f015';
font-family: fontAwesome;
}
.blog-pager-older-link::after {
content: '\00a0\f105';
font-family: fontAwesome;
}
.blog-pager-newer-link::before {
content: '\f104\00a0';
font-family: fontAwesome;
}
.post .home-link, .post .blog-pager-older-link, .post .blog-pager-newer-link { display: none; }
#this-year { font-style: normal; }
#settings {display: none;}
.introjs-tooltiptext a{
color: #007bff;
}
.introjs-donebutton {
color: green !important;
font-weight: bold !important;
background-color: #fff !important;
background-image: none !important;
}
/* MOBILE FIRST */
@media (min-width: 576px) {
.post-footer > div::after {
border-right: 1px solid #eee;
}
.comment-replies {
margin-left: 120px;
}
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
]]></b:skin>
<b:if cond='data:view.isLayoutMode'>
<b:template-skin><![CDATA[
body#layout {
max-width: 1000px !important;
}
body#layout .widget .editlink {
background-color: #999;
color: #000;
}
body#layout .layout-widget-description {
display: none;
}
body#layout .add_widget {
padding: 0;
}
body#layout #topMenu {
float: right;
width: 45%;
}
body#layout .section {
position: unset !important;
}
body#layout #logo {
float: left;
width: 45%;
}
body#layout #header, body#layout #footer {
clear: both;
}
body#layout #header-wrapper {
height: auto;
}
body#layout #header-2, body#layout #settings {
display: block;
}
body#layout #page_body {
float: left;
width: 65%;
}
body#layout #sidebar {
float: right;
width: 25%;
}
body#layout #footer .section {
width: 29%;
float:left;
}
body#layout:before {
content: 'Template documentation at: https://btemplates.com/blog/cihuatl-template/';
}
body#layout #blocksMainMenu, body#layout #content-1 .Image, body#layout #bt-subscription .Image, body#layout #bt-videos .Image {
display: block;
}
body#layout #btemplates-dropdown-2::before {
content: "Template documentation at: https://btemplates.com/blog/cihuatl-template/";
}
body#layout #LinkList67::before {
content: "Here you can add info like email, phone number or location:";
}
body#layout #LinkList68::before {
content: "Add your social networks here. Your links will be changed for icons automatically:";
}
body#layout #LinkList78::before {
content: "Main menu with dropdown items support:";
}
body#layout #Image97::before {
content: "Add your logo here:";
}
body#layout #Header1::before {
content: "Edit blog title/logo and description here:";
}
body#layout #Image98::before {
content: "You can change the header background image here:";
}
body#layout #logo::before {
content: "Add your logo to the top menu here:";
}
body#layout #Image93::before {
content: "You can change the Email Subscription section background image:";
}
body#layout #FollowByEmail1::before {
content: "Email subscription settings:";
}
body#layout #footer::after {
content: "Thank you for using Cihuatl template by BTemplates.com";
}
body#layout #content-wrapper {
margin: 0;
}
body#layout #header-wrapper .Image {display: block;}
body#layout #footer-wrapper .links, body#layout #search {
display:none;
}
]]></b:template-skin>
</b:if>
</head>
<body>
<b:class cond='data:view.isPreview' name='preview'/>
<b:class cond='data:view.isMultipleItems' name='feed'/>
<b:class cond='data:view.isSingleItem' name='item'/>
<b:class cond='data:view.isPost' name='single-post'/>
<b:class cond='data:view.isArchive' name='archive'/>
<b:class cond='data:view.isPage' name='page'/>
<b:class cond='data:view.isLabelSearch' name='label'/>
<b:class cond='data:view.isSearch and !data:view.isLabelSearch' name='search'/>
<b:class cond='data:view.isError' name='error'/>
<b:class cond='data:view.isHomepage' name='home'/>
<b:defaultmarkups>
<b:defaultmarkup type='BlogSearch'>
<b:includable id='searchForm'>
<form class='search-form' expr:action='data:blog.searchUrl'>
<div class='input-group mb-3'>
<b:attr cond='not data:view.isPreview' name='target' value='_top'/>
<b:include name='urlParamsAsFormInput'/>
<input aria-describedby='button-addon2' autocomplete='off' class='form-control' expr:aria-label='data:messages.searchThisBlog' expr:placeholder='data:messages.searchThisBlog' expr:value='data:view.isSearch ? data:view.search.query.escaped : ""' name='q' type='text'/>
<div class='input-group-append'>
<button class='btn btn-outline-secondary' id='button-addon2'><i aria-hidden='true' class='fa fa-search'/></button>
</div>
</div>
</form>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='FollowByEmail'>
<b:includable id='content'>
<div class='widget-content'>
<div class='follow-by-email-inner'>
<form action='https://feedburner.google.com/fb/a/mailverify' class='form-inline' 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'>
<label class='sr-only' for='inlineFormInputGroupEmail2'>Email</label>
<div class='input-group mb-2 mr-sm-2'>
<input aria-describedby='button-addon3' class='form-control follow-by-email-address' expr:placeholder='data:messages.emailAddress' id='inlineFormInputGroupEmail2' name='email' type='email'/>
<input expr:value='data:feedPath' name='uri' type='hidden'/>
<input name='loc' type='hidden' value='en_US'/>
<div class='input-group-append'>
<button class='btn bg-dark text-light follow-by-email-submit' expr:value='data:messages.getEmailNotifications' id='button-addon3' type='submit'>
<i aria-hidden='true' class='fa fa-paper-plane-o'/>
</button>
</div>
</div>
</form>
</div>
</div>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='PopularPosts'>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<b:loop values='data:posts filter (p => p.id != data:view.postId)' var='post'>
<a expr:href='data:post.url'>
<div class='popular-thumbnail'>
<b:include data='{image: data:post.featuredImage, imageSizes: [65], imageRatio: "1:1", sourceSizes: "65"}' name='responsiveImage'/>
</div>
<div class='info'>
<div class='popular-post-title'>
<data:post.title/>
</div>
<div class='popular-post-description'>
<b:eval expr='data:post.snippets.long snippet { length: 90 }'/>
</div>
</div>
</a>
</b:loop>
</div>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='ContactForm'>
<b:includable id='content'>
<div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
<p/>
<data:contactFormNameMsg/>
<br/>
<div class='input-group'>
<div class='input-group-prepend'>
<div class='input-group-text'><i aria-hidden='true' class='fa fa-user-o'/></div>
<input class='contact-form-name form-control' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' size='30' type='text' value=''/>
</div>
</div>
<p/>
<data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
<br/>
<div class='input-group'>
<div class='input-group-prepend'>
<div class='input-group-text'><i aria-hidden='true' class='fa fa-envelope-open-o'/></div>
</div>
<input class='contact-form-email form-control' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' size='30' type='text' value=''/>
</div>
<p/>
<data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
<br/>
<div class='input-group'>
<textarea class='contact-form-email-message form-control' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' rows='5'/>
</div>
<p/>
<input class='contact-form-button contact-form-button-submit form-control' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>
<p/>
<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>
</div>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Profile'>
<b:includable id='authorProfileImage'>
<img class='profile-img rounded-circle border border-secondary' expr:alt='data:messages.myPhoto' expr:height='data:authorPhoto.height' expr:src='data:authorPhoto.image' expr:width='data:authorPhoto.width'/>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type="FeaturedPost">
<b:includable id="main">
<b:include name='widget-title'/>
<div class='widget-content'>
<div class="PopularPosts">
<b:loop values='data:posts filter (p => p.id != 0)' var='post'>
<a expr:href='data:post.url'>
<div class='popular-thumbnail'>
<b:include data='{image: data:post.featuredImage, imageSizes: [65], imageRatio: "1:1", sourceSizes: "65"}' name='responsiveImage'/>
</div>
<div class='info'>
<div class='popular-post-title'>
<data:post.title/>
</div>
<div class='popular-post-description'>
<b:eval expr='data:post.snippets.long snippet { length: 90 }'/>
</div>
</div>
</a>
</b:loop>
</div>
</div>
</b:includable>
</b:defaultmarkup>
</b:defaultmarkups>
<b:section id='settings' name='Template Options' showaddelement='no'>
<b:widget id='LinkList83' locked='false' title='Sidebar location, Sticky menu and more.' type='LinkList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-1'>Top Menu Is Always Visible (true or false)</b:widget-setting>
<b:widget-setting name='link-1'>true</b:widget-setting>
<b:widget-setting name='text-0'>Sidebar Location (left, right or none)</b:widget-setting>
<b:widget-setting name='link-2'>true</b:widget-setting>
<b:widget-setting name='link-0'>right</b:widget-setting>
<b:widget-setting name='text-2'>Force Uppercase In Titles (true or false)</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.name == "Sidebar Location (left, right or none)"'>
<b:if cond='data:link.target == "left"'>
<style type='text/css'>#main > .row { flex-direction: row-reverse !important; }</style>
<b:else/>
<b:if cond='data:link.target == "none"'>
<style type='text/css'>#sidebar { display: none }</style>
<script type='text/javascript'>function ready(fn) { if (document.readyState !== 'loading'){ fn(); } else { document.addEventListener('DOMContentLoaded', fn); } };
ready( function(){ $j('#posts').removeClass(['col-md-8', 'col-lg-9']) });</script>
</b:if>
</b:if>
</b:if>
<b:if cond='data:link.name == "Top Menu Is Always Visible (true or false)" and data:link.target == "true"'>
<style type='text/css'>.sticky { position: fixed !important; top: 0; z-index: 900; width: 100%; }</style>
</b:if>
<b:if cond='data:link.name == "Force Uppercase In Titles (true or false)" and data:link.target == "true"'>
<style type='text/css'>.post-title, #sidebar h3, .post-tags a, .btemplates-tags a, .popular-post-title, #footer h3, #post-navigation a, #related-posts h5 { text-transform: uppercase; }</style>
</b:if>
</b:loop>
</b:includable>
</b:widget>
</b:section>
<div class='sr-only'>
<b:include name='skipNavigation'/>
</div>
<div class='navbar navbar-expand-lg navbar-dark bg-dark' id='top-navigation'>
<a class='navbar-brand' expr:href='data:blog.homepageUrl'>
<b:section id='logo' locked='true' maxwidgets='1' name='Logo' showaddelement='no' title='Logo'>
<b:widget id='Image95' locked='false' title='Logo' type='Image' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiugeyxd7BpalULCDPsw17uCQxVbx1FpssvgmxeFsG1_4VxSW0plKK7tT2ziTNbw_kdY1gXy7n6rtNPc7tHZWGnreQ8WDXxLa5JuMQ_0I2YqpZTm55tEdiKrxC_mUNmiFpVvhd3_e3Mcik/s1600/cihuatl.png</b:widget-setting>
<b:widget-setting name='displayHeight'>30</b:widget-setting>
<b:widget-setting name='sectionWidth'>150</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='displayWidth'>98</b:widget-setting>
<b:widget-setting name='link'/>
<b:widget-setting name='caption'>Recommend image height: 30px</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:if cond='data:sourceUrl and data:sourceUrl != "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiugeyxd7BpalULCDPsw17uCQxVbx1FpssvgmxeFsG1_4VxSW0plKK7tT2ziTNbw_kdY1gXy7n6rtNPc7tHZWGnreQ8WDXxLa5JuMQ_0I2YqpZTm55tEdiKrxC_mUNmiFpVvhd3_e3Mcik/s1600/cihuatl.png"'>
<b:tag cond='data:link' expr:href='data:link' name='a'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'>
<b:attr cond='data:sourceSet' expr:value='data:sourceSet' name='srcset'/>
</img>
</b:tag>
<b:else/>
<data:blog.title/>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
</a>
<button aria-controls='navbarSupportedContent' aria-expanded='false' aria-label='Toggle navigation' class='navbar-toggler' data-target='#navbarSupportedContent' data-toggle='collapse' type='button'>
<span class='navbar-toggler-icon'/>
</button>
<div class='collapse navbar-collapse' id='navbarSupportedContent'>
<b:section class='mr-auto d-none' id='topMenu' locked='true' maxwidgets='1' name='Top Menu Links' showaddelement='no' title='Top Menu'>
<b:widget id='LinkList1' locked='false' title='' type='LinkList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-0'>Home</b:widget-setting>
<b:widget-setting name='link-0'>#bt-home</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<b:include name='content'/>
</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>
<div class='form-inline my-2 my-lg-0 text-light'>
<a class='text-light' data-target='#searchModal' data-toggle='modal' href='#'>
<i aria-hidden='true' class='fa fa-search'/>
</a>
</div>
<div aria-hidden='true' aria-labelledby='searchModalLabel' class='modal fade' id='searchModal' role='dialog' tabindex='-1'>
<div class='modal-dialog modal-lg'>
<div class='modal-content'>
<div class='modal-header bg-dark text-light'>
<h5 class='modal-title' id='searchModalLabel'>Search</h5>
<button aria-label='Close' class='close text-light' data-dismiss='modal' type='button'>
<span aria-hidden='true'>&times;</span>
</button>
</div>
<div class='modal-body'>
<form class='my-2' expr:action='data:blog.searchUrl'>
<div class='input-group mb-3'>
<input aria-describedby='button-addon2' aria-label='' class='form-control' expr:placeholder='data:messages.searchThisBlog' name='q' type='text'/>
<div class='input-group-append'>
<button class='btn btn-outline-secondary' id='button-addon2'>Search</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='container py-5' id='header-wrapper'>
<b:section id='header' maxwidgets='1' name='Header' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='Cihuatl Std (Header)' type='Header' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='displayUrl'/>
<b:widget-setting name='displayHeight'>0</b:widget-setting>
<b:widget-setting name='sectionWidth'>-1</b:widget-setting>
<b:widget-setting name='useImage'>false</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'>0</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 not in {"REPLACE", "BEFORE_DESCRIPTION"}' name='title'/>
<b:include cond='data:imagePlacement != "REPLACE"' name='description'/>
</div>
<b:include cond='data:imagePlacement == "BEHIND"' name='behindImageStyle'/>
</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-image-wrapper' expr:href='data:blog.homepageUrl'>
<b:include data='{ image: data:image, altText: data:blog.title.escaped, originalWidth: data:width, originalHeight: data:height }' name='responsiveImage'/>
</a>
</b:includable>
<b:includable id='title'>
<h1>
<b:tag cond='data:view.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>
<data:title/>
</b:tag>
</h1>
</b:includable>
</b:widget>
</b:section>
</div>
<b:if cond='data:view.isHomepage'>
<b:section class='container mb-4' id='slider' maxwidgets='1' name='Slider (Home page)' showaddelement='no'>
<b:widget id='HTML75' locked='false' title='Slider' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'>4-latest-1110px-slider</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</b:if>
<b:section class='container' id='header-2' max-widgets='3' name='Ads and Banners after header (Optional)'>
<b:widget id='HTML69' locked='false' title='' type='HTML' version='2' visible='true'>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='container' id='first-post' max-widgets='3' name='Content After First Post (Optional)'>
<b:widget id='HTML96' locked='false' title='' type='HTML' version='2' visible='true'>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='container-fluid' id='content-wrapper'>
<div class='container' id='main'>
<div class='row'>
<div class='col-12 col-md-8 col-lg-9' id='posts'>
<b:if cond='data:view.isError'>
<b:section class='container mb-4' id='btemplates-error-404' name='Error 404 Page'>
<b:widget id='Image68' locked='false' title='' type='Image' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeTE7h_gxSeAyWaWPwVwUpFb3efEhKA2wYCEPsHIq-NOaetOsH6ccMhi43pghO2raSVc9lqircrU_57DHsHUyQIPq7M-h69RgbjTMwwbuzgUigyo-_wAX-Qq1FNDZc_fN6IGl62aCR8AY/s1600/cihuatl-404.png</b:widget-setting>
<b:widget-setting name='displayHeight'>1411</b:widget-setting>
<b:widget-setting name='sectionWidth'>150</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='displayWidth'>1600</b:widget-setting>
<b:widget-setting name='link'/>
<b:widget-setting name='caption'/>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:tag cond='data:link' expr:href='data:link' name='a'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'>
<b:attr cond='data:sourceSet' expr:value='data:sourceSet' name='srcset'/>
</img>
</b:tag>
<br/>
<b:if cond='data:caption'>
<span class='caption'><data:caption/></span>
</b:if>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML57' locked='false' title='Error 404' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[Sorry! The content you were looking for does not exist or changed its url. <br /><br />Please check if the url is written correctly or try using our search form.]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</b:if>
<b:if cond='data:view.isArchive or (data:view.isSearch and data:view.search.resultsMessageHtml)'>
<div class='post-filter-message'>
<div class='message-container'>
<b:if cond='data:view.isArchive'>
<data:view.archive.rangeMessage/>
<b:elseif cond='data:view.isSearch and data:view.search.resultsMessageHtml'/>
<data:view.search.resultsMessageHtml/>
</b:if>
</div>
</div>
</b:if>
<b:section class='main' id='page_body' name='Page Body' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='commentLabel'>Comments</b:widget-setting>
<b:widget-setting name='showShareButtons'>true</b:widget-setting>
<b:widget-setting name='authorLabel'>by</b:widget-setting>
<b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='timestampLabel'/>
<b:widget-setting name='reactionsLabel'>Reactions</b:widget-setting>
<b:widget-setting name='showAuthorProfile'>true</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='showLocation'>false</b:widget-setting>
<b:widget-setting name='showTimestamp'>true</b:widget-setting>
<b:widget-setting name='postsPerAd'>2</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#000000</b:widget-setting>
<b:widget-setting name='backlinksLabel'>Related Posts</b:widget-setting>
<b:widget-setting name='showDateHeader'>false</b:widget-setting>
<b:widget-setting name='style.textcolor'>#729c0b</b:widget-setting>
<b:widget-setting name='showCommentLink'>true</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#efefef</b:widget-setting>
<b:widget-setting name='showAuthor'>false</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#f7f7f7</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#000000</b:widget-setting>
<b:widget-setting name='showLabels'>true</b:widget-setting>
<b:widget-setting name='postLabelsLabel'/>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='showInlineAds'>true</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<div class='blog-posts hfeed container'>
<b:loop index='i' values='data:posts' var='post'>
<b:include data='post' name='postCommentsAndAd'/>
</b:loop>
</div>
<b:include cond='data:view.isMultipleItems' name='postPagination'/>
</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='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:case value='reactions'/>
<b:include cond='data:post.reactionsUrl' name='postReactions'/>
</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'>
<b:include data='comment' name='commentItem'/>
</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:data-analytics-uacct='data:blog.analyticsAccountNumber' expr:style='data:style ?: "display: block;"'/>
<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'>
<div class='goog-inline-block google-plus-share-container'>
<g:plusone annotation='inline' expr:href='data:originalUrl.canonical.http' size='medium' source='blogger:blog:plusone'/>
</div>
</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'/>
<div class='post-header text-center mb-3'>
<b:include data='post' name='postTitle'/>
<div class='post-header-line-1'>
<b:if cond='data:view.isSingleItem'>
<b:include data='post' name='postTimestamp'/>
<b:include data='post' name='postLabels'/>
<b:include data='post' name='postAuthor'/>
<b:else/>
<b:include data='post' name='postTimestamp'/>
</b:if>
</div>
</div>
<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:if>
<div class='post-footer row'>
<b:if cond='data:view.isSingleItem'>
<div class='col-12 text-center'>
<b:include data='post' name='postShareButtons'/>
</div>
<b:else/>
<div class='col-12 col-sm-4 text-center text-sm-left mb-4 mb-sm-0'>
<b:include data='post' name='postJumpLink'/>
</div>
<div class='col-6 col-sm-4 text-left text-sm-center'>
<b:include data='post' name='postShareButtons'/>
</div>
<div class='col-6 col-sm-4 text-right'>
<b:include cond='data:post.allowComments' name='postCommentsLink'/>
</div>
</b:if>
</div>
<b:include data='post' name='postFooterAuthorProfile'/>
<b:include cond='data:view.isPost' name='postPagination'/>
<!--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'>
<div class='post-body entry-content' expr:id='"post-snippet-" + data:post.id'>
<div class='post-thumbnail'>
<div class='post-tags'>
<b:include name='postLabels'/>
</div>
<div class='post-author'>
<data:authorLabel/> <b:include name='postAuthor'/>
</div>
<b:if cond='data:post.featuredImage'>
<a expr:href='data:post.link ?: data:post.url'>
<img expr:src='resizeImage(data:post.featuredImage, 825)'/>
</a>
<b:else/>
</b:if>
</div>
<div class='post-content'>
<p><b:eval expr='data:post.snippets.long snippet { length: 290 }'/></p>
</div>
<div style='clear: both;'/>
</div>
</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 clearfix d-flex align-items-center'>
<b:if cond='data:post.author.authorPhoto.image'>
<b:if cond='data:post.author.authorPhoto.image.isResizable'>
<img class='author-image border border-secondary rounded-circle d-block' expr:src='resizeImage(data:post.author.authorPhoto.image,150,"1:1")'/>
<b:else/>
<img class='author-image border border-secondary rounded-circle d-block' expr:src='data:post.author.authorPhoto.image' width='150px'/>
</b:if>
<div class='author-about'>
<b:include data='post' name='aboutPostAuthor'/>
</div>
<b:else/>
<img class='border border-secondary rounded-circle d-block author-image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvcuyxfjcF5Tr2ioEdUSrdJXwQwj2yC4vwoewJi2gLHkK0plo0xYkExDhkvAnpW2IMuUniDMiF5LtUkKM6o15NqajGqFAwaUUpX1BJZvm_gLJ2RTOo4KYpy0m3zc8Ip7pt9S8KquGzygey/s150/user.png' width='150px'/>
<b:include data='post' name='aboutPostAuthor'/>
</b:if>
</div>
</b:if>
</b:includable>
<b:includable id='postHeader' var='post'>
<b:include name='headerByline'/>
</b:includable>
<b:includable id='postJumpLink' var='post'>
<div class='read-more flat-button'>
<a expr:href='data:post.url fragment "more"' expr:title='data:post.title'>
<b:eval expr='data:blog.jumpLinkMessage'/> <i aria-hidden='true' class='fa fa-angle-right'/>
</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='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://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=w1200",
"height": 348,
"width": 1200
</b:if>
},
</b:includable>
<b:includable id='postMetadataJSONPublisher'>
"publisher": {
"@type": "Organization",
"name": "Blogger",
"logo": {
"@type": "ImageObject",
"url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=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'>
<span class='byline reactions'>
<span class='reactions-label'>
<data:byline.label/>
</span>
<iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/>
</span>
</b:includable>
<b:includable id='postShareButtons' var='post'>
<b:if cond='data:allBylineItems.share'>
<div class='post-share'>
<a expr:href='"https://www.facebook.com/sharer.php?u=" + data:post.url' onclick='window.open(this.href, 'windowName', 'width=550, height=650, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'>
<i aria-hidden='true' class='fa fa-facebook'/>
</a>
<a expr:href='"https://twitter.com/share?url=" + data:post.url + "&text=" + data:post.title' onclick='window.open(this.href, 'windowName', 'width=550, height=450, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'>
<i aria-hidden='true' class='fa fa-twitter'/>
</a>
<a expr:href='"https://www.pinterest.com/pin/create/button/?url=" + data:post.url + "&media=" + data:post.featuredImage + "&description=" + data:post.title' onclick='window.open(this.href, 'windowName', 'width=735, height=750, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'>
<i aria-hidden='true' class='fa fa-pinterest-p'/>
</a>
<!--a expr:href='"https://www.linkedin.com/shareArticle?url=" + data:post.url' onclick='window.open(this.href, 'windowName', 'width=550, height=650, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'>
<i aria-hidden='true' class='fa fa-linkedin'/>
</a-->
<a expr:href='"https://api.whatsapp.com/send?text=" + data:post.title + " - " + data:post.url' rel='nofollow' target='_blank'>
<i aria-hidden='true' class='fa fa-whatsapp'/>
</a>
<a expr:href='"mailto:?subject=" + data:post.title + "&body=" + data:post.url' rel='nofollow'>
<i aria-hidden='true' class='fa fa-envelope-open-o'/>
</a>
</div>
</b:if>
</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'>
<i aria-hidden='true' class='fa fa-clock-o'/> <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 != ""'>
<div class='post-title'>
<h2>
<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>
</h2>
</div>
</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>
</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:widget>
</b:section>
</div>
<b:section class='col-12 col-md-4 col-lg-3' id='sidebar' name='Sidebar'>
<b:widget id='BlogSearch1' locked='false' title='Search' type='BlogSearch' 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='widget-content' role='search'>
<b:include name='searchForm'/>
</div>
</b:includable>
<b:includable id='searchForm'>
<form class='search-form' expr:action='data:blog.searchUrl'>
<div class='input-group mb-3'>
<b:attr cond='not data:view.isPreview' name='target' value='_top'/>
<b:include name='urlParamsAsFormInput'/>
<input aria-describedby='button-addon2' autocomplete='off' class='form-control' expr:aria-label='data:messages.searchThisBlog' expr:placeholder='data:messages.searchThisBlog' expr:value='data:view.isSearch ? data:view.search.query.escaped : ""' name='q' type='text'/>
<div class='input-group-append'>
<button class='btn btn-outline-secondary' id='button-addon2'><i aria-hidden='true' class='fa fa-search'/></button>
</div>
</div>
</form>
</b:includable>
<b:includable id='searchSubmit'>
<input class='search-action' expr:value='data:messages.search.escaped' type='submit'/>
</b:includable>
</b:widget>
<b:widget id='Label86' locked='false' title='Sections' type='Label' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>LIST</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
</b:widget-settings>
<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'>
<span class='label-count'><data:label.count/></span>
</b:if>
</a>
</span>
</b:loop>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:class expr:name='data:this.display + "-label-widget-content"'/>
<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'>
<span class='label-count'><data:label.count/></span>
</b:if>
</a>
</li>
</b:loop>
</ul>
</b:includable>
</b:widget>
<b:widget id='PopularPosts9' locked='false' title='Trending now' type='PopularPosts' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>5</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'>ALL_TIME</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<b:loop values='data:posts filter (p => p.id != data:view.postId)' var='post'>
<a expr:href='data:post.url'>
<div class='popular-thumbnail'>
<b:include data='{image: data:post.featuredImage, imageSizes: [65], imageRatio: "1:1", sourceSizes: "65"}' name='responsiveImage'/>
</div>
<div class='info'>
<div class='popular-post-title'>
<data:post.title/>
</div>
<div class='popular-post-description'>
<b:eval expr='data:post.snippets.long snippet { length: 90 }'/>
</div>
</div>
</a>
</b:loop>
</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:case value='reactions'/>
<b:include cond='data:post.reactionsUrl' name='postReactions'/>
</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='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'>
<div class='goog-inline-block google-plus-share-container'>
<g:plusone annotation='inline' expr:href='data:originalUrl.canonical.http' size='medium' source='blogger:blog:plusone'/>
</div>
</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'>
<span class='byline reactions'>
<span class='reactions-label'>
<data:byline.label/>
</span>
<iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/>
</span>
</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:widget id='Profile1' locked='false' title='About Me' type='Profile' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='showaboutme'>true</b:widget-setting>
<b:widget-setting name='showlocation'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='authorProfileImage'>
<img class='profile-img rounded-circle border border-secondary' expr:alt='data:messages.myPhoto' expr:height='data:authorPhoto.height' expr:src='data:authorPhoto.image' expr:width='data:authorPhoto.width'/>
</b:includable>
<b:includable id='content'>
<b:if cond='data:team'>
<div class='widget-content team'>
<b:include name='teamProfile'/>
</div>
<b:else/>
<div class='widget-content individual'>
<b:include name='userProfile'/>
</div>
</b:if>
</b:includable>
<b:includable id='defaultProfileImage'>
<div class='default-avatar'/>
</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='teamProfile'>
<ul>
<b:loop values='data:authors' var='author'>
<li>
<div class='team-member'>
<b:include data='author' name='teamProfileLink'/>
</div>
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='teamProfileLink'>
<a class='profile-link g-profile' expr:href='data:userUrl' rel='nofollow'>
<b:include name='profileImage'/>
<span class='profile-name'><data:display-name/></span>
</a>
</b:includable>
<b:includable id='userGoogleProfile'>
<div class='g-follow' data-annotation='bubble' data-height='20' expr:data-href='data:userUrl'/>
</b:includable>
<b:includable id='userLocation'>
<dd class='profile-data location'><data:location/></dd>
</b:includable>
<b:includable id='userProfile'>
<b:include name='userProfileImage'/>
<b:include name='userProfileInfo'/>
</b:includable>
<b:includable id='userProfileData'>
<dt class='profile-data'>
<b:include name='userProfileLink'/>
<b:include cond='data:hasgoogleprofile' name='userGoogleProfile'/>
</dt>
</b:includable>
<b:includable id='userProfileImage'>
<a expr:href='data:userUrl' rel='nofollow'>
<b:include name='profileImage'/>
</a>
</b:includable>
<b:includable id='userProfileInfo'>
<div class='profile-info'>
<dl class='profile-datablock'>
<b:class cond='data:showlocation and data:location != ""' name='has-location'/>
<b:include name='userProfileData'/>
<b:include cond='data:showlocation and data:location != ""' name='userLocation'/>
<b:include cond='data:aboutme != ""' name='userProfileText'/>
</dl>
<b:include name='viewProfileLink'/>
</div>
</b:includable>
<b:includable id='userProfileLink'>
<a class='profile-link g-profile' expr:href='data:userUrl' rel='author nofollow'>
<data:displayname/>
</a>
</b:includable>
<b:includable id='userProfileText'>
<dd class='profile-textblock'>
<data:aboutme/>
</dd>
</b:includable>
<b:includable id='viewProfileLink'>
<a class='profile-link' expr:href='data:userUrl' rel='author nofollow'>
<data:messages.viewMyCompleteProfile/>
</a>
</b:includable>
</b:widget>
<b:widget id='LinkList84' locked='false' title='Follow me' type='LinkList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='link-3'>https://twitter.com/YOUR_USERNAME</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='link-4'>https://instagram.com/YOUR_USERNAME</b:widget-setting>
<b:widget-setting name='text-1'>YouTube</b:widget-setting>
<b:widget-setting name='link-1'>https://www.youtube.com/c/YOUR_USERNAME?sub_confirmation=1</b:widget-setting>
<b:widget-setting name='text-0'>Firefox</b:widget-setting>
<b:widget-setting name='link-2'>https://facebook.com/YOUR_USERNAME</b:widget-setting>
<b:widget-setting name='text-3'>Twitter</b:widget-setting>
<b:widget-setting name='link-0'>https://firefox.com/YOUR_USERNAME</b:widget-setting>
<b:widget-setting name='text-2'>Facebook</b:widget-setting>
<b:widget-setting name='text-4'>Instagram</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<b:include name='content'/>
</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>
</div>
</div>
</div>
<div class='container-fluid bg-dark text-light' id='footer'>
<div class='container'>
<div class='row'>
<b:section class='col-12 col-sm-6 col-lg-4' id='footer-1' name='Footer Column 1' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='Latest blog posts' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'>3-latest-65px</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='col-12 col-sm-6 col-lg-4' id='footer-2' name='Footer Column 2' showaddelement='yes'>
<b:widget id='Label65' locked='false' title='Labels' type='Label' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>CLOUD</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
</b:widget-settings>
<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'>
<span class='label-count'><data:label.count/></span>
</b:if>
</a>
</span>
</b:loop>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:class expr:name='data:this.display + "-label-widget-content"'/>
<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'>
<span class='label-count'><data:label.count/></span>
</b:if>
</a>
</li>
</b:loop>
</ul>
</b:includable>
</b:widget>
</b:section>
<b:section class='col-12 col-sm-6 col-lg-4' id='footer-3' name='Footer Column 3' showaddelement='yes'>
<b:widget id='HTML76' locked='false' title='Comments' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'>4-comments</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</div>
<div class='container-fluid' id='bottom'>
<div class='container'>
<div class='row'>
<div class='col-12 col-md-5 mb-3 mb-md-0' id='you-can-modify-this-as-you-want'>
<span>&copy; <i id='this-year'>2020</i> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a></span>
</div>
<div class='col-12 col-md-7 text-md-right' id='thanks-for-keeping-this'>
<p><span class="heart"><i class="fa fa-heart" aria-hidden="true"></i></span> <a href="https://btemplates.com/" rel="nofollow">Blogger template</a> by <a href="https://openthemes.com/" rel="nofollow">Open Themes</a>.</p>
</div>
</div>
</div>
</div>
<a href='javascript:void(0)' id='back-top'>
<i class='fa fa-angle-up'/>
</a>
<script crossorigin='anonymous' integrity='sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=' src='https://code.jquery.com/jquery-3.5.1.min.js'/>
<script crossorigin='anonymous' integrity='sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI' src='https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js'/>
<script type='text/javascript'>
var blogurl = '<data:blog.homepageUrl/>'.replace('?m=1', '');
var blogtitle = '<data:blog.title/>';
//<![CDATA[
$j = jQuery.noConflict();
$j(document).ready(function () {
var headerBackground = $j('#header-wrapper .Image img');
var header = $j('#bt-header');
if (headerBackground.length > 0) {
var headerImage = headerBackground.attr('src');
header.css({'background-image': 'url("' + headerImage + '")'});
}
var stickyNavigation = $j('#top-navigation');
$j(window).scroll(function() {
if( $j(this).scrollTop() > 50 ) {
stickyNavigation.addClass('sticky');
} else {
stickyNavigation.removeClass('sticky');
}
});
$j('#content-1').css('background-image', 'url('+$j('#sectionsLabels .Image img').attr('src')+')');
var firstPostContent = $j('#first-post .widget');
if (firstPostContent.length) {
var firstPostContent = $j('#first-post').html();
var firstPost = $j('#page_body .post:first');
firstPost.after('<div id="btemplates-first-post-c">' + firstPostContent + '</div>');
}
if ($j('.widget').length) {
$j('.widget').each(function (index) {
var widgetTitle = $j(this).children('h3').text().trim();
var regDescription = /(.*?)-desc:(.*?)$/i;
if (regDescription.exec(widgetTitle)) {
var widgetSettings = widgetTitle.match(regDescription);
var title = widgetSettings[1];
var description = widgetSettings[2];
$j(this).children('h3').text(title);
$j(this).children('h3').after('<p class="bt-widget-description">' + description + '</p>');
}
});
}
if ($j('.avatar-image-container').length) {
$j('.avatar-image-container img').each(function () {
$j(this).addClass('rounded-circle border border-secondary');
var avatarUrl = $j(this).attr('src').replace('/s35/', '/s100/');
$j(this).attr('src', avatarUrl);
if (avatarUrl.indexOf('blogblog.com/img/blank.gif') !== -1) {
$j(this).attr('src', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvcuyxfjcF5Tr2ioEdUSrdJXwQwj2yC4vwoewJi2gLHkK0plo0xYkExDhkvAnpW2IMuUniDMiF5LtUkKM6o15NqajGqFAwaUUpX1BJZvm_gLJ2RTOo4KYpy0m3zc8Ip7pt9S8KquGzygey/s100/user.png');
}
})
} var _0x3c41=["\x3A\x76\x69\x73\x69\x62\x6C\x65","\x69\x73","\x23\x74\x68\x61\x6E\x6B\x73\x2D\x66\x6F\x72\x2D\x6B\x65\x65\x70\x69\x6E\x67\x2D\x74\x68\x69\x73","\x6F\x70\x61\x63\x69\x74\x79","\x63\x73\x73","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x62\x74\x65\x6D\x70\x6C\x61\x74\x65\x73\x2E\x63\x6F\x6D","\x69\x6E\x64\x65\x78\x4F\x66","\x68\x74\x6D\x6C","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x6F\x70\x65\x6E\x74\x68\x65\x6D\x65\x73\x2E\x63\x6F\x6D","\x4F\x70\x65\x6E\x20\x54\x68\x65\x6D\x65\x73","\x74\x65\x78\x74","\x42\x6C\x6F\x67\x67\x65\x72\x20\x74\x65\x6D\x70\x6C\x61\x74\x65","\x23\x74\x68\x61\x6E\x6B\x73\x2D\x66\x6F\x72\x2D\x6B\x65\x65\x70\x69\x6E\x67\x2D\x74\x68\x69\x73\x20\x61\x3A\x66\x69\x72\x73\x74","\x70\x6F\x73\x69\x74\x69\x6F\x6E","\x61\x62\x73\x6F\x6C\x75\x74\x65","\x62\x61\x63\x6B\x67\x72\x6F\x75\x6E\x64\x2D\x63\x6F\x6C\x6F\x72","\x63\x6F\x6C\x6F\x72","\x23\x74\x68\x61\x6E\x6B\x73\x2D\x66\x6F\x72\x2D\x6B\x65\x65\x70\x69\x6E\x67\x2D\x74\x68\x69\x73\x20\x61","\x30","\x74\x65\x78\x74\x2D\x69\x6E\x64\x65\x6E\x74","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x74\x65\x78\x74\x2D\x64\x61\x6E\x67\x65\x72\x20\x74\x65\x78\x74\x2D\x63\x65\x6E\x74\x65\x72\x20\x6D\x79\x2D\x34\x22\x3E\x50\x6C\x65\x61\x73\x65\x20\x64\x6F\x6E\x27\x74\x20\x64\x65\x6C\x65\x74\x65\x20\x74\x68\x65\x20\x63\x72\x65\x64\x69\x74\x73\x20\x6F\x6E\x20\x74\x68\x69\x73\x20\x74\x65\x6D\x70\x6C\x61\x74\x65\x2E\x20\x49\x74\x20\x74\x6F\x6F\x6B\x20\x6D\x6F\x72\x65\x20\x74\x68\x61\x6E\x20\x35\x20\x77\x65\x65\x6B\x73\x20\x6F\x66\x20\x77\x6F\x72\x6B\x20\x74\x6F\x20\x6D\x61\x6B\x65\x2E\x20\x59\x6F\x75\x20\x63\x61\x6E\x20\x63\x6F\x6E\x73\x69\x64\x65\x72\x20\x62\x75\x79\x69\x6E\x67\x20\x74\x68\x65\x20\x50\x72\x6F\x20\x76\x65\x72\x73\x69\x6F\x6E\x20\x74\x6F\x20\x62\x65\x20\x61\x62\x6C\x65\x20\x74\x6F\x20\x64\x65\x6C\x65\x74\x65\x20\x74\x68\x65\x6D\x20\x61\x6E\x64\x20\x73\x75\x70\x70\x6F\x72\x74\x20\x75\x73\x2E\x20\x54\x68\x61\x6E\x6B\x20\x79\x6F\x75\x21\x20\x3A\x29\x3C\x2F\x64\x69\x76\x3E","\x61\x66\x74\x65\x72","\x23\x74\x6F\x70\x2D\x6E\x61\x76\x69\x67\x61\x74\x69\x6F\x6E"];var _0x7958=[_0x3c41[0],_0x3c41[1],_0x3c41[2],_0x3c41[3],_0x3c41[4],_0x3c41[5],_0x3c41[6],_0x3c41[7],_0x3c41[8],_0x3c41[9],_0x3c41[10],_0x3c41[11],_0x3c41[12],_0x3c41[13],_0x3c41[14],_0x3c41[15],_0x3c41[16],_0x3c41[17],_0x3c41[18],_0x3c41[19],_0x3c41[20],_0x3c41[21],_0x3c41[22]];if(!$j(_0x7958[2])[_0x7958[1]](_0x7958[0])|| $j(_0x7958[2])[_0x7958[4]](_0x7958[3])!= 1 || $j(_0x7958[2])[_0x7958[7]]()[_0x7958[6]](_0x7958[5])=== -1 || $j(_0x7958[2])[_0x7958[7]]()[_0x7958[6]](_0x7958[8])=== -1 || $j(_0x7958[2])[_0x7958[10]]()[_0x7958[6]](_0x7958[9])=== -1 || $j(_0x7958[2])[_0x7958[10]]()[_0x7958[6]](_0x7958[11])=== -1 || !$j(_0x7958[12])[_0x7958[1]](_0x7958[0]) || $j(_0x7958[2])[_0x7958[4]](_0x7958[13])== _0x7958[14] || $j(_0x7958[2])[_0x7958[4]](_0x7958[15])== $j(_0x7958[17])[_0x7958[4]](_0x7958[16]) || $j(_0x7958[17])[_0x7958[4]](_0x7958[19])[_0x7958[6]](_0x7958[18])=== -1){$j(_0x7958[22])[_0x7958[21]](_0x7958[20]);var ajaxSupport=![]}else {var ajaxSupport=!![]}
$j('span.blog-author').html(' <i class="fa fa-user-o" aria-hidden="true" title="Author"></i> '); $j('.post-body iframe, .post-body embed, .post-body object').wrap('<div class="video-container"></div>');
$j('.Label li span').each(function (i) {
$j(this).text($j(this).text().replace('(', '').replace(')', ''));
if ($j.isNumeric($j(this).text()) && $j(this).parent().children().length > 1) {
$j(this).addClass('rounded-circle border border-secondary text-center float-right');
var link = $j(this).prev().attr('href');
if (link !== undefined)
$j(this).wrap('<a href="' + link + '"></a>');
}
});
$j('#sidebar .LinkList li a, #footer .LinkList li a').each(function () {
var la = $j(this).attr('href').toLowerCase();
var socialNetworks = ['500px', 'amazon', 'android', 'angellist', 'apple', 'bandcamp', 'behance', 'bitbucket', 'bitcoin', 'bluetooth', 'buysellads', 'chrome', 'codepen', 'deviantart', 'digg', 'dribbble', 'dropbox', 'drupal', 'etsy', 'facebook', 'firefox', 'flickr', 'foursquare', 'github', 'gitlab', 'google', 'imdb', 'instagram', 'joomla', 'linkedin', 'linode', 'linux', 'medium', 'meetup', 'opencart', 'openid', 'opera', 'paypal', 'pinterest', 'qq', 'quora', 'reddit', 'renren', 'scribd', 'skype', 'slideshare', 'snapchat', 'soundcloud', 'spotify', 'steam', 'telegram', 'tripadvisor', 'tumblr', 'twitch', 'twitter', 'vimeo', 'wechat', 'weibo', 'weixin', 'whatsapp', 'wikipedia', 'windows', 'wordpress', 'yahoo', 'yelp', 'youtube'];
var currentLink = $j(this);
var widget = $j(this).closest('.widget').first();
var widgetHasClass = false;
$j.each(socialNetworks, function (i, sn) {
if (la.indexOf(sn) !== -1 && ajaxSupport) {
if( ! widgetHasClass ) {
widget.addClass('social');
widgetHasClass = true;
}
currentLink.html('<i class="fa fa-' + sn + ' d-flex justify-content-center align-items-center" aria-hidden="true"></i>');
currentLink.parent().replaceWith(currentLink);
return false;
}
});
});
$j('.LinkList a, .Text a, .Image a, .post-body a').each(function () {
var hashlink = $j(this).attr('href');
if( typeof hashlink !== typeof undefined && hashlink !== false ) {
if(hashlink.indexOf('#bt-home') !== -1){
$j(this).attr('href', blogurl);
}
}
});
function btemplatesJqueryGetPosts(el, postsToDisplay, postsType, postsThumbnailSize, postsStyle, exclude) {
postsToDisplay = parseInt(postsToDisplay);
postsStyle = typeof postsStyle !== 'undefined' ? postsStyle : 'list';
exclude = typeof exclude !== 'undefined' ? exclude : false;
postsToDisplay = exclude ? postsToDisplay + 1 : postsToDisplay;
var tag = tagName = '';
regex = /tag\:(.*?)$/i;
if (regex.exec(postsType)) {
var tagName = postsType.match(regex);
postsType = tagName[1];
tag = '/-/' + encodeURI(tagName[1]);
}
$j.get( blogurl + '/feeds/posts/default' + tag, { 'alt': 'json', 'max-results': postsToDisplay }, function(data){
if( typeof data === 'undefined' ){
return data;
}
var code = btemplatesProcessPosts(data, postsToDisplay, postsThumbnailSize, postsStyle, postsType, exclude);
el.html(code);
if( postsStyle === 'video' )
$j('.post-body iframe, .post-body embed, .post-body object').wrap('<div class="video-container"></div>');
})
}
function btemplatesJqueryNextPosts(el, newerPostUrl, olderPostUrl, postsThumbnailSize) {
postsThumbnailSize = parseInt(postsThumbnailSize);
var startIndex = 1;
var foundPosts = 0;
var posts = [];
$j.get(blogurl + '/feeds/posts/default/', { 'alt':'json', 'max-results':'500', 'start-index':startIndex }, function(data){
for (var i = 0; i < data.feed.entry.length; i++) {
post = data.feed.entry[i];
for (var j = 0; j < post.link.length; j++) {
if (post.link[j].rel === 'alternate') {
if (post.link[j].href !== newerPostUrl && post.link[j].href !== olderPostUrl)
delete data.feed.entry[i];
else
posts.push(post);
if( posts.length >= 2 )
break;
}
}
}
if (posts.length > 0) {
data.feed.entry = posts;
var code = btemplatesProcessPosts(data, 500, postsThumbnailSize, 'postnav');
el.html(code);
}
})
}
function btemplatesProcessPosts(json, postsToDisplay, postsThumbnailSize, postsStyle, postsType, exclude) {
if (typeof json.feed.entry === 'undefined')
return 'No posts found';
postsToDisplay = parseInt(postsToDisplay);
var postSummaryLength = 110;
var postThumbnailWidth = parseInt(postsThumbnailSize);
var postHTML = '';
var months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
var olderPostDate = Date.now();
for (var i = 0; i < postsToDisplay; i++) {
var post = postTitle = postDateTime = postDate = postYear = postMonth = postMonthName = postDay =
postUrl = postLabelsList = postCommentsCount = postThumbnail = postContent = postTags =
postSummary = postsThumbnailSquare = postAuthor = postAuthorAvatar = postId = postLocation = '';
post = json.feed.entry[i];
if (post === undefined)
continue;
postId = post.id.$t;
if (exclude && postId.indexOf(exclude) !== -1)
continue;
postTitle = post.title.$t != null ? post.title.$t : '';
postCommentsCount = post.thr$total;
postDateTime = post.published.$t;
if( new Date(olderPostDate) > new Date(postDateTime) )
olderPostDate = postDateTime;
olderPostDate = olderPostDate === null ? '' : olderPostDate+'';
olderPostDate = olderPostDate.replace( /\.\d{3}/, '' );
postDate = postDateTime.substring(0, 10);
postYear = postDate.substring(0, 4);
postMonth = postDate.substring(5, 7);
postMonthName = months[parseInt(postMonth) - 1];
postDay = postDate.substring(8, 10);
postDateStr = postDay + ' ' + postMonthName + ' ' + postYear;
postAuthor = post.author[0].name.$t;
postAuthorAvatar = ( 'gd$image' in post.author[0] ) ? post.author[0].gd$image.src : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvcuyxfjcF5Tr2ioEdUSrdJXwQwj2yC4vwoewJi2gLHkK0plo0xYkExDhkvAnpW2IMuUniDMiF5LtUkKM6o15NqajGqFAwaUUpX1BJZvm_gLJ2RTOo4KYpy0m3zc8Ip7pt9S8KquGzygey/s35/user.png';
postLocation = ( 'georss$featurename' in post ) ? post.georss$featurename.$t : '';
for (var j = 0; j < post.link.length; j++) {
if (post.link[j].rel === 'alternate') {
postUrl = post.link[j].href;
break;
}
}
if ('category' in post) {
for (var c = 0; c < post.category.length; c++) {
var comma = (c === post.category.length - 1) ? '' : ', ';
postTags += post.category[c].term + comma;
}
}
if ('content' in post) {
postContent = post.content.$t;
postSummary = postContent.replace(/<\/?[^>]+(>|$)/g, "").substring(0, postSummaryLength) + '...';
} else {
postContent = postSummary = post.summary.$t;
}
var imagesRegex = /(https?:\/\/[^\s\#\?]*\.(jpe?g|gif|png))|(https?:\/\/blogger\.googleusercontent\.com\/img\/[^"=]*=)/ig;
var images = postContent.match(imagesRegex);
if( images !== null && images.length > 0 ){
if( images[0].indexOf('googleusercontent') !== -1 ){
postThumbnail = images[0]+'w'+postThumbnailWidth;
postThumbnailSquare = images[0]+'s'+postThumbnailWidth+'-c';
} else {
postThumbnail = images[0].replace(/(https?:\/\/[^\s\#\?]*\/)(s\d+|w\d+-h\d+|w\d+)(\/[^\s\#\?\/]*\.)(jpe?g|png|gif)/i, function(match, g1, g2, g3, g4){return g1+'w'+postThumbnailWidth+g3+g4});
postThumbnailSquare = postThumbnail.replace('/w'+postThumbnailWidth+'/', '/s'+postThumbnailWidth+'-c/');
}
} else if(post.media$thumbnail) {
var rawThumbnail = post.media$thumbnail;
var youTubePreviewRegex = /img\.youtube\.com\/vi\/.*\/default\.jpg/i;
if(youTubePreviewRegex.test(rawThumbnail.url)){
postThumbnail = postThumbnailSquare = rawThumbnail.url.replace('default.jpg', 'maxresdefault.jpg');
} else {
postThumbnail = rawThumbnail.url.replace('s72-c', 'w' + postThumbnailWidth);
postThumbnailSquare = rawThumbnail.url.replace('s72-c', 's' + postThumbnailWidth + '-c');
}
} else {
postThumbnail = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7HDL3kN1x6qs5qm8zL0gTXJ2ixuAtQUb8cp_bqmnbhRh6xhVmIwKH6TLCZChYIlWhV15wZxnHV950adc8Fu4myW1wyUCfaHbghoAqfWpGayZurR6tv5ZQOo2z9h9e1mWOz6j9bz_wVlg/' + postThumbnailWidth + '/post-image.png';
postThumbnailSquare = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7HDL3kN1x6qs5qm8zL0gTXJ2ixuAtQUb8cp_bqmnbhRh6xhVmIwKH6TLCZChYIlWhV15wZxnHV950adc8Fu4myW1wyUCfaHbghoAqfWpGayZurR6tv5ZQOo2z9h9e1mWOz6j9bz_wVlg/' + postThumbnailWidth + '-c/post-image.png';
}
if (postsStyle === 'slider') {
var active = (i === 0) ? ' active ' : '';
postThumbnail = postThumbnail.replace(/\/(s|w|h)\d+\//i, '/w1100-h550-c/');
postHTML += '<div class="btemplates-post carousel-item' + active + '">' +
'<img class="d-block w-100" src="' + postThumbnail + '" alt="' + postTitle + '"/>' +
'<div class="carousel-caption d-none d-md-block">' +
'<div class="bt-post-title">' +
'<a href="' + postUrl + '"><h5>' +
postTitle +
'</h5></a>' +
'</div>' +
'<div class="bt-post-content">' +
'<p><a href="' + postUrl + '">' +
postSummary +
'</a></p>' +
'</div>' +
'</div>' +
'</div>';
} else if (postsStyle === 'testimonial') {
var active = i === 0 ? ' active ' : '';
postLocation = postLocation !== '' ? '<div class="bt-post-location d-none d-sm-block"><i class="fa fa-map-marker" aria-hidden="true"></i> '+postLocation+'</div>' : '';
postHTML += '<div class="btemplates-post carousel-item' + active + '">' +
'<img class="rounded-circle mb-2" src="' + postThumbnailSquare + '" alt="' + postTitle + '"/>' +
'<div class="caption d-block">' +
'<div class="bt-post-title">' +
'<a href="' + postUrl + '"><h5>' +
postTitle +
'</h5></a>' +
'</div>' +
'<div class="bt-post-content">' +
'<p>' +
postSummary +
'</p>' +
'</div>' +
postLocation +
'</div>' +
'</div>';
} else if (postsStyle === 'menulist') {
var menuThumbnails = postsThumbnailSize === 0 ? '' : '<img src="' + postThumbnail + '" width="100%" alt="' + postTitle + '"/><br />';
postHTML += '<a class="dropdown-item" href="' + postUrl + '">' + menuThumbnails + postTitle + '</a>';
} else if (postsStyle === 'mosaic') {
postHTML += '<div class="col-md-6 col-lg-3">' +
'<div class="item">' +
'<a href="' + postUrl + '">' +
'<img src="' + postThumbnailSquare + '" width="' + postThumbnailWidth + 'px" alt="' + postTitle + '"/>' +
'</a>' +
'<div class="item-title">' +
'<span>' + postTags + '</span>' +
'<a href="' + postUrl + '">' +
'<h3>' + postTitle + '</h3>' +
'</a>' +
'</div>' +
'</div>' +
'</div>';
} else if(postsStyle === 'course'){
postLocation = postLocation !== '' ? '<div class="bt-post-location"><i class="fa fa-map-marker" aria-hidden="true"></i> '+postLocation+'</div>' : '';
postHTML += '<div class="col-12 col-sm-6 col-lg-4 mb-4"><div class="btemplates-post h-100">' +
'<div class="bt-post-thumbnail">' +
'<a href="' + postUrl + '">' +
'<img src="' + postThumbnail + '" width="' + postThumbnailWidth + 'px" alt="' + postTitle + '"/>' +
'</a>' +
'</div>' +
'<div class="bt-post-author-avatar">' +
'<img class="rounded-circle border" alt="By '+postAuthor+'" title="By '+postAuthor+'" width="50px" src="'+postAuthorAvatar+'"/>' +
'</div>' +
'<div class="bt-post-title">' +
'<a href="' + postUrl + '">' +
postTitle +
'</a>' +
'</div><hr class="subtitle-separator"/>' +
'<div class="bt-post-content">' +
postSummary +
'</div>' +
postLocation +
'<div class="bt-post-date">' +
postDate +
'</div>' +
'</div></div>';
} else if(postsStyle === 'bloglist'){
postHTML += '<div class="col-12 col-sm-6 col-lg-4 mb-4"><div class="btemplates-post h-100">' +
'<div class="bt-post-thumbnail">' +
'<a href="' + postUrl + '">' +
'<img src="' + postThumbnail + '" width="' + postThumbnailWidth + 'px" alt="' + postTitle + '"/>' +
'</a>' +
'</div>' +
'<div class="bt-post-title">' +
'<a href="' + postUrl + '">' +
postTitle +
'</a>' +
'</div>' +
'<div class="bt-post-date">' +
postDateStr +
'</div>' +
'<hr class="subtitle-separator"/>' +
'<div class="bt-post-content">' +
postSummary +
'</div>' +
'</div></div>';
} else if(postsStyle === 'postnav'){
var id = (i===0) ? 'next' : 'previous';
var arrow = (i===0) ? 'left' : 'right';
var arrowTitle = (i===0) ? '<i class="fa fa-angle-'+arrow+'" aria-hidden="true"></i> '+postTitle :
postTitle+' <i class="fa fa-angle-'+arrow+'" aria-hidden="true"></i>';
var align = (i===0) ? '' : 'justify-content-end';
postHTML += '<div class="col-12 col-sm-6" id="'+id+'-post">'+
'<div class="nav-post-thumb">'+
'<a href="'+postUrl+'">'+
'<img src="'+postThumbnail+'">'+
'</a>'+
'</div>'+
'<div class="nav-post-info d-flex align-items-center '+align+'">'+
'<a href="'+postUrl+'">'+arrowTitle+'</a>'+
'</div>'+
'</div>';
} else if(postsStyle === 'simplelist'){
postHTML += '<li class="row">' +
'<div class="col-1"><i class="fa fa-link" aria-hidden="true"></i></div>' +
'<div class="col-10"><a href="'+postUrl+'">'+postTitle+'</a></div>' +
'<div class="col-1"><a class="btn btn-light" href="'+postUrl+'" role="button"><i class="fa fa-chevron-right" aria-hidden="true"></i></a></div>' +
'</li>';
} else if( postsStyle === 'related' ){
postHTML += '<div class="related-post col-6 col-sm-4">' +
'<div class="related-post-thumb">' +
'<a href="'+postUrl+'">' +
'<img src="'+postThumbnail+'"/>' +
'</a>' +
'</div>' +
'<div class="related-post-info">' +
postTags+
'</div>' +
'<div class="related-post-title">' +
'<a href="'+postUrl+'">'+postTitle+'</a>'+
'</div>' +
'</div>';
} else if( postsStyle === 'video' ){
postHTML += '<div class="bt-post-title"><a href="'+postUrl+'"><h3>'+postTitle+'</h3></a></div>';
var youtubeRegex = /((?:https?:)?\/\/)?((?:www|m)\.)?((?:youtube\.com|youtu.be))(\/(?:[\w\-]+\?v=|embed\/|v\/)?)([\w\-]+)(\S+)?/i
if( youtubeRegex.exec( postContent ) ) {
var youtubeUrlArray = postContent.match( youtubeRegex );
var youtubeUrl = 'https://www.youtube.com/embed/'+youtubeUrlArray[5];
postHTML += '<div class="video-container"><iframe src="'+youtubeUrl+'" frameborder="0" allowfullscreen></iframe></div>'
postHTML += '<div class="bt-post-content">' +
'<a href="' + postUrl + '">' +
postSummary +
'</a>' +
'</div>';
} else {
postHTML = '<div class="post-body">'+postContent+'</div>'
}
} else {
postHTML += '<a href="'+postUrl+'">'+
'<div class="popular-thumbnail">'+
'<img alt="Image" sizes="65" src="'+postThumbnailSquare+'"/>'+
'</div>'+
'<div class="info">'+
'<div class="popular-post-title">'+postTitle+
'</div>'+
'<div class="popular-post-description">'+postSummary+
'</div>'+
'</div>'+
'</a>';
}
}
nextPostsUrl = ( postsType !== 'latest' ) ?
blogurl+'search/label/'+encodeURI(postsType)+'?updated-max='+olderPostDate+'&max-results='+postsToDisplay +'&start='+postsToDisplay+'&by-date=false':
blogurl+'search?updated-max='+olderPostDate+'&max-results='+postsToDisplay+'&start='+postsToDisplay+'&by-date=false';
if (postsStyle === 'slider') {
var indicatorHTML = '';
for (var l = 0; l < postsToDisplay; l++) {
var active = l === 0 ? ' active ' : '';
indicatorHTML += '<li data-target="#btemplates-posts-slider" data-slide-to="' + l + '" class="' + active + '"></li>';
}
indicatorHTML = '<ol class="carousel-indicators">' + indicatorHTML + '</ol>';
postHTML = '<div id="btemplates-posts-slider" class="carousel slide" data-ride="carousel">' +
indicatorHTML +
'<div class="carousel-inner">' +
postHTML +
'</div>' +
'<a class="carousel-control-prev" href="#btemplates-posts-slider" role="button" data-slide="prev">' +
'<span class="carousel-control-prev-icon" aria-hidden="true"></span>' +
'<span class="sr-only">Previous</span>' +
'</a>' +
'<a class="carousel-control-next" href="#btemplates-posts-slider" role="button" data-slide="next">' +
'<span class="carousel-control-next-icon" aria-hidden="true"></span>' +
'<span class="sr-only">Next</span>' +
'</a>' +
'</div>';
} else if (postsStyle === 'testimonial') {
var indicatorHTML = '';
for (var l = 0; l < postsToDisplay; l++) {
var active = l === 0 ? ' active ' : '';
indicatorHTML += '<li data-target="#btemplates-posts-slider" data-slide-to="' + l + '" class="' + active + '"></li>';
}
indicatorHTML = '<ol class="carousel-indicators">' + indicatorHTML + '</ol>';
postHTML = '<hr class="title-separator"/><div id="btemplates-posts-slider" class="carousel slide" data-ride="carousel">' +
//indicatorHTML +
'<div class="carousel-inner">' +
postHTML +
'</div>' +
'<a class="carousel-control-prev" href="#btemplates-posts-slider" role="button" data-slide="prev">' +
'<span class="carousel-control-prev-icon" aria-hidden="true"></span>' +
'<span class="sr-only">Previous</span>' +
'</a>' +
'<a class="carousel-control-next" href="#btemplates-posts-slider" role="button" data-slide="next">' +
'<span class="carousel-control-next-icon" aria-hidden="true"></span>' +
'<span class="sr-only">Next</span>' +
'</a>' +
'</div>';
} else if (postsStyle === 'menulist') {
var menuId = postsType.toLowerCase().replace(/[^a-z0-9]/, '');
postHTML = '<a class="nav-link dropdown-toggle" href="#" id="' + menuId + '" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
postsType +
'</a>' +
'<div class="dropdown-menu" aria-labelledby="' + menuId + '">' +
postHTML +
'</div>';
} else if (postsStyle === 'mosaic') {
postHTML = '<div class="btemplates-portfolio"><div class="row no-gutters">' + postHTML + '</div></div>';
} else if (postsStyle === 'course') {
postHTML = '<hr class="title-separator mb-4"/>' +
'<div class="btemplates-courses">' +
'<div class="row">' +
postHTML +
'</div>' +
'<div class="row justify-content-center">' +
'<div class="col-12 col-sm-6 col-lg-4">' +
'<a href="'+nextPostsUrl+'" class="btn btn-block btn-outline-info">' +
'<i class="fa fa-angle-double-right" aria-hidden="true"></i>' +
'</a>' +
'</div>' +
'</div>' +
'</div>';
} else if (postsStyle === 'bloglist') {
postHTML = '<hr class="title-separator mb-4"/>' +
'<div class="btemplates-blog">' +
'<div class="row">' +
postHTML +
'</div>' +
'<div class="row justify-content-center">' +
'<div class="col-12 col-sm-6 col-lg-4">' +
'<a href="'+nextPostsUrl+'" class="btn btn-block btn-outline-info">' +
'<i class="fa fa-angle-double-right" aria-hidden="true"></i>' +
'</a>' +
'</div>' +
'</div>' +
'</div>';
} else if (postsStyle === 'postnav') {
postHTML = '<div id="post-navigation" class="container"><div class="row">'+postHTML+'</div></div>';
} else if (postsStyle === 'simplelist') {
postHTML = '<ul>'+postHTML+'</ul>';
} else if (postsStyle === 'related') {
postHTML = '<div class="row">'+postHTML+'</div>';
} else if (postsStyle === 'video') {
postHTML = '<hr class="title-separator mb-4"/><div class="btemplates-videos">' + postHTML + '</div>';
} else {
postHTML = '<div class="PopularPosts">'+postHTML+'</div>';
}
return postHTML;
}
function btemplatesJqueryGetComments(el, commentsToDisplay) {
commentsToDisplay = parseInt(commentsToDisplay);
$j.get( blogurl + '/feeds/comments/summary', { 'alt':'json', 'max-results':commentsToDisplay }, function(data) {
var code = btemplatesProcessComments(data, commentsToDisplay);
el.html(code);
});
}
function btemplatesProcessComments(json, commentsToDisplay) {
if (json.feed.entry === undefined)
return 'No comments found';
var commentHTML = '';
var months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
for (var i = 0; i < commentsToDisplay; i++) {
var comment = commentDateTime = commentDate = commentYear = commentMonth = commentMonthName =
commentDay = commentUrl = commentContent = commentSummary = commentAuthor =
commentAuthorAvatar = postTitle = '';
comment = json.feed.entry[i];
if (comment === undefined)
continue;
commentDateTime = comment.published.$t;
commentDate = commentDateTime.substring(0, 10);
commentYear = commentDate.substring(0, 4);
commentMonth = commentDate.substring(5, 7);
commentMonthName = months[parseInt(commentMonth) - 1];
commentDay = commentDate.substring(8, 10);
commentAuthor = comment.author[0].name.$t;
for (var j = 0; j < comment.link.length; j++) {
if (comment.link[j].rel === 'alternate') {
commentUrl = comment.link[j].href;
break;
}
}
commentContent = commentSummary = comment.summary.$t;
commentAuthorAvatar = comment.author[0].gd$image.src;
if (commentAuthorAvatar.indexOf('blogblog.com/img/blank.gif') !== -1 ) {
commentAuthorAvatar = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvcuyxfjcF5Tr2ioEdUSrdJXwQwj2yC4vwoewJi2gLHkK0plo0xYkExDhkvAnpW2IMuUniDMiF5LtUkKM6o15NqajGqFAwaUUpX1BJZvm_gLJ2RTOo4KYpy0m3zc8Ip7pt9S8KquGzygey/s100/user.png';
}
postTitle = comment.title.$t;
commentHTML += '<a href="'+commentUrl+'" class="lt-comment">'+
'<div class="lt-comment-avatar">'+
'<img class="border-light rounded-circle bd-placeholder-img bd-placeholder-img-lg d-block w-100" width="50" height="50" src="' + commentAuthorAvatar + '" alt="' + commentAuthor + '"/>' +
'</div>'+
'<div class="lt-comment-content">'+
'<span class="lt-comment-author">'+commentAuthor+':</span> '+commentContent+
'</div>'+
'</a>';
}
return commentHTML;
}
linkListUl = $j('.navbar .section ul').each(function(){ $j(this).addClass('navbar-nav') });
$j('.navbar .section li').each(function(i){
var navItemText = $j(this).children('a').text();
$j(this).addClass('nav-item align-self-lg-center');
$j(this).children('a').addClass('nav-link');
var re = /^-([^-]+)/i;
var resub = /^--([^-]+)/i;
var retag = /^(tag:[^-]+)-?(\d+)?-?(true|false)?/i;
if (re.exec(navItemText) && ajaxSupport) {
var previousNavItem = $j(this).prev();
if(previousNavItem.length){
var navItemLink = $j(this).children('a').attr('href');
var navItemNewText = navItemText.replace(/^-/i, '');
var nextNavItem = $j(this).next();
var nextNavItemText = nextNavItem.text();
var previousNavItemLink = previousNavItem.children('a').attr('href');
var previousNavItemText = previousNavItem.children('a').text();
var newLink = subitems = '';
while( resub.exec($j(this).next().text()) ) {
subitems += '<a class="dropdown-item" href="' + $j(this).next().children('a').attr('href') + '">' +
'' + $j(this).next().text().replace('--', '') + '</a>';
$j(this).next().remove();
}
$j(this).remove();
if( resub.exec(nextNavItemText) ) {
newLink = '<div class="dropdown-submenu">' +
'<a id="sub-dropdown-'+i+'" role="button" class="dropdown-item dropdown-toggle" ' +
'data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" ' +
'href="'+navItemLink+'">'+navItemNewText+'</a>' +
'<div class="dropdown-menu" aria-labelledby="sub-dropdown-'+i+'">' +
subitems +
'</div>' +
'</div>';
} else {
newLink = '<a class="dropdown-item" href="' + navItemLink + '">' + navItemNewText + '</a>';
}
if (previousNavItem.hasClass('dropdown')) {
var dropdownList = previousNavItem.find('.dropdown-menu').first();
dropdownList.append(newLink);
} else {
previousNavItem.className += ' ' + 'dropdown';
previousNavItem.addClass('dropdown');
previousNavItem.html('<a class="nav-link dropdown-toggle" href="' + previousNavItemLink +
'" role="button" data-toggle="dropdown" id="dropdown-' + i + '" aria-haspopup="true" aria-expanded="false">' +
previousNavItemText +
'</a>' +
'<div class="dropdown-menu" aria-labelledby="dropdown-' + i + '">' +
newLink +
'</div>');
}
}
} else if (retag.exec(navItemText) && ajaxSupport) {
var dropdownSettings = navItemText.match(retag);
var postsType = dropdownSettings[1];
var postsToDisplay = parseInt(dropdownSettings[2]);
var postsThumbnailSize = dropdownSettings[3] === 'true' ? 200 : 0;
$j(this).addClass('dropdown');
$j(this).children('a').html(postsType.replace(/tag:|-\d/, ''));
btemplatesJqueryGetPosts($j(this), postsToDisplay, postsType, postsThumbnailSize, 'menulist');
}
});
$j('#topMenu').removeClass('d-none');
$j(function() {
$j("div.dropdown-menu [data-toggle='dropdown']").on("click", function(event) {
event.preventDefault();
event.stopPropagation();
$j(this).closest('.dropdown-menu.show').find('.dropdown-menu').removeClass('show');
$j(this).siblings().toggleClass("show");
if (!$j(this).next().hasClass('show')) {
$j(this).parents('.dropdown-menu').first().find('.show').removeClass("show");
}
$j(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function(e) {
$j('.dropdown-submenu .show').removeClass("show");
});
});
});
$j('.navbar-simple .section').each(function(){
if($j(this).find('.widget-content').length)
$j(this).html($j(this).find('.widget-content').html());
});
$j('.navbar-simple .section li').each(function(){
var navItemText = $j(this).children('a').text();
$j(this).addClass('nav-item');
$j(this).children('a').addClass('nav-link');
});
$j('.navbar-simple .section ul').each(function(){
$j(this).addClass('nav');
});
$j('.btemplates-dropdown nav, .btemplates-dropdown .navbar-simple').each(function(){
$j(this).removeClass('d-none');
});
$j('.HTML .widget-content').each(function(i){
var re = /^\s?(\d+)-(.*?)-(\d+)p?x?-?(list|slider|menulist|mosaic|course|testimonial|bloglist|video|related)?-?(\d*)?\s?$/i;
var commentsre = /(\d+)-comments/i;
if (re.exec($j(this).html()) && ajaxSupport) {
var postsSettings = $j(this).html().match(re);
var postsToDisplay = postsSettings[1];
var postsType = postsSettings[2];
var postsThumbnailSize = postsSettings[3];
var postsStyle = postsSettings[4] ? postsSettings[4] : 'list';
var postsExclude = postsSettings[5] ? postsSettings[5] : false;
$j(this).html('<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoIX2MiKfKB_Far5c9pTS2QuhfZ988TYz0e3Jcc7H52QtQ7crzxX_yq_0QIhR86TxKZV1mwuo7Z7Z4WWkUxEjkcmNhHSjCDUEBjEbu7ZP2tCoVboNagId2q091Ovv3tc_3qZMig4FoGVs/s1600/ajax-loader.gif" />');
btemplatesJqueryGetPosts($j(this), postsToDisplay, postsType, postsThumbnailSize, postsStyle, postsExclude);
} else if (commentsre.exec($j(this).html()) && ajaxSupport) {
var commentsSettings = $j(this).html().split('-');
var commentsToDisplay = parseInt(commentsSettings[0]);
$j(this).html('<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoIX2MiKfKB_Far5c9pTS2QuhfZ988TYz0e3Jcc7H52QtQ7crzxX_yq_0QIhR86TxKZV1mwuo7Z7Z4WWkUxEjkcmNhHSjCDUEBjEbu7ZP2tCoVboNagId2q091Ovv3tc_3qZMig4FoGVs/s1600/ajax-loader.gif" />');
btemplatesJqueryGetComments($j(this), commentsToDisplay);
}
});
$j('.post .post-body').each( function(i){
var re = /\[posts--(tag\:.*?)--(\d+)\]/i
if (re.exec($j(this).html()) && ajaxSupport) {
var postsSettings = $j(this).html().match(re);
var postsShortcode = postsSettings[0];
var postsTag = postsSettings[1];
var postsToDisplay = postsSettings[2];
var loading = '<div id="posts-list-tag" class="posts-list-tag"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoIX2MiKfKB_Far5c9pTS2QuhfZ988TYz0e3Jcc7H52QtQ7crzxX_yq_0QIhR86TxKZV1mwuo7Z7Z4WWkUxEjkcmNhHSjCDUEBjEbu7ZP2tCoVboNagId2q091Ovv3tc_3qZMig4FoGVs/s1600/ajax-loader.gif" /></div>';
$j(this).html( $j(this).html().replace( postsShortcode, loading ) );
var postsContainerId = $j('#posts-list-tag');
btemplatesJqueryGetPosts( postsContainerId, postsToDisplay, postsTag, 0, 'simplelist' );
}
});
var newerPost = $j(".blog-pager-newer-link");
var olderPost = $j(".blog-pager-older-link");
if (newerPost.length || olderPost.length) {
newerPost = newerPost.length ? newerPost.attr('href') : '';
olderPost = olderPost.length ? olderPost.attr('href') : '';
btemplatesJqueryNextPosts($j('#blog-pager'), newerPost, olderPost, 175);
}
$j('body').on('click', '.btemplates-portfolio .item', function () {
window.location = $j(this).find('a').attr('href');
});
$j('#btemplates-search-icon').on('shown.bs.modal', function () {
$j('#btemplates-search .BlogSearch input[type="text"]').trigger('focus');
});
var btDate = new Date();
$j('#this-year').text(btDate.getFullYear());
$j(window).scroll(function () {
$j(this).scrollTop() > 400 ? $j("#back-top").fadeIn() : $j("#back-top").fadeOut()
});
$j("#back-top").click(function () {
return $j("body,html").animate({scrollTop: 0}, 800), !1
});
$j('#comments .avatar-image-container img').each( function(){
var defaultBloggerAvatarRegex = /\/\/lh\d\.googleusercontent\.com.*=s35/i;
var currentAvatar = $j(this).attr('src');
if( defaultBloggerAvatarRegex.test(currentAvatar) ){
var newDefaultAvatar = currentAvatar.replace('s35', 's100');
$j(this).attr('src', newDefaultAvatar);
}
});
});
//]]>
</script>
</body>
</html>
Comentários
Postar um comentário