· 4 years ago · Mar 16, 2021, 06:34 AM
1<?xml version="1.0" encoding="UTF-8" ?>
2<!DOCTYPE html>
3<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
4 <head>
5 <meta expr:content='data:blog.isMobile ? "width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" : "width=1100"' name='viewport'/>
6 <b:include data='blog' name='all-head-content'/>
7 <title><data:blog.pageTitle/></title>
8
9 <b:skin><![CDATA[/*
10-----------------------------------------------
11Blogger Template Style
12Name: Moon
13Designer: Nicko Gibson
14URL: http://itsnicko.blogspot.com
15----------------------------------------------- */
16
17/* Variable definitions
18 ====================
19 <Variable name="keycolor" description="Main Color" type="color" default="#66bbdd" value="#cc6611"/>
20
21 <Group description="Page Text" selector="body">
22 <Variable name="body.font" description="Font" type="font"
23 default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px Philosopher"/>
24 <Variable name="body.text.color" description="Text Color" type="color" default="#222222" value="#222222"/>
25 </Group>
26
27 <Group description="Backgrounds" selector=".body-fauxcolumns-outer">
28 <Variable name="body.background.color" description="Outer Background" type="color" default="#66bbdd" value="rgba(0, 0, 0, 0)"/>
29 <Variable name="content.background.color" description="Main Background" type="color" default="#ffffff" value="rgba(0, 0, 0, 0)"/>
30 <Variable name="header.background.color" description="Header Background" type="color" default="transparent" value="rgba(0, 0, 0, 0)"/>
31 </Group>
32
33 <Group description="Links" selector=".main-outer">
34 <Variable name="link.color" description="Link Color" type="color" default="#2288bb" value="#cc6611"/>
35 <Variable name="link.visited.color" description="Visited Color" type="color" default="#888888" value="#888888"/>
36 <Variable name="link.hover.color" description="Hover Color" type="color" default="#33aaff" value="#ff9900"/>
37 </Group>
38
39 <Group description="Blog Title" selector=".header h1">
40 <Variable name="header.font" description="Font" type="font"
41 default="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 42px 'Courier New', Courier, FreeMono, monospace"/>
42 <Variable name="header.text.color" description="Title Color" type="color" default="#3399bb" value="#ffffff"/>
43 </Group>
44
45 <Group description="Blog Description" selector=".header .description">
46 <Variable name="description.text.color" description="Description Color" type="color"
47 default="#777777" value="#ffffff"/>
48 </Group>
49
50 <Group description="Tabs Text" selector=".tabs-inner .widget li a">
51 <Variable name="tabs.font" description="Font" type="font"
52 default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
53 <Variable name="tabs.text.color" description="Text Color" type="color" default="#999999" value="#f3f3f3"/>
54 <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#000000" value="#666666"/>
55 </Group>
56
57 <Group description="Tabs Background" selector=".tabs-outer .PageList">
58 <Variable name="tabs.background.color" description="Background Color" type="color" default="#f5f5f5" value="#ffffff"/>
59 <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#eeeeee" value="#eeeeee"/>
60 </Group>
61
62 <Group description="Post Title" selector="h3.post-title, .comments h4">
63 <Variable name="post.title.font" description="Font" type="font"
64 default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 22px Impact, sans-serif"/>
65 </Group>
66
67 <Group description="Date Header" selector=".date-header">
68 <Variable name="date.header.color" description="Text Color" type="color"
69 default="$(body.text.color)" value="#222222"/>
70 <Variable name="date.header.background.color" description="Background Color" type="color"
71 default="transparent" value="transparent"/>
72 <Variable name="date.header.font" description="Text Font" type="font"
73 default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
74 <Variable name="date.header.padding" description="Date Header Padding" type="string" default="inherit" value="inherit"/>
75 <Variable name="date.header.letterspacing" description="Date Header Letter Spacing" type="string" default="inherit" value="inherit"/>
76 <Variable name="date.header.margin" description="Date Header Margin" type="string" default="inherit" value="inherit"/>
77 </Group>
78
79 <Group description="Post Footer" selector=".post-footer">
80 <Variable name="post.footer.text.color" description="Text Color" type="color" default="#666666" value="#666666"/>
81 <Variable name="post.footer.background.color" description="Background Color" type="color"
82 default="#f9f9f9" value="#f9f9f9"/>
83 <Variable name="post.footer.border.color" description="Shadow Color" type="color" default="#eeeeee" value="#eeeeee"/>
84 </Group>
85
86 <Group description="Gadgets" selector="h2">
87 <Variable name="widget.title.font" description="Title Font" type="font"
88 default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 14px Play"/>
89 <Variable name="widget.title.text.color" description="Title Color" type="color" default="#000000" value="#ffffff"/>
90 <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#999999" value="#999999"/>
91 </Group>
92
93 <Group description="Images" selector=".main-inner">
94 <Variable name="image.background.color" description="Background Color" type="color" default="#ffffff" value="rgba(0, 0, 0, 0)"/>
95 <Variable name="image.border.color" description="Border Color" type="color" default="#eeeeee" value="#eeeeee"/>
96 <Variable name="image.text.color" description="Caption Text Color" type="color" default="$(body.text.color)" value="#222222"/>
97 </Group>
98
99 <Group description="Accents" selector=".content-inner">
100 <Variable name="body.rule.color" description="Separator Line Color" type="color" default="#eeeeee" value="#eeeeee"/>
101 <Variable name="tabs.border.color" description="Tabs Border Color" type="color" default="$(body.rule.color)" value="#eeeeee"/>
102 </Group>
103
104 <Variable name="body.background" description="Body Background" type="background"
105 color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/>
106 <Variable name="body.background.override" description="Body Background Override" type="string" default="" value=""/>
107
108 <Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url"
109 default="url(https://resources.blogblog.com/blogblog/data/1kt/simple/gradients_light.png)" value="none"/>
110 <Variable name="body.background.gradient.tile" description="Body Gradient Tile" type="url"
111 default="url(https://resources.blogblog.com/blogblog/data/1kt/simple/body_gradient_tile_light.png)" value="none"/>
112
113 <Variable name="content.background.color.selector" description="Content Background Color Selector" type="string" default=".content-inner" value=".content-inner"/>
114 <Variable name="content.padding" description="Content Padding" type="length" default="10px" min="0" max="100px" value="10px"/>
115 <Variable name="content.padding.horizontal" description="Content Horizontal Padding" type="length" default="$(content.padding)" min="0" max="100px" value="10px"/>
116 <Variable name="content.shadow.spread" description="Content Shadow Spread" type="length" default="40px" min="0" max="100px" value="40px"/>
117 <Variable name="content.shadow.spread.webkit" description="Content Shadow Spread (WebKit)" type="length" default="5px" min="0" max="100px" value="5px"/>
118 <Variable name="content.shadow.spread.ie" description="Content Shadow Spread (IE)" type="length" default="10px" min="0" max="100px" value="10px"/>
119
120 <Variable name="main.border.width" description="Main Border Width" type="length" default="0" min="0" max="10px" value="0"/>
121
122 <Variable name="header.background.gradient" description="Header Gradient" type="url" default="none" value="url(https://resources.blogblog.com/blogblog/data/1kt/simple/gradients_light.png)"/>
123 <Variable name="header.shadow.offset.left" description="Header Shadow Offset Left" type="length" default="-1px" min="-50px" max="50px" value="1px"/>
124 <Variable name="header.shadow.offset.top" description="Header Shadow Offset Top" type="length" default="-1px" min="-50px" max="50px" value="2px"/>
125 <Variable name="header.shadow.spread" description="Header Shadow Spread" type="length" default="1px" min="0" max="100px" value="3px"/>
126 <Variable name="header.padding" description="Header Padding" type="length" default="30px" min="0" max="100px" value="30px"/>
127
128 <Variable name="header.border.size" description="Header Border Size" type="length" default="1px" min="0" max="10px" value="0"/>
129 <Variable name="header.bottom.border.size" description="Header Bottom Border Size" type="length" default="$(header.border.size)" min="0" max="10px" value="0"/>
130 <Variable name="header.border.horizontalsize" description="Header Horizontal Border Size" type="length" default="0" min="0" max="10px" value="0"/>
131
132 <Variable name="description.text.size" description="Description Text Size" type="string" default="140%" value="140%"/>
133
134 <Variable name="tabs.margin.top" description="Tabs Margin Top" type="length" default="0" min="0" max="100px" value="0"/>
135 <Variable name="tabs.margin.side" description="Tabs Side Margin" type="length" default="30px" min="0" max="100px" value="30px"/>
136 <Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
137 default="url(https://resources.blogblog.com/blogblog/data/1kt/simple/gradients_light.png)" value="url(https://resources.blogblog.com/blogblog/data/1kt/simple/gradients_light.png)"/>
138 <Variable name="tabs.border.width" description="Tabs Border Width" type="length" default="1px" min="0" max="10px" value="1px"/>
139 <Variable name="tabs.bevel.border.width" description="Tabs Bevel Border Width" type="length" default="1px" min="0" max="10px" value="1px"/>
140
141 <Variable name="post.margin.bottom" description="Post Bottom Margin" type="length" default="25px" min="0" max="100px" value="25px"/>
142
143 <Variable name="image.border.small.size" description="Image Border Small Size" type="length" default="2px" min="0" max="10px" value="2px"/>
144 <Variable name="image.border.large.size" description="Image Border Large Size" type="length" default="5px" min="0" max="10px" value="5px"/>
145
146 <Variable name="page.width.selector" description="Page Width Selector" type="string" default=".region-inner" value=".region-inner"/>
147 <Variable name="page.width" description="Page Width" type="string" default="auto" value="auto"/>
148
149 <Variable name="main.section.margin" description="Main Section Margin" type="length" default="15px" min="0" max="100px" value="15px"/>
150 <Variable name="main.padding" description="Main Padding" type="length" default="15px" min="0" max="100px" value="15px"/>
151 <Variable name="main.padding.top" description="Main Padding Top" type="length" default="30px" min="0" max="100px" value="30px"/>
152 <Variable name="main.padding.bottom" description="Main Padding Bottom" type="length" default="30px" min="0" max="100px" value="30px"/>
153
154 <Variable name="paging.background"
155 color="$(content.background.color)"
156 description="Background of blog paging area" type="background"
157 default="transparent none no-repeat scroll top center" value="transparent none no-repeat scroll top center"/>
158
159 <Variable name="footer.bevel" description="Bevel border length of footer" type="length" default="0" min="0" max="10px" value="0"/>
160
161 <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
162 default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
163 <Variable name="mobile.background.size" description="Mobile Background Size" type="string" default="auto" value="auto"/>
164 <Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff" value="#ffffff"/>
165
166 <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left"/>
167 <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right"/>
168*/
169
170/* Content
171----------------------------------------------- */
172body {
173 font: $(body.font);
174 color: $(body.text.color);
175 background: $(body.background);
176 padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
177 $(body.background.override)
178}
179
180html body $(page.width.selector) {
181 min-width: 0;
182 max-width: 100%;
183 width: $(page.width);
184}
185
186h2 {
187 font-size: 22px;
188}
189
190a:link {
191 text-decoration:none;
192 color: $(link.color);
193}
194
195a:visited {
196 text-decoration:none;
197 color: $(link.visited.color);
198}
199
200a:hover {
201 text-decoration:underline;
202 color: $(link.hover.color);
203}
204
205.body-fauxcolumn-outer .fauxcolumn-inner {
206 background: transparent $(body.background.gradient.tile) repeat scroll top left;
207 _background-image: none;
208}
209
210.body-fauxcolumn-outer .cap-top {
211 position: absolute;
212 z-index: 1;
213 height: 400px;
214 width: 100%;
215}
216
217.body-fauxcolumn-outer .cap-top .cap-left {
218 width: 100%;
219 background: transparent $(body.background.gradient.cap) repeat-x scroll top left;
220 _background-image: none;
221}
222
223.content-outer {
224 -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
225 -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
226 -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
227 box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
228
229 margin-bottom: 1px;
230}
231
232.content-inner {
233 padding: $(content.padding) $(content.padding.horizontal);
234}
235
236$(content.background.color.selector) {
237 background-color: $(content.background.color);
238}
239
240/* Header
241----------------------------------------------- */
242.header-outer {
243 background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
244 _background-image: none;
245}
246
247.Header h1 {
248 font: $(header.font);
249 color: $(header.text.color);
250 text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
251}
252
253.Header h1 a {
254 color: $(header.text.color);
255}
256
257.Header .description {
258 font-size: $(description.text.size);
259 color: $(description.text.color);
260}
261
262.header-inner .Header .titlewrapper {
263 padding: 22px $(header.padding);
264}
265
266.header-inner .Header .descriptionwrapper {
267 padding: 0 $(header.padding);
268}
269
270/* Tabs
271----------------------------------------------- */
272.tabs-inner .section:first-child {
273 border-top: $(header.bottom.border.size) solid $(tabs.border.color);
274}
275
276.tabs-inner .section:first-child ul {
277 margin-top: -$(header.border.size);
278 border-top: $(header.border.size) solid $(tabs.border.color);
279 border-left: $(header.border.horizontalsize) solid $(tabs.border.color);
280 border-right: $(header.border.horizontalsize) solid $(tabs.border.color);
281}
282
283.tabs-inner .widget ul {
284 background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
285 _background-image: none;
286 border-bottom: $(tabs.border.width) solid $(tabs.border.color);
287
288 margin-top: $(tabs.margin.top);
289 margin-left: -$(tabs.margin.side);
290 margin-right: -$(tabs.margin.side);
291}
292
293.tabs-inner .widget li a {
294 display: inline-block;
295
296 padding: .6em 1em;
297
298 font: $(tabs.font);
299 color: $(tabs.text.color);
300
301 border-$startSide: $(tabs.border.width) solid $(content.background.color);
302 border-$endSide: $(tabs.bevel.border.width) solid $(tabs.border.color);
303}
304
305.tabs-inner .widget li:first-child a {
306 border-$startSide: none;
307}
308
309.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
310 color: $(tabs.selected.text.color);
311 background-color: $(tabs.selected.background.color);
312 text-decoration: none;
313}
314
315/* Columns
316----------------------------------------------- */
317.main-outer {
318 border-top: $(main.border.width) solid $(body.rule.color);
319}
320
321.fauxcolumn-left-outer .fauxcolumn-inner {
322 border-right: 1px solid $(body.rule.color);
323}
324
325.fauxcolumn-right-outer .fauxcolumn-inner {
326 border-left: 1px solid $(body.rule.color);
327}
328
329/* Headings
330----------------------------------------------- */
331div.widget > h2,
332div.widget h2.title {
333 margin: 0 0 1em 0;
334
335 font: $(widget.title.font);
336 color: $(widget.title.text.color);
337}
338
339/* Widgets
340----------------------------------------------- */
341.widget .zippy {
342 color: $(widget.alternate.text.color);
343 text-shadow: 2px 2px 1px rgba(0, 0, 0, .1);
344}
345
346.widget .popular-posts ul {
347 list-style: none;
348}
349
350/* Posts
351----------------------------------------------- */
352h2.date-header {
353 font: $(date.header.font);
354}
355
356.date-header span {
357 background-color: $(date.header.background.color);
358 color: $(date.header.color);
359 padding: $(date.header.padding);
360 letter-spacing: $(date.header.letterspacing);
361 margin: $(date.header.margin);
362}
363
364.main-inner {
365 padding-top: $(main.padding.top);
366 padding-bottom: $(main.padding.bottom);
367}
368
369.main-inner .column-center-inner {
370 padding: 0 $(main.padding);
371}
372
373.main-inner .column-center-inner .section {
374 margin: 0 $(main.section.margin);
375}
376
377.post {
378 margin: 0 0 $(post.margin.bottom) 0;
379}
380
381h3.post-title, .comments h4 {
382 font: $(post.title.font);
383 margin: .75em 0 0;
384}
385
386.post-body {
387 font-size: 110%;
388 line-height: 1.4;
389 position: relative;
390}
391
392.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
393.BlogList .item-thumbnail img {
394 padding: $(image.border.small.size);
395
396 background: $(image.background.color);
397 border: 1px solid $(image.border.color);
398
399 -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
400 -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
401 box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
402}
403
404.post-body img, .post-body .tr-caption-container {
405 padding: $(image.border.large.size);
406}
407
408.post-body .tr-caption-container {
409 color: $(image.text.color);
410}
411
412.post-body .tr-caption-container img {
413 padding: 0;
414
415 background: transparent;
416 border: none;
417
418 -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
419 -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
420 box-shadow: 0 0 0 rgba(0, 0, 0, .1);
421}
422
423.post-header {
424 margin: 0 0 1.5em;
425
426 line-height: 1.6;
427 font-size: 90%;
428}
429
430.post-footer {
431 margin: 20px -2px 0;
432 padding: 5px 10px;
433
434 color: $(post.footer.text.color);
435 background-color: $(post.footer.background.color);
436 border-bottom: 1px solid $(post.footer.border.color);
437
438 line-height: 1.6;
439 font-size: 90%;
440}
441
442#comments .comment-author {
443 padding-top: 1.5em;
444
445 border-top: 1px solid $(body.rule.color);
446 background-position: 0 1.5em;
447}
448
449#comments .comment-author:first-child {
450 padding-top: 0;
451 border-top: none;
452}
453
454.avatar-image-container {
455 margin: .2em 0 0;
456}
457
458#comments .avatar-image-container img {
459 border: 1px solid $(image.border.color);
460}
461
462/* Comments
463----------------------------------------------- */
464.comments .comments-content .icon.blog-author {
465 background-repeat: no-repeat;
466 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
467}
468
469.comments .comments-content .loadmore a {
470 border-top: 1px solid $(widget.alternate.text.color);
471 border-bottom: 1px solid $(widget.alternate.text.color);
472}
473
474.comments .comment-thread.inline-thread {
475 background-color: $(post.footer.background.color);
476}
477
478.comments .continue {
479 border-top: 2px solid $(widget.alternate.text.color);
480}
481
482/* Accents
483---------------------------------------------- */
484.section-columns td.columns-cell {
485 border-$startSide: 1px solid $(body.rule.color);
486}
487
488.blog-pager {
489 background: $(paging.background);
490}
491
492.blog-pager-older-link, .home-link,
493.blog-pager-newer-link {
494 background-color: $(content.background.color);
495 padding: 5px;
496}
497
498.footer-outer {
499 border-top: $(footer.bevel) dashed #bbbbbb;
500}
501
502/* Mobile
503----------------------------------------------- */
504body.mobile {
505 background-size: $(mobile.background.size);
506}
507
508.mobile .body-fauxcolumn-outer {
509 background: $(mobile.background.overlay);
510}
511
512.mobile .body-fauxcolumn-outer .cap-top {
513 background-size: 100% auto;
514}
515
516.mobile .content-outer {
517 -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
518 box-shadow: 0 0 3px rgba(0, 0, 0, .15);
519}
520
521.mobile .tabs-inner .widget ul {
522 margin-left: 0;
523 margin-right: 0;
524}
525
526.mobile .post {
527 margin: 0;
528}
529
530.mobile .main-inner .column-center-inner .section {
531 margin: 0;
532}
533
534.mobile .date-header span {
535 padding: 0.1em 10px;
536 margin: 0 -10px;
537}
538
539.mobile h3.post-title {
540 margin: 0;
541}
542
543.mobile .blog-pager {
544 background: transparent none no-repeat scroll top center;
545}
546
547.mobile .footer-outer {
548 border-top: none;
549}
550
551.mobile .main-inner, .mobile .footer-inner {
552 background-color: $(content.background.color);
553}
554
555.mobile-index-contents {
556 color: $(body.text.color);
557}
558
559.mobile-link-button {
560 background-color: $(link.color);
561}
562
563.mobile-link-button a:link, .mobile-link-button a:visited {
564 color: $(mobile.button.color);
565}
566
567.mobile .tabs-inner .section:first-child {
568 border-top: none;
569}
570
571.mobile .tabs-inner .PageList .widget-content {
572 background-color: $(tabs.selected.background.color);
573 color: $(tabs.selected.text.color);
574 border-top: $(tabs.border.width) solid $(tabs.border.color);
575 border-bottom: $(tabs.border.width) solid $(tabs.border.color);
576}
577
578.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
579 border-$startSide: 1px solid $(tabs.border.color);
580}
581body {
582 min-width:300px;
583 font-family: 'Quicksand', sans-serif;
584 display: flex;
585 flex-direction: column;
586 align-items: center;
587 justify-content: center;
588 text-align: center;
589 /* height: 100vh */
590 color: black;
591}
592
593
594
595.header, .navbar {
596display: none;
597}
598
599#time {
600 font-size: 8rem;
601}
602
603
604
605h2 {
606 margin-bottom: 0.5rem;
607 opacity: 0.6;
608
609}
610
611@media (max-width: 1000px) {
612 #time {
613 font-size: 6rem;
614 }
615
616}
617
618table.searchBoxes{
619width:85%;
620text-align:left;
621opacity: 0.8;
622}
623
624table.searchBoxes input[type=text ]{
625 width: 70%;
626 padding-left: 5px;
627
628 height:25px;
629}
630
631table.searchBoxes input[type=submit ]{
632 width: 25%;
633height:25px;
634}
635
636
637.favIco img{
638 width: 40px;
639margin-left: 3px;
640margin-right: 0px;
641
642}
643
644table.searchBoxes .favIco{
645 text-align:right;
646
647}]]></b:skin>
648
649 <b:template-skin>
650 <b:variable default='960px' name='content.width' type='length' value='960px'/>
651 <b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
652 <b:variable default='310px' name='main.column.right.width' type='length' value='310px'/>
653
654 <![CDATA[
655 body {
656 min-width: $(content.width);
657 }
658
659 .content-outer, .content-fauxcolumn-outer, .region-inner {
660 min-width: $(content.width);
661 max-width: $(content.width);
662 _width: $(content.width);
663 }
664
665 .main-inner .columns {
666 padding-left: $(main.column.left.width);
667 padding-right: $(main.column.right.width);
668 }
669
670 .main-inner .fauxcolumn-center-outer {
671 left: $(main.column.left.width);
672 right: $(main.column.right.width);
673 /* IE6 does not respect left and right together */
674 _width: expression(this.parentNode.offsetWidth -
675 parseInt("$(main.column.left.width)") -
676 parseInt("$(main.column.right.width)") + 'px');
677 }
678
679 .main-inner .fauxcolumn-left-outer {
680 width: $(main.column.left.width);
681 }
682
683 .main-inner .fauxcolumn-right-outer {
684 width: $(main.column.right.width);
685 }
686
687 .main-inner .column-left-outer {
688 width: $(main.column.left.width);
689 right: 100%;
690 margin-left: -$(main.column.left.width);
691 }
692
693 .main-inner .column-right-outer {
694 width: $(main.column.right.width);
695 margin-right: -$(main.column.right.width);
696 }
697
698 #layout {
699 min-width: 0;
700 }
701
702 #layout .content-outer {
703 min-width: 0;
704 width: 800px;
705 }
706
707 #layout .region-inner {
708 min-width: 0;
709 width: auto;
710 }
711
712 body#layout div.add_widget {
713 padding: 8px;
714 }
715
716 body#layout div.add_widget a {
717 margin-left: 32px;
718 }
719 ]]>
720 </b:template-skin>
721
722 <b:if cond='data:skin.vars.body_background.image.isResizable'>
723 <b:include cond='not data:view.isPreview' data='{ image: data:skin.vars.body_background.image, selector: "body" }' name='responsiveImageStyle'/>
724 </b:if>
725
726 <b:include data='blog' name='google-analytics'/>
727 </head>
728
729 <body expr:class='"loading" + data:blog.mobileClass'>
730 <b:section class='navbar' id='navbar' maxwidgets='1' name='Navbar' showaddelement='no'>
731 <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
732 <b:includable id='main'><script type="text/javascript">
733 function setAttributeOnload(object, attribute, val) {
734 if(window.addEventListener) {
735 window.addEventListener('load',
736 function(){ object[attribute] = val; }, false);
737 } else {
738 window.attachEvent('onload', function(){ object[attribute] = val; });
739 }
740 }
741 </script>
742<div id="navbar-iframe-container"></div>
743<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
744<script type="text/javascript">
745 gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
746 if (gapi.iframes && gapi.iframes.getContext) {
747 gapi.iframes.getContext().openChild({
748 url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d2465221343394124552\x26blogName\x3dStart+Page\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://my-startpage.blogspot.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttp://my-startpage.blogspot.com/\x26vt\x3d-7166445661957924170',
749 where: document.getElementById("navbar-iframe-container"),
750 id: "navbar-iframe"
751 });
752 }
753 });
754 </script><script type="text/javascript">
755(function() {
756var script = document.createElement('script');
757script.type = 'text/javascript';
758script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
759var head = document.getElementsByTagName('head')[0];
760if (head) {
761head.appendChild(script);
762}})();
763</script>
764</b:includable>
765 </b:widget>
766 </b:section>
767
768 <b:if cond='data:blog.pageType == "index"'>
769 <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
770 <meta expr:content='data:blog.title' itemprop='name'/>
771 <b:if cond='data:blog.metaDescription'>
772 <meta expr:content='data:blog.metaDescription' itemprop='description'/>
773 </b:if>
774 </div>
775 </b:if>
776
777 <div class='body-fauxcolumns'>
778 <div class='fauxcolumn-outer body-fauxcolumn-outer'>
779 <div class='cap-top'>
780 <div class='cap-left'/>
781 <div class='cap-right'/>
782 </div>
783 <div class='fauxborder-left'>
784 <div class='fauxborder-right'/>
785 <div class='fauxcolumn-inner'>
786 </div>
787 </div>
788 <div class='cap-bottom'>
789 <div class='cap-left'/>
790 <div class='cap-right'/>
791 </div>
792 </div>
793 </div>
794
795 <div class='content'>
796 <div class='content-fauxcolumns'>
797 <div class='fauxcolumn-outer content-fauxcolumn-outer'>
798 <div class='cap-top'>
799 <div class='cap-left'/>
800 <div class='cap-right'/>
801 </div>
802 <div class='fauxborder-left'>
803 <div class='fauxborder-right'/>
804 <div class='fauxcolumn-inner'>
805 </div>
806 </div>
807 <div class='cap-bottom'>
808 <div class='cap-left'/>
809 <div class='cap-right'/>
810 </div>
811 </div>
812 </div>
813
814 <div class='content-outer'>
815 <div class='content-cap-top cap-top'>
816 <div class='cap-left'/>
817 <div class='cap-right'/>
818 </div>
819 <div class='fauxborder-left content-fauxborder-left'>
820 <div class='fauxborder-right content-fauxborder-right'/>
821 <div class='content-inner'>
822
823 <header>
824 <div class='header-outer'>
825 <div class='header-cap-top cap-top'>
826 <div class='cap-left'/>
827 <div class='cap-right'/>
828 </div>
829 <div class='fauxborder-left header-fauxborder-left'>
830 <div class='fauxborder-right header-fauxborder-right'/>
831 <div class='region-inner header-inner'>
832 <b:section class='header' id='header' maxwidgets='1' name='Header' showaddelement='no'>
833 <b:widget id='Header1' locked='true' title='Start Page (Header)' type='Header'>
834 <b:widget-settings>
835 <b:widget-setting name='displayUrl'/>
836 <b:widget-setting name='displayHeight'>0</b:widget-setting>
837 <b:widget-setting name='sectionWidth'>-1</b:widget-setting>
838 <b:widget-setting name='useImage'>false</b:widget-setting>
839 <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
840 <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
841 <b:widget-setting name='displayWidth'>0</b:widget-setting>
842 </b:widget-settings>
843 <b:includable id='main'>
844
845 <b:if cond='data:useImage'>
846 <b:if cond='data:imagePlacement == "BEHIND"'>
847 <!--
848 Show image as background to text. You can't really calculate the width
849 reliably in JS because margins are not taken into account by any of
850 clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
851 width if the user is using shrink to fit.
852 This results in a margin-width's worth of pixels being cropped. If the
853 user is not using shrink to fit then we expand the header.
854 -->
855 <b:if cond='data:mobile'>
856 <div id='header-inner'>
857 <div class='titlewrapper' style='background: transparent'>
858 <h1 class='title' style='background: transparent; border-width: 0px'>
859 <b:include name='title'/>
860 </h1>
861 </div>
862 <b:include name='description'/>
863 </div>
864 <b:else/>
865 <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
866 <div class='titlewrapper' style='background: transparent'>
867 <h1 class='title' style='background: transparent; border-width: 0px'>
868 <b:include name='title'/>
869 </h1>
870 </div>
871 <b:include name='description'/>
872 </div>
873 </b:if>
874 <b:else/>
875 <!--Show the image only-->
876 <div id='header-inner'>
877 <a expr:href='data:blog.homepageUrl' style='display: block'>
878 <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
879 </a>
880 <!--Show the description-->
881 <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
882 <b:include name='description'/>
883 </b:if>
884 </div>
885 </b:if>
886 <b:else/>
887 <!--No header image -->
888 <div id='header-inner'>
889 <div class='titlewrapper'>
890 <h1 class='title'>
891 <b:include name='title'/>
892 </h1>
893 </div>
894 <b:include name='description'/>
895 </div>
896 </b:if>
897</b:includable>
898 <b:includable id='description'>
899 <div class='descriptionwrapper'>
900 <p class='description'><span><data:description/></span></p>
901 </div>
902</b:includable>
903 <b:includable id='title'>
904 <b:tag cond='data:blog.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>
905 <data:title/>
906 </b:tag>
907</b:includable>
908 </b:widget>
909 </b:section>
910 </div>
911 </div>
912 <div class='header-cap-bottom cap-bottom'>
913 <div class='cap-left'/>
914 <div class='cap-right'/>
915 </div>
916 </div>
917 </header>
918
919 <div class='tabs-outer'>
920 <div class='tabs-cap-top cap-top'>
921 <div class='cap-left'/>
922 <div class='cap-right'/>
923 </div>
924 <div class='fauxborder-left tabs-fauxborder-left'>
925 <div class='fauxborder-right tabs-fauxborder-right'/>
926 <div class='region-inner tabs-inner'>
927 <b:section class='tabs' id='crosscol' maxwidgets='1' name='Cross-Column' showaddelement='yes'>
928 <b:widget id='HTML3' locked='false' title='' type='HTML'>
929 <b:widget-settings>
930 <b:widget-setting name='content'><script type="text/javascript" src="https://files.coinmarketcap.com/static/widget/coinMarquee.js"></script><div id="coinmarketcap-widget-marquee" coins="1,1027,2010,1839,2011,4030,1697,2300" currency="USD" theme="dark" transparent="true" show-symbol-logo="true"></div>
931
932 <h1>
933 <span id="greeting"></span>
934 <span id="name" contenteditable="true"></span>
935 </h1></b:widget-setting>
936 </b:widget-settings>
937 <b:includable id='main'>
938 <!-- only display title if it's non-empty -->
939 <b:if cond='data:title != ""'>
940 <h2 class='title'><data:title/></h2>
941 </b:if>
942 <div class='widget-content'>
943 <data:content/>
944 </div>
945
946 <b:include name='quickedit'/>
947</b:includable>
948 </b:widget>
949 </b:section>
950 <b:section class='tabs' id='crosscol-overflow' name='Cross-Column 2' showaddelement='no'>
951 <b:widget id='HTML4' locked='false' title='' type='HTML'>
952 <b:widget-settings>
953 <b:widget-setting name='content'><h2>What Is Your Focus For Today?</h2>
954<h2 id="focus" contenteditable="true"></h2>
955
956<script>
957// DOM Elements
958const
959 greeting = document.getElementById('greeting'),
960 name = document.getElementById('name'),
961 focus = document.getElementById('focus');
962
963// Set Background and Greeting
964function setBgGreet() {
965 let today = new Date(),
966 hour = today.getHours();
967
968 if (hour < 12) {
969 // Morning
970 document.body.style.backgroundImage = "url('https://i.ibb.co/7vDLJFb/morning.jpg')";
971 greeting.textContent = 'Good Morning, ';
972 } else if (hour < 18) {
973 // Afternoon
974 document.body.style.backgroundImage = "url('https://i.ibb.co/3mThcXc/afternoon.jpg')";
975 greeting.textContent = 'Good Afternoon, ';
976 } else {
977 // Evening
978 document.body.style.backgroundImage = "url('https://i.ibb.co/924T2Wv/night.jpg')";
979 greeting.textContent = 'Good Evening, ';
980 document.body.style.color = 'white';
981 }
982}
983
984// Get Name
985function getName() {
986 if (localStorage.getItem('name') === null) {
987 name.textContent = '[Enter Name]';
988 } else {
989 name.textContent = localStorage.getItem('name');
990 }
991}
992
993// Set Name
994function setName(e) {
995 if (e.type === 'keypress') {
996 // Make sure enter is pressed
997 if (e.which == 13 || e.keyCode == 13) {
998 localStorage.setItem('name', e.target.innerText);
999 name.blur();
1000 }
1001 } else {
1002 localStorage.setItem('name', e.target.innerText);
1003 }
1004}
1005
1006// Get Focus
1007function getFocus() {
1008 if (localStorage.getItem('focus') === null) {
1009 focus.textContent = '[Enter Focus]';
1010 } else {
1011 focus.textContent = localStorage.getItem('focus');
1012 }
1013}
1014
1015// Set Focus
1016function setFocus(e) {
1017 if (e.type === 'keypress') {
1018 // Make sure enter is pressed
1019 if (e.which == 13 || e.keyCode == 13) {
1020 localStorage.setItem('focus', e.target.innerText);
1021 focus.blur();
1022 }
1023 } else {
1024 localStorage.setItem('focus', e.target.innerText);
1025 }
1026}
1027
1028name.addEventListener('keypress', setName);
1029name.addEventListener('blur', setName);
1030focus.addEventListener('keypress', setFocus);
1031focus.addEventListener('blur', setFocus);
1032
1033// Run
1034//showTime();
1035setBgGreet();
1036getName();
1037getFocus();
1038</script></b:widget-setting>
1039 </b:widget-settings>
1040 <b:includable id='main'>
1041 <!-- only display title if it's non-empty -->
1042 <b:if cond='data:title != ""'>
1043 <h2 class='title'><data:title/></h2>
1044 </b:if>
1045 <div class='widget-content'>
1046 <data:content/>
1047 </div>
1048
1049 <b:include name='quickedit'/>
1050</b:includable>
1051 </b:widget>
1052 </b:section>
1053 </div>
1054 </div>
1055 <div class='tabs-cap-bottom cap-bottom'>
1056 <div class='cap-left'/>
1057 <div class='cap-right'/>
1058 </div>
1059 </div>
1060
1061 <div class='main-outer'>
1062 <div class='main-cap-top cap-top'>
1063 <div class='cap-left'/>
1064 <div class='cap-right'/>
1065 </div>
1066
1067 <div class='fauxborder-left main-fauxborder-left'>
1068 <div class='fauxborder-right main-fauxborder-right'/>
1069 <div class='region-inner main-inner'>
1070
1071 <div class='columns fauxcolumns'>
1072
1073 <div class='fauxcolumn-outer fauxcolumn-center-outer'>
1074 <div class='cap-top'>
1075 <div class='cap-left'/>
1076 <div class='cap-right'/>
1077 </div>
1078 <div class='fauxborder-left'>
1079 <div class='fauxborder-right'/>
1080 <div class='fauxcolumn-inner'>
1081 </div>
1082 </div>
1083 <div class='cap-bottom'>
1084 <div class='cap-left'/>
1085 <div class='cap-right'/>
1086 </div>
1087 </div>
1088
1089 <div class='fauxcolumn-outer fauxcolumn-left-outer'>
1090 <div class='cap-top'>
1091 <div class='cap-left'/>
1092 <div class='cap-right'/>
1093 </div>
1094 <div class='fauxborder-left'>
1095 <div class='fauxborder-right'/>
1096 <div class='fauxcolumn-inner'>
1097 </div>
1098 </div>
1099 <div class='cap-bottom'>
1100 <div class='cap-left'/>
1101 <div class='cap-right'/>
1102 </div>
1103 </div>
1104
1105 <div class='fauxcolumn-outer fauxcolumn-right-outer'>
1106 <div class='cap-top'>
1107 <div class='cap-left'/>
1108 <div class='cap-right'/>
1109 </div>
1110 <div class='fauxborder-left'>
1111 <div class='fauxborder-right'/>
1112 <div class='fauxcolumn-inner'>
1113 </div>
1114 </div>
1115 <div class='cap-bottom'>
1116 <div class='cap-left'/>
1117 <div class='cap-right'/>
1118 </div>
1119 </div>
1120
1121 <!-- corrects IE6 width calculation -->
1122 <div class='columns-inner'>
1123
1124 <div class='column-center-outer'>
1125 <div class='column-center-inner'>
1126 <b:section class='main' id='main' name='Main' showaddelement='no'>
1127 <b:widget id='HTML2' locked='false' title='' type='HTML'>
1128 <b:widget-settings>
1129 <b:widget-setting name='content'><table class="searchBoxes">
1130
1131<tbody>
1132<tr ><td class="favIco">
1133<a href="https://presearch.org/"><img src="https://www.presearch.org/favicon.ico"/>
1134</a></td>
1135<td>
1136<form action="https://www.presearch.org/extsearch" method="GET">
1137
1138<input type="text" name="q" placeholder="PreSearch..." />
1139
1140<input type="submit" value="Search" />
1141
1142</form></td>
1143<tr ><td class="favIco">
1144<a href="https://duckduckgo.com/"><img src="https://www.duckduckgo.com/favicon.ico"/>
1145</a></td>
1146<td>
1147<form action="https://www.duckduckgo.com/index.php" method="GET">
1148
1149<input type="text" name="q" placeholder="Duck Search..." />
1150
1151<input type="submit" value="Search" />
1152
1153</form></td>
1154</tr>
1155<tr>
1156<td class="favIco">
1157<a href="https://wikipedia.org/"><img src="https://resources.blogblog.com/img/widgets/icon_wikipedia_w.png"/>
1158</a></td>
1159
1160<td>
1161<form action="https://en.wikipedia.org/w/index.php" method="GET">
1162
1163<input type="text" placeholder="Wiki Search..." name="search" />
1164
1165<input type="submit" value="Search" />
1166
1167</form></td>
1168</tr>
1169<br />
1170</tr></tbody></table>
1171<table>
1172<tr><td class="favIco">
1173<a href="https://facebook.com/"><img src="https://www.facebook.com/favicon.ico"/></a><a href="https://youtube.com/"><img src="https://www.youtube.com/favicon.ico"/>
1174<a href="https://mail.google.com"><img src="https://mail.google.com/favicon.ico" /></a></a></td></tr>
1175</table></b:widget-setting>
1176 </b:widget-settings>
1177 <b:includable id='main'>
1178 <!-- only display title if it's non-empty -->
1179 <b:if cond='data:title != ""'>
1180 <h2 class='title'><data:title/></h2>
1181 </b:if>
1182 <div class='widget-content'>
1183 <data:content/>
1184 </div>
1185
1186 <b:include name='quickedit'/>
1187</b:includable>
1188 </b:widget>
1189 <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
1190 <b:widget-settings>
1191 <b:widget-setting name='showDateHeader'>true</b:widget-setting>
1192 <b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
1193 <b:widget-setting name='showShareButtons'>false</b:widget-setting>
1194 <b:widget-setting name='showCommentLink'>false</b:widget-setting>
1195 <b:widget-setting name='style.urlcolor'>#cc6611</b:widget-setting>
1196 <b:widget-setting name='showAuthor'>false</b:widget-setting>
1197 <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
1198 <b:widget-setting name='style.linkcolor'>#222222</b:widget-setting>
1199 <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
1200 <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
1201 <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
1202 <b:widget-setting name='style.layout'>1x1</b:widget-setting>
1203 <b:widget-setting name='showLabels'>false</b:widget-setting>
1204 <b:widget-setting name='showLocation'>false</b:widget-setting>
1205 <b:widget-setting name='showTimestamp'>true</b:widget-setting>
1206 <b:widget-setting name='postsPerAd'>1</b:widget-setting>
1207 <b:widget-setting name='showBacklinks'>false</b:widget-setting>
1208 <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
1209 <b:widget-setting name='showInlineAds'>false</b:widget-setting>
1210 <b:widget-setting name='showReactions'>false</b:widget-setting>
1211 </b:widget-settings>
1212 <b:includable id='main' var='top'>
1213 <b:if cond='!data:mobile'>
1214 <!-- posts -->
1215 <div class='blog-posts hfeed'>
1216
1217 <b:include data='top' name='status-message'/>
1218
1219 <b:loop values='data:posts' var='post'>
1220 <b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
1221 </div></div>
1222 </b:if>
1223 <b:if cond='data:post.isDateStart'>
1224 <div class="date-outer">
1225 </b:if>
1226 <b:if cond='data:post.dateHeader'>
1227 <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
1228 </b:if>
1229 <b:if cond='data:post.isDateStart'>
1230 <div class="date-posts">
1231 </b:if>
1232 <div class='post-outer'>
1233 <b:include data='post' name='post'/>
1234 <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
1235 </div>
1236
1237 <!-- Ad -->
1238 <b:if cond='data:post.includeAd'>
1239 <div class='inline-ad'>
1240 <data:adCode/>
1241 </div>
1242 </b:if>
1243 </b:loop>
1244 <b:if cond='data:numPosts != 0'>
1245 </div></div>
1246 </b:if>
1247 </div>
1248
1249 <!-- navigation -->
1250 <b:include name='nextprev'/>
1251
1252 <!-- feed links -->
1253 <b:include name='feedLinks'/>
1254
1255 <b:else/>
1256 <b:include name='mobile-main'/>
1257 </b:if>
1258
1259 <b:include cond='data:top.showPlusOne' name='googlePlusBootstrap'/>
1260</b:includable>
1261 <b:includable id='backlinkDeleteIcon' var='backlink'/>
1262 <b:includable id='backlinks' var='post'/>
1263 <b:includable id='comment-form' var='post'>
1264 <div class='comment-form'>
1265 <a name='comment-form'/>
1266 <b:if cond='data:mobile'>
1267 <h4 id='comment-post-message'>
1268 <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
1269 <p><data:blogCommentMessage/></p>
1270 <data:blogTeamBlogMessage/>
1271 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
1272 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
1273 <b:else/>
1274 <h4 id='comment-post-message'><data:postCommentMsg/></h4>
1275 <p><data:blogCommentMessage/></p>
1276 <data:blogTeamBlogMessage/>
1277 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
1278 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
1279 </b:if>
1280 <data:post.cmtfpIframe/>
1281 <script type='text/javascript'>
1282 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
1283 </script>
1284 </div>
1285</b:includable>
1286 <b:includable id='commentDeleteIcon' var='comment'>
1287 <span expr:class='"item-control " + data:comment.adminClass'>
1288 <b:if cond='data:showCmtPopup'>
1289 <div class='goog-toggle-button'>
1290 <div class='goog-inline-block comment-action-icon'/>
1291 </div>
1292 <b:else/>
1293 <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
1294 <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
1295 </a>
1296 </b:if>
1297 </span>
1298</b:includable>
1299 <b:includable id='comment_count_picker' var='post'>
1300 <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
1301 <data:post.commentLabelFull/>:
1302 </a>
1303</b:includable>
1304 <b:includable id='comment_picker' var='post'>
1305 <b:if cond='data:post.showThreadedComments'>
1306 <b:include data='post' name='threaded_comments'/>
1307 <b:else/>
1308 <b:include data='post' name='comments'/>
1309 </b:if>
1310</b:includable>
1311 <b:includable id='comments' var='post'>
1312 <div class='comments' id='comments'>
1313 <a name='comments'/>
1314 <b:if cond='data:post.allowComments'>
1315 <h4><data:post.commentLabelFull/>:</h4>
1316
1317 <b:if cond='data:post.commentPagingRequired'>
1318 <span class='paging-control-container'>
1319 <b:if cond='data:post.hasOlderLinks'>
1320 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
1321  
1322 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
1323  
1324 </b:if>
1325
1326 <data:post.commentRangeText/>
1327
1328 <b:if cond='data:post.hasNewerLinks'>
1329  
1330 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
1331  
1332 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
1333 </b:if>
1334 </span>
1335 </b:if>
1336
1337 <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
1338 <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
1339 <b:loop values='data:post.comments' var='comment'>
1340 <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
1341 <b:if cond='data:comment.favicon'>
1342 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
1343 </b:if>
1344 <a expr:name='data:comment.anchorName'/>
1345 <b:if cond='data:blog.enabledCommentProfileImages'>
1346 <data:comment.authorAvatarImage/>
1347 </b:if>
1348 <b:if cond='data:comment.authorUrl'>
1349 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
1350 <b:else/>
1351 <data:comment.author/>
1352 </b:if>
1353 <data:commentPostedByMsg/>
1354 </dt>
1355 <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
1356 <b:if cond='data:comment.isDeleted'>
1357 <span class='deleted-comment'><data:comment.body/></span>
1358 <b:else/>
1359 <p>
1360 <data:comment.body/>
1361 </p>
1362 </b:if>
1363 </dd>
1364 <dd class='comment-footer'>
1365 <span class='comment-timestamp'>
1366 <a expr:href='data:comment.url' title='comment permalink'>
1367 <data:comment.timestamp/>
1368 </a>
1369 <b:include data='comment' name='commentDeleteIcon'/>
1370 </span>
1371 </dd>
1372 </b:loop>
1373 </dl>
1374 </div>
1375
1376 <b:if cond='data:post.commentPagingRequired'>
1377 <span class='paging-control-container'>
1378 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
1379 <data:post.oldestLinkText/>
1380 </a>
1381 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
1382 <data:post.olderLinkText/>
1383 </a>
1384  
1385 <data:post.commentRangeText/>
1386  
1387 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
1388 <data:post.newerLinkText/>
1389 </a>
1390 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
1391 <data:post.newestLinkText/>
1392 </a>
1393 </span>
1394 </b:if>
1395
1396 <p class='comment-footer'>
1397 <b:if cond='data:post.embedCommentForm'>
1398 <b:if cond='data:post.allowNewComments'>
1399 <b:include data='post' name='comment-form'/>
1400 <b:else/>
1401 <data:post.noNewCommentsText/>
1402 </b:if>
1403 <b:elseif cond='data:post.allowComments'/>
1404 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
1405 </b:if>
1406 <b:if cond='data:post.showManageComments'>
1407 <a expr:href='data:post.manageCommentsUrl' expr:onclick='data:post.manageCommentsOnclick'><data:manageCommentsMsg/></a>
1408 </b:if>
1409 </p>
1410 </b:if>
1411 <b:if cond='data:showCmtPopup'>
1412 <div id='comment-popup'>
1413 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
1414 </iframe>
1415 </div>
1416 </b:if>
1417
1418 </div>
1419</b:includable>
1420 <b:includable id='feedLinks'>
1421 <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
1422 <b:if cond='data:feedLinks'>
1423 <div class='blog-feeds'>
1424 <b:include data='feedLinks' name='feedLinksBody'/>
1425 </div>
1426 </b:if>
1427
1428 <b:else/> <!--Post feed links -->
1429 <div class='post-feeds'>
1430 <b:loop values='data:posts' var='post'>
1431 <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
1432 </b:loop>
1433 </div>
1434 </b:if>
1435</b:includable>
1436 <b:includable id='feedLinksBody' var='links'>
1437 <div class='feed-links'>
1438 <data:feedLinksMsg/>
1439 <b:loop values='data:links' var='f'>
1440 <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
1441 </b:loop>
1442 </div>
1443</b:includable>
1444 <b:includable id='iframe_comments' var='post'>
1445 <!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. -->
1446</b:includable>
1447 <b:includable id='mobile-index-post' var='post'>
1448 <div class='mobile-date-outer date-outer'>
1449 <b:if cond='data:post.dateHeader'>
1450 <div class='date-header'>
1451 <span><data:post.dateHeader/></span>
1452 </div>
1453 </b:if>
1454
1455 <div class='mobile-post-outer'>
1456 <a expr:href='data:post.url'>
1457 <h3 class='mobile-index-title entry-title' itemprop='name'>
1458 <data:post.title/>
1459 </h3>
1460
1461 <div class='mobile-index-arrow'>&rsaquo;</div>
1462
1463 <div class='mobile-index-contents'>
1464 <b:if cond='data:post.thumbnailUrl'>
1465 <div class='mobile-index-thumbnail'>
1466 <div class='Image'>
1467 <img expr:src='data:post.thumbnailUrl'/>
1468 </div>
1469 </div>
1470 </b:if>
1471
1472 <div class='post-body'>
1473 <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
1474 </div>
1475 </div>
1476
1477 <div style='clear: both;'/>
1478 </a>
1479
1480 <div class='mobile-index-comment'>
1481 <b:include cond='data:blog.pageType != "static_page" and data:post.allowComments and data:post.numComments != 0' data='post' name='comment_count_picker'/>
1482 </div>
1483 </div>
1484 </div>
1485</b:includable>
1486 <b:includable id='mobile-main' var='top'>
1487 <!-- posts -->
1488 <div class='blog-posts hfeed'>
1489
1490 <b:include data='top' name='status-message'/>
1491
1492 <b:if cond='data:blog.pageType == "index"'>
1493 <b:loop values='data:posts' var='post'>
1494 <b:include data='post' name='mobile-index-post'/>
1495 </b:loop>
1496 <b:else/>
1497 <b:loop values='data:posts' var='post'>
1498 <b:include data='post' name='mobile-post'/>
1499 </b:loop>
1500 </b:if>
1501 </div>
1502
1503 <b:include name='mobile-nextprev'/>
1504</b:includable>
1505 <b:includable id='mobile-nextprev'>
1506 <div class='blog-pager' id='blog-pager'>
1507 <b:if cond='data:newerPageUrl'>
1508 <div class='mobile-link-button' id='blog-pager-newer-link'>
1509 <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>
1510 </div>
1511 </b:if>
1512
1513 <b:if cond='data:olderPageUrl'>
1514 <div class='mobile-link-button' id='blog-pager-older-link'>
1515 <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>
1516 </div>
1517 </b:if>
1518
1519 <div class='mobile-link-button' id='blog-pager-home-link'>
1520 <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
1521 </div>
1522
1523 <div class='mobile-desktop-link'>
1524 <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
1525 </div>
1526
1527 </div>
1528 <div class='clear'/>
1529</b:includable>
1530 <b:includable id='mobile-post' var='post'>
1531 <div class='date-outer'>
1532 <b:if cond='data:post.dateHeader'>
1533 <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
1534 </b:if>
1535 <div class='date-posts'>
1536 <div class='post-outer'>
1537
1538 <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
1539 <b:if cond='data:post.thumbnailUrl'>
1540 <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
1541 </b:if>
1542 <meta expr:content='data:blog.blogId' itemprop='blogId'/>
1543 <meta expr:content='data:post.id' itemprop='postId'/>
1544
1545 <a expr:name='data:post.id'/>
1546 <b:if cond='data:post.title'>
1547 <h3 class='post-title entry-title' itemprop='name'>
1548 <b:if cond='data:post.link'>
1549 <a expr:href='data:post.link'><data:post.title/></a>
1550 <b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
1551 <a expr:href='data:post.url'><data:post.title/></a>
1552 <b:else/>
1553 <data:post.title/>
1554 </b:if>
1555 </h3>
1556 </b:if>
1557
1558 <div class='post-header'>
1559 <div class='post-header-line-1'/>
1560 </div>
1561
1562 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
1563 <data:post.body/>
1564 <div style='clear: both;'/> <!-- clear for photos floats -->
1565 </div>
1566
1567 <div class='post-footer'>
1568 <div class='post-footer-line post-footer-line-1'>
1569 <span class='post-author vcard'>
1570 <b:if cond='data:top.showAuthor'>
1571 <b:if cond='data:post.authorProfileUrl'>
1572 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1573 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
1574 <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
1575 <span itemprop='name'><data:post.author/></span>
1576 </a>
1577 </span>
1578 <b:else/>
1579 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1580 <span itemprop='name'><data:post.author/></span>
1581 </span>
1582 </b:if>
1583 </b:if>
1584 </span>
1585
1586 <span class='post-timestamp'>
1587 <b:if cond='data:top.showTimestamp'>
1588 <data:top.timestampLabel/>
1589 <b:if cond='data:post.url'>
1590 <meta expr:content='data:post.url.canonical' itemprop='url'/>
1591 <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>
1592 </b:if>
1593 </b:if>
1594 </span>
1595
1596 <span class='post-comment-link'>
1597 <b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/>
1598 </span>
1599 </div>
1600
1601 <div class='post-footer-line post-footer-line-2'>
1602 <b:if cond='data:top.showMobileShare'>
1603 <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
1604 <a href='javascript:void(0);'><data:shareMsg/></a>
1605 </div>
1606 </b:if>
1607 <b:if cond='data:top.showDummy'>
1608 <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
1609 </b:if>
1610 </div>
1611
1612 </div>
1613 </div>
1614
1615 <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
1616 </div>
1617 </div>
1618 </div>
1619</b:includable>
1620 <b:includable id='nextprev'>
1621 <div class='blog-pager' id='blog-pager'>
1622 <b:if cond='data:newerPageUrl'>
1623 <span id='blog-pager-newer-link'>
1624 <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>
1625 </span>
1626 </b:if>
1627
1628 <b:if cond='data:olderPageUrl'>
1629 <span id='blog-pager-older-link'>
1630 <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>
1631 </span>
1632 </b:if>
1633
1634 <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
1635
1636 <b:if cond='data:mobileLinkUrl'>
1637 <div class='blog-mobile-link'>
1638 <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
1639 </div>
1640 </b:if>
1641
1642 </div>
1643 <div class='clear'/>
1644</b:includable>
1645 <b:includable id='post' var='post'>
1646 <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
1647 <b:if cond='data:post.firstImageUrl'>
1648 <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
1649 </b:if>
1650 <meta expr:content='data:blog.blogId' itemprop='blogId'/>
1651 <meta expr:content='data:post.id' itemprop='postId'/>
1652
1653 <a expr:name='data:post.id'/>
1654 <b:if cond='data:post.title'>
1655 <h3 class='post-title entry-title' itemprop='name'>
1656 <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
1657 <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
1658 <b:else/>
1659 <data:post.title/>
1660 </b:if>
1661 </h3>
1662 </b:if>
1663
1664 <div class='post-header'>
1665 <div class='post-header-line-1'/>
1666 </div>
1667
1668 <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
1669 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'>
1670 <data:post.body/>
1671 <div style='clear: both;'/> <!-- clear for photos floats -->
1672 </div>
1673
1674 <b:if cond='data:post.hasJumpLink'>
1675 <div class='jump-link'>
1676 <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
1677 </div>
1678 </b:if>
1679
1680 <div class='post-footer'>
1681 <div class='post-footer-line post-footer-line-1'>
1682 <span class='post-author vcard'>
1683 <b:if cond='data:top.showAuthor'>
1684 <data:top.authorLabel/>
1685 <b:if cond='data:post.authorProfileUrl'>
1686 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1687 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
1688 <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
1689 <span itemprop='name'><data:post.author/></span>
1690 </a>
1691 </span>
1692 <b:else/>
1693 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1694 <span itemprop='name'><data:post.author/></span>
1695 </span>
1696 </b:if>
1697 </b:if>
1698 </span>
1699
1700 <span class='post-timestamp'>
1701 <b:if cond='data:top.showTimestamp'>
1702 <data:top.timestampLabel/>
1703 <b:if cond='data:post.url'>
1704 <meta expr:content='data:post.url.canonical' itemprop='url'/>
1705 <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>
1706 </b:if>
1707 </b:if>
1708 </span>
1709
1710 <span class='reaction-buttons'>
1711 <b:if cond='data:top.showReactions'>
1712 <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
1713 <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
1714 <span class='reactions-label'>
1715 <data:top.reactionsLabel/></span> </td>
1716 <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
1717 </tr></table>
1718 </b:if>
1719 </span>
1720
1721 <span class='post-comment-link'>
1722 <b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/>
1723 </span>
1724
1725 <span class='post-icons'>
1726 <!-- email post links -->
1727 <b:if cond='data:post.emailPostUrl'>
1728 <span class='item-action'>
1729 <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
1730 <img alt='' class='icon-action' height='13' src='https://resources.blogblog.com/img/icon18_email.gif' width='18'/>
1731 </a>
1732 </span>
1733 </b:if>
1734
1735 <!-- quickedit pencil -->
1736 <b:include data='post' name='postQuickEdit'/>
1737 </span>
1738
1739 <!-- share buttons -->
1740 <div class='post-share-buttons goog-inline-block'>
1741 <b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
1742 </div>
1743
1744 </div>
1745
1746 <div class='post-footer-line post-footer-line-2'>
1747 <span class='post-labels'>
1748 <b:if cond='data:top.showPostLabels and data:post.labels'>
1749 <data:postLabelsLabel/>
1750 <b:loop values='data:post.labels' var='label'>
1751 <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'>,</b:if>
1752 </b:loop>
1753 </b:if>
1754 </span>
1755 </div>
1756
1757 <div class='post-footer-line post-footer-line-3'>
1758 <span class='post-location'>
1759 <b:if cond='data:top.showLocation and data:post.location'>
1760 <data:postLocationLabel/>
1761 <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
1762 </b:if>
1763 </span>
1764 </div>
1765 <b:if cond='data:post.authorAboutMe'>
1766 <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1767 <b:if cond='data:post.authorPhoto.url'>
1768 <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
1769 </b:if>
1770 <div>
1771 <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
1772 <span itemprop='name'><data:post.author/></span>
1773 </a>
1774 </div>
1775 <span itemprop='description'><data:post.authorAboutMe/></span>
1776 </div>
1777 </b:if>
1778 </div>
1779 </div>
1780</b:includable>
1781 <b:includable id='postQuickEdit' var='post'>
1782 <b:if cond='data:post.editUrl'>
1783 <span expr:class='"item-control " + data:post.adminClass'>
1784 <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
1785 <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
1786 </a>
1787 </span>
1788 </b:if>
1789</b:includable>
1790 <b:includable id='shareButtons' var='post'>
1791 <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div></b:if>
1792</b:includable>
1793 <b:includable id='status-message'>
1794 <b:if cond='data:navMessage'>
1795 <div class='status-msg-wrap'>
1796 <div class='status-msg-body'>
1797 <data:navMessage/>
1798 </div>
1799 <div class='status-msg-border'>
1800 <div class='status-msg-bg'>
1801 <div class='status-msg-hidden'><data:navMessage/></div>
1802 </div>
1803 </div>
1804 </div>
1805 <div style='clear: both;'/>
1806 </b:if>
1807</b:includable>
1808 <b:includable id='threaded-comment-form' var='post'>
1809 <div class='comment-form'>
1810 <a name='comment-form'/>
1811 <b:if cond='data:mobile'>
1812 <p><data:blogCommentMessage/></p>
1813 <data:blogTeamBlogMessage/>
1814 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
1815 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
1816 <b:else/>
1817 <p><data:blogCommentMessage/></p>
1818 <data:blogTeamBlogMessage/>
1819 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
1820 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
1821 </b:if>
1822 <data:post.cmtfpIframe/>
1823 <script type='text/javascript'>
1824 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
1825 </script>
1826 </div>
1827</b:includable>
1828 <b:includable id='threaded_comment_js' var='post'>
1829 <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
1830
1831 <script type='text/javascript'>
1832 (function() {
1833 var items = <data:post.commentJso/>;
1834 var msgs = <data:post.commentMsgs/>;
1835 var config = <data:post.commentConfig/>;
1836
1837// <![CDATA[
1838 var cursor = null;
1839 if (items && items.length > 0) {
1840 cursor = parseInt(items[items.length - 1].timestamp) + 1;
1841 }
1842
1843 var bodyFromEntry = function(entry) {
1844 var text = (entry &&
1845 ((entry.content && entry.content.$t) ||
1846 (entry.summary && entry.summary.$t))) ||
1847 '';
1848 if (entry && entry.gd$extendedProperty) {
1849 for (var k in entry.gd$extendedProperty) {
1850 if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
1851 return '<span class="deleted-comment">' + text + '</span>';
1852 }
1853 }
1854 }
1855 return text;
1856 }
1857
1858 var parse = function(data) {
1859 cursor = null;
1860 var comments = [];
1861 if (data && data.feed && data.feed.entry) {
1862 for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
1863 var comment = {};
1864 // comment ID, parsed out of the original id format
1865 var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
1866 comment.id = id ? id[2] : null;
1867 comment.body = bodyFromEntry(entry);
1868 comment.timestamp = Date.parse(entry.published.$t) + '';
1869 if (entry.author && entry.author.constructor === Array) {
1870 var auth = entry.author[0];
1871 if (auth) {
1872 comment.author = {
1873 name: (auth.name ? auth.name.$t : undefined),
1874 profileUrl: (auth.uri ? auth.uri.$t : undefined),
1875 avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
1876 };
1877 }
1878 }
1879 if (entry.link) {
1880 if (entry.link[2]) {
1881 comment.link = comment.permalink = entry.link[2].href;
1882 }
1883 if (entry.link[3]) {
1884 var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
1885 if (pid && pid[1]) {
1886 comment.parentId = pid[1];
1887 }
1888 }
1889 }
1890 comment.deleteclass = 'item-control blog-admin';
1891 if (entry.gd$extendedProperty) {
1892 for (var k in entry.gd$extendedProperty) {
1893 if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
1894 comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
1895 } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
1896 comment.displayTime = entry.gd$extendedProperty[k].value;
1897 }
1898 }
1899 }
1900 comments.push(comment);
1901 }
1902 }
1903 return comments;
1904 };
1905
1906 var paginator = function(callback) {
1907 if (hasMore()) {
1908 var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
1909 if (cursor) {
1910 url += '&published-min=' + new Date(cursor).toISOString();
1911 }
1912 window.bloggercomments = function(data) {
1913 var parsed = parse(data);
1914 cursor = parsed.length < 50 ? null
1915 : parseInt(parsed[parsed.length - 1].timestamp) + 1
1916 callback(parsed);
1917 window.bloggercomments = null;
1918 }
1919 url += '&callback=bloggercomments';
1920 var script = document.createElement('script');
1921 script.type = 'text/javascript';
1922 script.src = url;
1923 document.getElementsByTagName('head')[0].appendChild(script);
1924 }
1925 };
1926 var hasMore = function() {
1927 return !!cursor;
1928 };
1929 var getMeta = function(key, comment) {
1930 if ('iswriter' == key) {
1931 var matches = !!comment.author
1932 && comment.author.name == config.authorName
1933 && comment.author.profileUrl == config.authorUrl;
1934 return matches ? 'true' : '';
1935 } else if ('deletelink' == key) {
1936 return config.baseUri + '/delete-comment.g?blogID='
1937 + config.blogId + '&postID=' + comment.id;
1938 } else if ('deleteclass' == key) {
1939 return comment.deleteclass;
1940 }
1941 return '';
1942 };
1943
1944 var replybox = null;
1945 var replyUrlParts = null;
1946 var replyParent = undefined;
1947
1948 var onReply = function(commentId, domId) {
1949 if (replybox == null) {
1950 // lazily cache replybox, and adjust to suit this style:
1951 replybox = document.getElementById('comment-editor');
1952 if (replybox != null) {
1953 replybox.height = '250px';
1954 replybox.style.display = 'block';
1955 replyUrlParts = replybox.src.split('#');
1956 }
1957 }
1958 if (replybox && (commentId !== replyParent)) {
1959 replybox.src = '';
1960 document.getElementById(domId).insertBefore(replybox, null);
1961 replybox.src = replyUrlParts[0]
1962 + (commentId ? '&parentID=' + commentId : '')
1963 + '#' + replyUrlParts[1];
1964 replyParent = commentId;
1965 }
1966 };
1967
1968 var hash = (window.location.hash || '#').substring(1);
1969 var startThread, targetComment;
1970 if (/^comment-form_/.test(hash)) {
1971 startThread = hash.substring('comment-form_'.length);
1972 } else if (/^c[0-9]+$/.test(hash)) {
1973 targetComment = hash.substring(1);
1974 }
1975
1976 // Configure commenting API:
1977 var configJso = {
1978 'maxDepth': config.maxThreadDepth
1979 };
1980 var provider = {
1981 'id': config.postId,
1982 'data': items,
1983 'loadNext': paginator,
1984 'hasMore': hasMore,
1985 'getMeta': getMeta,
1986 'onReply': onReply,
1987 'rendered': true,
1988 'initComment': targetComment,
1989 'initReplyThread': startThread,
1990 'config': configJso,
1991 'messages': msgs
1992 };
1993
1994 var render = function() {
1995 if (window.goog && window.goog.comments) {
1996 var holder = document.getElementById('comment-holder');
1997 window.goog.comments.render(holder, provider);
1998 }
1999 };
2000
2001 // render now, or queue to render when library loads:
2002 if (window.goog && window.goog.comments) {
2003 render();
2004 } else {
2005 window.goog = window.goog || {};
2006 window.goog.comments = window.goog.comments || {};
2007 window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
2008 window.goog.comments.loadQueue.push(render);
2009 }
2010 })();
2011// ]]>
2012 </script>
2013</b:includable>
2014 <b:includable id='threaded_comments' var='post'>
2015 <div class='comments' id='comments'>
2016 <a name='comments'/>
2017 <h4><data:post.commentLabelFull/>:</h4>
2018
2019 <div class='comments-content'>
2020 <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
2021 <div id='comment-holder'>
2022 <data:post.commentHtml/>
2023 </div>
2024 </div>
2025
2026 <p class='comment-footer'>
2027 <b:if cond='data:post.allowNewComments'>
2028 <b:include data='post' name='threaded-comment-form'/>
2029 <b:else/>
2030 <data:post.noNewCommentsText/>
2031 </b:if>
2032 <b:if cond='data:post.showManageComments'>
2033 <a expr:href='data:post.manageCommentsUrl' expr:onclick='data:post.manageCommentsOnclick'><data:manageCommentsMsg/></a>
2034 </b:if>
2035 </p>
2036
2037 <b:if cond='data:showCmtPopup'>
2038 <div id='comment-popup'>
2039 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
2040 </iframe>
2041 </div>
2042 </b:if>
2043
2044 <div id='backlinks-container'>
2045 <div expr:id='data:widget.instanceId + "_backlinks-container"'>
2046 <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
2047 </div>
2048 </div>
2049 </div>
2050</b:includable>
2051 </b:widget>
2052 </b:section>
2053 </div>
2054 </div>
2055
2056 <div class='column-left-outer'>
2057 <div class='column-left-inner'>
2058 <aside>
2059 <macro:include id='main-column-left-sections' name='sections'>
2060 <macro:param default='0' name='num' value='0'/>
2061 <macro:param default='sidebar-left' name='idPrefix'/>
2062 <macro:param default='sidebar' name='class'/>
2063 <macro:param default='true' name='includeBottom'/>
2064 </macro:include>
2065 </aside>
2066 </div>
2067 </div>
2068
2069 <div class='column-right-outer'>
2070 <div class='column-right-inner'>
2071 <aside>
2072 <macro:include id='main-column-right-sections' name='sections'>
2073 <macro:param default='2' name='num' value='1'/>
2074 <macro:param default='sidebar-right' name='idPrefix'/>
2075 <macro:param default='sidebar' name='class'/>
2076 <macro:param default='true' name='includeBottom'/>
2077 </macro:include>
2078 </aside>
2079 </div>
2080 </div>
2081
2082 </div>
2083
2084 <div style='clear: both'/>
2085 <!-- columns -->
2086 </div>
2087
2088 <!-- main -->
2089 </div>
2090 </div>
2091 <div class='main-cap-bottom cap-bottom'>
2092 <div class='cap-left'/>
2093 <div class='cap-right'/>
2094 </div>
2095 </div>
2096
2097 <footer>
2098 <div class='footer-outer'>
2099 <div class='footer-cap-top cap-top'>
2100 <div class='cap-left'/>
2101 <div class='cap-right'/>
2102 </div>
2103 <div class='fauxborder-left footer-fauxborder-left'>
2104 <div class='fauxborder-right footer-fauxborder-right'/>
2105 <div class='region-inner footer-inner'>
2106 <macro:include id='footer-sections' name='sections'>
2107 <macro:param default='2' name='num'/>
2108 <macro:param default='footer' name='idPrefix'/>
2109 <macro:param default='foot' name='class'/>
2110 <macro:param default='false' name='includeBottom'/>
2111 </macro:include>
2112 <!-- outside of the include in order to lock Attribution widget -->
2113 <b:section class='foot' id='footer-3' name='Footer' showaddelement='no'>
2114 <b:widget id='Attribution1' locked='true' title='' type='Attribution'>
2115 <b:widget-settings>
2116 <b:widget-setting name='copyright'><![CDATA[<a href="https://my-startpage.blogspot.com/p/nickos-moon-theme-for-blogger.html">N's Moon Theme</a>]]></b:widget-setting>
2117 </b:widget-settings>
2118 <b:includable id='main'>
2119 <div class='widget-content' style='text-align: center;'>
2120 <b:if cond='data:attribution != ""'>
2121 <data:attribution/>
2122 </b:if>
2123 </div>
2124
2125 <b:include name='quickedit'/>
2126 </b:includable>
2127 </b:widget>
2128 </b:section>
2129 </div>
2130 </div>
2131 <div class='footer-cap-bottom cap-bottom'>
2132 <div class='cap-left'/>
2133 <div class='cap-right'/>
2134 </div>
2135 </div>
2136 </footer>
2137
2138 <!-- content -->
2139 </div>
2140 </div>
2141 <div class='content-cap-bottom cap-bottom'>
2142 <div class='cap-left'/>
2143 <div class='cap-right'/>
2144 </div>
2145 </div>
2146 </div>
2147
2148 <script type='text/javascript'>
2149 window.setTimeout(function() {
2150 document.body.className = document.body.className.replace('loading', '');
2151 }, 10);
2152 </script>
2153</body>
2154
2155<macro:includable id='sections' var='col'>
2156 <macro:if cond='data:col.num == 0'>
2157 <macro:else/>
2158 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-1"' preferred='yes' showaddelement='yes'/>
2159
2160 <macro:if cond='data:col.num >= 2'>
2161 <table border='0' cellpadding='0' cellspacing='0' mexpr:class='"section-columns columns-" + data:col.num'>
2162 <tbody>
2163 <tr>
2164 <td class='first columns-cell'>
2165 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-1"'/>
2166 </td>
2167
2168 <td class='columns-cell'>
2169 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-2"'/>
2170 </td>
2171
2172 <macro:if cond='data:col.num >= 3'>
2173 <td class='columns-cell'>
2174 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-3"'/>
2175 </td>
2176 </macro:if>
2177
2178 <macro:if cond='data:col.num >= 4'>
2179 <td class='columns-cell'>
2180 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-4"'/>
2181 </td>
2182 </macro:if>
2183 </tr>
2184 </tbody>
2185 </table>
2186
2187 <macro:if cond='data:col.includeBottom'>
2188 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-3"' showaddelement='no'/>
2189 </macro:if>
2190 </macro:if>
2191 </macro:if>
2192</macro:includable>
2193
2194<b:section-contents id='sidebar-right-1'>
2195 <b:widget id='HTML1' locked='false' title='Today Is' type='HTML'>
2196 <b:widget-settings>
2197 <b:widget-setting name='content'><iframe src="https://free.timeanddate.com/clock/i5edtibs/n137/fs16/ahl/ftb/bo2/pd2/tt1" frameborder="0" width="220" height="22"></iframe>
2198
2199
2200<iframe src="https://free.timeanddate.com/clock/i5cyuevc/n137/szw110/szh110/hoc009/hbw1/hfc555/cf100/hnc000/fan2/facfff/fnu3/fdi84/mqcfff/mqs4/mql18/mqw8/mqd62/mhcfff/mhs4/mhl9/mhw4/mhd62/mmv0/hhcfff/hhs2/hhl50/hhb0/hhw30/hhr16/hmcfff/hms2/hml70/hmb0/hmw16/hmr10/hss3/hsl70/hsb0/hsw11/hsr7" frameborder="0" width="110" height="110"></iframe></b:widget-setting>
2201 </b:widget-settings>
2202 <b:includable id='main'>
2203 <!-- only display title if it's non-empty -->
2204 <b:if cond='data:title != ""'>
2205 <h2 class='title'><data:title/></h2>
2206 </b:if>
2207 <div class='widget-content'>
2208 <data:content/>
2209 </div>
2210
2211 <b:include name='quickedit'/>
2212</b:includable>
2213 </b:widget>
2214 <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
2215 <b:widget-settings>
2216 <b:widget-setting name='showStyle'>HIERARCHY</b:widget-setting>
2217 <b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
2218 <b:widget-setting name='showWeekEnd'>true</b:widget-setting>
2219 <b:widget-setting name='monthPattern'>MMMM</b:widget-setting>
2220 <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
2221 <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
2222 <b:widget-setting name='chronological'>false</b:widget-setting>
2223 <b:widget-setting name='showPosts'>true</b:widget-setting>
2224 <b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
2225 </b:widget-settings>
2226 <b:includable id='main'>
2227 <b:if cond='data:title != ""'>
2228 <h2><data:title/></h2>
2229 </b:if>
2230 <div class='widget-content'>
2231 <div id='ArchiveList'>
2232 <div expr:id='data:widget.instanceId + "_ArchiveList"'>
2233 <b:include cond='data:style == "HIERARCHY"' data='data' name='interval'/>
2234 <b:include cond='data:style == "FLAT"' data='data' name='flat'/>
2235 <b:include cond='data:style == "MENU"' data='data' name='menu'/>
2236 </div>
2237 </div>
2238 <b:include name='quickedit'/>
2239 </div>
2240</b:includable>
2241 <b:includable id='flat' var='data'>
2242 <ul class='flat'>
2243 <b:loop values='data:data' var='i'>
2244 <li class='archivedate'>
2245 <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
2246 </li>
2247 </b:loop>
2248 </ul>
2249</b:includable>
2250 <b:includable id='interval' var='intervalData'>
2251 <b:loop values='data:intervalData' var='interval'>
2252 <ul class='hierarchy'>
2253 <li expr:class='"archivedate " + data:interval.expclass'>
2254 <b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
2255 <a class='post-count-link' expr:href='data:interval.url'>
2256 <data:interval.name/>
2257 </a>
2258 <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
2259 <b:include cond='data:interval.data' data='interval.data' name='interval'/>
2260 <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
2261 </li>
2262 </ul>
2263 </b:loop>
2264</b:includable>
2265 <b:includable id='menu' var='data'>
2266 <select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
2267 <option value=''><data:title/></option>
2268 <b:loop values='data:data' var='i'>
2269 <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
2270 </b:loop>
2271 </select>
2272</b:includable>
2273 <b:includable id='posts' var='posts'>
2274 <ul class='posts'>
2275 <b:loop values='data:posts' var='post'>
2276 <li><a expr:href='data:post.url'><data:post.title/></a></li>
2277 </b:loop>
2278 </ul>
2279</b:includable>
2280 <b:includable id='toggle' var='interval'>
2281 <a class='toggle' href='javascript:void(0)'>
2282 <span expr:class='"zippy" + (data:interval.expclass == "expanded" ? " toggle-open" : "")'>
2283 <b:if cond='data:interval.expclass == "expanded"'>
2284 ▼ 
2285 <b:elseif cond='data:blog.languageDirection == "rtl"'/>
2286 ◄ 
2287 <b:else/>
2288 ► 
2289 </b:if>
2290 </span>
2291 </a>
2292</b:includable>
2293 </b:widget>
2294</b:section-contents><b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'/><b:section-contents id='footer-2-2'/></html>