Advertisement
Tyler13

Hurricane

Jun 6th, 2013
468
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 57.60 KB | None | 0 0
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <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'>
  4. <head>
  5.  
  6. <b:if cond='data:blog.isMobile'>
  7. <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
  8. <b:else/>
  9. <meta content='width=1100' name='viewport'/>
  10. </b:if>
  11. <b:include data='blog' name='all-head-content'/>
  12. <title><data:blog.pageTitle/></title>
  13.  
  14.  
  15. <b:skin><![CDATA[/*
  16. -----------------------------------------------
  17. Blogger Template Style
  18. Name: Simple
  19. Designer: Josh Peterson
  20. URL: www.noaesthetic.com
  21. ----------------------------------------------- */
  22.  
  23. @font-face {
  24. font-family: 'Fjalla One';
  25. font-style: normal;
  26. font-weight: 400;
  27. src: local('Fjalla One'), local('FjallaOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/fjallaone/v1/rxxXUYj4oZ6Q5oDJFtEd6hsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
  28. }
  29. ::-webkit-scrollbar {width: 10px;
  30. height: 10px;
  31. border-radius:25px;
  32. background: #f9f9f9; }
  33. ::-webkit-scrollbar-thumb:vertical {background: #eee;}
  34.  
  35. .sidebarimage img {margin-top:7px;margin-bottom:5px;max-width:260px;height:auto;text-align:center;opacity:1;border:1px solid #eee;-webkit-transition:opacity 0.8s linear;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;transition:all 0.5s ease-out;padding:3px;webkit-filter: sepia(100%); -moz-filter: sepia(100%); filter: sepia(100%); -webkit-transition-duration: .2s;}
  36. .sidebarimage img:hover{opacity:0.7;-webkit-filter: sepia(0%); -moz-filter: sepia(0%); filter: sepia(0%); -webkit-transition-duration: .2s; }
  37.  
  38. b, strong { font-family: arial; color: #a4a4a4; text-transform: lowercase; }
  39. i, em { letter-spacing: 1px; color: #222; }
  40. s, strike { color: #dad9ca; }
  41. u { border-bottom: 2px solid #dad9ca; text-decoration: none;color:#aaa; }
  42. .post-timestamp { padding-left:10px;}
  43. #navbar-iframe {display: none;}
  44. #Attribution1{display: none;}
  45. body{ background-color: #f8f8f8;margin-left:-50px;font-family:trebuchet ms; font-size:10px; color: #444;left:-20px;opacity:1;}
  46. a:link, a:active, a:visited { color: #a4a4a4; text-decoration: none; }
  47. a:hover { color: #dad9ca; text-decoration: none; webkit-transition-duration: 2s;-moz-transition-duration:0.90s;}
  48.  
  49. .column-left-inner .widget{ background:#ffffff; padding:5px;}
  50.  
  51. #HTML1 { margin-left:80px;}
  52. blockquote { font-family:arial;background:transparent; border:1px dashed #d3dedb; color:#999; font-size:10px;padding:5px;}
  53. #menu {background:transparent; font-style:italic;font-family:trebuchet ms;font-size:8pt;text-transform:lowercase;text-align:center;margin-bottom:5px; webkit-transition-duration: 3s;-moz-transition-duration:0.90s;}
  54. #menu a{ background:#dad9ca;color:#a4a4a4;padding:1px;border-bottom:1px solid #aaa;}
  55. #menu a:hover {background:#fff;color:#aaa;border-bottom:none;webkit-transition-duration: 3s;-moz-transition-duration:0.90s;}
  56. .title2{ position:fixed; right:-85px; top:350px;-webkit-transform: rotate(90deg);
  57. -moz-transform: rotate(90deg);
  58. -ms-transform: rotate(90deg);
  59. -o-transform: rotate(90deg);
  60. transform: rotate(90deg); font-family: arial; font-size: 73px; font-weight: bold; color: #a4a4a4; letter-spacing: -2px; margin-top: -1px; text-align:center;line-height:40px;text-transform:uppercase;margin-left:0px;z-index:9999;}
  61. .title3{ position:fixed; top:330px; right:-60px;-webkit-transform: rotate(90deg);
  62. -moz-transform: rotate(90deg);
  63. -ms-transform: rotate(90deg);
  64. -o-transform: rotate(90deg);
  65. transform: rotate(90deg); margin-left:50px;font-family: arial; font-size:59px;font-weight: bold; color: #dad9ca; letter-spacing: -4px; margin-top:10px; text-align:center;line-height:45px;text-transform:uppercase;margin-left:0px;z-index:9999;}
  66. .header h1 { display:none;}
  67. .post{padding-top:10px;background:#fff; margin-bottom:17px; padding:10px;font-size:10px;}
  68. h3.post-title, h4 {font-size:7pt; font-family:arial; text-transform:lowercase;margin-bottom:0px;padding:1px;font-style:normal;letter-spacing:2px;}
  69. .post-header { font-family:courier new; font-size:8pt; text-transform:uppercase;padding-left:10px;}
  70. .header .description {display:none;}
  71. .post-footer{ background:#f5f5f5; font-family:courier new;font-size:7pt;border-bottom:1px dashed #d3dedb;padding:0px;margin-bottom:30px;}
  72. h2
  73. {font: normal 7pt courier new; color: #888; text-align:left; display:inline-block; padding:3px;padding-bottom:0px;text-transform:uppercase;width:97%;
  74. letter-spacing:1px; border-bottom:1px dashed #666;margin-bottom:3px;OPACITY:0.7;}
  75. .column-center-inner { margin-left:-45px;margin-top:-37px;}
  76. .column-left-inner { position:fixed;left:30px; top:150px;width:310px;}
  77. ]]></b:skin>
  78.  
  79.  
  80. <b:template-skin>
  81. <b:variable default='960px' name='content.width' type='length' value='820px'/>
  82. <b:variable default='0' name='main.column.left.width' type='length' value='260px'/>
  83. <b:variable default='310px' name='main.column.right.width' type='length' value='0px'/>
  84.  
  85. <![CDATA[
  86. body {
  87. min-width: $(content.width);
  88. }
  89.  
  90. .content-outer, .content-fauxcolumn-outer, .region-inner {
  91. min-width: $(content.width);
  92. max-width: $(content.width);
  93. _width: $(content.width);
  94. }
  95.  
  96. .main-inner .columns {
  97. padding-left: $(main.column.left.width);
  98. padding-right: $(main.column.right.width);
  99. }
  100.  
  101. .main-inner .fauxcolumn-center-outer {
  102. left: $(main.column.left.width);
  103. right: $(main.column.right.width);
  104. /* IE6 does not respect left and right together */
  105. _width: expression(this.parentNode.offsetWidth -
  106. parseInt("$(main.column.left.width)") -
  107. parseInt("$(main.column.right.width)") + 'px');
  108. }
  109.  
  110. .main-inner .fauxcolumn-left-outer {
  111. width: $(main.column.left.width);
  112. }
  113.  
  114. .main-inner .fauxcolumn-right-outer {
  115. width: $(main.column.right.width);
  116. }
  117.  
  118. .main-inner .column-left-outer {
  119. width: $(main.column.left.width);
  120. right: 100%;
  121. margin-left: -$(main.column.left.width);
  122. }
  123.  
  124. .main-inner .column-right-outer {
  125. width: $(main.column.right.width);
  126. margin-right: -$(main.column.right.width);
  127. }
  128.  
  129. #layout {
  130. min-width: 0;
  131. }
  132.  
  133. #layout .content-outer {
  134. min-width: 0;
  135. width: 800px;
  136. }
  137.  
  138. #layout .region-inner {
  139. min-width: 0;
  140. width: auto;
  141. }
  142. ]]>
  143. </b:template-skin>
  144. <b:include data='blog' name='google-analytics'/>
  145.  
  146. </head>
  147.  
  148. <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  149. <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
  150. <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>
  151. <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
  152. function setAttributeOnload(object, attribute, val) {
  153. if(window.addEventListener) {
  154. window.addEventListener(&#39;load&#39;,
  155. function(){ object[attribute] = val; }, false);
  156. } else {
  157. window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
  158. }
  159. }
  160. &lt;/script&gt;
  161. &lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
  162. &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
  163. &lt;script type=&quot;text/javascript&quot;&gt;
  164. gapi.load(&quot;iframes-styles-bubble&quot;, function() {
  165. if (window.iframes &amp;&amp; iframes.open) {
  166. iframes.open(
  167. &#39;//www.blogger.com/navbar.g?targetBlogID\0753707612069662306438\46blogName\75I%E2%80%99ll+misbehave+if+it+turns+you+on\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://gutsydwarf.blogspot.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://gutsydwarf.blogspot.com/\46readAccessMode\75CUSTOM\46vt\758492277686317241018&#39;,
  168. {
  169. container: &quot;navbar-iframe-container&quot;,
  170. id: &quot;navbar-iframe&quot;
  171. },
  172. {
  173. });
  174. }
  175. });
  176. &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
  177. (function() {
  178. var script = document.createElement(&#39;script&#39;);
  179. script.type = &#39;text/javascript&#39;;
  180. script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
  181. var head = document.getElementsByTagName(&#39;head&#39;)[0];
  182. if (head) {
  183. head.appendChild(script);
  184. }})();
  185. &lt;/script&gt;
  186. </b:includable>
  187. </b:widget>
  188. </b:section>
  189.  
  190. <div class="title2">As the days go</div>
  191. <div class="title3">by the night's on fire</div>
  192. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  193. <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
  194. <meta expr:content='data:blog.title' itemprop='name'/>
  195. <b:if cond='data:blog.metaDescription'>
  196. <meta expr:content='data:blog.metaDescription' itemprop='description'/>
  197. </b:if>
  198. </div>
  199. </b:if>
  200.  
  201. <div class='body-fauxcolumns'>
  202. <div class='fauxcolumn-outer body-fauxcolumn-outer'>
  203. <div class='cap-top'>
  204. <div class='cap-left'/>
  205. <div class='cap-right'/>
  206. </div>
  207. <div class='fauxborder-left'>
  208. <div class='fauxborder-right'/>
  209. <div class='fauxcolumn-inner'>
  210. </div>
  211. </div>
  212. <div class='cap-bottom'>
  213. <div class='cap-left'/>
  214. <div class='cap-right'/>
  215. </div>
  216. </div>
  217. </div>
  218.  
  219. <div class='content'>
  220. <div class='content-fauxcolumns'>
  221. <div class='fauxcolumn-outer content-fauxcolumn-outer'>
  222. <div class='cap-top'>
  223. <div class='cap-left'/>
  224. <div class='cap-right'/>
  225. </div>
  226. <div class='fauxborder-left'>
  227. <div class='fauxborder-right'/>
  228. <div class='fauxcolumn-inner'>
  229. </div>
  230. </div>
  231. <div class='cap-bottom'>
  232. <div class='cap-left'/>
  233. <div class='cap-right'/>
  234. </div>
  235. </div>
  236. </div>
  237.  
  238. <div class='content-outer'>
  239. <div class='content-cap-top cap-top'>
  240. <div class='cap-left'/>
  241. <div class='cap-right'/>
  242. </div>
  243. <div class='fauxborder-left content-fauxborder-left'>
  244. <div class='fauxborder-right content-fauxborder-right'/>
  245. <div class='content-inner'>
  246.  
  247. <header>
  248. <div class='header-outer'>
  249. <div class='header-cap-top cap-top'>
  250. <div class='cap-left'/>
  251. <div class='cap-right'/>
  252. </div>
  253. <div class='fauxborder-left header-fauxborder-left'>
  254. <div class='fauxborder-right header-fauxborder-right'/>
  255. <div class='region-inner header-inner'>
  256. <b:section class='header' id='header' maxwidgets='1' showaddelement='no'/>
  257. </div>
  258. </div>
  259. <div class='header-cap-bottom cap-bottom'>
  260. <div class='cap-left'/>
  261. <div class='cap-right'/>
  262. </div>
  263. </div>
  264. </header>
  265.  
  266. <div class='tabs-outer'>
  267. <div class='tabs-cap-top cap-top'>
  268. <div class='cap-left'/>
  269. <div class='cap-right'/>
  270. </div>
  271. <div class='fauxborder-left tabs-fauxborder-left'>
  272. <div class='fauxborder-right tabs-fauxborder-right'/>
  273. <div class='region-inner tabs-inner'>
  274. <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
  275. <b:widget id='HTML1' locked='false' title='' type='HTML'>
  276. <b:includable id='main'>
  277. <!-- only display title if it's non-empty -->
  278. <b:if cond='data:title != &quot;&quot;'>
  279. <h2 class='title'><data:title/></h2>
  280. </b:if>
  281. <div class='widget-content'>
  282. <data:content/>
  283. </div>
  284.  
  285. <b:include name='quickedit'/>
  286. </b:includable>
  287. </b:widget>
  288. </b:section>
  289. <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
  290. </div>
  291. </div>
  292. <div class='tabs-cap-bottom cap-bottom'>
  293. <div class='cap-left'/>
  294. <div class='cap-right'/>
  295. </div>
  296. </div>
  297.  
  298. <div class='main-outer'>
  299. <div class='main-cap-top cap-top'>
  300. <div class='cap-left'/>
  301. <div class='cap-right'/>
  302. </div>
  303.  
  304. <div class='fauxborder-left main-fauxborder-left'>
  305. <div class='fauxborder-right main-fauxborder-right'/>
  306. <div class='region-inner main-inner'>
  307.  
  308. <div class='columns fauxcolumns'>
  309.  
  310. <div class='fauxcolumn-outer fauxcolumn-center-outer'>
  311. <div class='cap-top'>
  312. <div class='cap-left'/>
  313. <div class='cap-right'/>
  314. </div>
  315. <div class='fauxborder-left'>
  316. <div class='fauxborder-right'/>
  317. <div class='fauxcolumn-inner'>
  318. </div>
  319. </div>
  320. <div class='cap-bottom'>
  321. <div class='cap-left'/>
  322. <div class='cap-right'/>
  323. </div>
  324. </div>
  325.  
  326. <div class='fauxcolumn-outer fauxcolumn-left-outer'>
  327. <div class='cap-top'>
  328. <div class='cap-left'/>
  329. <div class='cap-right'/>
  330. </div>
  331. <div class='fauxborder-left'>
  332. <div class='fauxborder-right'/>
  333. <div class='fauxcolumn-inner'>
  334. </div>
  335. </div>
  336. <div class='cap-bottom'>
  337. <div class='cap-left'/>
  338. <div class='cap-right'/>
  339. </div>
  340. </div>
  341.  
  342. <div class='fauxcolumn-outer fauxcolumn-right-outer'>
  343. <div class='cap-top'>
  344. <div class='cap-left'/>
  345. <div class='cap-right'/>
  346. </div>
  347. <div class='fauxborder-left'>
  348. <div class='fauxborder-right'/>
  349. <div class='fauxcolumn-inner'>
  350. </div>
  351. </div>
  352. <div class='cap-bottom'>
  353. <div class='cap-left'/>
  354. <div class='cap-right'/>
  355. </div>
  356. </div>
  357.  
  358. <!-- corrects IE6 width calculation -->
  359. <div class='columns-inner'>
  360.  
  361. <div class='column-center-outer'>
  362. <div class='column-center-inner'>
  363. <b:section class='main' id='main' showaddelement='no'>
  364. <b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'>
  365. <b:includable id='main' var='top'>
  366. <b:if cond='data:mobile == &quot;false&quot;'>
  367.  
  368. <!-- posts -->
  369. <div class='blog-posts hfeed'>
  370.  
  371. <b:include data='top' name='status-message'/>
  372.  
  373. <data:defaultAdStart/>
  374. <b:loop values='data:posts' var='post'>
  375. <b:if cond='data:post.isDateStart'>
  376. <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  377. &lt;/div&gt;&lt;/div&gt;
  378. </b:if>
  379. </b:if>
  380. <b:if cond='data:post.isDateStart'>
  381. &lt;div class=&quot;date-outer&quot;&gt;
  382. </b:if>
  383. <b:if cond='data:post.dateHeader'>
  384. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  385. </b:if>
  386. <b:if cond='data:post.isDateStart'>
  387. &lt;div class=&quot;date-posts&quot;&gt;
  388. </b:if>
  389. <div class='post-outer'>
  390. <b:include data='post' name='post'/>
  391. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  392. <b:include data='post' name='comment_picker'/>
  393. </b:if>
  394. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  395. <b:include data='post' name='comment_picker'/>
  396. </b:if>
  397. </div>
  398. <b:if cond='data:post.includeAd'>
  399. <b:if cond='data:post.isFirstPost'>
  400. <data:defaultAdEnd/>
  401. <b:else/>
  402. <data:adEnd/>
  403. </b:if>
  404. <div class='inline-ad'>
  405. <data:adCode/>
  406. </div>
  407. <data:adStart/>
  408. </b:if>
  409. </b:loop>
  410. <b:if cond='data:numPosts != 0'>
  411. &lt;/div&gt;&lt;/div&gt;
  412. </b:if>
  413. <data:adEnd/>
  414. </div>
  415.  
  416. <!-- navigation -->
  417. <b:include name='nextprev'/>
  418.  
  419. <!-- feed links -->
  420. <b:include name='feedLinks'/>
  421.  
  422. <b:if cond='data:top.showStars'>
  423. <script src='//www.google.com/jsapi' type='text/javascript'/>
  424. <script type='text/javascript'>
  425. google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
  426. function initialize() {
  427. google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  428. google.annotations.createAll();
  429. google.annotations.fetch();
  430. }
  431. google.setOnLoadCallback(initialize);
  432. </script>
  433. </b:if>
  434.  
  435. <b:else/>
  436. <b:include name='mobile-main'/>
  437. </b:if>
  438.  
  439. <b:if cond='data:top.showDummy'>
  440. <data:top.dummyBootstrap/>
  441. </b:if>
  442.  
  443. </b:includable>
  444. <b:includable id='backlinkDeleteIcon' var='backlink'>
  445. <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  446. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  447. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  448. </a>
  449. </span>
  450. </b:includable>
  451. <b:includable id='backlinks' var='post'>
  452. <a name='links'/><h4><data:post.backlinksLabel/></h4>
  453. <b:if cond='data:post.numBacklinks != 0'>
  454. <dl class='comments-block' id='comments-block'>
  455. <b:loop values='data:post.backlinks' var='backlink'>
  456. <div class='collapsed-backlink backlink-control'>
  457. <dt class='comment-title'>
  458. <span class='backlink-toggle-zippy'>&#160;</span>
  459. <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  460. <b:include data='backlink' name='backlinkDeleteIcon'/>
  461. </dt>
  462. <dd class='comment-body collapseable'>
  463. <data:backlink.snippet/>
  464. </dd>
  465. <dd class='comment-footer collapseable'>
  466. <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  467. <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  468. </dd>
  469. </div>
  470. </b:loop>
  471. </dl>
  472. </b:if>
  473. <p class='comment-footer'>
  474. <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  475. </p>
  476. </b:includable>
  477. <b:includable id='comment-form' var='post'>
  478. <div class='comment-form'>
  479. <a name='comment-form'/>
  480. <b:if cond='data:mobile'>
  481. <h4 id='comment-post-message'>
  482. <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  483. <p><data:blogCommentMessage/></p>
  484. <data:blogTeamBlogMessage/>
  485. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  486. <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%'/>
  487. <b:else/>
  488. <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  489. <p><data:blogCommentMessage/></p>
  490. <data:blogTeamBlogMessage/>
  491. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  492. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  493. </b:if>
  494. <data:post.friendConnectJs/>
  495. <data:post.cmtfpIframe/>
  496. <script type='text/javascript'>
  497. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  498. </script>
  499. </div>
  500. </b:includable>
  501. <b:includable id='commentDeleteIcon' var='comment'>
  502. <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  503. <b:if cond='data:showCmtPopup'>
  504. <div class='goog-toggle-button'>
  505. <div class='goog-inline-block comment-action-icon'/>
  506. </div>
  507. <b:else/>
  508. <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  509. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  510. </a>
  511. </b:if>
  512. </span>
  513. </b:includable>
  514. <b:includable id='comment_count_picker' var='post'>
  515. <b:if cond='data:post.commentSource == 1'>
  516. <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'>
  517. </span>
  518. <b:else/>
  519. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  520. <data:post.commentLabelFull/>:
  521. </a>
  522. </b:if>
  523. </b:includable>
  524. <b:includable id='comment_picker' var='post'>
  525. <b:if cond='data:post.commentSource == 1'>
  526. <b:include data='post' name='iframe_comments'/>
  527. <b:else/>
  528. <b:if cond='data:post.showThreadedComments'>
  529. <b:include data='post' name='threaded_comments'/>
  530. <b:else/>
  531. <b:include data='post' name='comments'/>
  532. </b:if>
  533. </b:if>
  534. </b:includable>
  535. <b:includable id='comments' var='post'>
  536. <div class='comments' id='comments'>
  537. <a name='comments'/>
  538. <b:if cond='data:post.allowComments'>
  539. <h4><data:post.commentLabelFull/>:</h4>
  540.  
  541. <b:if cond='data:post.commentPagingRequired'>
  542. <span class='paging-control-container'>
  543. <b:if cond='data:post.hasOlderLinks'>
  544. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  545. &#160;
  546. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  547. &#160;
  548. </b:if>
  549.  
  550. <data:post.commentRangeText/>
  551.  
  552. <b:if cond='data:post.hasNewerLinks'>
  553. &#160;
  554. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  555. &#160;
  556. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  557. </b:if>
  558. </span>
  559. </b:if>
  560.  
  561. <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  562. <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  563. <b:loop values='data:post.comments' var='comment'>
  564. <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  565. <b:if cond='data:comment.favicon'>
  566. <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  567. </b:if>
  568. <a expr:name='data:comment.anchorName'/>
  569. <b:if cond='data:blog.enabledCommentProfileImages'>
  570. <data:comment.authorAvatarImage/>
  571. </b:if>
  572. <b:if cond='data:comment.authorUrl'>
  573. <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  574. <b:else/>
  575. <data:comment.author/>
  576. </b:if>
  577. <data:commentPostedByMsg/>
  578. </dt>
  579. <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  580. <b:if cond='data:comment.isDeleted'>
  581. <span class='deleted-comment'><data:comment.body/></span>
  582. <b:else/>
  583. <p>
  584. <data:comment.body/>
  585. </p>
  586. </b:if>
  587. </dd>
  588. <dd class='comment-footer'>
  589. <span class='comment-timestamp'>
  590. <a expr:href='data:comment.url' title='comment permalink'>
  591. <data:comment.timestamp/>
  592. </a>
  593. <b:include data='comment' name='commentDeleteIcon'/>
  594. </span>
  595. </dd>
  596. </b:loop>
  597. </dl>
  598. </div>
  599.  
  600. <b:if cond='data:post.commentPagingRequired'>
  601. <span class='paging-control-container'>
  602. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  603. <data:post.oldestLinkText/>
  604. </a>
  605. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  606. <data:post.olderLinkText/>
  607. </a>
  608. &#160;
  609. <data:post.commentRangeText/>
  610. &#160;
  611. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  612. <data:post.newerLinkText/>
  613. </a>
  614. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  615. <data:post.newestLinkText/>
  616. </a>
  617. </span>
  618. </b:if>
  619.  
  620. <p class='comment-footer'>
  621. <b:if cond='data:post.embedCommentForm'>
  622. <b:if cond='data:post.allowNewComments'>
  623. <b:include data='post' name='comment-form'/>
  624. <b:else/>
  625. <data:post.noNewCommentsText/>
  626. </b:if>
  627. <b:else/>
  628. <b:if cond='data:post.allowComments'>
  629. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  630. </b:if>
  631. </b:if>
  632.  
  633. </p>
  634. </b:if>
  635. <b:if cond='data:showCmtPopup'>
  636. <div id='comment-popup'>
  637. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  638. </iframe>
  639. </div>
  640. </b:if>
  641.  
  642. <div id='backlinks-container'>
  643. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  644. <b:if cond='data:post.showBacklinks'>
  645. <b:include data='post' name='backlinks'/>
  646. </b:if>
  647. </div>
  648. </div>
  649. </div>
  650. </b:includable>
  651. <b:includable id='feedLinks'>
  652. <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  653. <b:if cond='data:feedLinks'>
  654. <div class='blog-feeds'>
  655. <b:include data='feedLinks' name='feedLinksBody'/>
  656. </div>
  657. </b:if>
  658.  
  659. <b:else/> <!--Post feed links -->
  660. <div class='post-feeds'>
  661. <b:loop values='data:posts' var='post'>
  662. <b:if cond='data:post.allowComments'>
  663. <b:if cond='data:post.feedLinks'>
  664. <b:include data='post.feedLinks' name='feedLinksBody'/>
  665. </b:if>
  666. </b:if>
  667. </b:loop>
  668. </div>
  669. </b:if>
  670. </b:includable>
  671. <b:includable id='feedLinksBody' var='links'>
  672. <div class='feed-links'>
  673. <data:feedLinksMsg/>
  674. <b:loop values='data:links' var='f'>
  675. <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  676. </b:loop>
  677. </div>
  678. </b:includable>
  679. <b:includable id='iframe_comments' var='post'>
  680.  
  681. <b:if cond='data:post.allowIframeComments'>
  682. <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  683. <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  684.  
  685. <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  686. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  687. </b:if>
  688. </b:if>
  689. </b:includable>
  690. <b:includable id='mobile-index-post' var='post'>
  691. <div class='mobile-date-outer date-outer'>
  692. <b:if cond='data:post.dateHeader'>
  693. <div class='date-header'>
  694. <span><data:post.dateHeader/></span>
  695. </div>
  696. </b:if>
  697.  
  698. <div class='mobile-post-outer'>
  699. <a expr:href='data:post.url'>
  700. <h3 class='mobile-index-title entry-title' itemprop='name'>
  701. <data:post.title/>
  702. </h3>
  703.  
  704. <div class='mobile-index-arrow'>&amp;rsaquo;</div>
  705.  
  706. <div class='mobile-index-contents'>
  707. <b:if cond='data:post.thumbnailUrl'>
  708. <div class='mobile-index-thumbnail'>
  709. <div class='Image'>
  710. <img expr:src='data:post.thumbnailUrl'/>
  711. </div>
  712. </div>
  713. </b:if>
  714.  
  715. <div class='post-body'>
  716. <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  717. </div>
  718. </div>
  719.  
  720. <div style='clear: both;'/>
  721. </a>
  722.  
  723. <div class='mobile-index-comment'>
  724. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  725. <b:if cond='data:post.allowComments'>
  726. <b:if cond='data:post.numComments != 0'>
  727. <b:include data='post' name='comment_count_picker'/>
  728. </b:if>
  729. </b:if>
  730. </b:if>
  731. </div>
  732. </div>
  733. </div>
  734. </b:includable>
  735. <b:includable id='mobile-main' var='top'>
  736. <!-- posts -->
  737. <div class='blog-posts hfeed'>
  738.  
  739. <b:include data='top' name='status-message'/>
  740.  
  741. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  742. <b:loop values='data:posts' var='post'>
  743. <b:include data='post' name='mobile-index-post'/>
  744. </b:loop>
  745. <b:else/>
  746. <b:loop values='data:posts' var='post'>
  747. <b:include data='post' name='mobile-post'/>
  748. </b:loop>
  749. </b:if>
  750. </div>
  751.  
  752. <b:include name='mobile-nextprev'/>
  753. </b:includable>
  754. <b:includable id='mobile-nextprev'>
  755. <div class='blog-pager' id='blog-pager'>
  756. <b:if cond='data:newerPageUrl'>
  757. <div class='mobile-link-button' id='blog-pager-newer-link'>
  758. <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
  759. </div>
  760. </b:if>
  761.  
  762. <b:if cond='data:olderPageUrl'>
  763. <div class='mobile-link-button' id='blog-pager-older-link'>
  764. <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
  765. </div>
  766. </b:if>
  767.  
  768. <div class='mobile-link-button' id='blog-pager-home-link'>
  769. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  770. </div>
  771.  
  772. <div class='mobile-desktop-link'>
  773. <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  774. </div>
  775.  
  776. </div>
  777. <div class='clear'/>
  778. </b:includable>
  779. <b:includable id='mobile-post' var='post'>
  780. <div class='date-outer'>
  781. <b:if cond='data:post.dateHeader'>
  782. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  783. </b:if>
  784. <div class='date-posts'>
  785. <div class='post-outer'>
  786.  
  787. <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  788. <b:if cond='data:post.thumbnailUrl'>
  789. <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  790. </b:if>
  791. <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  792. <meta expr:content='data:post.id' itemprop='postId'/>
  793.  
  794. <a expr:name='data:post.id'/>
  795. <b:if cond='data:post.title'>
  796. <h3 class='post-title entry-title' itemprop='name'>
  797. <b:if cond='data:post.link'>
  798. <a expr:href='data:post.link'><data:post.title/></a>
  799. <b:else/>
  800. <b:if cond='data:post.url'>
  801. <b:if cond='data:blog.url != data:post.url'>
  802. <a expr:href='data:post.url'><data:post.title/></a>
  803. <b:else/>
  804. <data:post.title/>
  805. </b:if>
  806. <b:else/>
  807. <data:post.title/>
  808. </b:if>
  809. </b:if>
  810. </h3>
  811. </b:if>
  812.  
  813. <div class='post-header'>
  814. <div class='post-header-line-1'/>
  815.  
  816. </div>
  817.  
  818. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  819. <data:post.body/>
  820. <div style='clear: both;'/> <!-- clear for photos floats -->
  821. </div>
  822.  
  823.  
  824.  
  825. <div class='post-footer'>
  826. <div class='post-footer-line post-footer-line-1'>
  827. <span class='post-author vcard'>
  828. <b:if cond='data:top.showAuthor'>
  829. <b:if cond='data:post.authorProfileUrl'>
  830. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  831. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  832. <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  833. <span itemprop='name'><data:post.author/></span>
  834. </a>
  835. </span>
  836. <b:else/>
  837. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  838. <span itemprop='name'><data:post.author/></span>
  839. </span>
  840. </b:if>
  841. </b:if>
  842. </span>
  843.  
  844. <span class='post-timestamp'>
  845. <b:if cond='data:top.showTimestamp'>
  846. <data:top.timestampLabel/>
  847. <b:if cond='data:post.url'>
  848. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  849. <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>
  850. </b:if>
  851. </b:if>
  852. </span>
  853.  
  854. <span class='post-comment-link'>
  855. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  856. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  857. <b:if cond='data:post.allowComments'>
  858. <b:include data='post' name='comment_count_picker'/>
  859. </b:if>
  860. </b:if>
  861. </b:if>
  862. </span>
  863. </div>
  864.  
  865. <div class='post-footer-line post-footer-line-2'>
  866. <b:if cond='data:top.showMobileShare'>
  867. <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  868. <a href='javascript:void(0);'><data:shareMsg/></a>
  869. </div>
  870. </b:if>
  871. <b:if cond='data:top.showDummy'>
  872. <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  873. </b:if>
  874. </div>
  875.  
  876. </div>
  877. </div>
  878.  
  879. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  880. <b:include data='post' name='comment_picker'/>
  881. </b:if>
  882. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  883. <b:include data='post' name='comment_picker'/>
  884. </b:if>
  885. </div>
  886. </div>
  887. </div>
  888. </b:includable>
  889. <b:includable id='nextprev'>
  890. <div style='font-size:7pt; font-family:arial; text-transform:lowercase; margin-top:00px;'>
  891. <div class='blog-pager' id='blog-pager'>
  892.  
  893.  
  894. <b:if cond='data:newerPageUrl'>
  895. <a class='newer' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&#9664;RECENT ENTRIES</a>
  896.  
  897. </b:if>
  898. | <a class='home-link' expr:href='data:blog.homepageUrl'>HOME</a> |
  899.  
  900.  
  901. <b:if cond='data:olderPageUrl'>
  902. <a class='newer' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>OLDER ENTRIES&#9654;</a>
  903.  
  904. </b:if>
  905.  
  906.  
  907. <b:if cond='data:mobileLinkUrl'>
  908. <div class='blog-mobile-link'>
  909. <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  910. </div>
  911. </b:if>
  912. </div>
  913. </div>
  914. <div class='clear'/>
  915. </b:includable>
  916. <b:includable id='post' var='post'>
  917. <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  918. <b:if cond='data:post.firstImageUrl'>
  919. <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
  920. </b:if>
  921. <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  922. <meta expr:content='data:post.id' itemprop='postId'/>
  923.  
  924. <a expr:name='data:post.id'/>
  925. <b:if cond='data:post.title'>
  926. <h3 class='post-title entry-title' itemprop='name'>
  927. <b:if cond='data:post.link'>
  928. <a expr:href='data:post.link'><data:post.title/></a>
  929. <b:else/>
  930. <b:if cond='data:post.url'>
  931. <b:if cond='data:blog.url != data:post.url'>
  932. <a expr:href='data:post.url'><data:post.title/></a>
  933. <b:else/>
  934. <data:post.title/>
  935. </b:if>
  936. <b:else/>
  937. <data:post.title/>
  938. </b:if>
  939. </b:if>
  940. </h3>
  941. </b:if>
  942.  
  943. <div class='post-header'>
  944. <div class='post-header-line-1'><span class='post-author vcard'>
  945.  
  946. <b:if cond='data:top.showAuthor'>
  947. <data:top.authorLabel/>
  948. <b:if cond='data:post.authorProfileUrl'>
  949. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  950. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  951. <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  952. <span itemprop='name'><data:post.author/></span>
  953. </a>
  954. </span>
  955. <b:else/>
  956. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  957. <span itemprop='name'><data:post.author/></span>
  958. </span>
  959. </b:if>
  960. </b:if>
  961. </span> <span class='post-timestamp'>
  962. <b:if cond='data:top.showTimestamp'>
  963. <data:top.timestampLabel/>
  964. <b:if cond='data:post.url'>
  965. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  966. <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>
  967. </b:if>
  968. </b:if>
  969. </span> <span class='post-comment-link'>
  970. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  971. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  972. <b:if cond='data:post.allowComments'>
  973. <b:include data='post' name='comment_count_picker'/>
  974. </b:if>
  975. </b:if>
  976. </b:if>
  977. </span>
  978. </div></div>
  979.  
  980. <b:if cond='data:blog.metaDescription == &quot;&quot;'>
  981. <!-- Then use the post body as the schema.org description,
  982. for good G+/FB snippeting. -->
  983. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
  984. <data:post.body/>
  985. <div style='clear: both;'/> <!-- clear for photos floats -->
  986. </div>
  987. <b:else/>
  988. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  989. <data:post.body/>
  990. <div style='clear: both;'/> <!-- clear for photos floats -->
  991. </div>
  992. </b:if>
  993.  
  994. <b:if cond='data:post.hasJumpLink'>
  995. <div class='jump-link'>
  996. <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
  997. </div>
  998. </b:if>
  999.  
  1000. <div class='post-footer'>
  1001. <div class='post-footer-line post-footer-line-1'><span class='post-icons'>
  1002. <!-- email post links -->
  1003. <b:if cond='data:post.emailPostUrl'>
  1004. <span class='item-action'>
  1005. <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
  1006. <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
  1007. </a>
  1008. </span>
  1009. </b:if>
  1010.  
  1011. <!-- quickedit pencil -->
  1012. <b:include data='post' name='postQuickEdit'/>
  1013. </span> <div class='post-share-buttons goog-inline-block'>
  1014. <b:if cond='data:post.sharePostUrl'>
  1015. <b:include data='post' name='shareButtons'/>
  1016. </b:if>
  1017. </div> <span class='post-labels'>
  1018. <b:if cond='data:post.labels'>
  1019. <data:postLabelsLabel/>
  1020. <b:loop values='data:post.labels' var='label'>
  1021. <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  1022. </b:loop>
  1023. </b:if>
  1024. </span> </div>
  1025.  
  1026. <div class='post-footer-line post-footer-line-2'/>
  1027.  
  1028. <div class='post-footer-line post-footer-line-3'/>
  1029. </div>
  1030. </div>
  1031. </b:includable>
  1032. <b:includable id='postQuickEdit' var='post'>
  1033. <b:if cond='data:post.editUrl'>
  1034. <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  1035. <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  1036. <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  1037. </a>
  1038. </span>
  1039. </b:if>
  1040. </b:includable>
  1041. <b:includable id='shareButtons' var='post'>
  1042. <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' 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 + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' 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 + &quot;&amp;target=twitter&quot;' 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 + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' 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.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
  1043. </b:includable>
  1044. <b:includable id='status-message'>
  1045. <b:if cond='data:navMessage'>
  1046. <div class='status-msg-wrap'>
  1047. <div class='status-msg-body'>
  1048. <data:navMessage/>
  1049. </div>
  1050. <div class='status-msg-border'>
  1051. <div class='status-msg-bg'>
  1052. <div class='status-msg-hidden'><data:navMessage/></div>
  1053. </div>
  1054. </div>
  1055. </div>
  1056. <div style='clear: both;'/>
  1057. </b:if>
  1058. </b:includable>
  1059. <b:includable id='threaded-comment-form' var='post'>
  1060. <div class='comment-form'>
  1061. <a name='comment-form'/>
  1062. <b:if cond='data:mobile'>
  1063. <p><data:blogCommentMessage/></p>
  1064. <data:blogTeamBlogMessage/>
  1065. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1066. <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%'/>
  1067. <b:else/>
  1068. <p><data:blogCommentMessage/></p>
  1069. <data:blogTeamBlogMessage/>
  1070. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1071. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1072. </b:if>
  1073. <data:post.friendConnectJs/>
  1074. <data:post.cmtfpIframe/>
  1075. <script type='text/javascript'>
  1076. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  1077. </script>
  1078. </div>
  1079. </b:includable>
  1080. <b:includable id='threaded_comment_js' var='post'>
  1081. <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  1082.  
  1083. <script type='text/javascript'>
  1084. (function() {
  1085. var items = <data:post.commentJso/>;
  1086. var msgs = <data:post.commentMsgs/>;
  1087. var config = <data:post.commentConfig/>;
  1088.  
  1089. // <![CDATA[
  1090. var cursor = null;
  1091. if (items && items.length > 0) {
  1092. cursor = parseInt(items[items.length - 1].timestamp) + 1;
  1093. }
  1094.  
  1095. var bodyFromEntry = function(entry) {
  1096. if (entry.gd$extendedProperty) {
  1097. for (var k in entry.gd$extendedProperty) {
  1098. if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  1099. return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  1100. }
  1101. }
  1102. }
  1103. return entry.content.$t;
  1104. }
  1105.  
  1106. var parse = function(data) {
  1107. cursor = null;
  1108. var comments = [];
  1109. if (data && data.feed && data.feed.entry) {
  1110. for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  1111. var comment = {};
  1112. // comment ID, parsed out of the original id format
  1113. var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  1114. comment.id = id ? id[2] : null;
  1115. comment.body = bodyFromEntry(entry);
  1116. comment.timestamp = Date.parse(entry.published.$t) + '';
  1117. if (entry.author && entry.author.constructor === Array) {
  1118. var auth = entry.author[0];
  1119. if (auth) {
  1120. comment.author = {
  1121. name: (auth.name ? auth.name.$t : undefined),
  1122. profileUrl: (auth.uri ? auth.uri.$t : undefined),
  1123. avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  1124. };
  1125. }
  1126. }
  1127. if (entry.link) {
  1128. if (entry.link[2]) {
  1129. comment.link = comment.permalink = entry.link[2].href;
  1130. }
  1131. if (entry.link[3]) {
  1132. var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  1133. if (pid && pid[1]) {
  1134. comment.parentId = pid[1];
  1135. }
  1136. }
  1137. }
  1138. comment.deleteclass = 'item-control blog-admin';
  1139. if (entry.gd$extendedProperty) {
  1140. for (var k in entry.gd$extendedProperty) {
  1141. if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  1142. comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  1143. } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  1144. comment.displayTime = entry.gd$extendedProperty[k].value;
  1145. }
  1146. }
  1147. }
  1148. comments.push(comment);
  1149. }
  1150. }
  1151. return comments;
  1152. };
  1153.  
  1154. var paginator = function(callback) {
  1155. if (hasMore()) {
  1156. var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  1157. if (cursor) {
  1158. url += '&published-min=' + new Date(cursor).toISOString();
  1159. }
  1160. window.bloggercomments = function(data) {
  1161. var parsed = parse(data);
  1162. cursor = parsed.length < 50 ? null
  1163. : parseInt(parsed[parsed.length - 1].timestamp) + 1
  1164. callback(parsed);
  1165. window.bloggercomments = null;
  1166. }
  1167. url += '&callback=bloggercomments';
  1168. var script = document.createElement('script');
  1169. script.type = 'text/javascript';
  1170. script.src = url;
  1171. document.getElementsByTagName('head')[0].appendChild(script);
  1172. }
  1173. };
  1174. var hasMore = function() {
  1175. return !!cursor;
  1176. };
  1177. var getMeta = function(key, comment) {
  1178. if ('iswriter' == key) {
  1179. var matches = !!comment.author
  1180. && comment.author.name == config.authorName
  1181. && comment.author.profileUrl == config.authorUrl;
  1182. return matches ? 'true' : '';
  1183. } else if ('deletelink' == key) {
  1184. return config.baseUri + '/delete-comment.g?blogID='
  1185. + config.blogId + '&postID=' + comment.id;
  1186. } else if ('deleteclass' == key) {
  1187. return comment.deleteclass;
  1188. }
  1189. return '';
  1190. };
  1191.  
  1192. var replybox = null;
  1193. var replyUrlParts = null;
  1194. var replyParent = undefined;
  1195.  
  1196. var onReply = function(commentId, domId) {
  1197. if (replybox == null) {
  1198. // lazily cache replybox, and adjust to suit this style:
  1199. replybox = document.getElementById('comment-editor');
  1200. if (replybox != null) {
  1201. replybox.height = '250px';
  1202. replybox.style.display = 'block';
  1203. replyUrlParts = replybox.src.split('#');
  1204. }
  1205. }
  1206. if (replybox && (commentId !== replyParent)) {
  1207. document.getElementById(domId).insertBefore(replybox, null);
  1208. replybox.src = replyUrlParts[0]
  1209. + (commentId ? '&parentID=' + commentId : '')
  1210. + '#' + replyUrlParts[1];
  1211. replyParent = commentId;
  1212. }
  1213. };
  1214.  
  1215. var hash = (window.location.hash || '#').substring(1);
  1216. var startThread, targetComment;
  1217. if (/^comment-form_/.test(hash)) {
  1218. startThread = hash.substring('comment-form_'.length);
  1219. } else if (/^c[0-9]+$/.test(hash)) {
  1220. targetComment = hash.substring(1);
  1221. }
  1222.  
  1223. // Configure commenting API:
  1224. var configJso = {
  1225. 'maxDepth': config.maxThreadDepth
  1226. };
  1227. var provider = {
  1228. 'id': config.postId,
  1229. 'data': items,
  1230. 'loadNext': paginator,
  1231. 'hasMore': hasMore,
  1232. 'getMeta': getMeta,
  1233. 'onReply': onReply,
  1234. 'rendered': true,
  1235. 'initComment': targetComment,
  1236. 'initReplyThread': startThread,
  1237. 'config': configJso,
  1238. 'messages': msgs
  1239. };
  1240.  
  1241. var render = function() {
  1242. if (window.goog && window.goog.comments) {
  1243. var holder = document.getElementById('comment-holder');
  1244. window.goog.comments.render(holder, provider);
  1245. }
  1246. };
  1247.  
  1248. // render now, or queue to render when library loads:
  1249. if (window.goog && window.goog.comments) {
  1250. render();
  1251. } else {
  1252. window.goog = window.goog || {};
  1253. window.goog.comments = window.goog.comments || {};
  1254. window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  1255. window.goog.comments.loadQueue.push(render);
  1256. }
  1257. })();
  1258. // ]]>
  1259. </script>
  1260. </b:includable>
  1261. <b:includable id='threaded_comments' var='post'>
  1262. <div class='comments' id='comments'>
  1263. <a name='comments'/>
  1264. <h4><data:post.commentLabelFull/>:</h4>
  1265.  
  1266. <div class='comments-content'>
  1267. <b:if cond='data:post.embedCommentForm'>
  1268. <b:include data='post' name='threaded_comment_js'/>
  1269. </b:if>
  1270. <div id='comment-holder'>
  1271. <data:post.commentHtml/>
  1272. </div>
  1273. </div>
  1274.  
  1275. <p class='comment-footer'>
  1276. <b:if cond='data:post.allowNewComments'>
  1277. <b:include data='post' name='threaded-comment-form'/>
  1278. <b:else/>
  1279. <data:post.noNewCommentsText/>
  1280. </b:if>
  1281. </p>
  1282.  
  1283. <b:if cond='data:showCmtPopup'>
  1284. <div id='comment-popup'>
  1285. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1286. </iframe>
  1287. </div>
  1288. </b:if>
  1289.  
  1290. <div id='backlinks-container'>
  1291. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1292. <b:if cond='data:post.showBacklinks'>
  1293. <b:include data='post' name='backlinks'/>
  1294. </b:if>
  1295. </div>
  1296. </div>
  1297. </div>
  1298. </b:includable>
  1299. </b:widget>
  1300. </b:section>
  1301. </div>
  1302. </div>
  1303.  
  1304. <div class='column-left-outer'>
  1305. <div class='column-left-inner'>
  1306. <aside>
  1307. <macro:include id='main-column-left-sections' name='sections'>
  1308. <macro:param default='0' name='num' value='1'/>
  1309. <macro:param default='sidebar-left' name='idPrefix'/>
  1310. <macro:param default='sidebar' name='class'/>
  1311. <macro:param default='true' name='includeBottom'/>
  1312. </macro:include>
  1313. </aside>
  1314. </div>
  1315. </div>
  1316.  
  1317. <div class='column-right-outer'>
  1318. <div class='column-right-inner'>
  1319. <aside>
  1320. <macro:include id='main-column-right-sections' name='sections'>
  1321. <macro:param default='2' name='num' value='0'/>
  1322. <macro:param default='sidebar-right' name='idPrefix'/>
  1323. <macro:param default='sidebar' name='class'/>
  1324. <macro:param default='true' name='includeBottom'/>
  1325. </macro:include>
  1326. </aside>
  1327. </div>
  1328. </div>
  1329.  
  1330. </div>
  1331.  
  1332. <div style='clear: both'/>
  1333. <!-- columns -->
  1334. </div>
  1335.  
  1336. <!-- main -->
  1337. </div>
  1338. </div>
  1339. <div class='main-cap-bottom cap-bottom'>
  1340. <div class='cap-left'/>
  1341. <div class='cap-right'/>
  1342. </div>
  1343. </div>
  1344. <div style='background:#fff;color:#666;opacity:0.8;position:fixed;bottom:10px;right:10px;z-index:2; text-align:center;padding:3px;font-family:arial;font-size:7pt;width:75px;text-transform:lowercase;'>
  1345. <div style='text-align: center;'>
  1346. Layout by
  1347. <a href='http://graphical-thoughts.blogspot.com/' target='_blank'>TYLER</a></div></div>
  1348. <footer>
  1349. <div class='footer-outer'>
  1350. <div class='footer-cap-top cap-top'>
  1351. <div class='cap-left'/>
  1352. <div class='cap-right'/>
  1353. </div>
  1354. <div class='fauxborder-left footer-fauxborder-left'>
  1355. <div class='fauxborder-right footer-fauxborder-right'/>
  1356. <div class='region-inner footer-inner'>
  1357. <macro:include id='footer-sections' name='sections'>
  1358. <macro:param default='2' name='num' value='3'/>
  1359. <macro:param default='footer' name='idPrefix'/>
  1360. <macro:param default='foot' name='class'/>
  1361. <macro:param default='false' name='includeBottom'/>
  1362. </macro:include>
  1363. <!-- outside of the include in order to lock Attribution widget -->
  1364. <b:section class='foot' id='footer-3' showaddelement='no'>
  1365. <b:widget id='Attribution1' locked='false' title='' type='Attribution'>
  1366. <b:includable id='main'>
  1367. <b:if cond='data:feedbackSurveyLink'>
  1368. <div class='mobile-survey-link' style='text-align: center;'>
  1369. <data:feedbackSurveyLink/>
  1370. </div>
  1371. </b:if>
  1372.  
  1373. <div class='widget-content' style='text-align: center;'>
  1374. <b:if cond='data:attribution != &quot;&quot;'>
  1375. <data:attribution/>
  1376. </b:if>
  1377. </div>
  1378.  
  1379. <b:include name='quickedit'/>
  1380. </b:includable>
  1381. </b:widget>
  1382. </b:section>
  1383. </div>
  1384. </div>
  1385. <div class='footer-cap-bottom cap-bottom'>
  1386. <div class='cap-left'/>
  1387. <div class='cap-right'/>
  1388. </div>
  1389. </div>
  1390. </footer>
  1391.  
  1392. <!-- content -->
  1393. </div>
  1394. </div>
  1395. <div class='content-cap-bottom cap-bottom'>
  1396. <div class='cap-left'/>
  1397. <div class='cap-right'/>
  1398. </div>
  1399. </div>
  1400. </div>
  1401.  
  1402. <script type='text/javascript'>
  1403. window.setTimeout(function() {
  1404. document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
  1405. }, 10);
  1406. </script>
  1407.  
  1408. </body>
  1409.  
  1410. <macro:includable id='sections' var='col'>
  1411. <macro:if cond='data:col.num == 0'>
  1412. <macro:else/>
  1413. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-1&quot;' preferred='yes' showaddelement='yes'/>
  1414.  
  1415. <macro:if cond='data:col.num &gt;= 2'>
  1416. <table border='0' cellpadding='0' cellspacing='0' mexpr:class='&quot;section-columns columns-&quot; + data:col.num'>
  1417. <tbody>
  1418. <tr>
  1419. <td class='first columns-cell'>
  1420. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-1&quot;'/>
  1421. </td>
  1422.  
  1423. <td class='columns-cell'>
  1424. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-2&quot;'/>
  1425. </td>
  1426.  
  1427. <macro:if cond='data:col.num &gt;= 3'>
  1428. <td class='columns-cell'>
  1429. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-3&quot;'/>
  1430. </td>
  1431. </macro:if>
  1432.  
  1433. <macro:if cond='data:col.num &gt;= 4'>
  1434. <td class='columns-cell'>
  1435. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
  1436. </td>
  1437. </macro:if>
  1438. </tr>
  1439. </tbody>
  1440. </table>
  1441.  
  1442. <macro:if cond='data:col.includeBottom'>
  1443. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-3&quot;' showaddelement='no'/>
  1444. </macro:if>
  1445. </macro:if>
  1446. </macro:if>
  1447. </macro:includable>
  1448.  
  1449. <b:section-contents id='sidebar-left-1'>
  1450. <b:widget id='HTML3' locked='false' title='' type='HTML'>
  1451. <b:includable id='main'>
  1452. <!-- only display title if it's non-empty -->
  1453. <b:if cond='data:title != &quot;&quot;'>
  1454. <h2 class='title'><data:title/></h2>
  1455. </b:if>
  1456. <div class='widget-content'>
  1457. <data:content/>
  1458. </div>
  1459.  
  1460. <b:include name='quickedit'/>
  1461. </b:includable>
  1462. </b:widget>
  1463. </b:section-contents><b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'/><b:section-contents id='footer-2-2'/><b:section-contents id='footer-2-3'/></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement