Last active
August 24, 2020 12:01
-
-
Save dedunumax/3b6d943a9edb04f73c4dd335d33c8186 to your computer and use it in GitHub Desktop.
Theme used in https://travel.dedunu.info
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?xml version="1.0" encoding="UTF-8" ?> | |
| <!DOCTYPE html> | |
| <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> | |
| <head> | |
| <meta content='width=device-width, initial-scale=1.0' name='viewport'/> | |
| <meta content='A travel blog.' name='description'/> | |
| <b:include data='blog' name='all-head-content'/> | |
| <link href='{{ site.baseurl }}/favicon.png' rel='shortcut icon'/> | |
| <link href='https://cdn.rawgit.com/dreampulse/computer-modern-web-font/master/fonts.css' rel='stylesheet' type='text/css'/> | |
| <title>travel - Dedunu Dhananjaya</title> | |
| <b:skin> | |
| <![CDATA[ | |
| *,:after,:before { | |
| box-sizing:border-box; | |
| background-color:inherit; | |
| color:inherit; | |
| margin:0; | |
| padding:0; | |
| } | |
| body { | |
| font-family: 'Computer Modern Serif', serif; | |
| -webkit-font-smoothing: antialiased; | |
| text-rendering: optimizeLegibility; | |
| line-height:1.5; | |
| font-size: 1rem; | |
| color: rgb(22, 23, 26); | |
| } | |
| nav ul { | |
| border-right: 1px solid #edf2f7; | |
| } | |
| a { | |
| color: #000; | |
| text-decoration-skip-ink: auto; | |
| text-decoration: underline; | |
| } | |
| pre { | |
| margin: .5rem 0; | |
| padding: .5rem; | |
| } | |
| .post p { | |
| margin: .5rem 0; | |
| } | |
| .post h1, .post h2, .post h3, .post h4 { | |
| margin: 1rem 0; | |
| } | |
| .post h2:first-child, .project h2:first-child, .photo h2:first-child { | |
| margin-top: 0; | |
| } | |
| .meta { | |
| margin: 2rem 0; | |
| } | |
| /* | |
| code,pre { | |
| background: rgb(236, 237, 238); | |
| } | |
| */ | |
| code { | |
| padding: .1rem; | |
| } | |
| pre code { | |
| border: none; | |
| } | |
| pre { | |
| padding: 1rem; | |
| overflow-x: auto; | |
| } | |
| /* ========================================================================== | |
| Syntax highlighting | |
| ========================================================================== */ | |
| .language-plaintext { | |
| background: rgb(236, 237, 238); | |
| } | |
| .archive__item-title .ais-Highlight { | |
| color: #6f777d; | |
| font-style: normal; | |
| text-decoration: underline | |
| } | |
| .archive__item-excerpt .ais-Highlight { | |
| color: #6f777d; | |
| font-style: normal; | |
| font-weight: bold | |
| } | |
| div.highlighter-rouge, | |
| figure.highlight { | |
| position: relative; | |
| margin-bottom: 1em; | |
| background: #263238; | |
| color: #eff; | |
| font-family: 'Computer Modern Typewriter', monospace; | |
| line-height: 1.8; | |
| border-radius: 4px | |
| } | |
| div.highlighter-rouge>pre, | |
| div.highlighter-rouge pre.highlight, | |
| figure.highlight>pre, | |
| figure.highlight pre.highlight { | |
| margin: 0; | |
| padding: 1em | |
| } | |
| .highlight table { | |
| margin-bottom: 0; | |
| font-size: 1em; | |
| border: 0 | |
| } | |
| .highlight table td { | |
| padding: 0; | |
| width: calc(100% - 1em); | |
| border: 0 | |
| } | |
| .highlight table td.gutter, | |
| .highlight table td.rouge-gutter { | |
| padding-right: 1em; | |
| width: 1em; | |
| color: #b2ccd6; | |
| border-right: 1px solid #b2ccd6; | |
| text-align: right | |
| } | |
| .highlight table td.code, | |
| .highlight table td.rouge-code { | |
| padding-left: 1em | |
| } | |
| .highlight table pre { | |
| margin: 0 | |
| } | |
| .highlight pre { | |
| width: 100% | |
| } | |
| .highlight .hll { | |
| background-color: #eff | |
| } | |
| .highlight .c { | |
| color: #b2ccd6 | |
| } | |
| .highlight .err { | |
| color: #f07178 | |
| } | |
| .highlight .k { | |
| color: #c792ea | |
| } | |
| .highlight .l { | |
| color: #f78c6c | |
| } | |
| .highlight .n { | |
| color: #eff | |
| } | |
| .highlight .o { | |
| color: #89ddff | |
| } | |
| .highlight .p { | |
| color: #eff | |
| } | |
| .highlight .cm { | |
| color: #b2ccd6 | |
| } | |
| .highlight .cp { | |
| color: #b2ccd6 | |
| } | |
| .highlight .c1 { | |
| color: #b2ccd6 | |
| } | |
| .highlight .cs { | |
| color: #b2ccd6 | |
| } | |
| .highlight .gd { | |
| color: #f07178 | |
| } | |
| .highlight .ge { | |
| font-style: italic | |
| } | |
| .highlight .gh { | |
| color: #eff; | |
| font-weight: bold | |
| } | |
| .highlight .gi { | |
| color: #c3e88d | |
| } | |
| .highlight .gp { | |
| color: #b2ccd6; | |
| font-weight: bold | |
| } | |
| .highlight .gs { | |
| font-weight: bold | |
| } | |
| .highlight .gu { | |
| color: #89ddff; | |
| font-weight: bold | |
| } | |
| .highlight .kc { | |
| color: #c792ea | |
| } | |
| .highlight .kd { | |
| color: #c792ea | |
| } | |
| .highlight .kn { | |
| color: #89ddff | |
| } | |
| .highlight .kp { | |
| color: #c792ea | |
| } | |
| .highlight .kr { | |
| color: #c792ea | |
| } | |
| .highlight .kt { | |
| color: #ffcb6b | |
| } | |
| .highlight .ld { | |
| color: #c3e88d | |
| } | |
| .highlight .m { | |
| color: #f78c6c | |
| } | |
| .highlight .s { | |
| color: #c3e88d | |
| } | |
| .highlight .na { | |
| color: #82aaff | |
| } | |
| .highlight .nb { | |
| color: #eff | |
| } | |
| .highlight .nc { | |
| color: #ffcb6b | |
| } | |
| .highlight .no { | |
| color: #f07178 | |
| } | |
| .highlight .nd { | |
| color: #89ddff | |
| } | |
| .highlight .ni { | |
| color: #eff | |
| } | |
| .highlight .ne { | |
| color: #f07178 | |
| } | |
| .highlight .nf { | |
| color: #82aaff | |
| } | |
| .highlight .nl { | |
| color: #eff | |
| } | |
| .highlight .nn { | |
| color: #ffcb6b | |
| } | |
| .highlight .nx { | |
| color: #82aaff | |
| } | |
| .highlight .py { | |
| color: #eff | |
| } | |
| .highlight .nt { | |
| color: #89ddff | |
| } | |
| .highlight .nv { | |
| color: #f07178 | |
| } | |
| .highlight .ow { | |
| color: #89ddff | |
| } | |
| .highlight .w { | |
| color: #eff | |
| } | |
| .highlight .mf { | |
| color: #f78c6c | |
| } | |
| .highlight .mh { | |
| color: #f78c6c | |
| } | |
| .highlight .mi { | |
| color: #f78c6c | |
| } | |
| .highlight .mo { | |
| color: #f78c6c | |
| } | |
| .highlight .sb { | |
| color: #c3e88d | |
| } | |
| .highlight .sc { | |
| color: #eff | |
| } | |
| .highlight .sd { | |
| color: #b2ccd6 | |
| } | |
| .highlight .s2 { | |
| color: #c3e88d | |
| } | |
| .highlight .se { | |
| color: #f78c6c | |
| } | |
| .highlight .sh { | |
| color: #c3e88d | |
| } | |
| .highlight .si { | |
| color: #f78c6c | |
| } | |
| .highlight .sx { | |
| color: #c3e88d | |
| } | |
| .highlight .sr { | |
| color: #c3e88d | |
| } | |
| .highlight .s1 { | |
| color: #c3e88d | |
| } | |
| .highlight .ss { | |
| color: #c3e88d | |
| } | |
| .highlight .bp { | |
| color: #eff | |
| } | |
| .highlight .vc { | |
| color: #f07178 | |
| } | |
| .highlight .vg { | |
| color: #f07178 | |
| } | |
| .highlight .vi { | |
| color: #f07178 | |
| } | |
| .highlight .il { | |
| color: #f78c6c | |
| } | |
| .gist th, | |
| .gist td { | |
| border-bottom: 0 | |
| } | |
| /* ========================================================================== | |
| End of Syntax highlighting | |
| ========================================================================== */ | |
| img { | |
| max-width:100%; | |
| } | |
| hr { | |
| background: #000; | |
| height: 1px; | |
| border: 0; | |
| } | |
| header { | |
| flex-basis:10rem; | |
| flex-grow:1; | |
| position:relative; | |
| } | |
| header a { | |
| text-decoration: none; | |
| } | |
| header li { | |
| margin-bottom: .2rem; | |
| text-align: right; | |
| margin-right: 2rem; | |
| } | |
| header a.active { | |
| font-weight: bold; | |
| } | |
| header,section { | |
| padding:1rem; | |
| } | |
| blockquote { | |
| font-style: italic; | |
| border-left: 5px solid #ececec; | |
| padding-left: 1rem; | |
| } | |
| h1,h2,h3,h4,h5 { | |
| line-height: 1; | |
| margin: 1rem 0; | |
| font-weight: 600; | |
| } | |
| section h1:first-child { | |
| margin-top: 0; | |
| } | |
| strong, b { | |
| font-weight: bold; | |
| } | |
| .photos ul { | |
| list-style: none; | |
| } | |
| .photos li { | |
| margin-bottom: 1.5rem; | |
| } | |
| .photo picture, .project picture { | |
| margin-bottom: 0.5rem; | |
| } | |
| .posts ul,header ul { | |
| list-style:none; | |
| } | |
| .posts li { | |
| align-items:center; | |
| display:flex; | |
| justify-content:space-between; | |
| margin-bottom: .5rem; | |
| } | |
| .posts li a, .posts li div, .projects li a { | |
| white-space:nowrap; | |
| overflow:hidden; | |
| text-overflow:ellipsis; | |
| text-decoration: none; | |
| } | |
| .posts li time, .projects li time { | |
| padding-left: 1rem; | |
| white-space: nowrap; | |
| font-variant-numeric: tabular-nums; | |
| } | |
| .post ul, .project ul, .post ol { | |
| //list-style-position: inside; | |
| } | |
| main { | |
| display:flex; | |
| flex-wrap:wrap; | |
| max-width:60rem; | |
| margin:2rem auto; | |
| padding:1rem; | |
| } | |
| @media screen and (max-width: 45rem ) { | |
| header li { | |
| display: inline; | |
| margin-right: 1rem; | |
| } | |
| .logo { | |
| padding-bottom: 1rem; | |
| } | |
| header ul { | |
| border-bottom: 1px solid #edf2f7; | |
| padding-bottom: 2rem; | |
| } | |
| nav ul { | |
| border-right: 0px; | |
| } | |
| .photos ul { | |
| margin-top: 0.5rem; | |
| } | |
| } | |
| section { | |
| flex-basis:0; | |
| flex-grow:999; | |
| min-width:70%; | |
| display:flex; | |
| flex-direction:column; | |
| } | |
| figcaption { | |
| font-size: smaller; | |
| } | |
| ]]> | |
| </b:skin> | |
| <b:template-skin> | |
| </b:template-skin> | |
| <b:include data='blog' name='google-analytics'/> | |
| </head> | |
| <body data-gr-c-s-loaded='true' expr:class='"loading" + data:blog.mobileClass'> | |
| <main role='main'> | |
| <header role='banner'> | |
| <nav role='navigation'> | |
| <ul> | |
| <li><a href='https://dedunu.info'>dedunu</a></li> | |
| <li><a href='https://dedunu.info/info'>info</a></li> | |
| <li><a class='active' href='https://travel.dedunu.info'>travel</a></li> | |
| <li><a href='https://dedunu.info/search'>search</a></li> | |
| </ul> | |
| </nav> | |
| </header> | |
| <section class='posts'> | |
| <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'>false</b:widget-setting> | |
| <b:widget-setting name='style.textcolor'>#000000</b:widget-setting> | |
| <b:widget-setting name='showShareButtons'>false</b:widget-setting> | |
| <b:widget-setting name='authorLabel'>By</b:widget-setting> | |
| <b:widget-setting name='showCommentLink'>false</b:widget-setting> | |
| <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting> | |
| <b:widget-setting name='showAuthor'>false</b:widget-setting> | |
| <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting> | |
| <b:widget-setting name='style.linkcolor'>#0000ff</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='showAuthorProfile'>false</b:widget-setting> | |
| <b:widget-setting name='style.layout'>1x1</b:widget-setting> | |
| <b:widget-setting name='showLabels'>true</b:widget-setting> | |
| <b:widget-setting name='showLocation'>true</b:widget-setting> | |
| <b:widget-setting name='postLabelsLabel'>Tags:</b:widget-setting> | |
| <b:widget-setting name='showTimestamp'>false</b:widget-setting> | |
| <b:widget-setting name='postsPerAd'>1</b:widget-setting> | |
| <b:widget-setting name='showBacklinks'>false</b:widget-setting> | |
| <b:widget-setting name='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: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.dateHeader'> | |
| <h2 class='date-header'> | |
| <span> | |
| <data:post.dateHeader/> | |
| </span> | |
| </h2> | |
| </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'> | |
| <br/> | |
| </b:if> | |
| <b:include name='nextprev'/> | |
| <b:include cond='data:top.showPlusOne' name='googlePlusBootstrap'/> | |
| </b:includable> | |
| <b:includable id='backlinkDeleteIcon' var='backlink'/> | |
| <b:includable id='backlinks' var='post'/> | |
| <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'> | |
| <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> | |
| <data:post.commentLabelFull/>: | |
| </a> | |
| </b:includable> | |
| <b:includable id='comment_picker' var='post'> | |
| <b:if 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> | |
| </b:includable> | |
| <b:includable id='feedLinks'> | |
| <b:if cond='data:blog.pageType != "item"'> | |
| <!-- Blog feed links --> | |
| <b:if cond='data:feedLinks'> | |
| <div class='blog-feeds'> | |
| <b:include data='feedLinks' name='feedLinksBody'/> | |
| </div> | |
| </b:if> | |
| <b:else/> | |
| <!--Post feed links --> | |
| <div class='post-feeds'> | |
| <b:loop values='data:posts' var='post'> | |
| <b: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'> | |
| <!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. --> | |
| </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> | |
| <b:if cond='data:post.snippet'> | |
| <data:post.snippet/> | |
| </b:if> | |
| </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'> | |
| <!-- posts --> | |
| <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'> | |
| <data:homeMsg/> | |
| </a> | |
| </div> | |
| <div class='mobile-desktop-link'> | |
| <a class='home-link' expr:href='data:desktopLinkUrl'> | |
| <data:desktopLinkMsg/> | |
| </a> | |
| </div> | |
| </div> | |
| </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'> | |
| <h2 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> | |
| </h2> | |
| </b:if> | |
| <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'> | |
| <data:post.body/> | |
| <div style='clear: both;'/> | |
| <!-- clear for photos floats --> | |
| </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'> | |
| <b:if cond='data:olderPageUrl'> | |
| <span> | |
| <a expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>« Prev</a> | |
| </span> | |
| </b:if> | |
| <span class='webjeda'>🧭</span> | |
| <b:if cond='data:newerPageUrl'> | |
| <span> | |
| <a expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>Next »</a> | |
| </span> | |
| </b:if> | |
| <b:if cond='data:mobileLinkUrl'> | |
| <div class='blog-mobile-link'> | |
| <a expr:href='data:mobileLinkUrl'> | |
| <data:mobileLinkMsg/> | |
| </a> | |
| </div> | |
| </b:if> | |
| </b:includable> | |
| <b:includable id='post' var='post'> | |
| <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'/> | |
| <a expr:name='data:post.id'/> | |
| <b:if cond='data:post.title'> | |
| <h3 itemprop='name'> | |
| <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'> | |
| <a expr:href='data:post.link ? data:post.link : data:post.url' style='text-decoration:none'><data:post.title/></a> | |
| <b:else/> | |
| <data:post.title/> | |
| </b:if> | |
| </h3> | |
| </b:if> | |
| <data:post.body/> | |
| <div class='post-footer-line post-footer-line-2'> | |
| <span class='post-labels'> | |
| <b:if cond='data:top.showPostLabels and data:post.labels'> | |
| <data:postLabelsLabel/> | |
| <b:loop values='data:post.labels' var='label'> | |
| <a expr:href='data:label.url' rel='tag'> | |
| <data:label.name/> | |
| </a> | |
| <b:if cond='not data:label.isLast'>,</b:if> | |
| </b:loop> | |
| </b:if> | |
| </span> | |
| </div> | |
| <div class='post-footer-line post-footer-line-3'> | |
| <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> | |
| <br/> | |
| <hr/> | |
| </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/>; | |
| // <![CDATA[ | |
| 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 = {}; | |
| // comment ID, parsed out of the original id format | |
| 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) { | |
| // lazily cache replybox, and adjust to suit this style: | |
| 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); | |
| } | |
| // Configure commenting API: | |
| 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); | |
| } | |
| }; | |
| // render now, or queue to render when library loads: | |
| 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> | |
| <aside> | |
| <macro:include id='main-column-left-sections' name='sections'> | |
| <macro:param default='0' name='num'/> | |
| <macro:param default='sidebar-left' name='idPrefix'/> | |
| <macro:param default='sidebar' name='class'/> | |
| <macro:param default='true' name='includeBottom'/> | |
| </macro:include> | |
| </aside> | |
| <aside> | |
| <macro:include id='main-column-right-sections' name='sections'> | |
| <macro:param default='2' name='num'/> | |
| <macro:param default='sidebar-right' name='idPrefix'/> | |
| <macro:param default='sidebar' name='class'/> | |
| <macro:param default='true' name='includeBottom'/> | |
| </macro:include> | |
| </aside> | |
| <script> | |
| var seperators = document.querySelectorAll('[class*="separator"]'); | |
| seperators.forEach(fix_links); | |
| function fix_links(item, index) { | |
| var links = item.getElementsByTagName('a'); | |
| var links_list = Array.prototype.slice.call(links); | |
| links_list.forEach(clean_link); | |
| } | |
| function clean_link(item, index) { | |
| item.removeAttribute("style"); | |
| item.removeAttribute("href"); | |
| } | |
| </script> | |
| </section> | |
| </main> | |
| </body> | |
| <macro:includable id='sections' var='col'> | |
| <macro:if cond='data:col.num == 0'> | |
| <macro:else/> | |
| <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-1"' preferred='yes' showaddelement='yes'/> | |
| <macro:if cond='data:col.num >= 2'> | |
| <table border='0' cellpadding='0' cellspacing='0' mexpr:class='"section-columns columns-" + data:col.num'> | |
| <tbody> | |
| <tr> | |
| <td class='first columns-cell'> | |
| <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-1"'/> | |
| </td> | |
| <td class='columns-cell'> | |
| <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-2"'/> | |
| </td> | |
| <macro:if cond='data:col.num >= 3'> | |
| <td class='columns-cell'> | |
| <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-3"'/> | |
| </td> | |
| </macro:if> | |
| <macro:if cond='data:col.num >= 4'> | |
| <td class='columns-cell'> | |
| <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-4"'/> | |
| </td> | |
| </macro:if> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <macro:if cond='data:col.includeBottom'> | |
| <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-3"' showaddelement='no'/> | |
| </macro:if> | |
| </macro:if> | |
| </macro:if> | |
| </macro:includable> | |
| <b:section-contents id='sidebar-right-1'/> | |
| <b:section-contents id='sidebar-right-2-1'/> | |
| <b:section-contents id='sidebar-right-2-2'/> | |
| <b:section-contents id='sidebar-right-3'/> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment