Material Design Blogger Template
<?xml version="1.0" encoding="UTF-8" ?> | |
<!DOCTYPE html> | |
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' 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> | |
<b:include data='blog' name='all-head-content'/> | |
<meta content='width=device-width, initial-scale=1, minimum-scale=1' name='viewport'/> | |
<title> | |
<data:blog.pageTitle/> | |
</title> | |
<b:skin><![CDATA[ | |
/* Variable definitions | |
==================== | |
<Variable name="keycolor" description="Main Color" type="color" default="#66bbdd" value="#ffffff"/> | |
<Group description="Page Text" selector="body"> | |
<Variable name="body.font" description="Font" type="font" | |
default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px 'Trebuchet MS', Trebuchet, Verdana, sans-serif"/> | |
<Variable name="body.text.color" description="Text Color" type="color" default="#222222" value="#666666"/> | |
</Group> | |
<Group description="Backgrounds" selector=".body-fauxcolumns-outer"> | |
<Variable name="body.background.color" description="Outer Background" type="color" default="#66bbdd" value="#ffffff"/> | |
<Variable name="content.background.color" description="Main Background" type="color" default="#ffffff" value="#ffffff"/> | |
<Variable name="header.background.color" description="Header Background" type="color" default="#FF5722" value="#FF5722"/> | |
</Group> | |
<Group description="Links" selector=".main-outer"> | |
<Variable name="link.color" description="Link Color" type="color" default="#2288bb" value="#2288bb"/> | |
<Variable name="link.visited.color" description="Visited Color" type="color" default="#888888" value="#888888"/> | |
<Variable name="link.hover.color" description="Hover Color" type="color" default="#33aaff" value="#33aaff"/> | |
</Group> | |
<Group description="Blog Title" selector=".header h1"> | |
<Variable name="header.font" description="Font" type="font" | |
default="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 40px 'Trebuchet MS',Trebuchet,Verdana,sans-serif"/> | |
<Variable name="header.text.color" description="Title Color" type="color" default="#3399bb" value="#000000"/> | |
</Group> | |
<Group description="Blog Description" selector=".header .description"> | |
<Variable name="description.text.color" description="Description Color" type="color" | |
default="#777777" value="#000000"/> | |
</Group> | |
<Group description="Tabs Text" selector=".tabs-inner .widget li a"> | |
<Variable name="tabs.font" description="Font" type="font" | |
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="$(body.font)"/> | |
<Variable name="tabs.text.color" description="Text Color" type="color" default="#999999" value="#000000"/> | |
<Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#000000" value="#000000"/> | |
</Group> | |
<Group description="Tabs Background" selector=".tabs-outer .PageList"> | |
<Variable name="tabs.background.color" description="Background Color" type="color" default="#f5f5f5" value="transparent"/> | |
<Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#eeeeee" value="#eeeeee"/> | |
</Group> | |
<Group description="Post Title" selector="h3.post-title, .comments h4"> | |
<Variable name="post.title.font" description="Font" type="font" | |
default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 22px 'Trebuchet MS',Trebuchet,Verdana,sans-serif"/> | |
</Group> | |
<Group description="Date Header" selector=".date-header"> | |
<Variable name="date.header.color" description="Text Color" type="color" | |
default="$(body.text.color)" value="#ffffff"/> | |
<Variable name="date.header.background.color" description="Background Color" type="color" | |
default="transparent" value="#bbbbbb"/> | |
</Group> | |
<Group description="Post Footer" selector=".post-footer"> | |
<Variable name="post.footer.text.color" description="Text Color" type="color" default="#666666" value="#666666"/> | |
<Variable name="post.footer.background.color" description="Background Color" type="color" | |
default="#f9f9f9" value="#eeeeee"/> | |
<Variable name="post.footer.border.color" description="Shadow Color" type="color" default="#eeeeee" value="#eeeeee"/> | |
</Group> | |
<Group description="Gadgets" selector="h2"> | |
<Variable name="widget.title.font" description="Title Font" type="font" | |
default="normal 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal 11px 'Trebuchet MS',Trebuchet,Verdana,sans-serif"/> | |
<Variable name="widget.title.text.color" description="Title Color" type="color" default="#000000" value="#000000"/> | |
<Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#999999" value="#999999"/> | |
</Group> | |
<Group description="Images" selector=".main-inner"> | |
<Variable name="image.background.color" description="Background Color" type="color" default="#ffffff" value="#ffffff"/> | |
<Variable name="image.border.color" description="Border Color" type="color" default="#eeeeee" value="#eeeeee"/> | |
<Variable name="image.text.color" description="Caption Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/> | |
</Group> | |
<Group description="Accents" selector=".content-inner"> | |
<Variable name="body.rule.color" description="Separator Line Color" type="color" default="#eeeeee" value="transparent"/> | |
<Variable name="tabs.border.color" description="Tabs Border Color" type="color" default="$(body.rule.color)" value="#dddddd"/> | |
</Group> | |
<Variable name="body.background" description="Body Background" type="background" | |
color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/> | |
<Variable name="body.background.override" description="Body Background Override" type="string" default="" value=""/> | |
<Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url" | |
default="url(//www.blogblog.com/1kt/simple/gradients_light.png)" value="none"/> | |
<Variable name="body.background.gradient.tile" description="Body Gradient Tile" type="url" | |
default="url(//www.blogblog.com/1kt/simple/body_gradient_tile_light.png)" value="none"/> | |
<Variable name="content.background.color.selector" description="Content Background Color Selector" type="string" default=".content-inner" value=".content-inner"/> | |
<Variable name="content.padding" description="Content Padding" type="length" default="10px" value="10px"/> | |
<Variable name="content.padding.horizontal" description="Content Horizontal Padding" type="length" default="$(content.padding)" value="40px"/> | |
<Variable name="content.shadow.spread" description="Content Shadow Spread" type="length" default="40px" value="0"/> | |
<Variable name="content.shadow.spread.webkit" description="Content Shadow Spread (WebKit)" type="length" default="5px" value="0"/> | |
<Variable name="content.shadow.spread.ie" description="Content Shadow Spread (IE)" type="length" default="10px" value="0"/> | |
<Variable name="header.background.gradient" description="Header Gradient" type="url" default="none" value="none"/> | |
<Variable name="header.shadow.offset.left" description="Header Shadow Offset Left" type="length" default="-1px" value="0"/> | |
<Variable name="header.shadow.offset.top" description="Header Shadow Offset Top" type="length" default="-1px" value="0"/> | |
<Variable name="header.shadow.spread" description="Header Shadow Spread" type="length" default="1px" value="0"/> | |
<Variable name="header.padding" description="Header Padding" type="length" default="0px" value="0"/> | |
<Variable name="header.border.size" description="Header Border Size" type="length" default="1px" value="1px"/> | |
<Variable name="header.bottom.border.size" description="Header Bottom Border Size" type="length" default="$(header.border.size)" value="0"/> | |
<Variable name="header.border.horizontalsize" description="Header Horizontal Border Size" type="length" default="0" value="1px"/> | |
<Variable name="description.text.size" description="Description Text Size" type="string" default="140%" value="18px"/> | |
<Variable name="tabs.margin.top" description="Tabs Margin Top" type="length" default="0" value="0"/> | |
<Variable name="tabs.margin.side" description="Tabs Side Margin" type="length" default="0px" value="0px"/> | |
<Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url" | |
default="url(//www.blogblog.com/1kt/simple/gradients_light.png)" value="none"/> | |
<Variable name="date.header.padding" description="Date Header Padding" type="string" default="inherit" value="0.4em"/> | |
<Variable name="date.header.letterspacing" description="Date Header Letter Spacing" type="string" default="inherit" value="3px"/> | |
<Variable name="date.header.margin" description="Date Header Margin" type="string" default="inherit" value="inherit"/> | |
<Variable name="post.margin.bottom" description="Post Bottom Margin" type="length" default="25px" value="45px"/> | |
<Variable name="image.border.small.size" description="Image Border Small Size" type="length" default="2px" value="2px"/> | |
<Variable name="image.border.large.size" description="Image Border Large Size" type="length" default="5px" value="5px"/> | |
<Variable name="main.section.margin" description="Main Section Margin" type="length" default="0px" value="0em"/> | |
<Variable name="main.padding" description="Main Padding" type="length" default="15px" value="0"/> | |
<Variable name="main.padding.top" description="Main Padding Top" type="length" default="0px" value="35px"/> | |
<Variable name="main.padding.bottom" description="Main Padding Bottom" type="length" default="0px" value="65px"/> | |
<Variable name="paging.background" | |
color="$(content.background.color)" | |
description="Background of blog paging area" type="background" | |
default="transparent none no-repeat scroll top center" value="transparent url(//www.blogblog.com/1kt/simple/paging_dot.png) repeat-x scroll top center"/> | |
<Variable name="footer.bevel" description="Bevel border length of footer" type="length" default="0" value="1px"/> | |
<Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string" | |
default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/> | |
<Variable name="mobile.background.size" description="Mobile Background Size" type="string" default="auto" value="auto"/> | |
<Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff" value="#ffffff"/> | |
<Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/> | |
<Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/> | |
*/ | |
/* Content | |
----------------------------------------------- */ | |
body { | |
font-family: RobotoDraft; | |
font-weight: 300; | |
color: #212121; | |
background-color: #E0E0E0; | |
font-size: 14px; | |
line-height: 24px; | |
} | |
body .navbar { | |
height: 0!important; | |
width: 0!important; | |
} | |
p, body p { | |
margin-bottom: 20px; | |
} | |
a:link { | |
text-decoration:none; | |
color: $(link.color); | |
} | |
a:visited { | |
text-decoration:none; | |
color: $(link.visited.color); | |
} | |
a:hover { | |
text-decoration:underline; | |
color: $(link.hover.color); | |
} | |
/* Header | |
----------------------------------------------- */ | |
.banner { | |
height: 56px!important; | |
position: fixed!important; | |
width: 100%; | |
box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28); | |
background-color: $(header.background.color); | |
z-index: 10; | |
} | |
header { | |
width: 400px; | |
} | |
.header.section { | |
margin: 0!important; | |
} | |
.menucheckbox { | |
position: fixed; | |
float: left; | |
height: 24px; | |
width: 24px; | |
padding: 16px 16px; | |
z-index: 20; | |
font-weight: 500; | |
color: #fff; | |
font-size: 24px; | |
background-image: url(//ssl.gstatic.com/bt/C3341AA7A1A076756462EE2E5CD71C11/1x/ic_menu_wht_1x.png); | |
background-position: center center; | |
background-repeat: no-repeat; | |
background-size: 24px; | |
cursor: pointer; | |
} | |
a:hover .menucheckbox { | |
opacity: 1; | |
} | |
.Header h1 { | |
font-weight: 400; | |
margin: 0 0 0 56px; | |
padding: 0; | |
font-size: 20px; | |
line-height: 56px; | |
color: #fff; | |
width: 400px; | |
} | |
.Header h1 a { | |
color: #fff; | |
text-decoration: none; | |
} | |
.widget { | |
margin: 0; | |
} | |
.Header .description { | |
} | |
.header-inner .Header .titlewrapper { | |
} | |
.header-inner .Header .descriptionwrapper { | |
} | |
/* Tabs | |
----------------------------------------------- */ | |
.tabs-inner .section:first-child { | |
} | |
.tabs-inner .section:first-child ul { | |
} | |
.tabs-inner .widget ul { | |
} | |
.tabs-inner .widget li a { | |
} | |
.tabs-inner .widget li:first-child a { | |
} | |
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover { | |
} | |
.PageList LI A { | |
padding-left: 16px; | |
padding-right: 100%; | |
} | |
.widget ul { | |
list-style-type: none; | |
padding: 0; | |
} | |
.widget li, .PageList LI A, .PageList LI.selected A { | |
font-weight: 500; | |
text-decoration: none; | |
color: #212121; | |
font-size: 14px; | |
padding-top: 16px; | |
padding-bottom: 16px; | |
} | |
.PageList LI:hover { | |
background-color: #EEEEEE; | |
} | |
/* Columns | |
----------------------------------------------- */ | |
.mask { | |
background-color: rgba(0,0,0,.5); | |
height: 100%; | |
width: 100%; | |
position: fixed; | |
top: 0; | |
left: 0; | |
} | |
.content { | |
min-width: 320px; | |
max-width: 960px; | |
margin: 0 auto; | |
padding-top: 84px; | |
overflow: hidden; | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
.main-outer { | |
padding: 0; | |
margin: 0; | |
display: block; | |
position: relative; | |
float: left; | |
width: 100%; | |
padding-bottom: 24px; | |
} | |
.fauxcolumn-left-outer .fauxcolumn-inner { | |
} | |
.fauxcolumn-right-outer .fauxcolumn-inner { | |
} | |
#sidebar-right-1 { | |
margin: 0!important; | |
} | |
.column-right-outer { | |
width: 216px; | |
padding-top: 80px; | |
margin: 0; | |
display: block; | |
float: left; | |
position: fixed; | |
z-index: 5; | |
top: 0; | |
bottom: 0; | |
background: #fff; | |
color: #333; | |
left: 0; | |
box-shadow: 0 0 4px rgba(0,0,0,.14),2px 4px 8px rgba(0,0,0,.28); | |
overflow-y: auto; | |
overflow-x: hidden; | |
} | |
/* Headings | |
----------------------------------------------- */ | |
h2 { | |
font-weight: 300; | |
font-size: 24px; | |
} | |
/* Widgets | |
----------------------------------------------- */ | |
.widget .zippy { | |
} | |
.widget .popular-posts ul { | |
list-style: none; | |
} | |
/* Posts | |
----------------------------------------------- */ | |
h2.date-header { | |
font-size: 12px; | |
font-weight: 400; | |
color: #757575; | |
line-height: 24px; | |
} | |
.main-inner { | |
} | |
.main-inner .column-center-inner { | |
} | |
.main-inner .column-center-inner .section { | |
margin: 0 $(main.section.margin); | |
} | |
.post-outer { | |
box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24); | |
background-color: #FAFAFA; | |
padding: 48px 24px; | |
} | |
h3.post-title, .comments h4, h3.post-title a { | |
font-weight: 400; | |
font-size: 24px; | |
color: $(header.background.color); | |
line-height: 32px; | |
padding-bottom: 32px; | |
} | |
.post-body { | |
} | |
.post-body img, .post-body .tr-caption-container { | |
} | |
.post-body .tr-caption-container { | |
} | |
.post-body .tr-caption-container img { | |
} | |
.post-header { | |
} | |
.post-footer { | |
margin-top: 32px; | |
} | |
#comments .comment-author { | |
} | |
#comments .comment-author:first-child { | |
} | |
.avatar-image-container { | |
} | |
#comments .avatar-image-container img { | |
} | |
/* Comments | |
----------------------------------------------- */ | |
.comments .comments-content .icon.blog-author { | |
background-repeat: no-repeat; | |
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==); | |
} | |
.s .comments-content .loadmore a { | |
border-top: 1px solid $(widget.alternate.text.color); | |
border-bottom: 1px solid $(widget.alternate.text.color); | |
} | |
.comments .comment-thread.inline-thread { | |
background-color: $(post.footer.background.color); | |
} | |
.comments .continue { | |
border-top: 2px solid $(widget.alternate.text.color); | |
} | |
.comments h4 { | |
font-size: 12px; | |
font-weight: 300; | |
} | |
/* Accents | |
---------------------------------------------- */ | |
.section-columns td.columns-cell { | |
} | |
.blog-pager { | |
} | |
.blog-pager-older-link, .home-link, | |
.blog-pager-newer-link { | |
} | |
.footer-outer { | |
padding-top: 16px; | |
min-width: 300px; | |
max-width: 600px; | |
margin: 0 auto; | |
text-align: center; | |
font-size: 12px; | |
font-weight: 400; | |
color: #757575; | |
line-height: 24px; | |
} | |
footer { | |
width: 100%; | |
} | |
/* Animations | |
----------------------------------------------- */ | |
.animate-show { | |
transform: translateX(0); | |
-moz-transform: translateX(0); | |
-ms-transform: translateX(0); | |
-o-transform: translateX(0); | |
transition-property: transform; | |
transition-duration: .15s; | |
transition-timing-function: ease-in-out; | |
} | |
.animate-show.ng-hide { | |
transform: translateX(-260px); | |
-moz-transform: translateX(-260px); | |
-ms-transform: translateX(-260px); | |
-o-transform: translateX(-260px); | |
transition-property: transform; | |
transition-duration: .15s; | |
transition-timing-function: ease-in-out; | |
} | |
.animate-show2 { | |
visibility: visible; | |
opacity: 1; | |
transition-property: visibility, opacity; | |
transition-duration: 0s, .3s; | |
transition-delay: 0s, 0s; | |
transition-timing-function: ease-in-out; | |
} | |
.animate-show2.ng-hide { | |
visibility: hidden; | |
opacity: 0; | |
transition-property: visibility, opacity; | |
transition-duration: 0s, .3s; | |
transition-delay: 1s, 0s; | |
transition-timing-function: ease-in-out; | |
} | |
.check-element { | |
} | |
]]></b:skin> | |
<b:template-skin> | |
<![CDATA[ | |
]]> | |
</b:template-skin> | |
<b:include data='blog' name='google-analytics'/> | |
<!--Scripts--> | |
<script src='//ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.min.js'/> | |
<script src='//ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular-animate.js'/> | |
<!--Stylesheets--> | |
<link href='//fonts.googleapis.com/css?family=RobotoDraft:300,400,500,700|Source+Code+Pro:400,500,700' rel='stylesheet'/> | |
</head> | |
<!--End-Head--> | |
<!--Body--> | |
<body ng-app='ngAnimate'> | |
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'> | |
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'> | |
<b:includable id='main'><script type="text/javascript"> | |
function setAttributeOnload(object, attribute, val) { | |
if(window.addEventListener) { | |
window.addEventListener('load', | |
function(){ object[attribute] = val; }, false); | |
} else { | |
window.attachEvent('onload', function(){ object[attribute] = val; }); | |
} | |
} | |
</script> | |
<div id="navbar-iframe-container"></div> | |
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> | |
<script type="text/javascript"> | |
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { | |
if (gapi.iframes && gapi.iframes.getContext) { | |
gapi.iframes.getContext().openChild({ | |
url: 'https://www.blogger.com/navbar.g?targetBlogID\758211940429014402060\46blogName\75Plutocratic+Party\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75http://plutocraticparty.blogspot.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://plutocraticparty.blogspot.com/\46blogFollowUrl\75https://plus.google.com/104235880809913980278\46vt\75-3581397059548179295', | |
where: document.getElementById("navbar-iframe-container"), | |
id: "navbar-iframe" | |
}); | |
} | |
}); | |
</script><script type="text/javascript"> | |
(function() { | |
var script = document.createElement('script'); | |
script.type = 'text/javascript'; | |
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js'; | |
var head = document.getElementsByTagName('head')[0]; | |
if (head) { | |
head.appendChild(script); | |
}})(); | |
</script> | |
</b:includable> | |
</b:widget> | |
</b:section> | |
<b:if cond='data:blog.pageType == "index"'> | |
<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'> | |
<meta expr:content='data:blog.title' itemprop='name'/> | |
<b:if cond='data:blog.metaDescription'> | |
<meta expr:content='data:blog.metaDescription' itemprop='description'/> | |
</b:if> | |
</div> | |
</b:if> | |
<div class='banner'> | |
<header> | |
<div class='header-outer'> | |
<div class='menucheckbox' ng-click='checked = !checked'> | |
</div> | |
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> | |
<b:widget id='Header1' locked='true' title='Plutocratic Party (Header)' type='Header'> | |
<b:includable id='main'> | |
<!--No header image --> | |
<div id='header-inner'> | |
<div class='titlewrapper'> | |
<h1 class='title'> | |
<b:include name='title'/> | |
</h1> | |
</div> | |
<b:include name='description'/> | |
</div> | |
</b:includable> | |
<b:includable id='description'> | |
<div class='descriptionwrapper'> | |
<p class='description'> | |
<span> | |
<data:description/> | |
</span> | |
</p> | |
</div> | |
</b:includable> | |
<b:includable id='title'> | |
<b:if cond='data:blog.url == data:blog.homepageUrl'> | |
<data:title/> | |
<b:else/> | |
<a expr:href='data:blog.homepageUrl'> | |
<data:title/> | |
</a> | |
</b:if> | |
</b:includable> | |
</b:widget> | |
</b:section> | |
</div> | |
</header> | |
<!--End-Header--> | |
<div class='tabs-outer'> | |
<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'/> | |
<b:section class='tabs' id='crosscol-overflow' showaddelement='no'/> | |
</div> | |
</div> | |
<!--END-BANNER--> | |
<div class='column-right-outer check-element animate-show' ng-show='checked'> | |
<aside> | |
<macro:include id='main-column-right-sections' name='sections'> | |
<macro:param default='2' name='num' value='1'/> | |
<macro:param default='sidebar-right' name='idPrefix'/> | |
<macro:param default='sidebar' name='class'/> | |
<macro:param default='true' name='includeBottom'/> | |
</macro:include> | |
</aside> | |
</div> | |
<!--END-LEFT-DRAWER--> | |
<!--content--> | |
<div class='content'> | |
<div class='main-outer'> | |
<b:section class='main' id='main' showaddelement='no'> | |
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'> | |
<b:includable id='main' var='top'> | |
<b:if cond='data:mobile == "false"'> | |
<!-- posts --> | |
<div class='blog-posts hfeed'> | |
<b:include data='top' name='status-message'/> | |
<data:defaultAdStart/> | |
<b:loop values='data:posts' var='post'> | |
<b:if cond='data:post.isDateStart'> | |
<b:if cond='data:post.isFirstPost == "false"'> | |
</div></div> | |
</b:if> | |
</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:if cond='data:blog.pageType == "static_page"'> | |
<b:include data='post' name='comment_picker'/> | |
</b:if> | |
<b:if cond='data:blog.pageType == "item"'> | |
<b:include data='post' name='comment_picker'/> | |
</b:if> | |
</div> | |
<b:if cond='data:post.includeAd'> | |
<b:if cond='data:post.isFirstPost'> | |
<data:defaultAdEnd/> | |
<b:else/> | |
<data:adEnd/> | |
</b:if> | |
<div class='inline-ad'> | |
<data:adCode/> | |
</div> | |
<data:adStart/> | |
</b:if> | |
</b:loop> | |
<b:if cond='data:numPosts != 0'> | |
</div></div> | |
</b:if> | |
<data:adEnd/> | |
</div> | |
<!-- navigation --> | |
<b:include name='nextprev'/> | |
<!-- feed links --> | |
<b:include name='feedLinks'/> | |
<b:else/> | |
<b:include name='mobile-main'/> | |
</b:if> | |
<b:if cond='data:top.showDummy'> | |
<data:top.dummyBootstrap/> | |
</b:if> | |
</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='//www.blogger.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='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' frameborder='0' height='410' 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' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/> | |
</b:if> | |
<data:post.friendConnectJs/> | |
<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='//www.blogger.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.canonicalUrl'> | |
</span> | |
<b:else/> | |
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> | |
<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:else/> | |
<b:if cond='data:post.showThreadedComments'> | |
<b:include data='post' name='threaded_comments'/> | |
<b:else/> | |
<b:include data='post' name='comments'/> | |
</b:if> | |
</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:else/> | |
<b:if cond='data:post.allowComments'> | |
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> | |
<data:postCommentMsg/> | |
</a> | |
</b:if> | |
</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:if cond='data:post.showBacklinks'> | |
<b:include data='post' name='backlinks'/> | |
</b:if> | |
</div> | |
</div> | |
</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:if cond='data:post.allowComments'> | |
<b:if cond='data:post.feedLinks'> | |
<b:include data='post.feedLinks' name='feedLinksBody'/> | |
</b:if> | |
</b:if> | |
</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.canonicalUrl' 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:if cond='data:blog.pageType != "static_page"'> | |
<b:if cond='data:post.allowComments'> | |
<b:if cond='data:post.numComments != 0'> | |
<b:include data='post' name='comment_count_picker'/> | |
</b:if> | |
</b:if> | |
</b:if> | |
</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>--> | |
<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:else/> | |
<b:if cond='data:post.url'> | |
<b:if cond='data:blog.url != data:post.url'> | |
<a expr:href='data:post.url'> | |
<data:post.title/> | |
</a> | |
<b:else/> | |
<data:post.title/> | |
</b:if> | |
<b:else/> | |
<data:post.title/> | |
</b:if> | |
</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;'/> | |
<!-- clear for photos floats --> | |
</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.canonicalUrl' 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:if cond='data:blog.pageType != "item"'> | |
<b:if cond='data:blog.pageType != "static_page"'> | |
<b:if cond='data:post.allowComments'> | |
<b:include data='post' name='comment_count_picker'/> | |
</b:if> | |
</b:if> | |
</b:if> | |
</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:if cond='data:blog.pageType == "static_page"'> | |
<b:include data='post' name='comment_picker'/> | |
</b:if> | |
<b:if cond='data:blog.pageType == "item"'> | |
<b:include data='post' name='comment_picker'/> | |
</b:if> | |
</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'> | |
<data:homeMsg/> | |
</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' 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'/> | |
<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:else/> | |
<b:if cond='data:post.url'> | |
<b:if cond='data:blog.url != data:post.url'> | |
<a expr:href='data:post.url'> | |
<data:post.title/> | |
</a> | |
<b:else/> | |
<data:post.title/> | |
</b:if> | |
<b:else/> | |
<data:post.title/> | |
</b:if> | |
</b:if> | |
</h3> | |
</b:if> | |
<div class='post-header'> | |
<div class='post-header-line-1'/> | |
</div> | |
<b:if cond='data:blog.metaDescription == ""'> | |
<!-- Then use the post body as the schema.org description, | |
for good G+/FB snippeting. --> | |
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'> | |
<data:post.body/> | |
<div style='clear: both;'/> | |
<!-- clear for photos floats --> | |
</div> | |
<b:else/> | |
<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> | |
</b:if> | |
<b:if cond='data:post.hasJumpLink'> | |
<div class='jump-link'> | |
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'> | |
<data:post.jumpText/> | |
</a> | |
</div> | |
</b:if> | |
<div class='post-footer'> | |
<div class='post-footer-line post-footer-line-1'> | |
<span class='post-author vcard'> | |
<b:if cond='data:top.showAuthor'> | |
<data:top.authorLabel/> | |
<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 class='g-profile' 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.canonicalUrl' 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:if cond='data:blog.pageType != "item"'> | |
<b:if cond='data:blog.pageType != "static_page"'> | |
<b:if cond='data:post.allowComments'> | |
<b:include data='post' name='comment_count_picker'/> | |
</b:if> | |
</b:if> | |
</b:if> | |
</span> | |
<span class='post-icons'> | |
<!-- email post links --> | |
<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='http://img1.blogblog.com/img/icon18_email.gif' width='18'/> | |
</a> | |
</span> | |
</b:if> | |
<!-- quickedit pencil --> | |
<b:include data='post' name='postQuickEdit'/> | |
</span> | |
</div> | |
<div class='post-footer-line post-footer-line-2'> | |
<span class='post-labels'> | |
<b:if cond='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='data:label.isLast != "true"'> | |
, | |
</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'> | |
<b:if cond='data:post.location'> | |
<data:postLocationLabel/> | |
<a expr:href='data:post.location.mapsUrl' target='_blank'> | |
<data:post.location.name/> | |
</a> | |
</b:if> | |
</b:if> | |
</span> | |
</div> | |
<b:if cond='data:post.authorAboutMe'> | |
<div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> | |
<b:if cond='data:post.authorPhoto.url'> | |
<img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/> | |
</b:if> | |
<div> | |
<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> | |
<span itemprop='description'> | |
<data:post.authorAboutMe/> | |
</span> | |
</div> | |
</b:if> | |
</div> | |
</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='http://img2.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.showDummy'> | |
<div class='goog-inline-block dummy-container'> | |
<data:post.dummyTag/> | |
</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' frameborder='0' height='410' 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' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/> | |
</b:if> | |
<data:post.friendConnectJs/> | |
<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) { | |
if (entry.gd$extendedProperty) { | |
for (var k in entry.gd$extendedProperty) { | |
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') { | |
return '<span class="deleted-comment">' + entry.content.$t + '</span>'; | |
} | |
} | |
} | |
return entry.content.$t; | |
} | |
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)) { | |
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:if cond='data:post.embedCommentForm'> | |
<b:include data='post' name='threaded_comment_js'/> | |
</b:if> | |
<div id='comment-holder'> | |
<data:post.commentHtml/> | |
</div> | |
</div> | |
<p class='comment-footer'> | |
<b:if cond='data:post.allowNewComments'> | |
<b:include data='post' name='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:if cond='data:post.showBacklinks'> | |
<b:include data='post' name='backlinks'/> | |
</b:if> | |
</div> | |
</div> | |
</div> | |
</b:includable> | |
</b:widget> | |
</b:section> | |
</div> | |
</div> | |
<!--end content--> | |
<div style='clear: both'/> | |
<!--footer--> | |
<footer> | |
<div class='footer-outer'> | |
<div class='footer-cap-top cap-top'> | |
<div class='cap-left'/> | |
<div class='cap-right'/> | |
</div> | |
<div class='fauxborder-left footer-fauxborder-left'> | |
<div class='fauxborder-right footer-fauxborder-right'/> | |
<div class='region-inner footer-inner'> | |
<macro:include id='footer-sections' name='sections'> | |
<macro:param default='2' name='num'/> | |
<macro:param default='footer' name='idPrefix'/> | |
<macro:param default='foot' name='class'/> | |
<macro:param default='false' name='includeBottom'/> | |
</macro:include> | |
<!-- outside of the include in order to lock Attribution widget --> | |
<b:section class='foot' id='footer-3' showaddelement='no'> | |
<b:widget id='Attribution1' locked='true' title='' type='Attribution'> | |
<b:includable id='main'> | |
<b:if cond='data:feedbackSurveyLink'> | |
<div class='mobile-survey-link' style='text-align: center;'> | |
<data:feedbackSurveyLink/> | |
</div> | |
</b:if> | |
<div class='widget-content' style='text-align: center;'> | |
<b:if cond='data:attribution != ""'> | |
<data:attribution/> | |
</b:if> | |
</div> | |
<b:include name='quickedit'/> | |
</b:includable> | |
</b:widget> | |
</b:section> | |
</div> | |
</div> | |
<div class='footer-cap-bottom cap-bottom'> | |
<div class='cap-left'/> | |
<div class='cap-right'/> | |
</div> | |
</div> | |
</footer> | |
<!--end-footer--> | |
<div class='mask check-element animate-show2' ng-show='checked'> | |
</div> | |
<script type='text/javascript'> | |
window.setTimeout(function() { | |
document.body.className = document.body.className.replace('loading', ''); | |
}, 10); | |
</script> | |
</body> | |
<!--End-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:widget id='PageList1' locked='false' title='' type='PageList'> | |
<b:includable id='main'> | |
<b:if cond='data:title'> | |
<h2> | |
<data:title/> | |
</h2> | |
</b:if> | |
<div class='widget-content'> | |
<b:if cond='data:mobile'> | |
<select expr:id='data:widget.instanceId + "_select"'> | |
<b:loop values='data:links' var='link'> | |
<b:if cond='data:link.isCurrentPage'> | |
<option expr:value='data:link.href' selected='selected'> | |
<data:link.title/> | |
</option> | |
<b:else/> | |
<option expr:value='data:link.href'> | |
<data:link.title/> | |
</option> | |
</b:if> | |
</b:loop> | |
</select> | |
<span class='pagelist-arrow'> | |
&#9660; | |
</span> | |
<b:else/> | |
<ul> | |
<b:loop values='data:links' var='link'> | |
<b:if cond='data:link.isCurrentPage'> | |
<li class='selected'> | |
<a expr:href='data:link.href'> | |
<data:link.title/> | |
</a> | |
</li> | |
<b:else/> | |
<li> | |
<a expr:href='data:link.href'> | |
<data:link.title/> | |
</a> | |
</li> | |
</b:if> | |
</b:loop> | |
</ul> | |
</b:if> | |
<b:include name='quickedit'/> | |
</div> | |
</b:includable> | |
</b:widget> | |
</b:section-contents><b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'/><b:section-contents id='footer-2-2'/></html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment