*

*
<p/> <input class='contact-form-button contact-form-button-submit' 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:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> </div> <!-- CAMPUS --> <div class='bt-section' id='bt-campus'> <div class='container'> <b:section id='portfolio-footer' name='Campus gallery' showaddelement='yes'> <b:widget id='HTML98' locked='false' title='Our Campus' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>4-latest-600px-mosaic</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'> <h2 class='bt-section-title'><data:title/></h2> <div class='bt-separator'/> </b:if> <div class='widget-content'><data:content/></div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> </div> </b:if> <!-- MAIN CONTENT (non-homepage) --> <b:if cond='data:view.isLayoutMode || data:view.isPreview || data:blog.url != data:blog.homepageUrl'> <div class='container-fluid'> <div class='container' id='btemplates-main-content'> <b:if cond='data:blog.pageType != "item"'> <div id='btemplates-first-post'> <b:section id='ContentAfterFirstPost'> <b:widget id='HTML88' locked='false' title='Ads block' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<div class="d-flex justify-content-center"><img src="//3.bp.blogspot.com/-9ytRH_q5x6M/VmQXH-c5HiI/AAAAAAAAIqE/F0Flg9iHwKA/s000/728x90.jpg" alt="Banner 728x90px" width="728" height="auto" style="max-width: 100%"/></div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if> <div class='widget-content'><data:content/></div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> </b:if> <div class='row'> <div class='col-lg-9' id='content-wrapper'> <div id='main-wrapper'> <b:if cond='data:blog.pageType == "error_page"'> <style type='text/css'>.status-msg-wrap {display: none;}</style> <div class='text-center' id='btemplates-404'> <h4>Error 404<br/>Not Found</h4> </div> <b:section class='text-center' id='btemplates-error-404'> <b:widget id='Image81' locked='false' title='' type='Image' version='1'> <b:widget-settings> <b:widget-setting name='displayUrl'>http://3.bp.blogspot.com/-U4aKyqWTgek/Xtu3dmEzhQI/AAAAAAAABUw/kl-0Sy5F9nIZi04VyfQ6IoWJx_vW5Nu8wCK4BGAYYCw/s1600/404.png</b:widget-setting> <b:widget-setting name='displayHeight'>981</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'>1200</b:widget-setting> <b:widget-setting name='link'/> <b:widget-setting name='caption'/> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'><h2><data:title/></h2></b:if> <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:tag> <br/> <b:if cond='data:caption'><span class='caption'><data:caption/></span></b:if> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='Text49' locked='false' title='' type='Text' version='1'> <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:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if> <div class='widget-content'><data:content/></div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='Label36' locked='false' title='Sections-BTLabels' type='Label' version='1'> <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'> <b:if cond='data:title != ""'><h2><data:title/></h2></b:if> <div expr:class='"widget-content " + data:display + "-label-widget-content"'> <b:if cond='data:display == "list"'> <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'><span dir='ltr'>(<data:label.count/>)</span></b:if> </li> </b:loop> </ul> <b:else/> <b:loop values='data:labels' var='label'> <span expr:class='"label-size label-size-" + data:label.cssSize'> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'><span class='label-count' dir='ltr'>(<data:label.count/>)</span></b:if> </span> </b:loop> </b:if> <b:include name='quickedit'/> </div> </b:includable> </b:widget> </b:section> </b:if> <b:section class='main' id='main' name='Main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1'> <b:widget-settings> <b:widget-setting name='showDateHeader'>true</b:widget-setting> <b:widget-setting name='commentLabel'>Comments</b:widget-setting> <b:widget-setting name='style.textcolor'>#ffffff</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='showCommentLink'>true</b:widget-setting> <b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting> <b:widget-setting name='showAuthor'>true</b:widget-setting> <b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting> <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting> <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting> <b:widget-setting name='reactionsLabel'/> <b:widget-setting name='showAuthorProfile'>true</b:widget-setting> <b:widget-setting name='style.layout'>1x1</b:widget-setting> <b:widget-setting name='showLabels'>true</b:widget-setting> <b:widget-setting name='showLocation'>false</b:widget-setting> <b:widget-setting name='showTimestamp'>true</b:widget-setting> <b:widget-setting name='postsPerAd'>1</b:widget-setting> <b:widget-setting name='showBacklinks'>false</b:widget-setting> <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting> <b:widget-setting name='showInlineAds'>false</b:widget-setting> <b:widget-setting name='showReactions'>false</b:widget-setting> </b:widget-settings> <b:includable id='main' var='top'> <b:if cond='!data:mobile'> <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <b:loop values='data:posts' var='post'> <b:if cond='data:post.isDateStart and not data:post.isFirstPost'> </div></div> </b:if> <b:if cond='data:post.isDateStart'> <div class="date-outer"> </b:if> <b:if cond='data:post.isDateStart'> <div class="date-posts"> </b:if> <div class='post-outer'> <b:include data='post' name='post'/> <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/> </div> <b:if cond='data:post.includeAd'> <div class='inline-ad'><data:adCode/></div> </b:if> </b:loop> <b:if cond='data:numPosts != 0'></div></div></b:if> </div> <b:include name='nextprev'/> <b:else/> <b:include name='mobile-main'/> </b:if> <b:include cond='data:top.showPlusOne' name='googlePlusBootstrap'/> </b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'> <span expr:class='"item-control " + data:backlink.adminClass'> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> <img src='https://resources.blogblog.com/img/icon_delete13.gif'/> </a> </span> </b:includable> <b:includable id='backlinks' var='post'> <a name='links'/><h4><data:post.backlinksLabel/></h4> <b:if cond='data:post.numBacklinks != 0'> <dl class='comments-block' id='comments-block'> <b:loop values='data:post.backlinks' var='backlink'> <div class='collapsed-backlink backlink-control'> <dt class='comment-title'> <span class='backlink-toggle-zippy'> </span> <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a> <b:include data='backlink' name='backlinkDeleteIcon'/> </dt> <dd class='comment-body collapseable'><data:backlink.snippet/></dd> <dd class='comment-footer collapseable'> <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span> <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span> </dd> </div> </b:loop> </dl> </b:if> <p class='comment-footer'> <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a> </p> </b:includable> <b:includable id='btemplates-breadcrumbs' var='post'> <b:if cond='data:blog.pageType == "item"'> <nav aria-label='breadcrumb' role='navigation'> <ol class='breadcrumb'> <li aria-current='page' class='breadcrumb-item'> <a expr:href='data:blog.homepageUrl' rel='tag'><i class='bi bi-house-fill me-1'/><data:messages.home/></a> </li> <b:if cond='data:post.labels'> <li aria-current='page' class='breadcrumb-item'> <a class='b-label' expr:href='data:post.labels.first.url'><data:post.labels.first.name/></a> </li> </b:if> <li aria-current='page' class='breadcrumb-item active'><data:post.title/></li> </ol> </nav> </b:if> </b:includable> <b:includable id='btemplates-post-content' var='post'> <b:if cond='data:post.body'> <b:if cond='data:blog.pageType == "item" || data:blog.pageType == "static_page"'> <div class='post-body entry-content mb-4 pb-4' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'> <data:post.body/> <div style='clear: both;'/> </div> <b:else/> <b:if cond='data:post.firstImageUrl'> <div class='post-thumb mb-4 text-center'> <a expr:href='data:post.link ? data:post.link : data:post.url'> <img expr:alt='data:post.title' expr:src='data:post.firstImageUrl resizeImage 850' expr:srcset='sourceSet(data:post.firstImageUrl, [200,400,600,800])'/> </a> </div> </b:if> <div class='post-summary entry-content mb-4 pb-4 border-bottom' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'> <b:eval expr='snippet(data:post.longSnippet, {length: 160, links: true, linebreaks: false})'/> <div style='clear: both;'/> <b:if cond='data:post.longSnippet != ""'> <a class='read-more float-start' expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a> </b:if> <div style='clear: both;'/> </div> </b:if> </b:if> </b:includable> <b:includable id='btemplates-seo-title' var='post'> <b:if cond='data:post.title'> <b:if cond='data:blog.pageType == "item"'> <h1 class='post-title entry-title text-center' itemprop='name'><data:post.title/></h1> <b:else/> <h2 class='post-title entry-title text-center' itemprop='name'> <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a> </h2> </b:if> </b:if> </b:includable> <b:includable id='comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <h4 id='comment-post-message'><a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/> <b:else/> <h4 id='comment-post-message'><data:postCommentMsg/></h4> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/> </b:if> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>'); </script> </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:top.deleteCommentMsg'> <img src='https://resources.blogblog.com/img/icon_delete13.gif'/> </a> </b:if> </span> </b:includable> <b:includable id='comment_count_picker' var='post'> <b:if cond='data:post.commentSource == 1'> <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.url.canonical.http'></span> <b:else/> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <i aria-hidden='true' class='bi bi-chat'/> <data:post.commentLabelFull/>. </a> </b:if> </b:includable> <b:includable id='comment_picker' var='post'> <b:if cond='data:post.commentSource == 1'> <b:include data='post' name='iframe_comments'/> <b:elseif cond='data:post.showThreadedComments'/> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:includable> <b:includable id='comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'> <h4><data:post.commentLabelFull/>:</h4> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <b:if cond='data:post.hasOlderLinks'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>  <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>  </b:if> <data:post.commentRangeText/> <b:if cond='data:post.hasNewerLinks'>  <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>  <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a> </b:if> </span> </b:if> <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'> <dl expr:class='data:post.avatarIndentClass' id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'> <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> </b:if> <a expr:name='data:comment.anchorName'/> <b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p><data:comment.body/></p> </b:if> </dd> <dd 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> </dd> </b:loop> </dl> </div> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>  <data:post.commentRangeText/>  <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a> </span> </b:if> <p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> <b:elseif cond='data:post.allowComments'/> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </p> </b:if> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'></iframe> </div> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + "_backlinks-container"'> <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/> </div> </div> </div> </b:includable> <b:includable id='feedLinks'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:feedLinks'> <div class='blog-feeds'><b:include data='feedLinks' name='feedLinksBody'/></div> </b:if> <b:else/> <div class='post-feeds'> <b:loop values='data:posts' var='post'> <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/> </b:loop> </div> </b:if> </b:includable> <b:includable id='feedLinksBody' var='links'> <div class='feed-links'> <data:feedLinksMsg/> <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='iframe_comments' var='post'> <b:if cond='data:post.allowIframeComments'> <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/> <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/> <b:if cond='data:post.embedCommentForm == "false"'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </b:includable> <b:includable id='mobile-index-post' var='post'> <div class='mobile-date-outer date-outer'> <b:if cond='data:post.dateHeader'> <div class='date-header'><span><data:post.dateHeader/></span></div> </b:if> <div class='mobile-post-outer'> <a expr:href='data:post.url'> <h3 class='mobile-index-title entry-title' itemprop='name'><data:post.title/></h3> <div class='mobile-index-arrow'>&rsaquo;</div> <div class='mobile-index-contents'> <b:if cond='data:post.thumbnailUrl'> <div class='mobile-index-thumbnail'> <div class='Image'><img expr:src='data:post.thumbnailUrl'/></div> </div> </b:if> <div class='post-body'> <b:if cond='data:post.snippet'><data:post.snippet/></b:if> </div> </div> <div style='clear: both;'/> </a> <div class='mobile-index-comment'> <b:include cond='data:blog.pageType != "static_page" and data:post.allowComments and data:post.numComments != 0' data='post' name='comment_count_picker'/> </div> </div> </div> </b:includable> <b:includable id='mobile-main' var='top'> <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <b:if cond='data:blog.pageType == "index"'> <b:loop values='data:posts' var='post'> <b:include data='post' name='mobile-index-post'/> </b:loop> <b:else/> <b:loop values='data:posts' var='post'> <b:include data='post' name='mobile-post'/> </b:loop> </b:if> </div> <b:include name='mobile-nextprev'/> </b:includable> <b:includable id='mobile-nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <div class='mobile-link-button' id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a> </div> </b:if> <b:if cond='data:olderPageUrl'> <div class='mobile-link-button' id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a> </div> </b:if> <div class='mobile-link-button' id='blog-pager-home-link'> <a class='home-link' expr:href='data:blog.homepageUrl'><i class='bi bi-house-fill'/></a> </div> <div class='mobile-desktop-link'> <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a> </div> </div> <div class='clear'/> </b:includable> <b:includable id='mobile-post' var='post'> <div class='date-outer'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><span><data:post.dateHeader/></span></h2> </b:if> <div class='date-posts'> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <b:if cond='data:post.thumbnailUrl'> <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/> </b:if> <meta expr:content='data:blog.blogId' itemprop='blogId'/> <meta expr:content='data:post.id' itemprop='postId'/> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:elseif cond='data:post.url and data:blog.url != data:post.url'/> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </h3> </b:if> <div class='post-header'><div class='post-header-line-1'/></div> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'> <data:post.body/> <div style='clear: both;'/> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </span> <b:else/> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <span itemprop='name'><data:post.author/></span> </span> </b:if> </b:if> </span> <span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if cond='data:post.url'> <meta expr:content='data:post.url.canonical' itemprop='url'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a> </b:if> </b:if> </span> <span class='post-comment-link'> <b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/> </span> </div> <div class='post-footer-line post-footer-line-2'> <b:if cond='data:top.showMobileShare'> <div class='mobile-link-button goog-inline-block' id='mobile-share-button'> <a href='javascript:void(0);'><data:shareMsg/></a> </div> </b:if> <b:if cond='data:top.showDummy'> <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div> </b:if> </div> </div> </div> <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/> </div> </div> </div> </b:includable> <b:includable id='nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a> </span> </b:if> <b:if cond='data:olderPageUrl'> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a> </span> </b:if> <a class='home-link' expr:href='data:blog.homepageUrl'><i class='bi bi-house-fill'/></a> <b:if cond='data:mobileLinkUrl'> <div class='blog-mobile-link'><a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a></div> </b:if> </div> <div class='clear'/> </b:includable> <b:includable id='post' var='post'> <div class='post hentry uncustomized-post-template mb-5' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <b:if cond='data:post.firstImageUrl'> <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/> </b:if> <meta expr:content='data:blog.blogId' itemprop='blogId'/> <meta expr:content='data:post.id' itemprop='postId'/> <b:include cond='data:view.isPost' data='post' name='btemplates-breadcrumbs'/> <a expr:name='data:post.id'/> <div class='post-header-card'> <b:include data='post' name='btemplates-seo-title'/> <div class='post-meta'> <b:if cond='data:top.showTimestamp'> <span class='post-meta-date'><i class='bi bi-calendar3 me-1'/><data:post.date/></span> <span class='meta-sep'>·</span> </b:if> <span class='post-meta-readtime'><i class='bi bi-clock me-1'/><span class='bt-reading-time'>min read</span></span> <b:if cond='data:post.allowComments and data:post.numComments != 0'> <span class='meta-sep'>·</span> <span class='post-meta-comments'><i class='bi bi-chat-dots me-1'/><data:post.numComments/></span> </b:if> </div> <b:if cond='data:top.showAuthor or (data:top.showPostLabels and data:post.labels)'> <div class='post-header-line-1'> <b:if cond='data:top.showAuthor'> <span class='post-author-vcard'> <i class='bi bi-person-fill'/> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <b:if cond='data:post.authorProfileUrl'> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> <b:else/> <span itemprop='name'><data:post.author/></span> </b:if> </span> </span> </b:if> <b:if cond='data:top.showPostLabels and data:post.labels'> <span class='post-labels'> <i class='bi bi-bookmark-fill'/> <b:loop values='data:post.labels' var='label'> <a class='post-label-badge' expr:href='data:label.url' rel='tag'><data:label.name/></a> </b:loop> </span> </b:if> </div> </b:if> </div> <b:include data='post' name='btemplates-post-content'/> <div class='container mb-4'> <div class='post-footer text-center'> <div class='post-footer-line post-footer-line-1'> <b:if cond='data:post.sharePostUrl'> <div class='bt-post-share-buttons'> <b:if cond='data:top.showEmailButton'> <a expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'> <i aria-hidden='true' class='bi bi-envelope-open'/> </a> </b:if> <b:if cond='data:top.showTwitterButton'> <a expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'> <i aria-hidden='true' class='bi bi-twitter-x'/> </a> </b:if> <b:if cond='data:top.showFacebookButton'> <a expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'> <i aria-hidden='true' class='bi bi-facebook'/> </a> </b:if> <b:if cond='data:top.showPinterestButton'> <a expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'> <i aria-hidden='true' class='bi bi-pinterest'/> </a> </b:if> <a expr:href='"https://api.whatsapp.com/send?text=" + data:post.title + ": " + data:post.url' target='_blank'> <i aria-hidden='true' class='bi bi-whatsapp'/> </a> </div> </b:if> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <b:if cond='data:post.url'> <meta expr:content='data:post.url.canonical' itemprop='url'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a> </b:if> </b:if> </span> <span class='reaction-buttons'> <b:if cond='data:top.showReactions'> <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr> <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'> <span class='reactions-label'><data:top.reactionsLabel/></span>  </td> <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td> </tr></table> </b:if> </span> <span class='post-backlinks post-comment-link'> <b:if cond='data:blog.pageType not in {"item","static_page"} and data:post.showBacklinks'> <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a> </b:if> </span> <span class='post-icons'> <b:if cond='data:post.emailPostUrl'> <span class='item-action'> <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'> <img alt='' class='icon-action' height='13' src='https://resources.blogblog.com/img/icon18_email.gif' width='18'/> </a> </span> </b:if> <b:include data='post' name='postQuickEdit'/> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-comment-link'> <b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/> </span> <span class='post-location'> <b:if cond='data:top.showLocation and data:post.location'> <data:postLocationLabel/> <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a> </b:if> </span> </div> </div> </div> <b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.authorAboutMe'> <div id='btemplates-author-box' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <b:if cond='data:post.authorPhoto.url'> <img class='rounded-circle' expr:src='data:post.authorPhoto.url resizeImage 150' itemprop='image'/> </b:if> <div class='author-body'> <div class='author-name'> <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </div> <div class='author-desc' itemprop='description'><data:post.authorAboutMe/></div> </div> </div> </b:if> </b:if> </div> </b:includable> <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='"item-control " + data:post.adminClass'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </b:if> </b:includable> <b:includable id='shareButtons' var='post'> <b:if cond='data:top.showEmailButton'> <a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'> <span class='share-button-link-text'><data:top.emailThisMsg/></span> </a> </b:if> <b:if cond='data:top.showBlogThisButton'> <a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'> <span class='share-button-link-text'><data:top.blogThisMsg/></span> </a> </b:if> <b:if cond='data:top.showTwitterButton'> <a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'> <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span> </a> </b:if> <b:if cond='data:top.showFacebookButton'> <a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'> <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span> </a> </b:if> <b:if cond='data:top.showPinterestButton'> <a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'> <span class='share-button-link-text'><data:top.shareToPinterestMsg/></span> </a> </b:if> <b:if cond='data:top.showPlusOne'> <div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div> </b:if> </b:includable> <b:includable id='status-message'> <b:if cond='data:navMessage'> <div class='status-msg-wrap'> <div class='status-msg-body'><data:navMessage/></div> <div class='status-msg-border'> <div class='status-msg-bg'> <div class='status-msg-hidden'><data:navMessage/></div> </div> </div> </div> <div style='clear: both;'/> </b:if> </b:includable> <b:includable id='threaded-comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/> <b:else/> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/> </b:if> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>'); </script> </div> </b:includable> <b:includable id='threaded_comment_js' var='post'> <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/> <script type='text/javascript'> (function() { var items = <data:post.commentJso/>; var msgs = <data:post.commentMsgs/>; var config = <data:post.commentConfig/>; var cursor = null; if (items && items.length > 0) { cursor = parseInt(items[items.length - 1].timestamp) + 1; } var bodyFromEntry = function(entry) { var text = (entry && ((entry.content && entry.content.$t) || (entry.summary && entry.summary.$t))) || ''; if (entry && entry.gd$extendedProperty) { for (var k in entry.gd$extendedProperty) { if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') { return '<span class="deleted-comment">' + text + '</span>'; } } } return text; } var parse = function(data) { cursor = null; var comments = []; if (data && data.feed && data.feed.entry) { for (var i = 0, entry; entry = data.feed.entry[i]; i++) { var comment = {}; var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t); comment.id = id ? id[2] : null; comment.body = bodyFromEntry(entry); comment.timestamp = Date.parse(entry.published.$t) + ''; if (entry.author && entry.author.constructor === Array) { var auth = entry.author[0]; if (auth) { comment.author = { name: (auth.name ? auth.name.$t : undefined), profileUrl: (auth.uri ? auth.uri.$t : undefined), avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined) }; } } if (entry.link) { if (entry.link[2]) { comment.link = comment.permalink = entry.link[2].href; } if (entry.link[3]) { var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href); if (pid && pid[1]) { comment.parentId = pid[1]; } } } comment.deleteclass = 'item-control blog-admin'; if (entry.gd$extendedProperty) { for (var k in entry.gd$extendedProperty) { if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') { comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value; } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') { comment.displayTime = entry.gd$extendedProperty[k].value; } } } comments.push(comment); } } return comments; }; var paginator = function(callback) { if (hasMore()) { var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50'; if (cursor) { url += '&published-min=' + new Date(cursor).toISOString(); } window.bloggercomments = function(data) { var parsed = parse(data); cursor = parsed.length < 50 ? null : parseInt(parsed[parsed.length - 1].timestamp) + 1 callback(parsed); window.bloggercomments = null; } url += '&callback=bloggercomments'; var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; document.getElementsByTagName('head')[0].appendChild(script); } }; var hasMore = function() { return !!cursor; }; var getMeta = function(key, comment) { if ('iswriter' == key) { var matches = !!comment.author && comment.author.name == config.authorName && comment.author.profileUrl == config.authorUrl; return matches ? 'true' : ''; } else if ('deletelink' == key) { return config.baseUri + '/delete-comment.g?blogID=' + config.blogId + '&postID=' + comment.id; } else if ('deleteclass' == key) { return comment.deleteclass; } return ''; }; var replybox = null; var replyUrlParts = null; var replyParent = undefined; var onReply = function(commentId, domId) { if (replybox == null) { replybox = document.getElementById('comment-editor'); if (replybox != null) { replybox.height = '250px'; replybox.style.display = 'block'; replyUrlParts = replybox.src.split('#'); } } if (replybox && (commentId !== replyParent)) { replybox.src = ''; document.getElementById(domId).insertBefore(replybox, null); replybox.src = replyUrlParts[0] + (commentId ? '&parentID=' + commentId : '') + '#' + replyUrlParts[1]; replyParent = commentId; } }; var hash = (window.location.hash || '#').substring(1); var startThread, targetComment; if (/^comment-form_/.test(hash)) { startThread = hash.substring('comment-form_'.length); } else if (/^c[0-9]+$/.test(hash)) { targetComment = hash.substring(1); } var configJso = { 'maxDepth': config.maxThreadDepth }; var provider = { 'id': config.postId, 'data': items, 'loadNext': paginator, 'hasMore': hasMore, 'getMeta': getMeta, 'onReply': onReply, 'rendered': true, 'initComment': targetComment, 'initReplyThread': startThread, 'config': configJso, 'messages': msgs }; var render = function() { if (window.goog && window.goog.comments) { var holder = document.getElementById('comment-holder'); window.goog.comments.render(holder, provider); } }; if (window.goog && window.goog.comments) { render(); } else { window.goog = window.goog || {}; window.goog.comments = window.goog.comments || {}; window.goog.comments.loadQueue = window.goog.comments.loadQueue || []; window.goog.comments.loadQueue.push(render); } })(); </script> </b:includable> <b:includable id='threaded_comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <h4><data:post.commentLabelFull/>:</h4> <div class='comments-content'> <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/> <div id='comment-holder'><data:post.commentHtml/></div> </div> <p class='comment-footer'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='threaded-comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> </p> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'></iframe> </div> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + "_backlinks-container"'> <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/> </div> </div> </div> </b:includable> </b:widget> </b:section> </div> </div> <div class='col-lg-3' id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' name='Sidebar' preferred='yes'> <b:widget id='BlogSearch43' locked='false' title='SEARCH' type='BlogSearch' version='1'> <b:includable id='main'> <b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if> <div class='widget-content'> <div expr:id='data:widget.instanceId + "_form"'> <form class='gsc-search-box' expr:action='data:blog.searchUrl'> <b:attr cond='not data:view.isPreview' name='target' value='_top'/> <div class='input-group'> <input autocomplete='off' class='gsc-input form-control' expr:value='data:view.isSearch ? data:view.search.query.escaped : ""' name='q' size='10' title='search' type='text'/> <div class='input-group-append'> <input class='gsc-search-button btn btn-info' expr:value='data:messages.search' title='search' type='submit'/> </div> </div> </form> </div> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='HTML67' locked='false' title='LATEST' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>3-latest-65px</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if> <div class='widget-content'><data:content/></div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='LinkList73' locked='false' title='FOLLOW ME' type='LinkList' version='1'> <b:widget-settings> <b:widget-setting name='sorting'>NONE</b:widget-setting> <b:widget-setting name='text-0'>Tiktok</b:widget-setting> <b:widget-setting name='link-0'>https://tiktok.com/@USER_NAME</b:widget-setting> <b:widget-setting name='text-1'>Mastodon</b:widget-setting> <b:widget-setting name='link-1'>https://mastodon.social/@USER_NAME</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if> <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> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <b:widget id='Label1' locked='false' title='SECCIONS' type='Label' version='1'> <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'>true</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'><h2><data:title/></h2></b:if> <div expr:class='"widget-content " + data:display + "-label-widget-content"'> <b:if cond='data:display == "list"'> <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'><span dir='ltr'>(<data:label.count/>)</span></b:if> </li> </b:loop> </ul> <b:else/> <b:loop values='data:labels' var='label'> <span expr:class='"label-size label-size-" + data:label.cssSize'> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'><span class='label-count' dir='ltr'>(<data:label.count/>)</span></b:if> </span> </b:loop> </b:if> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <b:widget id='Profile1' locked='false' title='ABOUT' type='Profile' version='1'> <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'> <b:if cond='data:title != ""'><h2><data:title/></h2></b:if> <div class='widget-content'> <b:if cond='data:team'> <div class='team'> <ul> <b:loop values='data:authors' var='i'> <li> <div class='team-member'> <div class='team-avatar'><i class='bi bi-person'/></div> <div class='team-info'> <a class='profile-link g-profile' expr:href='data:i.userUrl'><data:i.display-name/></a> </div> <a class='team-profile-btn g-profile' expr:href='data:i.userUrl' expr:title='data:messages.visitProfile'><i class='bi bi-box-arrow-up-right'/></a> </div> </li> </b:loop> </ul> </div> <b:else/> <div class='individual'> <b:if cond='data:photo.url != ""'> <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:displayname' expr:src='data:photo.url'/></a> <b:else/> <div class='profile-avatar-fallback'><i class='bi bi-person'/></div> </b:if> <div class='profile-name'> <a class='g-profile' expr:href='data:userUrl' rel='author'><data:displayname/></a> </div> <b:if cond='data:aboutme != ""'> <div class='profile-textblock'><data:aboutme/></div> </b:if> <a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a> </div> </b:if> <b:include name='quickedit'/> </div> </b:includable> </b:widget> </b:section> </div> <div class='clear'> </div> </div> </div> </div> </b:if> <!-- FOOTER --> <div class='bt-footer' id='footers'> <div class='container'> <div class='row py-5'> <b:section class='col-md-6 col-lg-4' id='footer-1' name='Footer 1' showaddelement='yes'> <b:widget id='PopularPosts2' locked='false' title='Popular' type='PopularPosts' version='1'> <b:widget-settings> <b:widget-setting name='numItemsToShow'>3</b:widget-setting> <b:widget-setting name='showThumbnails'>true</b:widget-setting> <b:widget-setting name='showSnippets'>true</b:widget-setting> <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'><h2><data:title/></h2></b:if> <div class='widget-content popular-posts'> <ul> <b:loop values='data:posts' var='post'> <li> <b:if cond='!data:showThumbnails'> <b:if cond='!data:showSnippets'> <a expr:href='data:post.href'><data:post.title/></a> <b:else/> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <div class='item-snippet'><data:post.snippet/></div> </b:if> <b:else/> <div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'> <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 200, "4:3") : data:post.thumbnail' var='image'> <img alt='' border='0' expr:src='data:image'/> </b:with> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <b:if cond='data:showSnippets'> <div class='item-snippet'><data:post.snippet/></div> </b:if> </div> <div style='clear: both;'/> </b:if> </li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <b:widget id='BlogArchive2' locked='false' title='Archive' type='BlogArchive' version='1'> <b:widget-settings> <b:widget-setting name='showStyle'>FLAT</b:widget-setting> <b:widget-setting name='yearPattern'>yyyy</b:widget-setting> <b:widget-setting name='showWeekEnd'>true</b:widget-setting> <b:widget-setting name='monthPattern'>MMMM</b:widget-setting> <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting> <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting> <b:widget-setting name='chronological'>false</b:widget-setting> <b:widget-setting name='showPosts'>false</b:widget-setting> <b:widget-setting name='frequency'>MONTHLY</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'><h2><data:title/></h2></b:if> <div class='widget-content'> <div id='ArchiveList'> <div expr:id='data:widget.instanceId + "_ArchiveList"'> <b:include cond='data:style == "HIERARCHY"' data='data' name='interval'/> <b:include cond='data:style == "FLAT"' data='data' name='flat'/> <b:include cond='data:style == "MENU"' data='data' name='menu'/> </div> </div> <b:include name='quickedit'/> </div> </b:includable> <b:includable id='flat' var='data'> <ul class='flat'> <b:loop values='data:data' var='i'> <li class='archivedate'> <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>) </li> </b:loop> </ul> </b:includable> <b:includable id='interval' var='intervalData'> <b:loop values='data:intervalData' var='interval'> <ul class='hierarchy'> <li expr:class='"archivedate " + data:interval.expclass'> <b:include cond='data:interval.toggleId' data='interval' name='toggle'/> <a class='post-count-link' expr:href='data:interval.url'><data:interval.name/></a> <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span> <b:include cond='data:interval.data' data='interval.data' name='interval'/> <b:include cond='data:interval.posts' data='interval.posts' name='posts'/> </li> </ul> </b:loop> </b:includable> <b:includable id='menu' var='data'> <select expr:id='data:widget.instanceId + "_ArchiveMenu"'> <option value=''><data:title/></option> <b:loop values='data:data' var='i'> <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option> </b:loop> </select> </b:includable> <b:includable id='posts' var='posts'> <ul class='posts'> <b:loop values='data:posts' var='post'> <li><a expr:href='data:post.url'><data:post.title/></a></li> </b:loop> </ul> </b:includable> <b:includable id='toggle' var='interval'> <a class='toggle' href='javascript:void(0)'> <span expr:class='"zippy" + (data:interval.expclass == "expanded" ? " toggle-open" : "")'> <b:if cond='data:interval.expclass == "expanded"'> ▼  <b:elseif cond='data:blog.languageDirection == "rtl"'/> ◄  <b:else/> ►  </b:if> </span> </a> </b:includable> </b:widget> </b:section> <b:section class='col-md-6 col-lg-4' id='footer-2' name='Footer 2' showaddelement='yes'> <b:widget id='HTML1' locked='false' title='Latest courses' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>3-latest-65px</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if> <div class='widget-content'><data:content/></div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='Label2' locked='false' title='Categories' type='Label' version='1'> <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'> <b:if cond='data:title != ""'><h2><data:title/></h2></b:if> <div expr:class='"widget-content " + data:display + "-label-widget-content"'> <b:if cond='data:display == "list"'> <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'><span dir='ltr'>(<data:label.count/>)</span></b:if> </li> </b:loop> </ul> <b:else/> <b:loop values='data:labels' var='label'> <span expr:class='"label-size label-size-" + data:label.cssSize'> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'><span class='label-count' dir='ltr'>(<data:label.count/>)</span></b:if> </span> </b:loop> </b:if> <b:include name='quickedit'/> </div> </b:includable> </b:widget> </b:section> <b:section class='col-md-6 col-lg-4' id='footer-3' name='Footer 3' showaddelement='yes'> <b:widget id='HTML63' locked='false' title='Comments' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>3-comments</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if> <div class='widget-content'><data:content/></div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='Text19' locked='false' title='About' type='Text' version='1'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if> <div class='widget-content'><data:content/></div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='Image19' locked='false' title='' type='Image' version='1'> <b:widget-settings> <b:widget-setting name='displayUrl'>https://resources.blogblog.com/img/blank.gif</b:widget-setting> <b:widget-setting name='displayHeight'>28</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'>270</b:widget-setting> <b:widget-setting name='link'/> <b:widget-setting name='caption'/> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'><h2><data:title/></h2></b:if> <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:tag> <br/> <b:if cond='data:caption'><span class='caption'><data:caption/></span></b:if> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> </div> </div> <!-- FOOTER BOTTOM --> <div class='container-fluid' id='bt-footer-bottom'> <div class='container'> <div class='row py-3 align-items-center'> <div class='col-md-6'> <span id='you-can-modify-this-as-you-want'> Copyright © <span id='this-year'>2026</span> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> </span> </div> <div class='col-md-6 text-md-end' id='please-dont-change'> <p id='thanks-for-keeping-this'><span class='heart'><i class='bi bi-heart-fill' aria-hidden='true'></i></span> Designed by <a href='https://openthemes.com/' rel='nofollow'>Open Themes</a> & <a href='https://nahuatl.mx' rel='nofollow'>Nahuatl.mx</a>.</p> </div> </div> </div> </div> </div></div> <a href='#' id='back-top'><i class='bi bi-chevron-up'/></a> <!-- External libraries: deferred for performance --> <script src='https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js'/> <script src='https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js'/> <script type='text/javascript'> //<![CDATA[ var blogurl = '<data:blog.homepageUrl/>'; var $j = jQuery.noConflict(); // Singleton IntersectionObserver for card entrance animations var btCardObserver = null; function getCardObserver() { if (btCardObserver) return btCardObserver; btCardObserver = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting) { var t = entry.target; if (t.classList.contains('bt-testimonial')) { t.classList.add('bt-testimonial-visible'); } else { t.classList.add('bt-card-visible'); } btCardObserver.unobserve(t); } }); }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' }); return btCardObserver; } function observeCards() { var obs = getCardObserver(); document.querySelectorAll('.bt-card:not(.bt-card-visible)').forEach(function(el){ obs.observe(el); }); document.querySelectorAll('.bt-testimonial:not(.bt-testimonial-visible)').forEach(function(el){ obs.observe(el); }); } function setupStatObserver($el) { var countTo = parseInt($el.attr('data-count')); if (!countTo) return; var animated = false; var obs = new IntersectionObserver(function(entries, o) { entries.forEach(function(entry) { if (entry.isIntersecting && !animated) { animated = true; var current = 0; var increment = countTo / 50; var timer = setInterval(function() { current += increment; if (current >= countTo) { current = countTo; clearInterval(timer); } $el.text(Math.floor(current)); }, 30); o.unobserve(entry.target); } }); }, { threshold: 0.3 }); obs.observe($el[0]); } $j(document).ready(function () { // Hero background from Image widget var heroBg = $j('#heroBg .Image img'); if (heroBg.length > 0) { $j('#bt-header').css({ 'background-image': 'url("' + heroBg.attr('src') + '")' }); } // Sticky navbar shadow / scrolled class var stickyNav = $j('#bt-navbar'); $j(window).scroll(function() { var scrolled = $j(this).scrollTop() > 50; stickyNav.toggleClass('shadow-sm', scrolled); stickyNav.toggleClass('scrolled', scrolled); }); // First word accent in blog title var blogTitle = $j('h1.title'); var index = blogTitle.text().indexOf(' '); if (index !== -1) { var bt = blogTitle.text(); blogTitle.html('<a href="' + blogurl + '"><span class="first-word">' + bt.substring(0, index) + '</span>' + bt.substring(index) + '</a>'); } // First word accent in hero title var heroTitle = $j('.bt-hero-title'); if (heroTitle.length) { var ht = heroTitle.text(); var htIdx = ht.indexOf(' '); if (htIdx !== -1) { heroTitle.html('<span class="first-word">' + ht.substring(0, htIdx) + '</span>' + ht.substring(htIdx)); } } // First word accent in post titles $j('.post-title.entry-title').each(function() { var $this = $j(this); if ($this.find('a').length) return; if ($this.closest('.post-header-card').length) { var pt = $this.text(); var ptIdx = pt.indexOf(' '); if (ptIdx !== -1) { $this.html('<span class="first-word">' + pt.substring(0, ptIdx) + '</span>' + pt.substring(ptIdx)); } } }); // Section background images var labelsBg = $j('#sectionsLabels .Image img'); if (labelsBg.length > 0) { $j('#bt-labels').css('background-image', 'url(' + labelsBg.attr('src') + ')'); } var videoBg = $j('#latestVideo .Image img'); if (videoBg.length > 0) { $j('#bt-videos').css('background-image', 'url(' + videoBg.attr('src') + ')'); } // Contact form styling $j('#bt-contact input[type="text"], #bt-contact textarea').addClass('form-control mb-3'); $j('#bt-contact .contact-form-email-message').addClass('form-control mb-3'); $j('#bt-contact .contact-form-button').addClass('bt-btn w-100'); // Move ad block after first post var firstPostContent = $j('#btemplates-first-post .widget'); if (firstPostContent.length) { var firstPostContentHtml = $j('#btemplates-first-post').html(); var firstPost = $j('#main-wrapper .post:first'); firstPost.after('<div id="btemplates-first-post-c">' + firstPostContentHtml + '</div>'); } // Widget description extraction (clean version — replaces obfuscated code) $j('.widget').each(function() { var $h = $j(this).children('h3').first(); if (!$h.length) $h = $j(this).children('h2').first(); var text = $h.text().trim(); var m = text.match(/(.*?)-desc:(.*?)$/i); if (m) { $h.text(m[1]); $h.after('<p class="bt-widget-description">' + m[2] + '</p>'); } }); // Avatar fallback $j('.avatar-image-container img').each(function () { $j(this).addClass('rounded-circle border border-secondary'); if ($j(this).attr('src') && $j(this).attr('src').indexOf('blogblog.com/img/blank.gif') !== -1) { $j(this).attr('src', 'https://3.bp.blogspot.com/-qnvargRhquo/XSJ9VCaxZ4I/AAAAAAAABNU/f5c-lN4M9dIl3Wr87zT_guszgZY9RDe6gCLcBGAs/s35/user.png'); } }); // Footer integrity check (simplified, replaces obfuscated block) var ajaxSupport = (function(){ var $s = $j('#thanks-for-keeping-this'); if ($s.length < 1 || !$s.is(':visible')) return false; var links = $s.find('a'); if (links.length < 2) return false; var ok = true; links.each(function(){ if (!$j(this).is(':visible')) { ok = false; return false; } }); if (!ok) return false; var h = $s.html(); return h.indexOf('https://openthemes.com') !== -1 && h.indexOf('https://nahuatl.mx') !== -1 && h.indexOf('Open Themes') !== -1 && h.indexOf('Nahuatl.mx') !== -1; })(); // Author icon $j('span.blog-author').html('<i class="bi bi-person" aria-hidden="true" title="Author"></i>'); // Wrap video iframes $j('.post-body iframe, .post-body embed, .post-body object').wrap('<div class="video-container"></div>'); // Label count styling $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>'); } }); // Social icon detection var socialNetworks = ['500px', 'amazon', 'android', 'apple', 'behance', 'bitbucket', 'codepen', 'deviantart', 'digg', 'dribbble', 'dropbox', 'drupal', 'etsy', 'facebook', 'flickr', 'github', 'google', 'instagram', 'linkedin', 'medium', 'paypal', 'pinterest', 'qq', 'quora', 'reddit', 'skype', 'slack', 'snapchat', 'soundcloud', 'spotify', 'steam', 'telegram', 'tiktok', 'tripadvisor', 'tumblr', 'twitch', 'twitter', 'vimeo', 'whatsapp', 'wikipedia', 'windows', 'wordpress', 'yahoo', 'yelp', 'youtube', 'mastodon']; $j('#navSocial li a').each(function () { var la = $j(this).attr('href').toLowerCase(); var currentLink = $j(this); $j.each(socialNetworks, function (i, sn) { if (la.indexOf(sn) !== -1 && ajaxSupport) { currentLink.html('<i class="bi bi-' + sn + '" aria-hidden="true"></i>'); currentLink.addClass('bt-social-icon'); return false; } }); }); $j('#navSocial ul').addClass('bt-social-ready'); $j('#sidebar .LinkList li a, #footers .LinkList li a').each(function () { var la = $j(this).attr('href').toLowerCase(); var currentLink = $j(this); var parentUl = currentLink.closest('ul'); $j.each(socialNetworks, function (i, sn) { if (la.indexOf(sn) !== -1 && ajaxSupport) { currentLink.html('<i class="bi bi-' + sn + '" aria-hidden="true"></i>'); currentLink.addClass('bt-social-link'); parentUl.addClass('bt-social-links'); currentLink.parent().replaceWith(currentLink); return false; } }); }); // Hash link fix $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); } } }); // ===== POST FETCHING ===== function btemplatesJqueryGetPosts(el, postsToDisplay, postsType, postsThumbnailSize, postsStyle, exclude) { postsToDisplay = parseInt(postsToDisplay); postsStyle = typeof postsStyle !== 'undefined' ? postsStyle : 'list'; exclude = typeof exclude !== 'undefined' ? exclude : false; if (postsType === 'randomtag') { $j.get(blogurl + 'feeds/posts/default?alt=json&max-results=0', function (data) { var label = 'latest'; if (data.feed && data.feed.category && data.feed.category.length > 0) { var cats = data.feed.category; label = cats[Math.floor(Math.random() * cats.length)].term; } btemplatesJqueryGetPosts(el, postsToDisplay, 'tag:' + label, postsThumbnailSize, postsStyle, exclude); }); return; } var fetchCount = exclude ? postsToDisplay + 1 : postsToDisplay; var tag = ''; var 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': fetchCount }, function(data){ if (typeof data === 'undefined') return data; var code = btemplatesProcessPosts(data, postsToDisplay, postsThumbnailSize, postsStyle, postsType, exclude); el.html(code); observeCards(); if (postsStyle === 'video') $j('.post-body iframe, .post-body embed, .post-body object').wrap('<div class="video-container"></div>'); }).fail(function() { if (el.hasClass('dropdown')) { el.children('a').html(el.children('a').text().replace(/<[^>]*>/g, '')); } else { el.html('<div class="text-center py-4"><i class="bi bi-exclamation-triangle" style="font-size:2rem;color:var(--color-muted)"></i><p class="mt-2 text-muted small">Content not available at this time.</p></div>'); } }); } // Optimized next/prev: fetch only 20 posts (was 500) function btemplatesJqueryNextPosts(el, newerPostUrl, olderPostUrl, postsThumbnailSize) { postsThumbnailSize = parseInt(postsThumbnailSize) || 400; var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']; var defaultThumb = 'https://3.bp.blogspot.com/-qnvargRhquo/XSJ9VCaxZ4I/AAAAAAAABNU/f5c-lN4M9dIl3Wr87zT_guszgZY9RDe6gCLcBGAs/s400/no-image.png'; var newerData = null, olderData = null; function parseEntry(entry) { var href = ''; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel === 'alternate') { href = entry.link[k].href; break; } } var d = entry.published ? entry.published.$t : ''; var dateStr = d ? d.substring(8,10) + ' ' + months[parseInt(d.substring(5,7))-1] + ' ' + d.substring(0,4) : ''; var thumb = entry.media$thumbnail ? entry.media$thumbnail.url.replace(/\/s[0-9]+(-c)?\//, '/s' + postsThumbnailSize + '-c/') : defaultThumb; return { url: href, title: entry.title ? entry.title.$t : '', thumb: thumb, date: dateStr }; } $j.get(blogurl + '/feeds/posts/summary/', { 'alt':'json', 'max-results':'20' }, function(data){ if (!data.feed || !data.feed.entry) return render(); for (var i = 0; i < data.feed.entry.length; i++) { var e = parseEntry(data.feed.entry[i]); if (e.url === newerPostUrl) newerData = e; if (e.url === olderPostUrl) olderData = e; if (newerData && olderData) break; } render(); }).fail(render); function render() { var html = '<div class="bt-pager-cards">'; if (newerData) { html += '<a class="bt-pager-card bt-pager-prev" href="' + newerData.url + '">' + '<span class="bt-pager-label"><i class="bi bi-arrow-left"></i> Previous</span>' + '<div class="bt-pager-body"><div class="bt-pager-thumb"><img src="' + newerData.thumb + '" alt="" loading="lazy"/></div>' + '<div class="bt-pager-info"><span class="bt-pager-title">' + newerData.title + '</span>' + '<span class="bt-pager-date"><i class="bi bi-calendar3"></i> ' + newerData.date + '</span></div></div></a>'; } if (olderData) { html += '<a class="bt-pager-card bt-pager-next" href="' + olderData.url + '">' + '<span class="bt-pager-label">Next <i class="bi bi-arrow-right"></i></span>' + '<div class="bt-pager-body"><div class="bt-pager-thumb"><img src="' + olderData.thumb + '" alt="" loading="lazy"/></div>' + '<div class="bt-pager-info"><span class="bt-pager-title">' + olderData.title + '</span>' + '<span class="bt-pager-date"><i class="bi bi-calendar3"></i> ' + olderData.date + '</span></div></div></a>'; } html += '</div><div class="bt-pager-home"><a href="' + blogurl + '"><i class="bi bi-house-fill"></i></a></div>'; if (newerData || olderData) el.html(html); } } function btemplatesProcessPosts(json, postsToDisplay, postsThumbnailSize, postsStyle, postsType, exclude) { if (typeof json.feed.entry === 'undefined') return postsStyle === 'menulist' ? '<div class="text-center small py-2 text-muted">No posts found.</div>' : '<div class="text-center py-5"><i class="bi bi-journal-x" style="font-size:3rem;color:var(--color-muted)"></i><p class="mt-3 text-muted">No posts found in this category.</p></div>'; postsToDisplay = parseInt(postsToDisplay); var postSummaryLength = 230; var postThumbnailWidth = parseInt(postsThumbnailSize); var postHTML = ''; var months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]; var olderPostDate = Date.now(); var rendered = 0; for (var i = 0; i < json.feed.entry.length && rendered < postsToDisplay; i++) { var post = json.feed.entry[i]; if (post === undefined) continue; var postId = post.id.$t; if (exclude && postId.indexOf(exclude) !== -1) continue; var postTitle = post.title.$t != null ? post.title.$t : ''; var postDateTime = post.published.$t; if (new Date(olderPostDate) > new Date(postDateTime)) olderPostDate = postDateTime; olderPostDate = olderPostDate === null ? '' : olderPostDate; olderPostDate = olderPostDate.replace(/\.\d{3}/, ''); var postDate = postDateTime.substring(0, 10); var postYear = postDate.substring(0, 4); var postMonth = postDate.substring(5, 7); var postMonthName = months[parseInt(postMonth) - 1]; var postDay = postDate.substring(8, 10); var postDateStr = postDay + ' ' + postMonthName + ' ' + postYear; var postAuthor = post.author[0].name.$t; var postAuthorAvatar = ('gd$image' in post.author[0]) ? post.author[0].gd$image.src : 'https://3.bp.blogspot.com/-qnvargRhquo/XSJ9VCaxZ4I/AAAAAAAABNU/f5c-lN4M9dIl3Wr87zT_guszgZY9RDe6gCLcBGAs/s35/user.png'; var postLocation = ('georss$featurename' in post) ? post.georss$featurename.$t : ''; var postUrl = '', postTags = '', postContent = '', postSummary = ''; 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 googleuserRegexV2021 = /https?:\/\/blogger\.googleusercontent\.com\/img\/[^"=]*=/ig; var images = postContent.match(imagesRegex); var postThumbnail = '', postThumbnailSquare = ''; if (images !== null && images.length > 0) { if (images[0].match(googleuserRegexV2021) !== null) { 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', 'hqdefault.jpg'); } else { postThumbnail = rawThumbnail.url.replace('s72-c', 'w' + postThumbnailWidth); postThumbnailSquare = rawThumbnail.url.replace('s72-c', 's' + postThumbnailWidth + '-c'); } } else { postThumbnail = 'https://1.bp.blogspot.com/-OoP4sWGVriY/XPBuyFZuqyI/AAAAAAAABGI/F3CU_cugs1ozET0Wl6ijZrNcvwJzupbcgCLcBGAs/w' + postThumbnailWidth + '/post-image.png'; postThumbnailSquare = 'https://1.bp.blogspot.com/-OoP4sWGVriY/XPBuyFZuqyI/AAAAAAAABGI/F3CU_cugs1ozET0Wl6ijZrNcvwJzupbcgCLcBGAs/s' + postThumbnailWidth + '-c/post-image.png'; } if (postsStyle === 'slider') { var active = (i === 0) ? ' active ' : ''; 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="bi bi-geo-alt" 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 === 'testimonial-grid') { postHTML += '<div class="col-md-4 mb-4"><div class="bt-testimonial"><div class="bt-testimonial-quote">' + postSummary + '</div><img class="bt-testimonial-avatar" src="' + postThumbnailSquare + '" alt="' + postTitle + '" loading="lazy"/><div class="bt-testimonial-name">' + postTitle + '</div><div class="bt-testimonial-role">' + postLocation + '</div></div></div>'; } else if (postsStyle === 'menulist') { if (postsThumbnailSize > 0) { postHTML += '<a class="dropdown-item bt-menu-post" href="' + postUrl + '"><img src="' + postThumbnail + '" alt="' + postTitle + '" width="72" height="54" loading="lazy"/><span class="bt-menu-post-title">' + postTitle + '</span></a>'; } else { postHTML += '<a class="dropdown-item" href="' + postUrl + '">' + postTitle + '</a>'; } } else if (postsStyle === 'mosaic') { postHTML += '<div class="col-md-6 col-lg-3"><div class="bt-mosaic-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') { postHTML += '<div class="col-12 col-sm-6 col-lg-4 mb-4"><article class="bt-card h-100"><div class="bt-card-img-wrap"><a href="' + postUrl + '"><img class="bt-card-img" src="' + postThumbnail + '" alt="' + postTitle + '" loading="lazy"/></a><div class="bt-card-overlay"></div><span class="bt-card-badge">Course</span><span class="bt-card-view"><i class="bi bi-box-arrow-in-right"></i></span></div><div class="bt-card-body"><h3 class="bt-card-title"><a href="' + postUrl + '">' + postTitle + '</a></h3><div class="bt-card-meta"><span><i class="bi bi-person"></i> ' + postAuthor + '</span><span><i class="bi bi-calendar3"></i> ' + postDate + '</span></div><p class="bt-card-excerpt">' + postSummary + '</p></div></article></div>'; } else if (postsStyle === 'bloglist') { postHTML += '<div class="col-12 col-sm-6 col-lg-4 mb-4"><article class="bt-card h-100"><div class="bt-card-img-wrap"><a href="' + postUrl + '"><img class="bt-card-img" src="' + postThumbnail + '" alt="' + postTitle + '" loading="lazy"/></a><div class="bt-card-overlay"></div><span class="bt-card-badge">Blog</span><span class="bt-card-view"><i class="bi bi-box-arrow-in-right"></i></span></div><div class="bt-card-body"><h3 class="bt-card-title"><a href="' + postUrl + '">' + postTitle + '</a></h3><div class="bt-card-meta"><span><i class="bi bi-calendar3"></i> ' + postDateStr + '</span></div><p class="bt-card-excerpt">' + postSummary + '</p></div></article></div>'; } else if (postsStyle === 'simplelist') { postHTML += '<li class="row"><div class="col-1"><i class="bi bi-file-earmark" 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="bi bi-chevron-right" aria-hidden="true"></i></a></div></li>'; } else if (postsStyle === 'video') { postHTML += '<div class="bt-post-title"><a href="' + postUrl + '"><h3>' + postTitle + '</h3></a></div>'; var youtubeRegex = /((?:https?:)?\/\/)?((?:www|m)\.)?((?:youtube(?:-nocookie)?\.com|youtu.be))(\/(?:[\w\-]+\?v=|embed\/|v\/)?)([\w\-]+)(\S+)?/i if (youtubeRegex.exec(postContent)) { var youtubeUrlArray = postContent.match(youtubeRegex); var youtubeUrl = 'https://www.youtube-nocookie.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 += '<div class="btemplates-post"><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-content"><a href="' + postUrl + '">' + postSummary + '</a></div><div class="bt-post-date">' + postDate + '</div></div>'; } rendered++; } var 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 += '<button type="button" data-bs-target="#btemplates-posts-slider" data-bs-slide-to="' + l + '" class="' + active + '" aria-current="true" aria-label="Slide ' + (l+1) + '"></button>'; } indicatorHTML = '<div class="carousel-indicators">' + indicatorHTML + '</div>'; postHTML = '<div id="btemplates-posts-slider" class="carousel slide" data-bs-ride="carousel">' + indicatorHTML + '<div class="carousel-inner">' + postHTML + '</div><button class="carousel-control-prev" type="button" data-bs-target="#btemplates-posts-slider" data-bs-slide="prev"><span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="visually-hidden">Previous</span></button><button class="carousel-control-next" type="button" data-bs-target="#btemplates-posts-slider" data-bs-slide="next"><span class="carousel-control-next-icon" aria-hidden="true"></span><span class="visually-hidden">Next</span></button></div>'; } else if (postsStyle === 'testimonial') { postHTML = '<hr class="title-separator"/><div id="btemplates-posts-slider" class="carousel slide" data-bs-ride="carousel"><div class="carousel-inner">' + postHTML + '</div><button class="carousel-control-prev" type="button" data-bs-target="#btemplates-posts-slider" data-bs-slide="prev"><span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="visually-hidden">Previous</span></button><button class="carousel-control-next" type="button" data-bs-target="#btemplates-posts-slider" data-bs-slide="next"><span class="carousel-control-next-icon" aria-hidden="true"></span><span class="visually-hidden">Next</span></button></div>'; } else if (postsStyle === 'testimonial-grid') { postHTML = '<div class="row justify-content-center">' + postHTML + '</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-bs-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 = '<div class="btemplates-courses"><div class="row">' + postHTML + '</div><div class="text-center mt-4"><a href="' + nextPostsUrl + '" class="bt-btn bt-btn-outline">View All <i class="bi bi-arrow-right ms-2"></i></a></div></div>'; } else if (postsStyle === 'bloglist') { postHTML = '<div class="btemplates-blog"><div class="row">' + postHTML + '</div><div class="text-center mt-4"><a href="' + nextPostsUrl + '" class="bt-btn bt-btn-outline">View All <i class="bi bi-arrow-right ms-2"></i></a></div></div>'; } else if (postsStyle === 'simplelist') { postHTML = '<ul>' + postHTML + '</ul>'; } else if (postsStyle === 'video') { postHTML = '<div class="btemplates-videos">' + 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); }).fail(function() { el.html('<div class="text-center py-4"><i class="bi bi-chat-square-text" style="font-size:2rem;color:var(--color-muted)"></i><p class="mt-2 text-muted small">Comments are not available at this time.</p></div>'); }); } function btemplatesProcessComments(json, commentsToDisplay) { if (json.feed.entry === undefined) return '<div class="text-center py-4"><i class="bi bi-chat-square-text" style="font-size:2rem;color:var(--color-muted)"></i><p class="mt-2 text-muted small">No comments yet.</p></div>'; 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 = json.feed.entry[i]; if (comment === undefined) continue; var commentDateTime = comment.published.$t; var commentDate = commentDateTime.substring(0, 10); var commentAuthor = comment.author[0].name.$t; var commentUrl = '', postUrl = ''; for (var j = 0; j < comment.link.length; j++) { if (comment.link[j].rel === 'alternate') { commentUrl = comment.link[j].href; postUrl = commentUrl.split('?')[0]; break; } } var commentAuthorAvatar = comment.author[0].gd$image.src; if (commentAuthorAvatar.indexOf('blogblog.com/img/blank.gif') !== -1) { commentAuthorAvatar = 'https://3.bp.blogspot.com/-qnvargRhquo/XSJ9VCaxZ4I/AAAAAAAABNU/f5c-lN4M9dIl3Wr87zT_guszgZY9RDe6gCLcBGAs/s100/user.png'; } var commentSnippet = comment.title.$t; commentHTML += '<div class="bt-comment-wrap"><div class="bt-comment-avatar"><a href="' + commentUrl + '"><img src="' + commentAuthorAvatar + '" alt="' + commentAuthor + '" width="44" height="44"/></a></div><div class="bt-comment-bubble"><div class="bt-comment-author"><i class="bi bi-person-fill"></i> ' + commentAuthor + '</div><a href="' + postUrl + '" class="bt-comment-post">' + commentSnippet + '</a><div class="bt-comment-date">' + commentDate + '</div></div></div>'; } return commentHTML; } // Navbar menu transformation $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(); if (navItemText.toLowerCase().trim() === 'search') { var searchUrl = $j(this).children('a').attr('href') || '/search'; $j(this).replaceWith( '<li class="nav-item dropdown d-none d-lg-flex bt-search-desktop">' + '<a class="nav-link" href="#" data-bs-toggle="dropdown" aria-label="Search"><i class="bi bi-search"></i></a>' + '<div class="dropdown-menu dropdown-menu-end bt-search-dropdown">' + '<form action="' + searchUrl + '" method="get">' + '<div class="input-group input-group-sm">' + '<input type="text" name="q" class="form-control" placeholder="Search..." aria-label="Search">' + '<button class="btn btn-primary" type="submit"><i class="bi bi-search"></i></button>' + '</div></form></div></li>' + '<li class="nav-item d-lg-none bt-search-mobile">' + '<form action="' + searchUrl + '" method="get" class="px-3 py-2">' + '<div class="input-group">' + '<input type="text" name="q" class="form-control" placeholder="Search..." aria-label="Search">' + '<button class="btn btn-primary" type="submit"><i class="bi bi-search"></i></button>' + '</div></form></li>' ); return true; } $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-bs-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-bs-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/, '') + ' <i class="bi bi-arrow-repeat bt-spin"></i>'); btemplatesJqueryGetPosts($j(this), postsToDisplay, postsType, postsThumbnailSize, 'menulist'); } }); $j(function() { $j("div.dropdown-menu [data-bs-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"); }); }); }); // Search focus / validation $j('#bt-navbar').on('shown.bs.dropdown', '.bt-search-desktop', function() { $j(this).find('input[name="q"]').focus(); }); $j('#bt-navbar').on('submit', '.bt-search-dropdown form, .bt-search-mobile form', function(e) { var input = $j(this).find('input[name="q"]'); if (!input.val().trim()) { e.preventDefault(); input.focus(); } }); // Shortcode processing $j('.HTML .widget-content').each(function(i){ var re = /^\s?(\d+)-(.*?)-(\d+)p?x?-?(list|slider|menulist|mosaic|course|testimonial|testimonial-grid|bloglist|video)?-?(\d*)?\s?$/i; var commentsre = /(\d+)-comments/i; var ctaRe = /^cta:(.+?)\|(.+?)\|(.+)$/i; var featRe = /^feat:(.+)$/i; var statRe = /^stat:(.+)$/i; var widgetHtml = $j.trim($j(this).text()); if (ctaRe.exec(widgetHtml) && ajaxSupport) { var ctaSettings = widgetHtml.match(ctaRe); var ctaUrl = ctaSettings[1]; var ctaText = ctaSettings[2]; var ctaIcon = ctaSettings[3]; $j(this).html('<a class="bt-btn" href="' + ctaUrl + '">' + ctaText + ' <i class="bi ' + ctaIcon + ' ms-2"></i></a>'); } else if (featRe.exec(widgetHtml) && ajaxSupport) { var featContent = widgetHtml.match(featRe)[1]; var featItems = featContent.split('|'); var featHTML = '<div class="d-flex gap-4 mt-4" id="bt-hero-features">'; var delays = [0.7, 0.85, 1.0, 1.15, 1.3, 1.45, 1.6, 1.75, 1.9, 2.05]; $j.each(featItems, function(i, item) { var parts = item.split(','); featHTML += '<div class="bt-feature-item" style="animation:btFadeInUp 0.7s ease both;animation-delay:' + (delays[i] || 2.0) + 's;opacity:0"><i class="bi ' + parts[1] + '"></i><span>' + parts[0] + '</span></div>'; }); featHTML += '</div>'; $j(this).html(featHTML); } else if (statRe.exec(widgetHtml) && ajaxSupport) { var statContent = widgetHtml.match(statRe)[1]; var statItems = statContent.split('|'); var statHTML = '<div class="row justify-content-center text-center">'; $j.each(statItems, function(i, item) { var parts = item.split(','); statHTML += '<div class="col-6 col-md-3 bt-stat"><i class="bi ' + parts[1] + ' bt-stat-icon"></i><div class="bt-stat-number" data-count="' + parts[0] + '">0</div><div class="bt-stat-label">' + parts[2] + '</div></div>'; }); statHTML += '</div>'; $j(this).html(statHTML); $j(this).find('.bt-stat-number').each(function() { setupStatObserver($j(this)); }); } else if (re.exec(widgetHtml) && 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('<div class="bt-loading"><div class="bt-skeleton-card"><div class="bt-skeleton-img"></div><div class="bt-skeleton-bar bt-sk-title"></div><div class="bt-skeleton-bar bt-sk-meta"></div><div class="bt-skeleton-bar" style="width:85%"></div></div><div class="bt-skeleton-card"><div class="bt-skeleton-img"></div><div class="bt-skeleton-bar bt-sk-title"></div><div class="bt-skeleton-bar bt-sk-meta"></div><div class="bt-skeleton-bar" style="width:85%"></div></div><div class="bt-skeleton-card"><div class="bt-skeleton-img"></div><div class="bt-skeleton-bar bt-sk-title"></div><div class="bt-skeleton-bar bt-sk-meta"></div><div class="bt-skeleton-bar" style="width:85%"></div></div></div>'); btemplatesJqueryGetPosts($j(this), postsToDisplay, postsType, postsThumbnailSize, postsStyle, postsExclude); } else if (commentsre.exec(widgetHtml) && ajaxSupport) { var commentsSettings = widgetHtml.split('-'); var commentsToDisplay = parseInt(commentsSettings[0]); $j(this).html('<div class="bt-skeleton-comment"><div class="bt-skeleton-avatar"></div><div class="bt-skeleton-bubble"><div class="bt-skeleton-bar bt-sk-ctitle"></div><div class="bt-skeleton-bar bt-sk-csnippet"></div><div class="bt-skeleton-bar bt-sk-cdate"></div></div></div><div class="bt-skeleton-comment"><div class="bt-skeleton-avatar"></div><div class="bt-skeleton-bubble"><div class="bt-skeleton-bar bt-sk-ctitle"></div><div class="bt-skeleton-bar bt-sk-csnippet"></div><div class="bt-skeleton-bar bt-sk-cdate"></div></div></div><div class="bt-skeleton-comment"><div class="bt-skeleton-avatar"></div><div class="bt-skeleton-bubble"><div class="bt-skeleton-bar bt-sk-ctitle"></div><div class="bt-skeleton-bar bt-sk-csnippet"></div><div class="bt-skeleton-bar bt-sk-cdate"></div></div></div>'); btemplatesJqueryGetComments($j(this), commentsToDisplay); } $j(this).addClass('bt-loaded'); }); // Post shortcode $j('.post .post-body').each(function(i){ var re = /\[posts--(tag\:.*?)--(\d+)(?:--(\w+))?\]/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 postsStyle = postsSettings[3] || 'simplelist'; var loading = '<div id="posts-list-tag" class="posts-list-tag"><div class="bt-loading"><div class="bt-skeleton-card"><div class="bt-skeleton-img"></div><div class="bt-skeleton-bar bt-sk-title"></div><div class="bt-skeleton-bar bt-sk-meta"></div><div class="bt-skeleton-bar" style="width:85%"></div></div><div class="bt-skeleton-card"><div class="bt-skeleton-img"></div><div class="bt-skeleton-bar bt-sk-title"></div><div class="bt-skeleton-bar bt-sk-meta"></div><div class="bt-skeleton-bar" style="width:85%"></div></div><div class="bt-skeleton-card"><div class="bt-skeleton-img"></div><div class="bt-skeleton-bar bt-sk-title"></div><div class="bt-skeleton-bar bt-sk-meta"></div><div class="bt-skeleton-bar" style="width:85%"></div></div></div></div>'; $j(this).html($j(this).html().replace(postsShortcode, loading)); var postsContainerId = $j('#posts-list-tag'); btemplatesJqueryGetPosts(postsContainerId, postsToDisplay, postsTag, 0, postsStyle); } }); // Next/prev pager 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, 400); } // Mosaic item click $j('body').on('click', '.btemplates-portfolio .item, .bt-mosaic-item', function () { window.location = $j(this).find('a').attr('href'); }); // Back to top $j(window).scroll(function () { $j(this).scrollTop() > 400 ? $j("#back-top").fadeIn() : $j("#back-top").fadeOut() }); $j("#back-top").click(function (e) { e.preventDefault(); return $j("body,html").animate({scrollTop: 0}, 800), !1 }); // Current year $j('#this-year').text(new Date().getFullYear()); // Reading time var readingTarget = $j('.bt-reading-time'); if (readingTarget.length) { var postBody = $j('.post-body.entry-content').first(); var wordCount = postBody.text().trim().split(/\s+/).length; var readTime = Math.max(1, Math.ceil(wordCount / 200)); readingTarget.text(readTime + ' min read'); } }); //]]> </script> </body> </html>