· 5 years ago · Sep 08, 2020, 07:26 PM
1<?xml version="1.0" encoding="UTF-8" ?>
2<!DOCTYPE html>
3<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' id='root-html' 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 charset='utf-8'/>
6 <meta content='width=device-width, initial-scale=1' name='viewport'/>
7 <b:include data='blog' name='all-head-content'/>
8 <title>
9 <b:if cond='data:blog.pageType == "index"'>
10 <data:blog.pageTitle/>
11 <b:else/>
12 <b:if cond='data:blog.pageType != "error_page"'>
13 <data:blog.pageName/> - <data:blog.title/>
14 <b:else/>
15 ERROR 404 - <data:blog.title/>
16 </b:if>
17 </b:if>
18 </title>
19 <!-- Description and Keywords (start) -->
20 <b:if cond='data:blog.pageType == "index"'>
21 <meta content='YOUR DESCRIPTION HERE' name='description'/>
22 </b:if>
23 <meta content='YOUR KEYWORDS HERE' name='keywords'/>
24 <!-- Description and Keywords (end) -->
25 <b:if cond='data:blog.pageType == "item"'>
26 <meta expr:content='data:blog.pageName' property='og:title'/>
27 <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
28 <meta content='article' property='og:type'/>
29 </b:if>
30 <b:if cond='data:blog.postImageUrl'>
31 <meta expr:content='data:blog.postImageUrl' property='og:image'/>
32 <b:else/>
33 <b:if cond='data:blog.postImageThumbnailUrl'>
34 <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
35 </b:if></b:if>
36 <b:if cond='data:blog.metaDescription != ""'>
37 <meta expr:content='data:blog.metaDescription' name='og:description'/>
38 </b:if>
39 <meta expr:content='data:blog.title' property='og:site_name'/>
40 <meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
41 <meta expr:content='data:blog.pageName' name='twitter:title'/>
42 <b:if cond='data:blog.postImageUrl'>
43 <meta content='summary_large_image' name='twitter:card'/>
44 <meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
45 <b:else/>
46 <meta content='summary' name='twitter:card'/>
47 <b:if cond='data:blog.postImageThumbnailUrl'>
48 <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
49 </b:if>
50 </b:if>
51 <meta expr:content='data:blog.pageName' name='twitter:title'/>
52 <b:if cond='data:blog.metaDescription'>
53 <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
54 </b:if>
55 <script type='application/ld+json'>{"@context":"http://schema.org","@type":"WebSite","name":"<data:view.title.escaped/>","url":"<data:view.url.canonical/>","potentialAction":{"@type":"SearchAction","target":"<data:view.url.canonical/>search?q={search_term_string}","query-input":"required name=search_term_string"}}</script>
56 <!-- Social Media meta tag need customer customization -->
57 <meta content='Facebook App ID here' property='fb:app_id'/>
58 <meta content='Facebook Admin ID here' property='fb:admins'/>
59 <meta content='@username' name='twitter:site'/>
60 <meta content='@username' name='twitter:creator'/>
61
62 <link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>
63 <link href='//fonts.googleapis.com/css?family=Roboto+Slab:400,700' rel='stylesheet' type='text/css'/>
64 <link href='https://fonts.googleapis.com/css?family=Roboto:400,500,700,900' rel='stylesheet' type='text/css'/>
65
66 <b:skin><![CDATA[/*
67-----------------------------------------------
68Blogger Template Style
69Name : Jupiter
70Author : https://www.soratemplates.com
71License: Premium Version
72Version: 2.0
73Decrypt: https://local-hunter.com
74Join Discussion with us:
75https://discord.gg/UxMP2Kc
76----------------------------------------------- */
77
78/* Variable definitions
79 ====================
80 <Variable name="keycolor" description="Main Color" type="color" default="#299bfa" value="#299bfa"/>
81 <Variable name="header_bg" description="Header Background Color" type="color" default="#222" value="#222222"/>
82 <Variable name="footer_bg" description="Background Color Of The Footer" type="color" default="#333" value="#333333"/>
83 <Variable name="main_bg_color" description="Background Color Of The Blog" type="color" default="#374551" value="#374551"/>
84 <Group description="Backgrounds" selector=".body-fauxcolumns-outer">
85 <Variable name="body.background.color" description="Outer Background" type="color" default="#374551" value="#374551"/>
86 </Group>
87 <Variable name="body.background" description="Body Background" type="background"
88 color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/>
89*/
90
91/*======================================
92+/+ Styles
93======================================*/
94
95/* http://meyerweb.com/eric/tools/css/reset/
96v2.0 | 20110126
97License: none (public domain)
98*/
99html, body, div, span, applet, object, iframe,
100h1, h2, h3, h4, h5, h6, p, blockquote, pre,
101a, abbr, acronym, address, big, cite, code,
102del, dfn, em, img, ins, kbd, q, s, samp,
103small, strike, strong, sub, sup, tt, var,
104b, u, i, center,
105dl, dt, dd, ol, ul, li,
106fieldset, form, label, legend,
107table, caption, tbody, tfoot, thead, tr, th, td,
108article, aside, canvas, details, embed,
109figure, figcaption, footer, header, hgroup,
110menu, nav, output, ruby, section, summary,
111time, mark, audio, video {
112margin: 0;
113padding: 0;
114border: 0;
115vertical-align: baseline;
116}
117.CSS_LIGHTBOX{z-index:999999!important}.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{opacity:0}
118body {
119 line-height: 1;
120}
121
122ol, ul {
123 list-style: none;
124}
125
126blockquote, q {
127 quotes: none;
128}
129
130blockquote:before, blockquote:after,
131q:before, q:after {
132 content: '';
133 content: none;
134}
135
136table {
137 border-collapse: collapse;
138 border-spacing: 0;
139}
140.widget img {
141 max-width: 100%;
142}
143/*======================================
144+/+ General Styles
145======================================*/
146.clearfix { zoom: 1; }
147.clearfix:before,
148.clearfix:after { content: ''; display: table; width: 0; height: 0;}
149.clearfix:after { clear: both; }
150
151*, *:before, *:after{
152 transition: all 0.3s ease-in-out;
153 -webkit-transition: all 0.3s ease-in-out;
154 box-sizing: border-box;
155 -webkit-box-sizing: border-box;
156}
157
158body {
159 overflow-x: hidden;
160 font-family: 'Roboto', sans-serif;
161 background: $(body.background);
162 max-width: 1220px;
163 margin: 0 auto;
164}
165
166.section, .widget {
167 margin: 0;
168 padding: 0;
169}
170
171h1, h2, h3, h4, h5, h6 {
172 color: inherit;
173}
174
175a, a:visited, a:link{
176 color: inherit;
177 text-decoration: none;
178}
179
180input{
181 border: none;
182 box-sizing: border-box;
183}
184
185.container{
186 max-width: 1180px;
187 margin: 0 auto;
188}
189
190.date-header {
191 display: none;
192}
193
194.widget li {
195 padding: 0;
196}
197
198.widget ul {
199 padding: 0;
200}
201
202.blog-feeds, .feed-links {
203 display: none;
204}
205
206.icon {
207 padding-right: 5px;
208}
209
210.heading {
211 font-family: 'Roboto Slab', serif;
212}
213
214.post-icons img {
215 width: auto !important;
216}
217
218.hide {
219 display: none !important;
220}
221
222.show {
223 display: block !important;
224}
225
226.white {
227 border-top-color: #fff !important;
228}
229
230#to-top {
231 position: fixed;
232 right: 25px;
233 bottom: 100px;
234 color: #fff;
235 padding: 9px;
236 opacity: 0;
237 visibility: hidden;
238 border-radius: 5px;
239 background: $keycolor;
240 box-shadow: 0 0 5px #4D4D4D;
241 -webkit-box-shadow: 0 0 5px #4D4D4D;
242 z-index: 9999;
243}
244
245#to-top.fadeIn {
246 opacity: 1;
247 visibility: visible;
248}
249
250.anchor-hover:hover {
251 color: $keycolor;
252}
253
254.widget-item-control {display: none;}
255
256.post-body img {
257 max-width: 100%;
258}
259
260.item .post-body ul {
261 list-style-type: disc;
262}
263
264.item .post-body ol {
265 list-style-type: decimal;
266}
267
268.item .post-body a {
269 font-weight: 500;
270 color: $keycolor;
271 text-decoration: underline;
272}
273
274.item .post-body a[style="margin-left: 1em; margin-right: 1em;"] {
275 margin-left: 0 !important;
276 margin-right: 0 !important;
277}
278
279
280/*===============================================
281+/+ Header
282===============================================*/
283
284#header {
285 position: relative;
286 background: $header_bg;
287 text-align: center;
288 border-top: 3px solid $keycolor;
289}
290
291/* Top Nav
292-----------------------------------------------*/
293
294.top-nav-wrapper {
295 height: 45px;
296 background: #EEEEEE;
297 color: #fff;
298}
299
300.top-nav-icon {
301 display: none;
302 line-height: 45px;
303 font-size: 1.5rem;
304 color: #000;
305}
306
307.top-nav-wrapper .widget > h2 {
308 display: none;
309}
310
311#LinkList1 {
312 float: left;
313}
314
315#LinkList2 {
316 float: right;
317}
318
319.top-nav-wrapper .widget:only-child {
320 float: none;
321}
322
323#LinkList1 li {
324 float: left;
325 color: #000;
326 line-height: 45px;
327 margin-right: 30px;
328 font-size: 0.875rem;
329 text-transform: capitalize;
330}
331
332#LinkList1 li:last-child {
333 margin-right: 0;
334}
335
336#LinkList1 a:hover {
337 color: $keycolor;
338}
339
340.top-nav-icon {
341 display: none;
342 line-height: 45px;
343 font-size: 1.5rem;
344}
345
346#LinkList2 li {
347 float: left;
348 line-height: 45px;
349}
350
351#LinkList2 li a {
352 display: block;
353 width: 30px;
354 height: 45px;
355 line-height: 45px;
356 text-align: center;
357}
358
359#LinkList2 li a:hover {
360 background: $keycolor;
361}
362
363#LinkList2 .fa {
364 color: #000;
365 transition: all 0s;
366}
367
368#LinkList2 a:hover .fa {
369 color: #fff;
370}
371
372/* Search box
373-------------------------------------*/
374
375.search {
376 text-align: center;
377 position: absolute;
378 left: 0;
379 right: 0;
380 top: -50px;
381 z-index: 99;
382}
383
384#search-btn {
385 display: inline-block;
386 width: 0;
387 height: 0;
388 border: 31px solid transparent;
389 border-top-color: #eee;
390 position: relative;
391 text-align: center;
392}
393
394#search-icon {
395 position: relative;
396 top: -29px;
397 color: #000;
398 left: -10px;
399 cursor: pointer;
400 width: 20px;
401 height: 20px;
402}
403
404#search-input {
405 width: 100%;
406 text-align: center;
407 height: 45px;
408 outline: 0;
409}
410
411/* Logo and ad
412------------------------------------*/
413
414.logo-and-ad-container {
415 margin-top: -40px;
416 padding-bottom: 10px;
417}
418
419#logo-and-ad-container {
420 display: table;
421 height: 160px;
422}
423
424#logo-and-ad-container .widget {
425 display: table-cell;
426 width: 100%;
427 vertical-align: middle;
428}
429
430#logo-and-ad-container .HTML .widget-content {
431 width: 728px;
432 height: 90px;
433}
434
435#logo-and-ad-container .HTML .widget-content:empty {
436 display: none;
437}
438
439/* Main nav
440--------------------------------------*/
441
442#main-nav-wrapper {
443 background: $keycolor;
444 height: 50px;
445}
446
447#main-nav-wrapper .container {
448 position: relative;
449}
450
451#main-nav-wrapper .widget-content {
452 display: inline-block;
453}
454
455#main-nav .icon {
456 color: #fff;
457}
458
459#main-nav .widget-content > ul > li {
460 float: left;
461}
462
463#main-nav .widget-content > ul > li > a {
464 display: block;
465 height: 50px;
466 position: relative;
467 padding: 0 18px;
468 color: #fff;
469 font-size: 0.875rem;
470 font-weight: 700;
471 line-height: 53px;
472 text-transform: uppercase;
473}
474#main-nav .widget-content > ul > li.has-sub {
475position: relative;
476}
477#main-nav .widget-content > ul > li > a:before {
478 content: '';
479 position: absolute;
480 top: -10px;
481 left: 50%;
482 width: 0;
483 height: 0;
484 border: 10px solid transparent;
485 border-top-color: $header_bg;
486 margin-left: -10px;
487 opacity: 0;
488 visibility: hidden;
489}
490
491#main-nav .widget-content > ul > li > a:hover:before {
492 top: 0;
493 opacity: 1;
494 visibility: visible;
495}
496#main-nav .widget-content ul > li > ul {
497position: absolute;
498float: left;
499left: 0;
500top: 50px;
501width: 180px;
502background-color: #353535;
503z-index: 99999;
504margin-top: 0;
505padding: 0;
506border-top: 2px solid #E4860D;
507visibility: hidden;
508opacity: 0;
509}
510#main-nav .widget-content ul ul {
511transition: all .25s ease;
512}
513#main-nav .widget-content ul > li > ul > li > ul {
514position: absolute;
515float: left;
516top: 0;
517left: 100%;
518margin: -2px 0 0;
519background: #494949;
520}
521#main-nav .widget-content ul > li:hover > ul, #main-nav .widget-content ul > li > ul > li:hover > ul {
522visibility: visible;
523opacity: 1;
524}
525#main-nav .widget-content ul > li > ul > li {
526display: block;
527float: none;
528position: relative;
529margin: 0;
530padding: 0;
531transition: background .17s;
532}
533#main-nav .widget-content ul > li > ul > li a {
534display: block;
535position:relative;
536height: 36px;
537font-size: 13px;
538color: #fff;
539line-height: 36px;
540box-sizing: border-box;
541margin: 0;
542padding: 0 15px;
543border: 0;
544border-bottom: 1px solid rgba(255,255,255,0.05);
545transition: all .17s ease;
546text-align:left;
547}
548#main-nav .widget, #main-nav .widget > .widget-title {
549display: none;
550}
551#main-nav .show-menu {
552display: block;
553}
554/* Mega Menus
555------------------------------------------*/
556
557#main-nav .widget-content > ul > li > a:hover + .mega-menu-wrapper {
558 height: 270px;
559 visibility: visible;
560}
561
562.mega-icon:after, #main-nav .widget-content > ul > li.has-sub > a:after {
563 content: '\25be';
564}
565#main-nav .widget-content > ul > li.has-sub > ul.m-sub > li.has-sub > a:after {
566 content: '\25b6';
567 float: right;
568 margin: 0;
569 font-size: 8px;
570 font-weight: 400;
571}
572.mega-menu-wrapper {
573 position: absolute;
574 left: 0;
575 right: 0;
576 top: 45px;
577 height: 0;
578 overflow: hidden;
579 visibility: hidden;
580 z-index: 99;
581 max-width: 1180px;
582 margin: 0 auto;
583 border-top: 4px solid $keycolor;
584 border-bottom: 3px solid $keycolor;
585}
586
587.mega-menu-wrapper:before {
588 content: '';
589 display: block;
590 height: 6px;
591 position: absolute;
592 top: -6px;
593 left: 0;
594 right: 0;
595 background: transparent;
596}
597
598.mega-menu-wrapper:hover {
599 height: 270px;
600 visibility: visible;
601}
602
603.mega-menu {
604 background: #555;
605 padding: 15px !important;
606 z-index: 99;
607}
608
609.mega-post {
610 float: left;
611 width: 23%;
612 margin-right: 2.6% !important;
613}
614
615.mega-post:last-child {
616 margin-right: 0 !important;
617}
618
619.mega_post-image {
620 display: block;
621 width: 100%;
622 height: 180px;
623 margin-bottom: 10px;
624 border: 2px solid #747474;
625}
626
627.mega_post-title {
628 color: #fff;
629 font-family: 'Roboto Slab', serif;
630 font-weight: 700;
631 font-size: .875rem;
632 line-height: 1.7;
633}
634
635/*===============================================
636+/+ Slider
637===============================================*/
638
639body[data-main="false"] #slider {
640 display: none;
641}
642
643#slider .widget-content {
644 font-size: 0;
645}
646
647.slider-item {
648 float: left;
649 width: 25%;
650 height: 350px;
651 position: relative;
652 overflow: hidden;
653}
654
655.slider-image {
656 display: block;
657 width: 100%;
658 height: 350px;
659}
660
661.slider-image:hover {
662 transform: scale(1.1);
663}
664
665.slider-image:before {
666 content: '';
667 position: absolute;
668 left: 0;
669 right: 0;
670 top: 0;
671 bottom: 0;
672 background: rgba(0,0,0,0.6);
673 background: linear-gradient(0deg, #000000 0, rgba(0, 0, 0, 0) 50%);
674 background: -webkit-gradient(linear, 0deg, color-stop(0, 000000), color-stop(50%, rgba(0, 0, 0, 0)));/* Chrome,Safari4+ */
675 background: -webkit-linear-gradient(90deg, #000000 0, rgba(0, 0, 0, 0) 50%);/* Chrome10+,Safari5.1+ */
676 background: -o-linear-gradient(90deg, #000000 0, rgba(0, 0, 0, 0) 50%);/* Opera 11.10+ */
677 background: -ms-linear-gradient(90deg, #000000 0, rgba(0, 0, 0, 0) 50%);/* IE10+ */
678}
679
680#slider-item1 .slider-image:after {
681 content: '';
682 position: absolute;
683 left: 0;
684 right: 0;
685 top: 0;
686 bottom: 0;
687 opacity:0;
688 background: rgba(0,0,0,0.6);
689 background: linear-gradient(0deg, #17C65D 0, rgba(0, 0, 0, 0) 50%);
690 background: -webkit-gradient(linear, 0deg, color-stop(0, 000000), color-stop(50%, rgba(0, 0, 0, 0)));/* Chrome,Safari4+ */
691 background: -webkit-linear-gradient(90deg, #17C65D 0, rgba(0, 0, 0, 0) 50%);/* Chrome10+,Safari5.1+ */
692 background: -o-linear-gradient(90deg, #17C65D 0, rgba(0, 0, 0, 0) 50%);/* Opera 11.10+ */
693 background: -ms-linear-gradient(90deg, #17C65D 0, rgba(0, 0, 0, 0) 50%);/* IE10+ */
694}
695
696#slider-item2 .slider-image:after {
697 content: '';
698 position: absolute;
699 left: 0;
700 right: 0;
701 top: 0;
702 bottom: 0;
703 opacity:0;
704 background: rgba(0,0,0,0.6);
705 background: linear-gradient(0deg, #FA29AF 0, rgba(0, 0, 0, 0) 50%);
706 background: -webkit-gradient(linear, 0deg, color-stop(0, 000000), color-stop(50%, rgba(0, 0, 0, 0)));/* Chrome,Safari4+ */
707 background: -webkit-linear-gradient(90deg, #FA29AF 0, rgba(0, 0, 0, 0) 50%);/* Chrome10+,Safari5.1+ */
708 background: -o-linear-gradient(90deg, #FA29AF 0, rgba(0, 0, 0, 0) 50%);/* Opera 11.10+ */
709 background: -ms-linear-gradient(90deg, #FA29AF 0, rgba(0, 0, 0, 0) 50%);/* IE10+ */
710}
711
712#slider-item3 .slider-image:after {
713 content: '';
714 position: absolute;
715 left: 0;
716 right: 0;
717 top: 0;
718 bottom: 0;
719 opacity:0;
720 background: rgba(0,0,0,0.6);
721 background: linear-gradient(0deg, #29ABFA 0, rgba(0, 0, 0, 0) 50%);
722 background: -webkit-gradient(linear, 0deg, color-stop(0, 000000), color-stop(50%, rgba(0, 0, 0, 0)));/* Chrome,Safari4+ */
723 background: -webkit-linear-gradient(90deg, #29ABFA 0, rgba(0, 0, 0, 0) 50%);/* Chrome10+,Safari5.1+ */
724 background: -o-linear-gradient(90deg, #29ABFA 0, rgba(0, 0, 0, 0) 50%);/* Opera 11.10+ */
725 background: -ms-linear-gradient(90deg, #29ABFA 0, rgba(0, 0, 0, 0) 50%);/* IE10+ */
726}
727
728#slider-item4 .slider-image:after {
729 content: '';
730 position: absolute;
731 left: 0;
732 right: 0;
733 top: 0;
734 bottom: 0;
735 opacity:0;
736 background: rgba(0,0,0,0.6);
737 background: linear-gradient(0deg, #FF3535 0, rgba(0, 0, 0, 0) 50%);
738 background: -webkit-gradient(linear, 0deg, color-stop(0, 000000), color-stop(50%, rgba(0, 0, 0, 0)));/* Chrome,Safari4+ */
739 background: -webkit-linear-gradient(90deg, #FF3535 0, rgba(0, 0, 0, 0) 50%);/* Chrome10+,Safari5.1+ */
740 background: -o-linear-gradient(90deg, #FF3535 0, rgba(0, 0, 0, 0) 50%);/* Opera 11.10+ */
741 background: -ms-linear-gradient(90deg, #FF3535 0, rgba(0, 0, 0, 0) 50%);/* IE10+ */
742}
743
744a.slider-image:hover:after {
745 opacity: 1 !important;
746}
747
748a.slider-image:hover:before {
749 opacity: 0;
750}
751
752.slider-post-info {
753 position: absolute;
754 left: 0;
755 right: 0;
756 bottom: 15px;
757 padding: 0 15px;
758 color: #fff;
759 font-size: .75rem;
760}
761
762.slider-post-info .heading {
763 font-size: 1.1rem;
764 margin-bottom: 15px;
765 line-height: 1.6;
766 font-family: "Roboto", sans-serif;
767}
768
769.publish-date {
770 margin-right: 25px;
771}
772
773.post-category {
774 position: absolute;
775 top: 15px;
776 left: 15px;
777 color: #fff !important;
778 padding: 5px 10px;
779 font-family: 'Roboto';
780 text-transform: uppercase;
781 font-size: 0.75rem;
782 font-weight: 700;
783 z-index: 3;
784}
785
786.post-category:hover {
787 background: #444 !important;
788}
789
790.slider-item:nth-child(1) .post-category {
791 background: #17C65D;
792}
793
794.slider-item:nth-child(2) .post-category {
795 background: #FA29AF;
796}
797
798.slider-item:nth-child(3) .post-category {
799 background: #29ABFA;
800}
801
802.slider-item:nth-child(4) .post-category {
803 background: #FF3535;
804}
805
806/*========================================
807+/+ Main Content (Posts & Sidebars)
808========================================*/
809
810.main-content {
811 padding-top: 35px;
812 background: #fafafa;
813 padding-bottom: 50px;
814}
815
816/*========================================
817+/+ Sidebars
818========================================*/
819
820.sidebar {
821 float: left;
822 width: 27.2%;
823}
824
825.sidebar-wrapper1 {
826 width: 21.8%;
827 margin-right: 1.5%;
828 background: #fff;
829 padding: 10px;
830 border: 1px solid #ccc;
831 box-shadow: 0 0 5px #cfcfcf;
832 -webkit-box-shadow: 0 0 5px #cfcfcf;
833}
834
835.item .sidebar-wrapper1 {
836 display: none;
837}
838
839.sidebar .widget {
840 margin-bottom: 30px;
841}
842
843.sidebar .HTML .widget-content {
844 font-size: 0;
845}
846
847.sidebar-wrapper1 .widget > h2 {
848 background: #373737;
849 position: relative;
850 margin-bottom: 20px;
851 padding: 10px;
852 text-transform: uppercase;
853 font-size: 1rem;
854 color: #FFF;
855 text-align: center;
856 border-bottom: 3px solid $keycolor;
857}
858
859.sidebar-wrapper1 .widget > h2:before {
860 content: '';
861 position: absolute;
862 left: 50%;
863 bottom: -17px;
864 width: 0;
865 height: 0;
866 margin-left: -4px;
867 border: 7px solid transparent;
868 border-top-color: $keycolor;
869}
870
871.sidebar-wrapper2 .widget {
872 background: #fff;
873 padding: 10px;
874 border: 1px solid #ccc;
875 -webkit-box-shadow: 0 0 5px #cfcfcf;
876 box-shadow: 0 0 5px #cfcfcf;
877}
878
879.sidebar-wrapper2 .widget > h2 {
880 background: $keycolor;
881 position: relative;
882 text-transform: uppercase;
883 font-size: 1rem;
884 color: #FFF;
885 text-align: center;
886 margin-bottom: 15px;
887 padding: 10px;
888}
889
890.sidebar-wrapper2 .widget:not(.FollowByEmail) > h2:before {
891 content: '';
892 position: absolute;
893 right: 0;
894 bottom: -10px;
895 width: 0;
896 height: 0;
897 border: 5px solid transparent;
898 border-left-color: #242424;
899 border-top-color: #242424;
900 display: none;
901}
902
903/* Profile widget
904-----------------------------------------*/
905.Profile {
906 text-align: center;
907}
908
909.profile-img {
910 float: none;
911 border-radius: 50%;
912}
913
914.profile-name-link {
915 background-image: none !important;
916 padding-left: 0;
917 margin-bottom: 13px;
918}
919
920.profile-textblock {
921 line-height: 1.6;
922 font-size: .875rem;
923}
924
925a.profile-link {
926 font-size: .75rem;
927 font-weight: 700;
928 text-decoration: underline;
929}
930
931/* Social Counter
932-----------------------------------------*/
933
934.social_item-wrapper {
935 float: left;
936 width: 48%;
937 text-align: center;
938 margin-right: 4% !important;
939 margin-bottom: 10px !important;
940 color: #fff;
941}
942
943#sidebar .widget {
944 margin-bottom: 35px;
945}
946
947.social_item {
948 position: relative;
949 display: block;
950 height: 60px;
951 line-height: 60px;
952 overflow: hidden;
953}
954
955.social_item-wrapper:nth-child(2n+2) {
956 margin-right: 0 !important;
957}
958
959.social_icon {
960 float: left;
961 line-height: 44px;
962 width: 41px;
963 height: 41px;
964 font-size: 1.3rem;
965 margin-top: 10px;
966 margin-left: 7%;
967}
968
969.social_num {
970 font-size: .875rem;
971}
972
973a.social_item.social_facebook {
974 background: #3F5B9B;
975}
976
977.fa-facebook.social_icon {
978 background: #2E4372;
979}
980
981li.social_item-wrapper:hover .fa-facebook.social_icon {
982 background: #3F5B9B;
983}
984
985li.social_item-wrapper:hover .social_facebook {
986 background: #2E4372;
987}
988
989a.social_item.social_twitter {
990 background: #1C97DE;
991}
992
993.fa-twitter.social_icon {
994 background: #1571A5;
995}
996
997li.social_item-wrapper:hover .fa-twitter.social_icon {
998 background: #1C97DE;
999}
1000
1001li.social_item-wrapper:hover .social_twitter {
1002 background: #1571A5;
1003}
1004
1005a.social_item.social_youtube {
1006 background: #E22020;
1007}
1008
1009.fa-youtube.social_icon {
1010 background: #B31919;
1011}
1012
1013li.social_item-wrapper:hover .fa-youtube.social_icon {
1014 background: #E22020;
1015}
1016
1017li.social_item-wrapper:hover .social_youtube {
1018 background: #B31919;
1019}
1020
1021a.social_item.social_dribbble {
1022 background: #E82159;
1023}
1024
1025.fa-dribbble.social_icon {
1026 background: #B51A45;
1027}
1028
1029li.social_item-wrapper:hover .fa-dribbble.social_icon {
1030 background: #E82159;
1031}
1032
1033li.social_item-wrapper:hover .social_dribbble {
1034 background: #B51A45;
1035}
1036
1037a.social_item.social_rss {
1038 background: #E86321;
1039}
1040
1041.fa-rss.social_icon {
1042 background: #C2521B;
1043}
1044
1045li.social_item-wrapper:hover .fa-rss.social_icon {
1046 background: #E86321;
1047}
1048
1049li.social_item-wrapper:hover .social_rss {
1050 background: #C2521B;
1051}
1052
1053a.social_item.social_google-plus {
1054 background: #E82C2C;
1055}
1056
1057.fa-google-plus.social_icon {
1058 background: #BF2424;
1059}
1060
1061li.social_item-wrapper:hover .fa-google-plus.social_icon {
1062 background: #E82C2C;
1063}
1064
1065li.social_item-wrapper:hover .social_google-plus {
1066 background: #BF2424;
1067}
1068
1069a.social_item.social_linkedin {
1070 background: #0275B6;
1071}
1072
1073.fa-linkedin.social_icon {
1074 background: #02669E;
1075}
1076
1077li.social_item-wrapper:hover .fa-linkedin.social_icon {
1078 background: #0275B6;
1079}
1080
1081li.social_item-wrapper:hover .social_linkedin {
1082 background: #02669E;
1083}
1084
1085a.social_item.social_instagram {
1086 background: #8E714D;
1087}
1088
1089.fa-instagram.social_icon {
1090 background: #6F583C;
1091}
1092
1093li.social_item-wrapper:hover .fa-instagram.social_icon {
1094 background: #8E714D;
1095}
1096
1097li.social_item-wrapper:hover .social_instagram {
1098 background: #6F583C;
1099}
1100
1101a.social_item.social_pinterest {
1102 background: #CA2027;
1103}
1104
1105.fa-pinterest.social_icon {
1106 background: #AB1B21;
1107}
1108
1109li.social_item-wrapper:hover .fa-pinterest.social_icon {
1110 background: #CA2027;
1111}
1112
1113li.social_item-wrapper:hover social_pinterest {
1114 background: #AB1B21;
1115}
1116
1117/* Follow By Email
1118-----------------------------------------*/
1119
1120.sidebar .FollowByEmail {
1121 background: #fff;
1122 padding: 10px;
1123 box-shadow: 0 0 5px #CFCFCF;
1124 -webkit-box-shadow: 0 0 5px #CFCFCF;
1125}
1126
1127.sidebar .FollowByEmail > h2.title:before {
1128 content: '\f003';
1129 font-family: 'fontawesome';
1130 font-size: 2.5rem;
1131 display: block;
1132}
1133
1134.sidebar .FollowByEmail > h2 {
1135 background: #fff;
1136 position: relative;
1137 text-transform: uppercase;
1138 color: #000;
1139 padding: 0;
1140 text-align: center;
1141 margin-bottom: 2px;
1142 font-size: 0;
1143 margin-right: 0;
1144 border-left: 0;
1145}
1146
1147.follow-by-email-inner td:first-child {
1148 display: block;
1149 margin-bottom: 10px;
1150}
1151
1152.FollowByEmail .subhead {
1153 font-size: 0.875rem;
1154 line-height: 1.7;
1155 margin-bottom: 15px;
1156 color: #000;
1157}
1158
1159.FollowByEmail .follow-by-email-inner .follow-by-email-address {
1160 width: 100%;
1161 display: block;
1162 height: 43px;
1163 font-size: 12px;
1164 background-color: #DEDEDE;
1165 padding-left: 10px;
1166 border: 0;
1167 outline: 0;
1168}
1169
1170.follow-by-email-inner td:last-child {
1171 position: relative;
1172 display: block;
1173 width: 100%;
1174}
1175
1176.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
1177 width: 100%;
1178 margin: 0;
1179 border: 0;
1180 border-radius: 2px;
1181 -moz-border-radius: 2px;
1182 background: $keycolor;
1183 color: #fff;
1184 cursor: pointer;
1185 font-size: 13px;
1186 height: 33px;
1187}
1188
1189.follow-by-email-address:focus {
1190 box-shadow: 0 0 3px #888;
1191 -webkit-box-shadow: 0 0 3px #888;
1192}
1193
1194.follow-by-email-address::-webkit-input-placeholder {
1195 color: #5C5C5C;
1196}
1197
1198.follow-by-email-address:-ms-input-placeholder {
1199 color: #5C5C5C;
1200}
1201
1202.follow-by-email-address::-ms-input-placeholder {
1203 color: #5C5C5C;
1204}
1205
1206.follow-by-email-inner td:last-child:hover .follow-by-email-submit {
1207 background-color: #000;
1208 color: #fff;
1209}
1210
1211.follow-by-email-inner td:last-child:hover:before {
1212 color: #fff;
1213}
1214
1215/* Popular Posts
1216-----------------------------------------*/
1217
1218.PopularPosts .widget-content li {
1219 border-bottom: 1px solid #E6E6E6;
1220 padding: 10px 0 8px !important;
1221}
1222
1223.PopularPosts .widget-content li:first-child {
1224 padding-top: 0 !important;
1225}
1226
1227.PopularPosts .widget-content li:last-child {
1228 border-bottom: 0;
1229 padding-bottom: 0 !important;
1230}
1231
1232.PopularPosts .item-thumbnail {
1233 float: none;
1234 display: table-cell;
1235}
1236
1237.PopularPosts .item-thumbnail img {
1238 width: 75px;
1239 max-width: 75px;
1240 height: 70px;
1241 padding-right: 0 !important;
1242 border: 2px solid #e6e6e6;
1243}
1244
1245.PopularPosts .item-thumbnail img:hover {
1246 border-color: $keycolor !important;
1247}
1248
1249.PopularPosts .item-title {
1250 padding-left: 8px;
1251 display: table-cell;
1252 vertical-align: middle;
1253 line-height: 1.7;
1254 font-family: 'Roboto Slab';
1255 font-size: 0.875rem;
1256 font-weight: 700;
1257 text-transform: capitalize;
1258}
1259
1260.PopularPosts .item-title a:hover {
1261 color: $keycolor;
1262}
1263
1264.PopularPosts .item-snippet {
1265 font-size: .875rem;
1266 line-height: 1.5;
1267}
1268
1269/* Random & Recent Posts
1270-----------------------------------------*/
1271
1272.randomposts2 .post-wrapper,
1273.recentposts2 .post-wrapper {
1274 position: relative;
1275 margin-bottom: 10px !important;
1276 overflow: hidden;
1277}
1278
1279.randomposts2 .post-wrapper:last-child,
1280.recentposts2 .post-wrapper:last-child {
1281 margin-bottom: 0 !important;
1282}
1283
1284.randomposts2 .post-image,
1285.recentposts2 .post-image {
1286 display: block;
1287 width: 100%;
1288 padding: 31% 0;
1289}
1290
1291.randomposts2 .post-image:before,
1292.recentposts2 .post-image:before {
1293 content: '';
1294 position: absolute;
1295 top: 0;
1296 left: 0;
1297 right: 0;
1298 bottom: 0;
1299 background: rgba(0, 0, 0, 0.5);
1300 z-index: 2;
1301}
1302
1303.post-wrapper .title-summary-wrapper {
1304 position: absolute;
1305 top: 0;
1306 left: 0;
1307 right: 0;
1308 bottom: 0;
1309 padding: 10px;
1310 z-index: 2;
1311}
1312
1313.randomposts2 .post-title,
1314.recentposts2 .post-title {
1315 display: block;
1316 color: #fff;
1317 font-weight: 700;
1318 line-height: 1.6;
1319 position: absolute;
1320 bottom: 5px;
1321}
1322
1323.post-wrapper:hover .post-title {
1324 bottom: 67px;
1325}
1326
1327.randomposts2 .post-title .heading,
1328.recentposts2 .post-title .heading {
1329 font-size: 1rem;
1330}
1331
1332.randomposts2 .post-summary,
1333.recentposts2 .post-summary {
1334 font-size: .875rem;
1335 line-height: 1.6;
1336 color: #fff;
1337 z-index: 3;
1338 padding: 0;
1339 position: absolute;
1340 bottom: -87px;
1341}
1342
1343.post-wrapper:hover .post-summary {
1344 bottom: 5px;
1345}
1346
1347#footer-wrapper .recentposts1 .post-image,
1348#footer-wrapper .randomposts1 .post-image {
1349 border: 2px solid #545454;
1350}
1351
1352/* Recent Posts
1353-----------------------------------------*/
1354
1355.recent-post-item {
1356 display: table;
1357 border-bottom: 1px solid #e6e6e6;
1358 padding: 10px 0 !important;
1359}
1360
1361.recent-post-item:last-child {
1362 border-bottom: 0 !important;
1363 padding-bottom: 0 !important;
1364}
1365
1366.recent-post-item:first-child {
1367 padding-top: 0 !important;
1368}
1369
1370.recentposts1 .post-image {
1371 position: relative;
1372 display: table-cell;
1373 width: 75px;
1374 height: 70px;
1375 border: 2px solid #e6e6e6;
1376 z-index: 2;
1377}
1378
1379.recentposts1 .post-title {
1380 display: table-cell;
1381 vertical-align: middle;
1382 padding-left: 10px;
1383 font-family: 'Roboto Slab', serif;
1384 line-height: 1.7;
1385 text-transform: capitalize;
1386}
1387
1388.recentposts1 .post-title .heading {
1389 font-size: 0.875rem;
1390 font-weight: 700;
1391}
1392
1393.recentposts1 .post-image:hover {
1394 border-color: $keycolor !important;
1395}
1396
1397/* Random Posts
1398-----------------------------------------*/
1399
1400.randomposts1 .post-wrapper {
1401 padding: 10px 0 !important;
1402 border-bottom: 1px solid #e6e6e6;
1403}
1404
1405.randomposts1 .post-wrapper:first-child {
1406 padding-top: 0 !important;
1407}
1408
1409.randomposts1 .post-wrapper:last-child {
1410 border-bottom: 0;
1411 padding-bottom: 0;
1412}
1413
1414.random_post-image {
1415 position: relative;
1416 float: left;
1417 width: 75px;
1418 height: 70px;
1419 margin-right: 8px;
1420 border: 2px solid #e6e6e6;
1421 z-index: 2;
1422}
1423
1424.random_post-image:hover {
1425 border-color: $keycolor !important;
1426}
1427
1428.random_post-title {
1429 font-family: 'Roboto Slab', serif;
1430 font-size: 0.875rem;
1431 font-weight: 700;
1432 line-height: 1.7;
1433 text-transform: capitalize;
1434}
1435
1436.randomposts1 .post-comments {
1437 float: right;
1438 font-size: 0.75rem;
1439 margin-top: 10px;
1440 font-weight: 700;
1441 color: #aaa;
1442}
1443
1444/* Recent Comments
1445-----------------------------------------*/
1446
1447.recent-comments-wrapper .comment {
1448 border-bottom: 1px solid #ccc;
1449 padding: 10px 0;
1450}
1451
1452.recent-comments-wrapper .comment:first-child {
1453 padding-top: 0;
1454}
1455
1456.recent-comments-wrapper .comment:last-child {
1457 padding-bottom: 0;
1458 border: 0;
1459}
1460
1461.recent-comments-wrapper img.comment-avatar {
1462 margin-right: 8px;
1463 vertical-align: middle;
1464 border-radius: 50%;
1465}
1466
1467.recent-comments-wrapper .comment-author {
1468 display: inline;
1469 font-size: .875rem;
1470 vertical-align: middle;
1471}
1472
1473.recent-comments-wrapper .comment-content {
1474 display: block;
1475 font-size: .875rem;
1476 font-style: italic;
1477 padding-top: 6px;
1478 margin-left: 42px;
1479 line-height: 1.6;
1480}
1481
1482/* Labels
1483-----------------------------------------*/
1484
1485.Label .widget-content {
1486 font-size: 0;
1487}
1488
1489.cloud-label-widget-content {
1490 text-align: left;
1491}
1492
1493.label-size {
1494 line-height: 1.2;
1495 font-size: .875rem;
1496 opacity: 1;
1497 background: #f5f5f5;
1498 display: inline-block;
1499 margin-right: 6px;
1500 margin-bottom: 6px;
1501}
1502
1503.label-size a {
1504 display: inline-block;
1505 padding: 10px 5px;
1506}
1507
1508.label-size a:only-child {
1509 padding: 10px;
1510 box-shadow: 2px 2px 0 #D7D7D7;
1511 -webkit-box-shadow: 2px 2px 0 #D7D7D7;
1512}
1513
1514.label-size a:only-child:hover {
1515 background: $keycolor;
1516 color: #fff;
1517 border-color: $keycolor;
1518}
1519
1520.label-count {
1521 white-space: nowrap;
1522 display: inline-block;
1523 padding: 10px 5px;
1524 background: #D5D5D5;
1525}
1526
1527.list-label-widget-content li a {
1528 position: relative;
1529 display: inline-block;
1530 width: 88%;
1531 background-color: #FFFFFF;
1532 margin-bottom: 5px;
1533 height: 38px;
1534 line-height: 37px;
1535 padding-left: 10px;
1536 font-size: 0.75rem;
1537 text-transform: capitalize;
1538 border: 1px solid #ccc;
1539 border-right: 0;
1540 color: #777;
1541}
1542
1543.list-label-widget-content li a:only-child {
1544 width: 100%;
1545 border-right: 1px solid #ccc;
1546}
1547
1548.list-label-widget-content li a:only-child:before {
1549 content: '';
1550 width: 10px;
1551 height: 10px;
1552 border-radius: 50%;
1553 background-color: #E6E6E6;
1554 position: absolute;
1555 top: 13px;
1556 right: 7px;
1557}
1558
1559.list-label-widget-content li a:hover {
1560 padding-left: 20px;
1561 background-color: $keycolor;
1562 color: #fff;
1563 border-color: $keycolor;
1564}
1565
1566.list-label-widget-content li span {
1567 display: inline-block;
1568 width: 12%;
1569 background: $keycolor;
1570 border: 1px solid $keycolor;
1571 height: 38px;
1572 line-height: 35px;
1573 font-size: .875rem;
1574 color: #fff;
1575 text-align: center;
1576}
1577
1578/* Slideshow
1579-----------------------------------------*/
1580
1581.slideshow {
1582 position: relative;
1583}
1584
1585.slideshow .arrow {
1586 position: absolute;
1587 top: 25%;
1588 background: $keycolor;
1589 width: 30px;
1590 height: 30px;
1591 color: #fff;
1592 font-size: 1rem;
1593 line-height: 30px;
1594 text-align: center;
1595 cursor: pointer;
1596 z-index: 9;
1597}
1598
1599.slideshow .arrow:hover {
1600 background: #000;
1601}
1602
1603.slideshow .left-arrow {
1604 left: -6px;
1605 padding-right: 3px;
1606}
1607
1608.slideshow .right-arrow {
1609 right: -6px;
1610 padding-left: 3px;
1611}
1612
1613.right-arrow:before {
1614 content: '';
1615 position: absolute;
1616 top: 100%;
1617 right: 0px;
1618 width: 0;
1619 height: 0;
1620 border: 3px solid transparent;
1621 border-top-color: #3A3A3A;
1622 border-left-color: #3A3A3A;
1623}
1624
1625.left-arrow:before {
1626 content: '';
1627 position: absolute;
1628 top: 100%;
1629 left: 0;
1630 width: 0;
1631 height: 0;
1632 border: 3px solid transparent;
1633 border-top-color: #3A3A3A;
1634 border-right-color: #3A3A3A;
1635}
1636
1637.slideshow-post {
1638 position: absolute;
1639 top: 0;
1640 left: 0;
1641 right: 0;
1642 bottom: 0;
1643 opacity: 0;
1644 visibility: hidden;
1645 transition-duration: .5s;
1646 -webkit-transition-duration: .5s;
1647}
1648
1649.slideshow-post:last-child {
1650 opacity: 1;
1651 visibility: visible;
1652}
1653
1654.active-slide {
1655 position: relative;
1656}
1657
1658.slideshow-post.fadeIn {
1659 opacity: 1;
1660 visibility: visible;
1661 transition-duration: 0.7s;
1662}
1663
1664.slideshow-post.fadeOut {
1665 opacity: 0;
1666 visibility: hidden;
1667 transition-duration: 0.7s;
1668}
1669
1670.slideshow .post-image {
1671 display: block;
1672 width: 100%;
1673 padding: 31% 0;
1674}
1675
1676.slideshow .title-summary-wrapper {
1677 padding: 10px;
1678 background: #444;
1679}
1680
1681.slideshow .post-title {
1682 display: block;
1683 color: #fff;
1684 font-weight: 700;
1685 line-height: 1.6;
1686 margin-bottom: 15px;
1687}
1688
1689.slideshow .post-title .heading {
1690 font-size: 1rem;
1691}
1692
1693.slideshow .post-summary {
1694 font-size: .875rem;
1695 line-height: 1.6;
1696 color: #C1C1C1;
1697 padding-top: 0;
1698}
1699
1700/* Vertical Posts
1701-----------------------------------------*/
1702
1703.vertical-post:not(:last-child) {
1704 margin-bottom: 15px !important;
1705}
1706
1707.vertical-post .post-image {
1708 display: block;
1709 padding: 31%;
1710 margin-bottom: 7px;
1711}
1712
1713.vertical-post .post-title {
1714 font-size: .875rem;
1715 line-height: 1.6;
1716}
1717
1718/* Sidebar Tabs
1719-----------------------------------------*/
1720
1721.sidebartabs-wrapper {
1722 margin-bottom: 20px;
1723}
1724
1725.sidebartabs {
1726 position: relative;
1727 width: 100%;
1728 background-color: #373737;
1729 font-size: 0.875rem;
1730 font-weight: 700;
1731 text-transform: uppercase;
1732 margin-bottom: 15px;
1733}
1734
1735.sidebartab-item {
1736 width: 50%;
1737 text-align: center;
1738 padding: 12px 5px;
1739 padding-top: 15px;
1740 cursor: pointer;
1741 color: #fff;
1742}
1743
1744.sidebartab-item:first-child {
1745 float: left;
1746}
1747
1748.sidebartab-item:last-child {
1749 float: right;
1750}
1751
1752.sidebartabs-wrapper .section .widget:last-child {
1753 display: none;
1754}
1755
1756.activetab {
1757 background-color: $keycolor;
1758 color: #fff;
1759}
1760
1761.sidebartabs-wrapper .widget > h2 {
1762 display: none;
1763}
1764
1765/*========================================
1766+/+ Blog Posts
1767========================================*/
1768
1769.blog-posts-wrapper {
1770 float: left;
1771 width: 48%;
1772 margin-right: 1.5%;
1773}
1774
1775.item .blog-posts-wrapper {
1776 width: 69%;
1777 margin-right: 3.5%;
1778}
1779
1780
1781.index .post-outer,
1782.archive .post-outer {
1783 position: relative;
1784 background: #FFFFFF;
1785 box-shadow: 0 0 3px #aaa;
1786 -webkit-box-shadow: 0 0 3px #aaa;
1787 margin-bottom: 20px;
1788 border-radius: 4px;
1789 overflow: hidden;
1790}
1791
1792.item .post-header {
1793 margin-bottom: 20px;
1794}
1795
1796.index .post-title.heading {
1797 padding-top: 10px;
1798 font-size: 1.2rem;
1799 margin-bottom: 5px;
1800color:#ffffff;
1801}
1802
1803.item .entry-title, .static_page .entry-title {
1804 font-size: 1.4rem;
1805 margin-bottom: 10px;
1806 border-bottom: 2px solid $keycolor;
1807}
1808
1809.entry-title.heading:after {
1810 content: '';
1811 position: relative;
1812 top: 5px;
1813 display: block;
1814 width: 9px;
1815 height: 9px;
1816 vertical-align: middle;
1817 background: $keycolor;
1818 margin-right: 5px;
1819 display: none;
1820}
1821
1822.post-image-wrapper .post-image {
1823 display: block;
1824 width: 100%;
1825 padding: 28% 0;
1826}
1827
1828.item .post-body {
1829 line-height: 1.7;
1830}
1831
1832#comments,
1833.item .post {
1834 background: #fff;
1835 padding: 15px;
1836 border: 1px solid #ccc;
1837 -webkit-box-shadow: 0 0 5px #cfcfcf;
1838 box-shadow: 0 0 5px #cfcfcf;
1839}
1840
1841.item .post-author.vcard {
1842 font-size: .875rem;
1843 margin-right: 3.5em;
1844}
1845
1846.item .post-timestamp {
1847 margin-left: 0;
1848 font-size: .875rem;
1849 white-space: nowrap;
1850}
1851
1852.item .post-footer {
1853 margin-top: 15px;
1854}
1855
1856.post-labels {
1857 margin-bottom: 20px;
1858}
1859
1860.labels-head,
1861.post-share-header {
1862 display: inline-block;
1863 font-size: .875rem;
1864 font-weight: 700;
1865 background: #3A3A3A;
1866 padding: 7px 10px;
1867 color: #fff;
1868 margin-right: 10px;
1869 position: relative;
1870}
1871
1872.post-share-header {
1873 vertical-align: top;
1874}
1875
1876.labels-head:after,
1877.post-share-header:after {
1878 content: '';
1879 position: absolute;
1880 right: -10px;
1881 top: 15px;
1882 width: 0;
1883 height: 0;
1884 border: 5px solid transparent;
1885 border-left-color: #3A3A3A;
1886}
1887
1888.item .post-share_link {
1889 width: 36px;
1890 height: 36px;
1891 display: inline-block;
1892 line-height: 34px;
1893 text-align: center;
1894 background: #fff;
1895 border: 1px solid #ccc;
1896}
1897
1898.item .post-share_link.facebook:hover {
1899 background: #507cb3;
1900 border-color: #507cb3;
1901}
1902
1903.item .post-share_link.twitter:hover {
1904 background: #38A3E9;
1905 border-color: #38A3E9;
1906}
1907
1908.item .post-share_link.pinterest:hover {
1909 background: #CE362F;
1910 border-color: #CE362F;
1911}
1912
1913.item .post-share_link.googleplus:hover {
1914 background: #EC4637;
1915 border-color: #EC4637;
1916}
1917
1918.item .post-share_link.linkedin:hover {
1919 background: #0275B6;
1920 border-color: #0275B6;
1921}
1922
1923.item .post-share_link .fa {
1924 transition-duration: 0s;
1925}
1926
1927.item .post-share_link:hover .fa {
1928 color: #fff;
1929 transition-duration: 0s;
1930}
1931
1932.post-share {
1933 margin-bottom: 25px;
1934}
1935.item a.post-share_link.wat-art.whatsapp-mobile{display:none;}
1936.item a.post-share_link.wat-art.whatsapp-desktop{display:inline-block;}
1937@media only screen and (max-width: 768px) {
1938.item a.post-share_link.wat-art.whatsapp-mobile{display:inline-block;}
1939.item a.post-share_link.wat-art.whatsapp-desktop{display:none;}
1940}
1941.post-info-wrapper {
1942 position: absolute;
1943 bottom: 0;
1944 left: 0;
1945 right: 0;
1946 color: #fff;
1947 padding: 15px;
1948 padding-bottom: 10px;
1949 background: -webkit-linear-gradient(bottom,rgba(0,0,0,.7) 0,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0) 100%);
1950 background: linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,0.6) 67%,rgba(0,0,0,0) 100%);
1951}
1952
1953.post-outer .post-label {
1954 display: inline-block;
1955 background: $keycolor;
1956 padding: 5px 10px;
1957 font-size: .7rem;
1958 font-weight: 500;
1959 border-radius: 20px;
1960 text-transform: uppercase;
1961}
1962
1963.post-outer .post-label:hover {
1964 background: #444;
1965}
1966
1967.post-outer .summary {
1968 font-size: .875rem;
1969 line-height: 1.7;
1970 border-bottom: 1px solid #686868;
1971 padding-bottom: 12px;
1972}
1973
1974ul.post-meta.clearfix {
1975 margin: 0;
1976 padding: 9px 0;
1977}
1978
1979ul.post-meta.clearfix > li {
1980 display: inline-block;
1981 vertical-align: middle;
1982 color: #E8E7E7;
1983 font-weight: 700;
1984 margin-bottom: 0;
1985 font-size: .875rem;
1986}
1987
1988.author-img {
1989 border-radius: 50%;
1990 border: 2px solid #fff;
1991 vertical-align: middle;
1992 margin-right: 5px;
1993}
1994
1995span.author-name {
1996 vertical-align: middle;
1997}
1998
1999.comment-link {
2000 white-space: normal;
2001}
2002
2003a.read-more {
2004 margin-top: 10px;
2005 display: inline-block;
2006 color: #B2B2B2;
2007 font-size: .875rem;
2008 font-weight: 700;
2009}
2010
2011.read-more .fa {
2012 font-size: .6rem;
2013 transition-duration: 0s;
2014}
2015
2016.read-more:hover .fa {
2017 color: $keycolor;
2018}
2019
2020span.post-comment-link {
2021 float: right;
2022 font-size: .875rem;
2023 color: #B2B2B2;
2024 margin-top: 9px;
2025}
2026
2027.blog-pager-newer-link,
2028.blog-pager-older-link {
2029 display: block;
2030 padding: 10px;
2031 background: #FAFAFA;
2032 border: 1px solid #ccc;
2033}
2034
2035.blog-pager-newer-link:hover,
2036.blog-pager-older-link:hover {
2037 color: #fff !important;
2038 background: $keycolor;
2039 border: 1px solid $keycolor;
2040}
2041
2042/* Author Styles
2043----------------------------------------*/
2044
2045.item .author-info {
2046 margin-top: 30px;
2047 background-color: #f7f7f7;
2048 padding: 20px;
2049}
2050
2051.item .author-avatar {
2052 width: 100px;
2053 height: 100px;
2054 float: left;
2055 border: 3px solid #FFFFFF;
2056 margin-left: 0;
2057 margin-right: 20px;
2058}
2059
2060.item .author-name {
2061 font-size: 1.1rem;
2062 font-weight: 700;
2063 margin-bottom: 10px;
2064}
2065
2066.item .author-bio {
2067 font-size: 0.875rem;
2068 margin-left: 120px;
2069 color: #666;
2070}
2071
2072.item .author-footer {
2073 background-color: #e6e6e6;
2074 padding: 9px 20px;
2075 margin: 25px -20px -20px;
2076 line-height: 1.9;
2077}
2078
2079.item .author-profiles {
2080 float: right;
2081 padding: 0 !important;
2082 margin: 0 !important;
2083 line-height: normal !important;
2084 list-style: none !important;
2085}
2086
2087.item .author-profiles .fa {
2088 transition: all 0s;
2089}
2090
2091.item .profile-anchor:hover .fa {
2092 color: #fff;
2093 transition: all 0s;
2094}
2095
2096.item .profile-item {
2097 float: left;
2098 margin-right: 5px !important;
2099 margin-bottom: 0 !important;
2100 padding: 0 !important;
2101}
2102
2103.item .profile-item:last-child {
2104 margin-right: 0 !important;
2105}
2106
2107.item .profile-anchor {
2108 display: block;
2109 width: 30px;
2110 height: 30px;
2111 text-align: center;
2112 line-height: 30px;
2113 color: #000;
2114}
2115
2116.item .profile-anchor:hover {
2117 background: $keycolor;
2118}
2119
2120/* Pagination
2121---------------------------------------*/
2122
2123.index .pagination {
2124 margin-top: 20px;
2125 text-transform: capitalize;
2126}
2127
2128.index .pagination-item,
2129.pagination-cont {
2130 display: inline-block;
2131 padding: 6px 8px;
2132 background: #444;
2133 color: #fff !important;
2134 margin-right: 5px;
2135}
2136
2137.index .pagination-item:hover,
2138.index .pagination-cont:hover {
2139 background: $keycolor;
2140}
2141
2142.index .pagination-item.active-page {
2143 background: $keycolor;
2144}
2145
2146/* Error page styles
2147-----------------------------------------------*/
2148.error_page .sidebar {
2149 display: none;
2150}
2151
2152.error_page .blog-posts-wrapper {
2153 width: 100%;
2154}
2155
2156.error_page .blog-posts-wrapper .widget {
2157 margin-bottom: 0;
2158}
2159
2160.error-page-wrapper {
2161 padding-top: 20px;
2162 text-align: center;
2163}
2164
2165.error-message-small a {
2166 color: $keycolor;
2167}
2168
2169.error-message-small a:hover {
2170 text-decoration: underline;
2171}
2172
2173.error-image {
2174 padding-top: 30px;
2175 max-width: 100%;
2176}
2177
2178p.error-message-big {
2179 font-size: 1.5rem !important;
2180 margin-bottom: 7px;
2181}
2182
2183p.error-message-small {
2184 font-size: 1.2rem !important;
2185}
2186
2187
2188/*========================================
2189+/+ Home Widgets Styles
2190========================================*/
2191
2192body[data-main="false"] .home-widgets {
2193 display: none;
2194}
2195
2196.blog-posts-wrapper .widget {
2197 margin-bottom: 40px;
2198}
2199
2200.blog-posts-wrapper .widget > .title {
2201 color: #000;
2202 font-size: 1rem;
2203 font-weight: 500;
2204 text-align: center;
2205 padding: 10px;
2206 background: #fff;
2207 margin-bottom: 15px;
2208 text-transform: uppercase;
2209 position: relative;
2210 border-top: 2px solid $keycolor;
2211 box-shadow: 0 0 5px #cfcfcf;
2212 -webkit-box-shadow: 0 0 5px #cfcfcf;
2213}
2214
2215/* Stack
2216-------------------------------------------*/
2217
2218li.stack-post {
2219 background: #fff;
2220 position: relative;
2221 margin-bottom: 20px;
2222 padding-right: 10px;
2223 box-shadow: 0 0 5px #CBCBCB;
2224 -webkit-box-shadow: 0 0 5px #CBCBCB;
2225}
2226
2227li.stack-post:last-child {
2228 margin-bottom: 0;
2229}
2230
2231.stack-post-image {
2232 display: block;
2233 width: 48%;
2234 padding: 16%;
2235 float: left;
2236 position: relative;
2237 margin-right: 10px;
2238 z-index: 3;
2239}
2240
2241.stack-post-title {
2242 font-size: 1rem;
2243 padding-top: 10px;
2244 margin-bottom: 14px;
2245 line-height: 1.4;
2246}
2247
2248.stack-post-summary {
2249 font-size: .875rem;
2250 line-height: 1.7;
2251 color: #494949;
2252}
2253
2254.stack-post .post-share-wrapper {
2255 position: absolute;
2256 top: 10px;
2257 left: 10px;
2258 z-index: 5;
2259}
2260
2261.share-icon {
2262 display: none;
2263}
2264
2265.stack-post .post-share {
2266 width: 78px;
2267}
2268
2269.index .post-share_link {
2270 display: inline-block;
2271 width: 24px;
2272 height: 24px;
2273 text-align: center;
2274 line-height: 24px;
2275 color: #fff !important;
2276 font-size: .75rem;
2277 margin-right: 3px;
2278}
2279
2280.index .post-share_link:last-child {
2281 margin-right: 0;
2282}
2283
2284.index .post-share_link:hover {
2285 background: #333 !important;
2286}
2287
2288.index .post-share_link.facebook {
2289 background: #3F5B9B;
2290}
2291
2292.stack-post .post-share_link.pinterest {
2293 display: none;
2294}
2295
2296.index .post-share_link.pinterest {
2297 background: #E22020;
2298}
2299
2300.index .post-share_link.twitter {
2301 background: #1C97DE;
2302}
2303
2304.index .post-share_link.googleplus {
2305 background: #E82C2C;
2306}
2307
2308/* btop
2309-------------------------------------------*/
2310
2311.btop .big-post {
2312 position: relative;
2313 padding: 15px;
2314 padding-bottom: 0;
2315 background: #FFFFFF;
2316 box-shadow: 0 0 3px #aaa;
2317 -webkit-box-shadow: 0 0 3px #aaa;
2318 margin-bottom: 20px;
2319 text-align: center;
2320}
2321
2322.btop-timestamp {
2323 position: absolute;
2324 left: 25px;
2325 top: 25px;
2326 font-size: .75rem;
2327 font-weight: 400;
2328 background: $keycolor;
2329 padding: 8px;
2330 padding-top: 4px;
2331 color: #fff;
2332 z-index: 3;
2333}
2334
2335.btop .day {
2336 display: block;
2337 font-size: 1.3rem;
2338 font-weight: 700;
2339 margin-bottom: -20px;
2340}
2341
2342.btop .big-post-image-wrapper {
2343 position: relative;
2344}
2345
2346.btop .big-post-image {
2347 display: block;
2348 width: 100%;
2349 padding: 28% 0;
2350}
2351
2352.btop .post-share-wrapper {
2353 position: absolute;
2354 top: 50%;
2355 margin-top: -15px;
2356 left: 50%;
2357 margin-left: -65px;
2358 -webkit-transform: scale(0);
2359 -ms-transform: scale(0);
2360 transform: scale(0);
2361}
2362
2363.btop .post-share_link {
2364 width: 30px;
2365 height: 30px;
2366 font-size: .875rem;
2367 line-height: 30px;
2368}
2369
2370.btop .big-post-image-wrapper:hover .post-share-wrapper {
2371 -webkit-transform: scale(1);
2372 -ms-transform: scale(1);
2373 transform: scale(1);
2374}
2375
2376.btop-info-wrapper {
2377 bottom: 0;
2378 left: 0;
2379 right: 0;
2380 color: #000;
2381 padding: 15px;
2382}
2383
2384.btop .big-post-title {
2385 padding: 0 10px;
2386 font-size: 1.15rem;
2387 text-align: center;
2388 margin-bottom: 12px;
2389 border-bottom: 1px solid #ccc;
2390 padding-bottom: 11px;
2391}
2392
2393.btop-post-summary {
2394 font-size: .875rem;
2395 line-height: 1.7;
2396}
2397
2398.btop .btop-post {
2399 float: left;
2400 width: 49%;
2401 margin-right: 2%;
2402 line-height: 1.6;
2403 padding: 6px !important;
2404 background: #FFFFFF;
2405 box-shadow: 0 0 3px #aaa;
2406 -webkit-box-shadow: 0 0 3px #aaa;
2407}
2408
2409.btop .btop-post:first-child {
2410 margin-bottom: 10px;
2411}
2412
2413.btop .btop-post:nth-child(even) {
2414 margin-right: 0;
2415}
2416
2417.btop-post-image {
2418 position: relative;
2419 display: block;
2420 float: left;
2421 padding: 13%;
2422 margin-right: 10px;
2423 z-index: 3;
2424}
2425
2426.btop-post-title {
2427 font-size: .875rem;
2428}
2429
2430/* grids
2431-------------------------------------------*/
2432
2433.grids-post {
2434 background: #fff;
2435 position: relative;
2436 box-shadow: 0 0 5px #CBCBCB;
2437 -webkit-box-shadow: 0 0 5px #CBCBCB;
2438 float: left;
2439 width: 48.5%;
2440 margin-right: 3% !important;
2441}
2442
2443.grids-post:first-child {
2444 margin-bottom: 15px;
2445}
2446
2447.grids-post:nth-child(even) {
2448 margin-right: 0 !important;
2449}
2450
2451.grids-post-image {
2452 display: block;
2453 padding: 31% 0;
2454}
2455
2456.grids-post-title {
2457 font-size: 1rem;
2458 padding: 10px;
2459 line-height: 1.4;
2460}
2461
2462.grids-post:hover .grids-post-title {
2463 color: $keycolor;
2464}
2465
2466/* grids
2467-------------------------------------------*/
2468
2469.blog-posts-wrapper .slideshow .title-summary-wrapper {
2470 padding: 15px;
2471 background: rgba(0, 0, 0, 0.69);
2472 position: absolute;
2473 bottom: 0;
2474 left: 0;
2475 right: 0;
2476}
2477
2478.blog-posts-wrapper .slideshow .arrow {
2479 top: 50%;
2480 margin-top: -15px;
2481}
2482
2483/* Related posts
2484-------------------------------------------*/
2485
2486#related-posts {
2487 background: #fff;
2488 border: 1px solid #ccc;
2489 border-right: 0;
2490 padding: 15px;
2491 max-width: 400px;
2492 position: fixed;
2493 bottom: 80px;
2494 right: 0;
2495 z-index: 99999;
2496 -webkit-transform: translateX(100%);
2497 -ms-transform: translateX(100%);
2498 transform: translateX(100%);
2499}
2500
2501#related-posts.slide-left {
2502 -webkit-transform: translateX(0);
2503 -ms-transform: translateX(0);
2504 transform: translateX(0);
2505}
2506
2507span#close-btn {
2508 float: left;
2509 font-weight: 700;
2510 width: 20px;
2511 height: 20px;
2512 cursor: pointer;
2513 text-align: center;
2514 line-height: 20px;
2515}
2516
2517#related-posts p {
2518 font-size: .875rem;
2519 font-weight: 700;
2520 text-transform: uppercase;
2521 text-align: center;
2522 padding-bottom: 5px;
2523 border-bottom: 1px solid #ccc;
2524}
2525
2526.related-posts-container {
2527 margin: 0 !important;
2528 padding: 0 !important;
2529 margin-top: 15px !important;
2530 list-style: none !important;
2531}
2532
2533.related-post-item {
2534 margin-bottom: 16px !important;
2535}
2536
2537.related-post-item:last-child {
2538 margin-bottom: 0 !important;
2539}
2540
2541.related-thumb {
2542 float: left;
2543 margin-right: 10px;
2544 position: relative;
2545 z-index: 5;
2546 border-radius: 4px;
2547 overflow: hidden;
2548}
2549
2550.related-post-img {
2551 display: block;
2552 width: 80px;
2553 height: 70px;
2554}
2555
2556.related-post-title {
2557 font-size: .875rem;
2558 line-height: 1.7;
2559 font-family: 'Roboto Slab', serif;
2560}
2561
2562.related-post-title a {
2563 display: block;
2564}
2565
2566/* Comments
2567----------------------------------------------*/
2568
2569#comments {
2570 margin-top: 35px;
2571}
2572
2573#comments > h4 {
2574 font-weight: 500;
2575 font-size: 1.2rem;
2576 text-transform: uppercase;
2577 border-bottom: 2px solid #000;
2578}
2579
2580#comments .comment {
2581 border-bottom: 1px solid #ccc;
2582}
2583
2584.comments .comments-content .datetime {
2585 margin-left: 0;
2586 display: block;
2587 font-size: .75rem;
2588 font-style: italic;
2589}
2590
2591.comments .comments-content .comment-content {
2592 text-align: left;
2593 margin-bottom: 20px;
2594}
2595
2596#comments .comment-header {
2597 margin-bottom: 20px;
2598}
2599
2600#comments .comment-actions > a {
2601 font-size: .75rem;
2602 background: $keycolor;
2603 display: inline-block;
2604 padding: 3px 8px;
2605 color: #fff;
2606 border-radius: 5px;
2607}
2608
2609
2610/*========================================
2611+/+ Footer
2612========================================*/
2613
2614#footer-wrapper {
2615 background: $footer_bg;
2616 color: #A1A1A1;
2617 padding: 30px 0;
2618 border-top: 3px solid $keycolor;
2619 padding-bottom: 0;
2620}
2621
2622#footer-wrapper .container > .section {
2623 float: left;
2624 width: 30%;
2625 margin-right: 5%;
2626}
2627
2628#footer-right {
2629 margin-right: 0 !important;
2630}
2631
2632#footer-wrapper .recentposts .post-image,
2633#footer-wrapper .random_post-image {
2634 border: 2px solid #595959;
2635}
2636
2637#footer-wrapper .recent-post-item,
2638#footer-wrapper .random-posts .post-wrapper {
2639 display: block;
2640 border-bottom: 1px solid #4D4D4D;
2641}
2642
2643#footer-wrapper .widget > h2 {
2644 margin-bottom: 15px;
2645 text-transform: uppercase;
2646 color: #FFFFFF;
2647 font-size: 1rem;
2648 position: relative;
2649 text-align: center;
2650 font-weight: 500;
2651 padding: 8px 0;
2652 border: 3px solid #2d2d2d;
2653 background: #3E3E3E;
2654}
2655
2656#footer-wrapper > .container .widget {
2657 margin-bottom: 30px;
2658}
2659
2660#footer-wrapper .PopularPosts .widget-content li {
2661 border-bottom: 1px solid #464646;
2662}
2663
2664#footer-wrapper .PopularPosts .item-thumbnail img {
2665 border: 2px solid #545454;
2666}
2667
2668#footer-wrapper .label-size {
2669 background: #262626;
2670 margin-right: 3px;
2671 margin-bottom: 3px;
2672}
2673
2674#footer-wrapper .label-size a:only-child {
2675 box-shadow: none;
2676 -webkit-box-shadow: none;
2677}
2678
2679#footer-wrapper .BlogArchive select {
2680 width: 100%;
2681 height: 40px;
2682 border: 0;
2683}
2684
2685#footer-wrapper .FollowByEmail .subhead {
2686 color: #BABABA;
2687}
2688
2689#footer-wrapper .FollowByEmail .follow-by-email-inner .follow-by-email-address {
2690 background: #fff;
2691}
2692
2693.copyright {
2694 display: block;
2695 background: rgba(0,0,0,0.2);
2696 padding: 15px 0;
2697 text-align: center;
2698 margin: 0;
2699}
2700
2701
2702/*================================================
2703+/+ Media Queries
2704================================================*/
2705
2706@media only screen and (max-width: 1220px) {
2707
2708.top-nav-wrapper {
2709 padding: 0 11px;
2710}
2711
2712.logo-and-ad-container {
2713 padding-left: 11px;
2714 padding-right: 11px;
2715}
2716
2717.main-content {
2718 padding-left: 11px;
2719 padding-right: 11px;
2720}
2721
2722#footer-wrapper {
2723 padding-right: 11px;
2724 padding-left: 11px;
2725}
2726
2727} /* 1220px media query */
2728
2729@media only screen and (max-width: 980px) {
2730
2731#logo-and-ad-container .widget {
2732 display: block;
2733 width: 100%;
2734 margin-bottom: 25px;
2735}
2736
2737#header-inner {
2738 display: inline-block;
2739}
2740
2741#logo-and-ad-container .Header {
2742 margin-top: 30px;
2743}
2744
2745#main-nav {
2746 position: relative;
2747 z-index: 50;
2748}
2749
2750#main-nav .widget {
2751 width: 100%;
2752}
2753
2754#main-nav-wrapper .widget-content {
2755 display: block;
2756}
2757
2758div#main-nav ul {
2759 width: 100%;
2760 background: $keycolor;
2761 height: 50px;
2762 overflow: hidden;
2763}
2764
2765#main-nav .widget-content > ul:before {
2766 content: 'Main Menu \25be';
2767 display: block;
2768 color: #fff;
2769 font-weight: 700;
2770 line-height: 50px;
2771 cursor: pointer;
2772}
2773
2774#main-nav .widget-content > ul > li > a:before {
2775 display: none;
2776}
2777
2778#main-nav .widget-content > ul > li:hover a {
2779 background: #444;
2780}
2781
2782div#main-nav li {
2783 float: none !important;
2784}
2785
2786#main-nav .widget-content > ul > li > a {
2787 border-bottom: 1px solid rgba(0,0,0,.1);
2788 border-top: 1px solid rgba(255,255,255,.1);
2789}
2790#main-nav .widget-content > ul > li > a {
2791 text-align: left;
2792}
2793.mega-menu-wrapper {
2794 display: none !important;
2795}
2796
2797.mega-icon:after {
2798 content: '';
2799}
2800#main-nav .widget-content ul > li > ul, #main-nav .widget-content ul > li > ul > li > ul {
2801position: relative;
2802opacity: 1;
2803visibility: visible;
2804width: 100%;
2805clear: both;
2806display: block;
2807float: none;
2808left: auto;
2809top: 0;
2810}
2811#main-nav .widget-content ul > li > ul > li > ul > li > a {
2812padding-left: 40px;
2813box-sizing: border-box;
2814}
2815#main-nav .widget-content ul > li > ul > li > a {
2816padding-left: 25px;
2817box-sizing: border-box;
2818}
2819.slider-item {
2820 float: left;
2821 width: 50%;
2822}
2823
2824.index .blog-posts-wrapper {
2825 float: left;
2826 width: 66.5%;
2827 margin-right: 3.5%;
2828}
2829
2830
2831.item .blog-posts-wrapper {
2832 float: none;
2833 width: 100%;
2834 margin-right: 0;
2835}
2836
2837.sidebar-wrapper1 {
2838 width: 30%;
2839 margin-right: 0;
2840 float: right;
2841}
2842
2843.sidebar-wrapper2 {
2844 float: none;
2845 clear: both;
2846 position: relative;
2847 top: 30px;
2848 width: 100%;
2849 margin-bottom: 60px;
2850}
2851
2852.sidebar.sidebar-wrapper2:after {
2853 content: '';
2854 display: table;
2855 clear: both;
2856}
2857
2858.sidebar-wrapper2 .widget {
2859 float: left;
2860 width: 100%;
2861 margin-right: 0;
2862}
2863
2864.sidebar-wrapper2 .widget:nth-child(even) {
2865 margin-right: 0;
2866}
2867
2868.sidebartabs-wrapper {
2869 float: left;
2870 width: 100%;
2871}
2872
2873.sidebartabs-wrapper .widget {
2874 width: 100%;
2875 float: none;
2876}
2877
2878#footer-wrapper .container > .section {
2879 float: left;
2880 width: 100%;
2881 margin-right: 0;
2882}
2883
2884#footer-center {
2885 margin-right: 0 !important;
2886}
2887
2888#footer-right {
2889 margin-right: 0 !important;
2890 float: none !important;
2891 clear: both;
2892 width: 100% !important;
2893}
2894
2895} /* 960px media query */
2896
2897@media only screen and (max-width: 880px) {
2898
2899.top-nav-wrapper .widget:first-child ul {
2900 position: absolute;
2901 display: none;
2902 background-color: #555;
2903 z-index: 999;
2904}
2905
2906.top-nav-icon {
2907 display: block;
2908 cursor: pointer;
2909}
2910
2911.top-nav-wrapper .widget:first-child li {
2912 float: none !important;
2913 white-space: nowrap !important;
2914 line-height: normal !important;
2915 margin-right: 0 !important;
2916}
2917
2918.top-nav-wrapper .widget:first-child a {
2919 display: block;
2920 padding: 15px;
2921 color: #fff !important;
2922}
2923
2924.top-nav-wrapper .widget:first-child a:hover {
2925 background: $keycolor;
2926 color: #fff;
2927}
2928
2929} /* 880px media query */
2930
2931@media only screen and (max-width: 800px) {
2932
2933#related-posts {
2934 border: 0;
2935 padding: 0;
2936 max-width: 100%;
2937 position: static;
2938 margin-top: 25px;
2939 margin-bottom: 25px;
2940 -webkit-transform: translateX(0);
2941 -ms-transform: translateX(0);
2942 transform: translateX(0);
2943}
2944
2945span#close-btn {
2946 display: none;
2947}
2948
2949#related-posts ul {
2950 margin: 0 !important;
2951 padding: 0 !important;
2952}
2953
2954.related-post-item {
2955 float: left;
2956 width: 31.666666666%;
2957 background: #eee;
2958 margin-right: 2.5% !important;
2959}
2960
2961.related-post-item:last-child {
2962 margin-right: 0 !important;
2963}
2964
2965.related-post-item:hover {
2966 background: #444;
2967}
2968
2969.related-post-item:hover .related-post-title a {
2970 color: #fff;
2971}
2972
2973#related-posts p {
2974 margin-bottom: 10px;
2975}
2976
2977.related-thumb {
2978 float: none;
2979 margin-right: 0;
2980 border-radius: 0;
2981}
2982
2983.related-post-img {
2984 display: block;
2985 width: 100%;
2986 padding: 34% 0;
2987}
2988
2989.related-post-title {
2990 font-family: 'Roboto Slab', sans-serif;
2991 font-size: 0.875rem;
2992 font-weight: 700;
2993 text-transform: capitalize;
2994 line-height: 1.7;
2995}
2996
2997.related-post-title a {
2998 display: block;
2999 padding: 10px;
3000}
3001
3002} /* 800px media query */
3003
3004@media only screen and (max-width: 755px) {
3005
3006#logo-and-ad-container {
3007 height: auto;
3008}
3009
3010.logo-and-ad-container {
3011 padding-bottom: 0;
3012}
3013
3014.main-content {
3015 padding-left: 1%;
3016 padding-right: 1%;
3017}
3018
3019.container {
3020 max-width: 98%;
3021}
3022
3023#logo-and-ad-container {
3024 display: block;
3025}
3026
3027#logo-and-ad-container .HTML .widget-content {
3028 width: 100%;
3029 height: auto;
3030 max-height: 90px;
3031}
3032
3033.index .blog-posts-wrapper {
3034 float: none;
3035 width: 100%;
3036 margin-bottom: 35px;
3037 margin-right: 0;
3038}
3039
3040.sidebar-wrapper1 {
3041 display: none;
3042}
3043
3044#to-top {
3045 display: none;
3046}
3047
3048#footer-wrapper {
3049 padding-right: 1%;
3050 padding-left: 1%;
3051}
3052
3053} /* 755px media query */
3054
3055@media only screen and (max-width: 650px) {
3056
3057.related-post-item {
3058 float: left;
3059 width: 48%;
3060 margin-right: 4%;
3061 margin-bottom: 15px !important;
3062}
3063
3064.related-post-item:nth-child(2) {
3065 margin-right: 0 !important;
3066}
3067
3068.item .post-body img {
3069 width: 100%;
3070 height: auto;
3071}
3072
3073} /* 650px media query */
3074
3075@media only screen and (max-width: 625px) {
3076
3077.sidebartabs-wrapper {
3078 float: none;
3079 width: 100%;
3080}
3081
3082.sidebar-wrapper2 .widget {
3083 float: none;
3084 width: 100%;
3085 margin-right: 0;
3086}
3087
3088.randomposts2 .post-wrapper,
3089.recentposts2 .post-wrapper {
3090 float: left;
3091 width: 49%;
3092 margin-right: 2%;
3093}
3094
3095.randomposts2 .post-wrapper:nth-child(even),
3096.recentposts2 .post-wrapper:nth-child(even) {
3097 margin-right: 0;
3098}
3099
3100#footer-wrapper .container > .section {
3101 float: none;
3102 width: 100%;
3103 margin-right: 0;
3104}
3105
3106} /* 625px media query */
3107
3108@media only screen and (max-width: 575px) {
3109
3110.item .author-avatar {
3111 float: none;
3112 display: block;
3113 margin-left: auto;
3114 margin-right: auto;
3115}
3116
3117.item .author-name {
3118 margin: 10px 0;
3119 text-align: center;
3120}
3121
3122.item .author-bio {
3123 margin-left: 0;
3124}
3125
3126.item .author-footer {
3127 text-align: center;
3128 line-height: 0.9;
3129}
3130
3131.item .author-profiles {
3132 float: none;
3133 display: inline-block;
3134}
3135
3136} /* 575px media query */
3137
3138@media only screen and (max-width: 505px) {
3139
3140#logo-and-ad-container .HTML .widget-content {
3141 width: 100%;
3142}
3143
3144} /* 505px media query */
3145
3146@media only screen and (max-width: 480px) {
3147
3148.post-share-header {
3149 display: none;
3150}
3151
3152#LinkList2 li a {
3153 width: 25px;
3154}
3155
3156.item .entry-title {
3157 font-size: 1.1rem;
3158}
3159
3160#slider {
3161 display: none;
3162}
3163
3164.main-content {
3165 padding-left: 1%;
3166 padding-right: 1%;
3167}
3168
3169.index .post-title.heading {
3170 margin-bottom: 17px;
3171}
3172
3173.post-outer .post-label {
3174 display: none;
3175}
3176
3177ul.post-meta.clearfix {
3178 display: none;
3179}
3180
3181li.stack-post {
3182 padding-right: 0;
3183}
3184
3185.stack-post-image {
3186 width: 100%;
3187 padding: 26%;
3188 float: none;
3189}
3190
3191.stack-post-title {
3192 padding: 10px;
3193 margin-bottom: 2px;
3194}
3195
3196.stack-post-summary {
3197 padding: 10px;
3198 padding-top: 0;
3199}
3200
3201.grids-post {
3202 float: none;
3203 width: 100%;
3204}
3205
3206li.grids-post {
3207 margin-bottom: 15px !important;
3208}
3209
3210.btop .btop-post {
3211 float: none;
3212 width: 100%;
3213 margin-right: 0;
3214}
3215
3216.btop-post:after {
3217 content: '';
3218 display: table;
3219 clear: both;
3220}
3221
3222.btop-info-wrapper {
3223 padding: 10px 0;
3224}
3225
3226.btop-post-title {
3227 font-size: 1rem;
3228}
3229
3230.randomposts2 .post-wrapper,
3231.recentposts2 .post-wrapper {
3232 float: none;
3233 width: 100%;
3234 margin-right: 0;
3235}
3236
3237.related-post-item {
3238 float: none;
3239 width: 100%;
3240 margin-right: 0 !important;
3241}
3242
3243} /* 480px media query */
3244
3245@media only screen and (max-width: 430px) {
3246
3247.sidebar-wrapper1 {
3248 width: 100%;
3249}
3250
3251.post-outer .summary {
3252 display: none;
3253}
3254
3255a.read-more {
3256 display: none;
3257}
3258
3259.index span.post-comment-link {
3260 display: none;
3261}
3262
3263} /* 430px media query */
3264
3265@media only screen and (max-width: 360px) {
3266
3267.btop .big-post-title {
3268 font-size: 1rem;
3269}
3270
3271.btop-post-title {
3272 font-size: .875rem;
3273}
3274
3275.blog-posts-wrapper .slideshow .post-summary {
3276 display: none;
3277}
3278
3279.blog-posts-wrapper .slideshow .post-title {
3280 margin-bottom: 0;
3281}
3282
3283} /* 360px media query */
3284
3285@media only screen and (max-width: 300px) {
3286
3287#header-inner {
3288 max-width: 100%;
3289}
3290
3291#LinkList2, .sidebar-wrapper2 {
3292 display: none;
3293}
3294
3295} /* 240px media query */
3296
3297]]></b:skin>
3298<style>
3299/*-------Typography and ShortCodes-------*/
3300.firstcharacter{float:left;color:#27ae60;font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px}.item .post-body h1,.item .post-body h2,.item .post-body h3,.item .post-body h4,.item .post-body h5,.item .post-body h6{margin-bottom:15px;color:#2c3e50}blockquote{font-style:italic;color:#888;border-left:5px solid #27ae60;margin-left:0;padding:10px 15px}blockquote:before{content:'\f10d';display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;color:#888}blockquote:after{content:'\f10e';display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;color:#888}.button{background-color:#2c3e50;float:left;padding:5px 12px;margin:5px;color:#fff;text-align:center;border:0;cursor:pointer;border-radius:3px;display:block;text-decoration:none;font-weight:400;transition:all .3s ease-out !important;-webkit-transition:all .3s ease-out !important}a.button{color:#fff}.button:hover{background-color:#27ae60;color:#fff}.button.small{font-size:12px;padding:5px 12px}.button.medium{font-size:16px;padding:6px 15px}.button.large{font-size:18px;padding:8px 18px}.small-button{width:100%;overflow:hidden;clear:both}.medium-button{width:100%;overflow:hidden;clear:both}.large-button{width:100%;overflow:hidden;clear:both}.demo:before{content:"\f06e";margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.download:before{content:"\f019";margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.buy:before{content:"\f09d";margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.visit:before{content:"\f14c";margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400}.widget .post-body li{margin:5px 0;padding:0;line-height:1.5}.post-body ul li:before{content:"\f105";margin-right:5px;font-family:fontawesome}pre{font-family:Monaco, "Andale Mono", "Courier New", Courier, monospace;background-color:#2c3e50;background-image:-webkit-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:-moz-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:-ms-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:-o-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);-webkit-background-size:100% 50px;-moz-background-size:100% 50px;background-size:100% 50px;line-height:25px;color:#f1f1f1;position:relative;padding:0 7px;margin:15px 0 10px;overflow:hidden;word-wrap:normal;white-space:pre;position:relative}pre:before{content:'Code';display:block;background:#F7F7F7;margin-left:-7px;margin-right:-7px;color:#2c3e50;padding-left:7px;font-weight:400;font-size:14px}pre code,pre .line-number{display:block}pre .line-number a{color:#27ae60;opacity:0.6}pre .line-number span{display:block;float:left;clear:both;width:20px;text-align:center;margin-left:-7px;margin-right:7px}pre .line-number span:nth-child(odd){background-color:rgba(0, 0, 0, 0.11)}pre .line-number span:nth-child(even){background-color:rgba(255, 255, 255, 0.05)}pre .cl{display:block;clear:both}#contact{background-color:#fff;margin:30px 0 !important}#contact .contact-form-widget{max-width:100% !important}#contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-email-message{background-color:#FFF;border:1px solid #eee;border-radius:3px;padding:10px;margin-bottom:10px !important;max-width:100% !important}#contact .contact-form-name{width:47.7%;height:50px}#contact .contact-form-email{width:49.7%;height:50px}#contact .contact-form-email-message{height:150px}#contact .contact-form-button-submit{max-width:100%;width:100%;z-index:0;margin:4px 0 0;padding:10px !important;text-align:center;cursor:pointer;background:#27ae60;border:0;height:auto;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;text-transform:uppercase;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;transition:all .2s ease-out;color:#FFF}#contact .contact-form-button-submit:hover{background:#2c3e50}#contact .contact-form-email:focus,#contact .contact-form-name:focus,#contact .contact-form-email-message:focus{box-shadow:none !important}.alert-message{position:relative;display:block;background-color:#FAFAFA;padding:20px;margin:20px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#2f3239;border:1px solid}.alert-message p{margin:0 !important;padding:0;line-height:22px;font-size:13px;color:#2f3239}.alert-message span{font-size:14px !important}.alert-message i{font-size:16px;line-height:20px}.alert-message.success{background-color:#f1f9f7;border-color:#e0f1e9;color:#1d9d74}.alert-message.success a,.alert-message.success span{color:#1d9d74}.alert-message.alert{background-color:#DAEFFF;border-color:#8ED2FF;color:#378FFF}.alert-message.alert a,.alert-message.alert span{color:#378FFF}.alert-message.warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-message.warning a,.alert-message.warning span{color:#8a6d3b}.alert-message.error{background-color:#FFD7D2;border-color:#FF9494;color:#F55D5D}.alert-message.error a,.alert-message.error span{color:#F55D5D}.fa-check-circle:before{content:"\f058"}.fa-info-circle:before{content:"\f05a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-exclamation-circle:before{content:"\f06a"}.post-table table{border-collapse:collapse;width:100%}.post-table th{background-color:#eee;font-weight:bold}.post-table th,.post-table td{border:0.125em solid #333;line-height:1.5;padding:0.75em;text-align:left}@media (max-width: 30em){.post-table thead tr{position:absolute;top:-9999em;left:-9999em}.post-table tr{border:0.125em solid #333;border-bottom:0}.post-table tr + tr{margin-top:1.5em}.post-table tr,.post-table td{display:block}.post-table td{border:none;border-bottom:0.125em solid #333;padding-left:50%}.post-table td:before{content:attr(data-label);display:inline-block;font-weight:bold;line-height:1.5;margin-left:-100%;width:100%}}@media (max-width: 20em){.post-table td{padding-left:0.75em}.post-table td:before{display:block;margin-bottom:0.75em;margin-left:0}}
3301.FollowByEmail {
3302 clear: both;
3303}
3304.widget .post-body ol {
3305 padding: 0 0 0 15px;
3306}
3307.post-body ul li {
3308 list-style: none;
3309}
3310</style>
3311 <b:template-skin>
3312 <![CDATA[
3313
3314body#layout {
3315 text-transform: capitalize;
3316width:800px;
3317}
3318
3319body#layout div.section {
3320 margin: 0 0 10px 0;
3321}
3322
3323#layout #header {
3324 background-color: #22da9e !important;
3325 padding: 6px;
3326 margin-bottom: 15px;
3327 padding-bottom: 0px;
3328 padding-top: 7px;
3329 color: #fff;
3330}
3331body#layout #main-nav .widget {
3332 display: block;
3333}
3334#layout #header .section {
3335 background-color: #1FC38E !important;
3336 border-color: #1FB987 !important;
3337}
3338
3339#layout #header .widget-content {
3340 border: 0 !important;
3341}
3342
3343#layout #header .widget-wrap2 {
3344 background-color: #4a4a4a !important;
3345}
3346
3347#layout #LinkList1 {
3348 margin-right: 15px;
3349}
3350
3351#layout #main-nav-wrapper {
3352 height: 170px;
3353}
3354
3355#layout .top-nav-wrapper {
3356 height: 162px;
3357}
3358
3359#layout #top-nav {
3360 overflow: hidden !important;
3361}
3362
3363#layout .top-nav-wrapper .widget {
3364 width: 48.9% !important;
3365}
3366
3367#layout .top-nav-wrapper .LinkList {
3368 float: left !important;
3369}
3370
3371#layout #logo-and-ad-container {
3372 overflow: hidden !important;
3373}
3374
3375#layout #Header1 {
3376 float: left !important;
3377 width: 30% !important;
3378 display: block;
3379}
3380
3381#layout .top-nav-wrapper {
3382 height: auto;
3383}
3384
3385#layout #logo-and-ad-container {
3386 display: block;
3387 height: auto;
3388}
3389
3390#layout .logo-and-ad-container {
3391 margin-top: 0;
3392}
3393
3394#layout .logo-and-ad-container .HTML {
3395 float: right !important;
3396 display: block;
3397 width: 67% !important;
3398}
3399
3400#layout .logo-and-ad-container .HTML .widget-content {
3401 width: 100%;
3402 padding-right: 0;
3403 height: 73px;
3404}
3405
3406#layout #main-nav {
3407 float: none;
3408}
3409
3410#layout #main-nav-wrapper .widget-content {
3411 display: block;
3412}
3413
3414#layout #search-box,
3415#layout #search-input {
3416 display: none;
3417}
3418
3419#layout #slider {
3420 height: 118px;
3421 background-color: #EA6969 !important;
3422 color: #fff;
3423 text-transform: capitalize;
3424 border: 0 !important;
3425}
3426
3427#layout #slider .widget {
3428 min-height: 0;
3429}
3430
3431#layout .widget-wrap2 {
3432 background-color: #4a4a4a !important;
3433}
3434
3435#layout .widget-content {
3436 border: 0 !important;
3437}
3438
3439body#layout .main-content div.section {
3440 padding: 7px;
3441}
3442
3443#layout .main-content {
3444 margin-bottom: 10px;
3445}
3446
3447#layout .blog-posts-wrapper {
3448 float: left;
3449 width: 45%;
3450 text-transform: capitalize;
3451 margin-right: 10px;
3452}
3453
3454#layout .blog-posts-wrapper .section {
3455 background-color: #4ECEFF !important;
3456 color: #fff;
3457 border: 0 !important;
3458}
3459
3460#layout .sidebar-wrapper1 {
3461 width: 24.8%;
3462 margin-right: 10px;
3463 padding: 0;
3464}
3465
3466#layout div#sidebar1 {
3467 background: #CE37FF !important;
3468 color: #fff;
3469}
3470
3471#layout div#sidebar2,
3472#layout div#sidebar3,
3473#layout #sidebar-tabs {
3474 background: #FABE14 !important;
3475 color: #fff;
3476}
3477
3478#layout .sidebartabs {
3479 display: none;
3480}
3481
3482#layout .sidebartabs-wrapper {
3483 margin-bottom: 0;
3484}
3485
3486#layout #footer-wrapper {
3487 padding: 10px;
3488 background-color: #858585;
3489}
3490
3491#layout #footer-wrapper .container > .section {
3492 margin-right: 15px;
3493 width: 27.8% !important;
3494 background-color: #e2e2e2 !important;
3495 border: 0;
3496 float: left;
3497}
3498
3499#layout #footer-wrapper .container > .section:last-child {
3500 margin-right: 0;
3501}
3502
3503 ]]>
3504 </b:template-skin>
3505 <b:include data='blog' name='google-analytics'/>
3506 <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/>
3507 </head>
3508
3509 <body expr:class='data:blog.pageType' expr:data-main='data:blog.url == data:blog.homepageUrl'>
3510
3511 <!-- //START// Template Settings -->
3512 <script>
3513 //<![CDATA[
3514
3515 // Box or Full-width style?
3516 boxStyle = true;
3517
3518 // Do you want to show the pagination?
3519 showPagination = true;
3520
3521 // Number of posts to show for the Homepage widgets
3522 slideshowPostsNum = 5; /* the slideshow box style */
3523 stackPostsNum = 4; /* the stack box style */
3524 gridsPostsNum = 4; /* the grids box style */
3525 btopPostsNum = 5; /* the btop box style */
3526
3527 // Recent & Random Posts & Vertical Posts Number
3528 sidebarRecentPostsNum = 5;
3529 sidebarRandomPostsNum = 5;
3530 footerRecentPostsNum = 4;
3531 footerRandomPostsNum = 5;
3532 verticalPostsNum = 5;
3533
3534 // The number of comments to be shown by the recent comments widget
3535 sidebarRecentCommentsNum = 5;
3536
3537 // The message that appears in the "follow by email" widget
3538 var followByEmailMessage = "Subscribe to our newsletter to get the latest blog news directly into your inbox.";
3539
3540 //]]>
3541 </script>
3542 <!-- //END// Template Settings -->
3543
3544 <script>
3545 //<![CDATA[
3546
3547 if(!boxStyle) {
3548 $("body").css("max-width", "100%");
3549 }
3550
3551 //]]>
3552 </script> <!-- Box or full width -->
3553
3554 <a href='#' id='to-top'><i class='fa fa-chevron-up'/></a>
3555
3556 <header id='header'>
3557 <div class='search'>
3558 <form action='/search' id='search-form' method='get'>
3559 <input id='search-input' name='q' placeholder='search here' type='text'/>
3560 </form>
3561 </div>
3562
3563 <div class='top-nav-wrapper'>
3564 <b:section class='container clearfix' id='top-nav' maxwidgets='2' showaddelement='no'>
3565 <b:widget id='LinkList1' locked='true' title='Top Menu' type='LinkList'>
3566 <b:widget-settings>
3567 <b:widget-setting name='sorting'>NONE</b:widget-setting>
3568 <b:widget-setting name='text-1'>About Us</b:widget-setting>
3569 <b:widget-setting name='link-1'>https://jupiter-soratemplates.blogspot.com/p/about_9.html</b:widget-setting>
3570 <b:widget-setting name='text-0'>Home</b:widget-setting>
3571 <b:widget-setting name='link-2'>https://jupiter-soratemplates.blogspot.com/p/contact-us.html</b:widget-setting>
3572 <b:widget-setting name='link-0'>/</b:widget-setting>
3573 <b:widget-setting name='text-2'>Contact Us</b:widget-setting>
3574 </b:widget-settings>
3575 <b:includable id='main'>
3576 <i class='fa fa-bars top-nav-icon'/>
3577 <div class='widget-content'>
3578 <ul>
3579 <b:loop values='data:links' var='link'>
3580 <li><a expr:href='data:link.target'><data:link.name/></a></li>
3581 </b:loop>
3582 </ul>
3583 <b:include name='quickedit'/>
3584 </div>
3585 </b:includable>
3586 </b:widget>
3587 <b:widget id='LinkList2' locked='true' title='Social Profiles' type='LinkList'>
3588 <b:widget-settings>
3589 <b:widget-setting name='link-5'>#</b:widget-setting>
3590 <b:widget-setting name='link-6'>#</b:widget-setting>
3591 <b:widget-setting name='link-3'>#</b:widget-setting>
3592 <b:widget-setting name='link-4'>#</b:widget-setting>
3593 <b:widget-setting name='text-1'><![CDATA[<i class="fa fa-twitter"></i>]]></b:widget-setting>
3594 <b:widget-setting name='text-0'><![CDATA[<i class="fa fa-facebook"></i>]]></b:widget-setting>
3595 <b:widget-setting name='text-3'><![CDATA[<i class="fa fa-instagram"></i>]]></b:widget-setting>
3596 <b:widget-setting name='text-2'><![CDATA[<i class="fa fa-youtube"></i>]]></b:widget-setting>
3597 <b:widget-setting name='text-5'><![CDATA[<i class="fa fa-linkedin"></i>]]></b:widget-setting>
3598 <b:widget-setting name='text-4'><![CDATA[<i class="fa fa-rss"></i>]]></b:widget-setting>
3599 <b:widget-setting name='text-6'><![CDATA[<i class="fa fa-dribbble"></i>]]></b:widget-setting>
3600 <b:widget-setting name='sorting'>NONE</b:widget-setting>
3601 <b:widget-setting name='link-1'>#</b:widget-setting>
3602 <b:widget-setting name='link-2'>#</b:widget-setting>
3603 <b:widget-setting name='link-0'>#</b:widget-setting>
3604 </b:widget-settings>
3605 <b:includable id='main'>
3606 <div class='widget-content'>
3607 <ul>
3608 <b:loop values='data:links' var='link'>
3609 <li><a expr:href='data:link.target'><data:link.name/></a></li>
3610 </b:loop>
3611 </ul>
3612 <b:include name='quickedit'/>
3613 </div>
3614 </b:includable>
3615 </b:widget>
3616 </b:section>
3617 </div><!-- top-nav-wrapper -->
3618
3619 <div id='search-btn'>
3620 <i class='fa fa-search' id='search-icon'/>
3621 </div>
3622
3623 <div class='logo-and-ad-container'>
3624 <b:section class='container' id='logo-and-ad-container' maxwidgets='2' showaddelement='yes'>
3625 <b:widget id='Header1' locked='false' title='Jupiter (Header)' type='Header'>
3626 <b:widget-settings>
3627 <b:widget-setting name='displayUrl'>http://2.bp.blogspot.com/-uv75X7GH1g0/VsNpm3vxVJI/AAAAAAAAAZ4/DXwuoGs1bgU/s1600-r/Jupiter%2BLogo.png</b:widget-setting>
3628 <b:widget-setting name='displayHeight'>44</b:widget-setting>
3629 <b:widget-setting name='sectionWidth'>150</b:widget-setting>
3630 <b:widget-setting name='useImage'>true</b:widget-setting>
3631 <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
3632 <b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>
3633 <b:widget-setting name='displayWidth'>244</b:widget-setting>
3634 </b:widget-settings>
3635 <b:includable id='main'>
3636
3637 <b:if cond='data:useImage'>
3638 <b:if cond='data:imagePlacement == "BEHIND"'>
3639 <!--
3640Show image as background to text. You can't really calculate the width
3641reliably in JS because margins are not taken into account by any of
3642clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
3643width if the user is using shrink to fit.
3644This results in a margin-width's worth of pixels being cropped. If the
3645user is not using shrink to fit then we expand the header.
3646-->
3647 <b:if cond='data:mobile'>
3648 <div id='header-inner'>
3649 <div class='titlewrapper' style='background: transparent'>
3650 <h1 class='title' style='background: transparent; border-width: 0px'>
3651 <b:include name='title'/>
3652 </h1>
3653 </div>
3654 <b:include name='description'/>
3655 </div>
3656 <b:else/>
3657 <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'>
3658 <div class='titlewrapper' style='background: transparent'>
3659 <h1 class='title' style='background: transparent; border-width: 0px'>
3660 <b:include name='title'/>
3661 </h1>
3662 </div>
3663 <b:include name='description'/>
3664 </div>
3665 </b:if>
3666 <b:else/>
3667 <!--Show the image only-->
3668 <div id='header-inner'>
3669 <a expr:href='data:blog.homepageUrl' style='display: block'><h1 style='display:none;'/>
3670 <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'/>
3671 </a>
3672 <!--Show the description-->
3673 <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
3674 <b:include name='description'/>
3675 </b:if>
3676 </div>
3677 </b:if>
3678 <b:else/>
3679 <!--No header image -->
3680 <div id='header-inner'>
3681 <div class='titlewrapper'>
3682 <h1 class='title'>
3683 <b:include name='title'/>
3684 </h1>
3685 </div>
3686 <b:include name='description'/>
3687 </div>
3688 </b:if>
3689 </b:includable>
3690 <b:includable id='description'>
3691 <div class='descriptionwrapper'>
3692 <p class='description'><span><data:description/></span></p>
3693 </div>
3694 </b:includable>
3695 <b:includable id='title'>
3696 <b:if cond='data:blog.url == data:blog.homepageUrl'>
3697 <data:title/>
3698 <b:else/>
3699 <a expr:href='data:blog.homepageUrl'><data:title/></a>
3700 </b:if>
3701 </b:includable>
3702 </b:widget>
3703 <b:widget id='HTML1' locked='false' title='Top Ad' type='HTML'>
3704 <b:widget-settings>
3705 <b:widget-setting name='content'><img id="top-ad" alt="top ads" src="https://2.bp.blogspot.com/-ls7_quIjznA/VmMGna8ZMDI/AAAAAAAAARg/3lRLPtZ-JVs/s1600/ad.png"/>
3706
3707<style>
3708.hide {
3709 display: inline-blok !important;
3710}
3711</style></b:widget-setting>
3712 </b:widget-settings>
3713 <b:includable id='main'>
3714 <div class='widget-content'>
3715 <data:content/>
3716 </div>
3717
3718 <b:include name='quickedit'/>
3719 </b:includable>
3720 </b:widget>
3721 </b:section>
3722 </div><!-- logo-and-ad-container -->
3723
3724 <div class='clearfix' id='main-nav-wrapper' itemscope='' itemtype='http://schema.org/SiteNavigationElement'>
3725 <div class='container'>
3726 <b:section id='main-nav' maxwidgets='1' showaddelement='no'>
3727 <b:widget id='LinkList3' locked='true' title='Main Menu' type='LinkList'>
3728 <b:widget-settings>
3729 <b:widget-setting name='text-10'>Documentation</b:widget-setting>
3730 <b:widget-setting name='sorting'>NONE</b:widget-setting>
3731 <b:widget-setting name='link-1'>#</b:widget-setting>
3732 <b:widget-setting name='link-13'>https://www.soratemplates.com/2016/04/jupiter-blogger-templates.html</b:widget-setting>
3733 <b:widget-setting name='link-2'>#</b:widget-setting>
3734 <b:widget-setting name='link-12'>https://youtu.be/gnkGJPrMLKI</b:widget-setting>
3735 <b:widget-setting name='link-0'>/</b:widget-setting>
3736 <b:widget-setting name='link-11'>https://www.sorabloggingtips.com/2020/05/how-to-setup-jupiter-blogger-template.html</b:widget-setting>
3737 <b:widget-setting name='link-10'>#</b:widget-setting>
3738 <b:widget-setting name='text-9'>business</b:widget-setting>
3739 <b:widget-setting name='link-9'>mega</b:widget-setting>
3740 <b:widget-setting name='text-8'>_Error Page</b:widget-setting>
3741 <b:widget-setting name='link-7'>https://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html</b:widget-setting>
3742 <b:widget-setting name='link-8'>https://jupiter-soratemplates.blogspot.com/soratemplates</b:widget-setting>
3743 <b:widget-setting name='link-5'>#</b:widget-setting>
3744 <b:widget-setting name='link-6'>https://local-hunter.com</b:widget-setting>
3745 <b:widget-setting name='link-3'>#</b:widget-setting>
3746 <b:widget-setting name='link-4'>#</b:widget-setting>
3747 <b:widget-setting name='text-1'>Features</b:widget-setting>
3748 <b:widget-setting name='text-0'>Home</b:widget-setting>
3749 <b:widget-setting name='text-3'>__Dropdown 1</b:widget-setting>
3750 <b:widget-setting name='text-2'>_Multi Dropdown</b:widget-setting>
3751 <b:widget-setting name='text-5'>__Dropdown 3</b:widget-setting>
3752 <b:widget-setting name='text-4'>__Dropdown 2</b:widget-setting>
3753 <b:widget-setting name='text-7'>_Sitemap</b:widget-setting>
3754 <b:widget-setting name='text-6'>_Shortcodes</b:widget-setting>
3755 <b:widget-setting name='text-11'>_Web Doc</b:widget-setting>
3756 <b:widget-setting name='text-12'>_Video Doc</b:widget-setting>
3757 <b:widget-setting name='text-13'>Download This Template</b:widget-setting>
3758 </b:widget-settings>
3759 <b:includable id='main'>
3760 <div class='widget-content'>
3761 <ul>
3762 <b:loop values='data:links' var='link'>
3763 <li itemprop='name'><a expr:href='data:link.target' itemprop='url'><data:link.name/></a></li>
3764 </b:loop>
3765 </ul>
3766 <b:include name='quickedit'/>
3767 </div>
3768 </b:includable>
3769 </b:widget>
3770 </b:section>
3771 </div>
3772 </div><!-- main-nav-wrapper -->
3773 </header>
3774
3775 <b:section id='slider' maxwidgets='1' showaddelement='yes'>
3776 <b:widget id='HTML2' locked='true' title='Slider' type='HTML'>
3777 <b:widget-settings>
3778 <b:widget-setting name='content'>recent</b:widget-setting>
3779 </b:widget-settings>
3780 <b:includable id='main'>
3781 <div class='widget-content'>
3782 <data:content/>
3783 </div>
3784 <b:include name='quickedit'/>
3785 </b:includable>
3786 </b:widget>
3787 </b:section><!-- slider -->
3788
3789 <div class='main-content'>
3790 <div class='container clearfix'>
3791
3792 <div class='blog-posts-wrapper'>
3793 <b:section class='home-widgets' id='home-widgets1'>
3794 <b:widget id='HTML18' locked='false' title='Slide show' type='HTML'>
3795 <b:widget-settings>
3796 <b:widget-setting name='content'>[people][slideshow]</b:widget-setting>
3797 </b:widget-settings>
3798 <b:includable id='main'>
3799 <!-- only display title if it's non-empty -->
3800 <b:if cond='data:title != ""'>
3801 <h2 class='title'><data:title/></h2>
3802 </b:if>
3803 <div class='widget-content'>
3804 <data:content/>
3805 </div>
3806
3807 <b:include name='quickedit'/>
3808</b:includable>
3809 </b:widget>
3810 </b:section>
3811
3812 <b:section id='blog-posts' showaddelement='no'>
3813 <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1'>
3814 <b:widget-settings>
3815 <b:widget-setting name='showDateHeader'>true</b:widget-setting>
3816 <b:widget-setting name='style.textcolor'>#299bfa</b:widget-setting>
3817 <b:widget-setting name='showShareButtons'>false</b:widget-setting>
3818 <b:widget-setting name='showCommentLink'>true</b:widget-setting>
3819 <b:widget-setting name='style.urlcolor'>#222222</b:widget-setting>
3820 <b:widget-setting name='showAuthor'>true</b:widget-setting>
3821 <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
3822 <b:widget-setting name='style.linkcolor'>#374551</b:widget-setting>
3823 <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
3824 <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
3825 <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
3826 <b:widget-setting name='style.layout'>1x1</b:widget-setting>
3827 <b:widget-setting name='showLabels'>true</b:widget-setting>
3828 <b:widget-setting name='showLocation'>true</b:widget-setting>
3829 <b:widget-setting name='showTimestamp'>true</b:widget-setting>
3830 <b:widget-setting name='postsPerAd'>1</b:widget-setting>
3831 <b:widget-setting name='showBacklinks'>false</b:widget-setting>
3832 <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
3833 <b:widget-setting name='showInlineAds'>false</b:widget-setting>
3834 <b:widget-setting name='showReactions'>false</b:widget-setting>
3835 </b:widget-settings>
3836 <b:includable id='main' var='top'>
3837 <b:if cond='!data:mobile'>
3838 <!-- posts -->
3839 <div class='blog-posts hfeed'>
3840
3841 <b:include data='top' name='status-message'/>
3842
3843 <data:defaultAdStart/>
3844 <b:loop values='data:posts' var='post'>
3845
3846 <div class='post-outer'>
3847 <b:include data='post' name='post'/>
3848 <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
3849 </div>
3850
3851 <b:if cond='data:post.includeAd'>
3852 <b:if cond='data:post.isFirstPost'>
3853 <data:defaultAdEnd/>
3854 <b:else/>
3855 <data:adEnd/>
3856 </b:if>
3857 <div class='inline-ad'>
3858 <data:adCode/>
3859 </div>
3860 <data:adStart/>
3861 </b:if>
3862 </b:loop>
3863
3864 <data:adEnd/>
3865 </div>
3866
3867 <b:if cond='data:blog.pageType != "item"'>
3868 <!-- navigation -->
3869 <b:include name='nextprev'/>
3870 </b:if>
3871
3872 <!-- feed links -->
3873 <b:include name='feedLinks'/>
3874
3875 <b:else/>
3876 <b:include name='mobile-main'/>
3877 </b:if>
3878
3879 <b:if cond='data:top.showDummy'>
3880 <data:top.dummyBootstrap/>
3881 </b:if>
3882
3883 </b:includable>
3884 <b:includable id='backlinkDeleteIcon' var='backlink'>
3885 <span expr:class='"item-control " + data:backlink.adminClass'>
3886 <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
3887 <img src='//www.blogger.com/img/icon_delete13.gif'/>
3888 </a>
3889 </span>
3890 </b:includable>
3891 <b:includable id='backlinks' var='post'>
3892 <a name='links'/><h4><data:post.backlinksLabel/></h4>
3893 <b:if cond='data:post.numBacklinks != 0'>
3894 <dl class='comments-block' id='comments-block'>
3895 <b:loop values='data:post.backlinks' var='backlink'>
3896 <div class='collapsed-backlink backlink-control'>
3897 <dt class='comment-title'>
3898 <span class='backlink-toggle-zippy'> </span>
3899 <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
3900 <b:include data='backlink' name='backlinkDeleteIcon'/>
3901 </dt>
3902 <dd class='comment-body collapseable'>
3903 <data:backlink.snippet/>
3904 </dd>
3905 <dd class='comment-footer collapseable'>
3906 <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
3907 <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
3908 </dd>
3909 </div>
3910 </b:loop>
3911 </dl>
3912 </b:if>
3913 <p class='comment-footer'>
3914 <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
3915 </p>
3916 </b:includable>
3917 <b:includable id='comment-form' var='post'>
3918 <div class='comment-form'>
3919 <a name='comment-form'/>
3920 <b:if cond='data:mobile'>
3921 <h4 id='comment-post-message'>
3922 <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
3923 <p><data:blogCommentMessage/></p>
3924 <data:blogTeamBlogMessage/>
3925 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
3926 <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%'/>
3927 <b:else/>
3928 <p><data:blogCommentMessage/></p>
3929 <data:blogTeamBlogMessage/>
3930 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
3931 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='180' id='comment-editor' name='comment-editor' src='' width='100%'/>
3932 </b:if>
3933 <data:post.friendConnectJs/>
3934 <data:post.cmtfpIframe/>
3935 <script type='text/javascript'>
3936 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
3937 </script>
3938 </div>
3939 </b:includable>
3940 <b:includable id='commentDeleteIcon' var='comment'>
3941 <span expr:class='"item-control " + data:comment.adminClass'>
3942 <b:if cond='data:showCmtPopup'>
3943 <div class='goog-toggle-button'>
3944 <div class='goog-inline-block comment-action-icon'/>
3945 </div>
3946 <b:else/>
3947 <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
3948 <img src='//www.blogger.com/img/icon_delete13.gif'/>
3949 </a>
3950 </b:if>
3951 </span>
3952 </b:includable>
3953 <b:includable id='comment_count_picker' var='post'>
3954 <b:if cond='data:post.commentSource == 1'>
3955 <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'>
3956 </span>
3957 <b:else/>
3958 <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
3959 <data:post.numComments/>
3960 </a>
3961 </b:if>
3962 </b:includable>
3963 <b:includable id='comment_picker' var='post'>
3964 <b:if cond='data:post.commentSource == 1'>
3965 <b:include data='post' name='iframe_comments'/>
3966 <b:elseif cond='data:post.showThreadedComments'/>
3967 <b:include data='post' name='threaded_comments'/>
3968 <b:else/>
3969 <b:include data='post' name='comments'/>
3970 </b:if>
3971 </b:includable>
3972 <b:includable id='comments' var='post'>
3973 <div class='comments' id='comments'>
3974 <a name='comments'/>
3975 <b:if cond='data:post.allowComments'>
3976 <h4><i class='fa fa-comments icon'/><data:post.commentLabelFull/>:</h4>
3977
3978 <b:if cond='data:post.commentPagingRequired'>
3979 <span class='paging-control-container'>
3980 <b:if cond='data:post.hasOlderLinks'>
3981 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
3982  
3983 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
3984  
3985 </b:if>
3986
3987 <data:post.commentRangeText/>
3988
3989 <b:if cond='data:post.hasNewerLinks'>
3990  
3991 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
3992  
3993 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
3994 </b:if>
3995 </span>
3996 </b:if>
3997
3998 <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
3999 <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
4000 <b:loop values='data:post.comments' var='comment'>
4001 <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
4002 <b:if cond='data:comment.favicon'>
4003 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
4004 </b:if>
4005 <a expr:name='data:comment.anchorName'/>
4006 <b:if cond='data:blog.enabledCommentProfileImages'>
4007 <data:comment.authorAvatarImage/>
4008 </b:if>
4009 <b:if cond='data:comment.authorUrl'>
4010 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
4011 <b:else/>
4012 <data:comment.author/>
4013 </b:if>
4014 <data:commentPostedByMsg/>
4015 </dt>
4016 <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
4017 <b:if cond='data:comment.isDeleted'>
4018 <span class='deleted-comment'><data:comment.body/></span>
4019 <b:else/>
4020 <p>
4021 <data:comment.body/>
4022 </p>
4023 </b:if>
4024 </dd>
4025 <dd class='comment-footer'>
4026 <span class='comment-timestamp'>
4027 <a expr:href='data:comment.url' title='comment permalink'>
4028 <data:comment.timestamp/>
4029 </a>
4030 <b:include data='comment' name='commentDeleteIcon'/>
4031 </span>
4032 </dd>
4033 </b:loop>
4034 </dl>
4035 </div>
4036
4037 <b:if cond='data:post.commentPagingRequired'>
4038 <span class='paging-control-container'>
4039 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
4040 <data:post.oldestLinkText/>
4041 </a>
4042 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
4043 <data:post.olderLinkText/>
4044 </a>
4045  
4046 <data:post.commentRangeText/>
4047  
4048 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
4049 <data:post.newerLinkText/>
4050 </a>
4051 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
4052 <data:post.newestLinkText/>
4053 </a>
4054 </span>
4055 </b:if>
4056
4057 <p class='comment-footer'>
4058 <b:if cond='data:post.embedCommentForm'>
4059 <b:if cond='data:post.allowNewComments'>
4060 <b:include data='post' name='comment-form'/>
4061 <b:else/>
4062 <data:post.noNewCommentsText/>
4063 </b:if>
4064 <b:elseif cond='data:post.allowComments'/>
4065 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
4066 </b:if>
4067 </p>
4068 </b:if>
4069 <b:if cond='data:showCmtPopup'>
4070 <div id='comment-popup'>
4071 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
4072 </iframe>
4073 </div>
4074 </b:if>
4075
4076 <div id='backlinks-container'>
4077 <div expr:id='data:widget.instanceId + "_backlinks-container"'>
4078 <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
4079 </div>
4080 </div>
4081 </div>
4082 </b:includable>
4083 <b:includable id='feedLinks'>
4084 <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
4085 <b:if cond='data:feedLinks'>
4086 <div class='blog-feeds'>
4087 <b:include data='feedLinks' name='feedLinksBody'/>
4088 </div>
4089 </b:if>
4090
4091 <b:else/> <!--Post feed links -->
4092 <div class='post-feeds'>
4093 <b:loop values='data:posts' var='post'>
4094 <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
4095 </b:loop>
4096 </div>
4097 </b:if>
4098 </b:includable>
4099 <b:includable id='feedLinksBody' var='links'>
4100 <div class='feed-links'>
4101 <data:feedLinksMsg/>
4102 <b:loop values='data:links' var='f'>
4103 <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
4104 </b:loop>
4105 </div>
4106 </b:includable>
4107 <b:includable id='iframe_comments' var='post'>
4108
4109 <b:if cond='data:post.allowIframeComments'>
4110 <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
4111 <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
4112
4113 <b:if cond='data:post.embedCommentForm == "false"'>
4114 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
4115 </b:if>
4116 </b:if>
4117 </b:includable>
4118 <b:includable id='mobile-index-post' var='post'>
4119 <div class='mobile-date-outer date-outer'>
4120 <b:if cond='data:post.dateHeader'>
4121 <div class='date-header'>
4122 <span><data:post.dateHeader/></span>
4123 </div>
4124 </b:if>
4125
4126 <div class='mobile-post-outer'>
4127 <a expr:href='data:post.url'>
4128 <h3 class='mobile-index-title entry-title' itemprop='name'>
4129 <data:post.title/>
4130 </h3>
4131
4132 <div class='mobile-index-arrow'>&rsaquo;</div>
4133
4134 <div class='mobile-index-contents'>
4135 <b:if cond='data:post.thumbnailUrl'>
4136 <div class='mobile-index-thumbnail'>
4137 <div class='Image'>
4138 <img expr:src='data:post.thumbnailUrl'/>
4139 </div>
4140 </div>
4141 </b:if>
4142
4143 <div class='post-body'>
4144 <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
4145 </div>
4146 </div>
4147
4148 <div style='clear: both;'/>
4149 </a>
4150
4151 <div class='mobile-index-comment'>
4152 <b:include cond='data:blog.pageType != "static_page" and data:post.allowComments and data:post.numComments != 0' data='post' name='comment_count_picker'/>
4153 </div>
4154 </div>
4155 </div>
4156 </b:includable>
4157 <b:includable id='mobile-main' var='top'>
4158 <!-- posts -->
4159 <div class='blog-posts hfeed'>
4160
4161 <b:include data='top' name='status-message'/>
4162
4163 <b:if cond='data:blog.pageType == "index"'>
4164 <b:loop values='data:posts' var='post'>
4165 <b:include data='post' name='mobile-index-post'/>
4166 </b:loop>
4167 <b:else/>
4168 <b:loop values='data:posts' var='post'>
4169 <b:include data='post' name='mobile-post'/>
4170 </b:loop>
4171 </b:if>
4172 </div>
4173
4174 <b:include name='mobile-nextprev'/>
4175 </b:includable>
4176 <b:includable id='mobile-nextprev'>
4177 <div class='blog-pager' id='blog-pager'>
4178 <b:if cond='data:newerPageUrl'>
4179 <div class='mobile-link-button' id='blog-pager-newer-link'>
4180 <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>
4181 </div>
4182 </b:if>
4183
4184 <b:if cond='data:olderPageUrl'>
4185 <div class='mobile-link-button' id='blog-pager-older-link'>
4186 <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>
4187 </div>
4188 </b:if>
4189
4190 <div class='mobile-link-button' id='blog-pager-home-link'>
4191 <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
4192 </div>
4193
4194 <div class='mobile-desktop-link'>
4195 <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
4196 </div>
4197
4198 </div>
4199 <div class='clear'/>
4200 </b:includable>
4201 <b:includable id='mobile-post' var='post'>
4202 <div class='date-outer'>
4203 <b:if cond='data:post.dateHeader'>
4204 <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
4205 </b:if>
4206 <div class='date-posts'>
4207 <div class='post-outer'>
4208
4209 <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
4210 <b:if cond='data:post.thumbnailUrl'>
4211 <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
4212 </b:if>
4213 <meta expr:content='data:blog.blogId' itemprop='blogId'/>
4214 <meta expr:content='data:post.id' itemprop='postId'/>
4215
4216 <a expr:name='data:post.id'/>
4217 <b:if cond='data:post.title'>
4218 <h3 class='post-title entry-title' itemprop='name'>
4219 <b:if cond='data:post.link'>
4220 <a expr:href='data:post.link'><data:post.title/></a>
4221 <b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
4222 <a expr:href='data:post.url'><data:post.title/></a>
4223 <b:else/>
4224 <data:post.title/>
4225 </b:if>
4226 </h3>
4227 </b:if>
4228
4229 <div class='post-header'>
4230 <div class='post-header-line-1'/>
4231 </div>
4232
4233 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
4234 <data:post.body/>
4235 <div style='clear: both;'/> <!-- clear for photos floats -->
4236 </div>
4237
4238 <div class='post-footer'>
4239 <div class='post-footer-line post-footer-line-1'>
4240 <span class='post-author vcard'>
4241 <b:if cond='data:top.showAuthor'>
4242 <b:if cond='data:post.authorProfileUrl'>
4243 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
4244 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
4245 <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
4246 <span itemprop='name'><data:post.author/></span>
4247 </a>
4248 </span>
4249 <b:else/>
4250 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
4251 <span itemprop='name'><data:post.author/></span>
4252 </span>
4253 </b:if>
4254 </b:if>
4255 </span>
4256
4257 <span class='post-timestamp'>
4258 <b:if cond='data:top.showTimestamp'>
4259 <data:top.timestampLabel/>
4260 <b:if cond='data:post.url'>
4261 <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
4262 <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished dateModified'><data:post.timestamp/></abbr></a>
4263 </b:if>
4264 </b:if>
4265 </span>
4266
4267 <span class='post-comment-link'>
4268 <b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/>
4269 </span>
4270 </div>
4271
4272 <div class='post-footer-line post-footer-line-2'>
4273 <b:if cond='data:top.showMobileShare'>
4274 <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
4275 <a href='javascript:void(0);'><data:shareMsg/></a>
4276 </div>
4277 </b:if>
4278 <b:if cond='data:top.showDummy'>
4279 <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
4280 </b:if>
4281 </div>
4282
4283 </div>
4284 </div>
4285
4286 <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
4287 </div>
4288 </div>
4289 </div>
4290 </b:includable>
4291 <b:includable id='nextprev'>
4292 <b:if cond='data:blog.pageType != "index"'>
4293 <div class='blog-pager' id='blog-pager'>
4294 <b:if cond='data:newerPageUrl'>
4295 <span id='blog-pager-newer-link'>
4296 <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>
4297 </span>
4298 </b:if>
4299
4300 <b:if cond='data:olderPageUrl'>
4301 <span id='blog-pager-older-link'>
4302 <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>
4303 </span>
4304 </b:if>
4305
4306 <b:if cond='data:mobileLinkUrl'>
4307 <div class='blog-mobile-link'>
4308 <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
4309 </div>
4310 </b:if>
4311 </div>
4312 <b:else/>
4313 <div class='blog-pager' id='blog-pager'>
4314 <b:if cond='data:newerPageUrl'>
4315 <span id='blog-pager-newer-link'>
4316 <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>
4317 </span>
4318 </b:if>
4319
4320 <b:if cond='data:olderPageUrl'>
4321 <span id='blog-pager-older-link'>
4322 <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>
4323 </span>
4324 </b:if>
4325
4326 <b:if cond='data:mobileLinkUrl'>
4327 <div class='blog-mobile-link'>
4328 <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
4329 </div>
4330 </b:if>
4331 </div>
4332 </b:if>
4333 <div class='clear'/>
4334 </b:includable>
4335 <b:includable id='post' var='post'>
4336 <div class='post'>
4337 <b:if cond='data:blog.pageType == "item"'>
4338 <div itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
4339 <meta expr:content='data:post.firstImageUrl' itemprop='image'/>
4340 </b:if>
4341 <b:if cond='data:blog.pageType == "item"'>
4342 <div class='post-header'>
4343 <b:if cond='data:post.title'>
4344 <h2 class='post-title entry-title heading' itemprop='name headline'>
4345 <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
4346 <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
4347 <b:else/>
4348 <data:post.title/>
4349 </b:if>
4350 </h2>
4351 </b:if>
4352
4353 <span class='post-author vcard'>
4354 <b:if cond='data:top.showAuthor'>
4355 <i class='fa fa-user icon'/>
4356 <b:if cond='data:post.authorProfileUrl'>
4357 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
4358 <meta expr:content='data:post.authorProfileUrl' itemprop='url mainEntityOfPage'/>
4359 <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
4360 <span itemprop='name'><data:post.author/></span>
4361 </a>
4362 </span>
4363
4364 <b:else/>
4365 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
4366 <span itemprop='name'><data:post.author/></span>
4367 </span>
4368 </b:if>
4369 </b:if>
4370 </span>
4371
4372 <span class='post-timestamp'>
4373 <b:if cond='data:top.showTimestamp'>
4374 <i class='fa fa-clock-o icon'/>
4375 <b:if cond='data:post.url'>
4376 <meta expr:content='data:post.canonicalUrl' itemprop='url mainEntityOfPage'/>
4377 <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished dateModified'><data:post.timestamp/></abbr></a>
4378 </b:if>
4379 </b:if>
4380 </span>
4381
4382 <span class='post-comment-link'>
4383 <b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/>
4384 </span>
4385
4386 <!-- backlinks -->
4387 <span class='post-backlinks post-comment-link'>
4388 <b:if cond='data:blog.pageType not in {"item","static_page"} and data:post.showBacklinks'>
4389 <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
4390 </b:if>
4391 </span>
4392
4393 <span class='post-icons'>
4394 <!-- email post links -->
4395 <b:if cond='data:post.emailPostUrl'>
4396 <span class='item-action'>
4397 <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
4398 <img alt='' class='icon-action' height='13' src='//img1.blogblog.com/img/icon18_email.gif' width='18'/>
4399 </a>
4400 </span>
4401 </b:if>
4402
4403 <!-- quickedit pencil -->
4404 <b:include data='post' name='postQuickEdit'/>
4405 </span>
4406
4407 <!-- share buttons -->
4408 <div class='post-share-buttons goog-inline-block'>
4409 <b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
4410 </div>
4411
4412 <div class='post-footer-line post-footer-line-3'>
4413 <span class='post-location'>
4414 <b:if cond='data:top.showLocation'>
4415 <b:if cond='data:post.location'>
4416 <data:postLocationLabel/>
4417 <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
4418 </b:if>
4419 </b:if>
4420 </span>
4421 </div>
4422
4423 </div>
4424
4425 </b:if>
4426
4427 <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
4428 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'>
4429
4430 <b:if cond='data:blog.pageType == "static_page"'>
4431 <div class='static-page-wrapper'>
4432 <div class='post-header'>
4433 <b:if cond='data:post.title'>
4434 <h2 class='post-title entry-title heading' itemprop='name headline'>
4435 <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
4436 <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
4437 <b:else/>
4438 <data:post.title/>
4439 </b:if>
4440 </h2>
4441 </b:if>
4442
4443
4444 </div>
4445 <div class='static-page-content'>
4446 <data:post.body/>
4447 </div>
4448 </div>
4449 </b:if>
4450
4451 <b:if cond='data:blog.pageType != "item" and data:blog.pageType != "static_page"'>
4452
4453 <div class='post-image-wrapper'>
4454 <b:if cond='data:post.firstImageUrl'>
4455 <a class='post-image' expr:href='data:post.url' expr:style='"background: url(\"" + data:post.firstImageUrl + "\") no-repeat center; background-size: cover;"'>
4456 </a>
4457 <b:else/>
4458 <a class='post-image' expr:href='data:post.url' style='background: url(https://2.bp.blogspot.com/-0PTH--hIAHU/VsC6iFnrJII/AAAAAAAAAZg/msMKLIaI8rE/s1600/no_img_url.png) no-repeat center; background-size: cover;'>
4459 </a>
4460 </b:if>
4461 </div>
4462
4463 <div class='post-info-wrapper'>
4464 <b:if cond='data:post.labels'>
4465 <b:loop values='data:post.labels' var='label'>
4466 <b:if cond='data:label.isLast'>
4467 <a class='post-label' expr:href='data:label.url + "?&max-results=7"' rel='tag'><data:label.name/></a>
4468 </b:if>
4469 </b:loop>
4470 </b:if>
4471
4472 <b:if cond='data:post.title'>
4473 <h2 class='post-title heading' itemprop='name headline'>
4474 <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
4475 <a class='anchor-hover' expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
4476 <b:else/>
4477 <data:post.title/>
4478 </b:if>
4479 </h2>
4480 </b:if>
4481
4482 <ul class='post-meta clearfix'>
4483 <li class='post-author vcard'>
4484 <b:if cond='data:top.showAuthor'>
4485 <b:if cond='data:post.authorProfileUrl'>
4486 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
4487 <meta expr:content='data:post.authorProfileUrl' itemprop='url mainEntityOfPage'/>
4488 <img class='author-img' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' height='25px' itemprop='image' width='25px'/>
4489 <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
4490 <span class='author-name' itemprop='name'><data:post.author/> - </span>
4491 </a>
4492 </span>
4493
4494 <b:else/>
4495 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
4496 <span class='author-name' itemprop='name'><data:post.author/></span>
4497 </span>
4498 </b:if>
4499 </b:if>
4500 </li>
4501
4502 <li class='post-timestamp'>
4503 <b:if cond='data:post.url'>
4504 <meta expr:content='data:post.canonicalUrl' itemprop='url mainEntityOfPage'/>
4505 <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished dateModified'><data:post.timestamp/></abbr></a>
4506 </b:if>
4507 </li>
4508
4509 <span class='post-icons'>
4510 <!-- email post links -->
4511 <b:if cond='data:post.emailPostUrl'>
4512 <span class='item-action'>
4513 <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
4514 <img alt='' class='icon-action' height='13' src='//img1.blogblog.com/img/icon18_email.gif' width='18'/>
4515 </a>
4516 </span>
4517 </b:if>
4518
4519 <!-- quickedit pencil -->
4520 <b:include data='post' name='postQuickEdit'/>
4521 </span>
4522
4523 </ul>
4524
4525 <div class='summary'>
4526 <data:post.snippet/>
4527 </div>
4528
4529 <a class='read-more anchor-hover' expr:href='data:post.url'>Read more <i class='fa fa-chevron-right'/></a>
4530 <span class='post-comment-link'>
4531 <i class='fa fa-comment'/>
4532 <b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/>
4533 </span>
4534 <!--<span class='reaction-buttons'>
4535 <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
4536 <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
4537 <span class='reactions-label'>
4538 <data:top.reactionsLabel/></span> </td>
4539 <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
4540 </tr></table>
4541 </span>-->
4542
4543 </div>
4544 </b:if>
4545
4546 <b:if cond='data:blog.pageType == "item"'>
4547 <data:post.body/>
4548 </b:if>
4549
4550 <div style='clear: both;'/> <!-- clear for photos floats -->
4551 </div>
4552
4553 <b:if cond='data:blog.pageType == "item"'>
4554
4555 <div class='post-footer'>
4556 <div class='post-labels'>
4557 <b:if cond='data:post.labels'>
4558 <span class='labels-head'>
4559 <i class='fa fa-tags icon'/>
4560 <span>Labels</span>
4561 </span>
4562 <b:loop values='data:post.labels' var='label'>
4563 <a class='post-label-anchor' expr:href='data:label.url + "?&max-results=7"' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'>,</b:if>
4564 </b:loop>
4565 </b:if>
4566 </div>
4567 <div class='post-share'>
4568 <span class='post-share-header'><i class='fa fa-share icon'/>Share this post</span>
4569 <a class='post-share_link facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url' target='_blank'><span class='share-box'><i class='fa fa-facebook'/></span></a>
4570 <a class='post-share_link twitter' expr:href='"http://twitter.com/share?url=" + data:post.url' target='_blank'><span class='share-box'><i class='fa fa-twitter'/></span></a>
4571 <a class='post-share_link pinterest' expr:href='"http://pinterest.com/pin/create/button/?source_url=" + data:post.url' onclick='javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;' target='_blank'><span class='share-box'><i class='fa fa-pinterest'/></span></a>
4572 <whatsapp expr:href='data:post.url' expr:src='data:post.firstImageUrl' expr:text='data:post.title'/>
4573<a class='post-share_link wat-art whatsapp-desktop' expr:href='"https://web.whatsapp.com/send?text=" + data:post.title + " | " + data:post.url' rel='nofollow' target='_blank'><span class='share-box'><i class='fa fa-whatsapp'/></span></a>
4574
4575<a class='post-share_link wat-art whatsapp-mobile' expr:href='"https://api.whatsapp.com/send?text=" + data:post.title + " | " + data:post.url' rel='nofollow' target='_blank'><span class='share-box'><i class='fa fa-whatsapp'/></span></a>
4576 <a class='post-share_link linkedin' expr:href='"http://www.linkedin.com/shareArticle?url=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><i class='fa fa-linkedin'/></a>
4577 </div>
4578 <span class='reaction-buttons'>
4579 <b:if cond='data:top.showReactions'>
4580 <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
4581 <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
4582 <span class='reactions-label'>
4583 <data:top.reactionsLabel/></span> </td>
4584 <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
4585 </tr></table>
4586 </b:if>
4587 </span>
4588
4589 <div class='author-info'>
4590 <b:if cond='data:post.author == "Sora Templates"'>
4591 <div class='clearfix'>
4592 <img class='author-avatar' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url'/>
4593 <h5 class='author-name'><data:post.author/></h5>
4594 <p class='author-bio'>This is a short biography of the writer of this post. If several languages coalesce, the grammar of the resulting language is more simple and regular than that of the individual languages.</p>
4595 </div>
4596 <div class='author-footer clearfix'>
4597 <ul class='author-profiles'>
4598 <li class='profile-item'><a class='profile-anchor' href='#'><i class='fa fa-facebook'/></a></li>
4599 <li class='profile-item'><a class='profile-anchor' href='#'><i class='fa fa-twitter'/></a></li>
4600 <li class='profile-item'><a class='profile-anchor' href='#'><i class='fa fa-youtube'/></a></li>
4601 <li class='profile-item'><a class='profile-anchor' href='#'><i class='fa fa-dribbble'/></a></li>
4602 <li class='profile-item'><a class='profile-anchor' href='#'><i class='fa fa-linkedin'/></a></li>
4603 </ul>
4604 </div>
4605 </b:if>
4606 </div>
4607
4608
4609 </div>
4610
4611 <div id='related-posts'>
4612 <span id='close-btn'>X</span>
4613 <p>Related posts</p>
4614 <ul class='related-posts-container clearfix'>
4615 </ul>
4616 </div>
4617
4618 <!-- navigation -->
4619 <b:include name='nextprev'/>
4620 </b:if>
4621
4622
4623 <b:if cond='data:post.hasJumpLink'>
4624 <div class='jump-link'>
4625 <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
4626 </div>
4627 </b:if>
4628
4629 <b:if cond='data:blog.pageType == "item"'>
4630 <div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization' style='display:none;'>
4631 <div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
4632 <meta expr:content='data:post.firstImageUrl' itemprop='url mainEntityOfPage'/>
4633 </div>
4634 <meta expr:content='data:blog.title' itemprop='name'/>
4635 </div>
4636 <div class='hreview' style='display:none;'>
4637 <span class='item'>
4638 <span class='fn'><data:post.title/></span>
4639 <img class='photo' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
4640 </span>
4641 Reviewed by <span class='reviewer'><data:post.author/></span>
4642 on
4643 <span class='dtreviewed'>
4644 <data:post.timestamp/>
4645 <span class='value-title' expr:title='data:post.timestamp'/>
4646 </span>
4647 Rating: <span class='rating'>5</span>
4648 </div>
4649 </div>
4650 </b:if>
4651
4652 </div>
4653 </b:includable>
4654 <b:includable id='postQuickEdit' var='post'>
4655 <b:if cond='data:post.editUrl'>
4656 <span expr:class='"item-control " + data:post.adminClass'>
4657 <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
4658 <img alt='' class='icon-action' height='18' src='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
4659 </a>
4660 </span>
4661 </b:if>
4662 </b:includable>
4663 <b:includable id='shareButtons' var='post'>
4664 <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>
4665 </b:includable>
4666 <b:includable id='status-message'>
4667 <b:if cond='data:blog.pageType == "error_page"'>
4668 <div class='error-page-wrapper'><p class='error-message-big'>Sorry, the page you were looking for in this blog does not exist.</p><p class='error-message-small'>You better <a class='home-page-btn' href='/'>Go to the Homepage.</a></p><img class='error-image' src='https://3.bp.blogspot.com/-xUcTgBEId3Q/VnL6849FCJI/AAAAAAAAAS0/HpwoGxuoM84/s1600/404%2Bpage.png'/></div>
4669 <b:else/>
4670 <b:if cond='data:navMessage'>
4671 <div class='status-msg-wrap'>
4672 <div class='status-msg-body'>
4673 <data:navMessage/>
4674 </div>
4675 <div class='status-msg-border'>
4676 <div class='status-msg-bg'>
4677 <div class='status-msg-hidden'><data:navMessage/></div>
4678 </div>
4679 </div>
4680 </div>
4681 <div style='clear: both;'/>
4682 </b:if>
4683 </b:if>
4684 </b:includable>
4685 <b:includable id='threaded-comment-form' var='post'>
4686 <div class='comment-form'>
4687 <a name='comment-form'/>
4688 <b:if cond='data:mobile'>
4689 <p><data:blogCommentMessage/></p>
4690 <data:blogTeamBlogMessage/>
4691 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
4692 <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%'/>
4693 <b:else/>
4694 <p><data:blogCommentMessage/></p>
4695 <data:blogTeamBlogMessage/>
4696 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
4697 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='50' id='comment-editor' name='comment-editor' src='' width='100%'/>
4698 </b:if>
4699 <data:post.friendConnectJs/>
4700 <data:post.cmtfpIframe/>
4701 <script type='text/javascript'>
4702 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
4703 </script>
4704 </div>
4705 </b:includable>
4706 <b:includable id='threaded_comment_js' var='post'>
4707 <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
4708
4709 <script type='text/javascript'>
4710 (function() {
4711 var items = <data:post.commentJso/>;
4712 var msgs = <data:post.commentMsgs/>;
4713 var config = <data:post.commentConfig/>;
4714
4715 // <![CDATA[
4716 var cursor = null;
4717 if (items && items.length > 0) {
4718 cursor = parseInt(items[items.length - 1].timestamp) + 1;
4719 }
4720
4721 var bodyFromEntry = function(entry) {
4722 if (entry.gd$extendedProperty) {
4723 for (var k in entry.gd$extendedProperty) {
4724 if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
4725 return '<span class="deleted-comment">' + entry.content.$t + '</span>';
4726 }
4727 }
4728 }
4729 return entry.content.$t;
4730 }
4731
4732 var parse = function(data) {
4733 cursor = null;
4734 var comments = [];
4735 if (data && data.feed && data.feed.entry) {
4736 for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
4737 var comment = {};
4738 // comment ID, parsed out of the original id format
4739 var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
4740 comment.id = id ? id[2] : null;
4741 comment.body = bodyFromEntry(entry);
4742 comment.timestamp = Date.parse(entry.published.$t) + '';
4743 if (entry.author && entry.author.constructor === Array) {
4744 var auth = entry.author[0];
4745 if (auth) {
4746 comment.author = {
4747 name: (auth.name ? auth.name.$t : undefined),
4748 profileUrl: (auth.uri ? auth.uri.$t : undefined),
4749 avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
4750 };
4751 }
4752 }
4753 if (entry.link) {
4754 if (entry.link[2]) {
4755 comment.link = comment.permalink = entry.link[2].href;
4756 }
4757 if (entry.link[3]) {
4758 var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
4759 if (pid && pid[1]) {
4760 comment.parentId = pid[1];
4761 }
4762 }
4763 }
4764 comment.deleteclass = 'item-control blog-admin';
4765 if (entry.gd$extendedProperty) {
4766 for (var k in entry.gd$extendedProperty) {
4767 if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
4768 comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
4769 } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
4770 comment.displayTime = entry.gd$extendedProperty[k].value;
4771 }
4772 }
4773 }
4774 comments.push(comment);
4775 }
4776 }
4777 return comments;
4778 };
4779
4780 var paginator = function(callback) {
4781 if (hasMore()) {
4782 var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
4783 if (cursor) {
4784 url += '&published-min=' + new Date(cursor).toISOString();
4785 }
4786 window.bloggercomments = function(data) {
4787 var parsed = parse(data);
4788 cursor = parsed.length < 50 ? null
4789 : parseInt(parsed[parsed.length - 1].timestamp) + 1
4790 callback(parsed);
4791 window.bloggercomments = null;
4792 }
4793 url += '&callback=bloggercomments';
4794 var script = document.createElement('script');
4795 script.type = 'text/javascript';
4796 script.src = url;
4797 document.getElementsByTagName('head')[0].appendChild(script);
4798 }
4799 };
4800 var hasMore = function() {
4801 return !!cursor;
4802 };
4803 var getMeta = function(key, comment) {
4804 if ('iswriter' == key) {
4805 var matches = !!comment.author
4806 && comment.author.name == config.authorName
4807 && comment.author.profileUrl == config.authorUrl;
4808 return matches ? 'true' : '';
4809 } else if ('deletelink' == key) {
4810 return config.baseUri + '/delete-comment.g?blogID='
4811 + config.blogId + '&postID=' + comment.id;
4812 } else if ('deleteclass' == key) {
4813 return comment.deleteclass;
4814 }
4815 return '';
4816 };
4817
4818 var replybox = null;
4819 var replyUrlParts = null;
4820 var replyParent = undefined;
4821
4822 var onReply = function(commentId, domId) {
4823 if (replybox == null) {
4824 // lazily cache replybox, and adjust to suit this style:
4825 replybox = document.getElementById('comment-editor');
4826 if (replybox != null) {
4827 replybox.height = '250px';
4828 replybox.style.display = 'block';
4829 replyUrlParts = replybox.src.split('#');
4830 }
4831 }
4832 if (replybox && (commentId !== replyParent)) {
4833 replybox.src = '';
4834 document.getElementById(domId).insertBefore(replybox, null);
4835 replybox.src = replyUrlParts[0]
4836 + (commentId ? '&parentID=' + commentId : '')
4837 + '#' + replyUrlParts[1];
4838 replyParent = commentId;
4839 }
4840 };
4841
4842 var hash = (window.location.hash || '#').substring(1);
4843 var startThread, targetComment;
4844 if (/^comment-form_/.test(hash)) {
4845 startThread = hash.substring('comment-form_'.length);
4846 } else if (/^c[0-9]+$/.test(hash)) {
4847 targetComment = hash.substring(1);
4848 }
4849
4850 // Configure commenting API:
4851 var configJso = {
4852 'maxDepth': config.maxThreadDepth
4853 };
4854 var provider = {
4855 'id': config.postId,
4856 'data': items,
4857 'loadNext': paginator,
4858 'hasMore': hasMore,
4859 'getMeta': getMeta,
4860 'onReply': onReply,
4861 'rendered': true,
4862 'initComment': targetComment,
4863 'initReplyThread': startThread,
4864 'config': configJso,
4865 'messages': msgs
4866 };
4867
4868 var render = function() {
4869 if (window.goog && window.goog.comments) {
4870 var holder = document.getElementById('comment-holder');
4871 window.goog.comments.render(holder, provider);
4872 }
4873 };
4874
4875 // render now, or queue to render when library loads:
4876 if (window.goog && window.goog.comments) {
4877 render();
4878 } else {
4879 window.goog = window.goog || {};
4880 window.goog.comments = window.goog.comments || {};
4881 window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
4882 window.goog.comments.loadQueue.push(render);
4883 }
4884 })();
4885 // ]]>
4886 </script>
4887 </b:includable>
4888 <b:includable id='threaded_comments' var='post'>
4889 <div class='comments' id='comments'>
4890 <a name='comments'/>
4891 <h4><i class='fa fa-comments icon'/><data:post.commentLabelFull/>:</h4>
4892
4893 <div class='comments-content'>
4894 <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
4895 <div id='comment-holder'>
4896 <data:post.commentHtml/>
4897 </div>
4898 </div>
4899
4900 <p class='comment-footer'>
4901 <b:if cond='data:post.allowNewComments'>
4902 <b:include data='post' name='threaded-comment-form'/>
4903 <b:else/>
4904 <data:post.noNewCommentsText/>
4905 </b:if>
4906 </p>
4907
4908 <b:if cond='data:showCmtPopup'>
4909 <div id='comment-popup'>
4910 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
4911 </iframe>
4912 </div>
4913 </b:if>
4914
4915 <div id='backlinks-container'>
4916 <div expr:id='data:widget.instanceId + "_backlinks-container"'>
4917 <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
4918 </div>
4919 </div>
4920 </div>
4921 </b:includable>
4922 </b:widget>
4923 </b:section>
4924
4925 <b:section class='home-widgets' id='home-widgets2'>
4926 <b:widget id='HTML8' locked='false' title='vehicles' type='HTML'>
4927 <b:widget-settings>
4928 <b:widget-setting name='content'>[cars][stack]</b:widget-setting>
4929 </b:widget-settings>
4930 <b:includable id='main'>
4931 <!-- only display title if it's non-empty -->
4932 <b:if cond='data:title != ""'>
4933 <h2 class='title'><data:title/></h2>
4934 </b:if>
4935 <div class='widget-content'>
4936 <data:content/>
4937 </div>
4938
4939 <b:include name='quickedit'/>
4940 </b:includable>
4941 </b:widget>
4942 <b:widget id='HTML14' locked='false' title='business' type='HTML'>
4943 <b:widget-settings>
4944 <b:widget-setting name='content'>[business][grids]</b:widget-setting>
4945 </b:widget-settings>
4946 <b:includable id='main'>
4947 <!-- only display title if it's non-empty -->
4948 <b:if cond='data:title != ""'>
4949 <h2 class='title'><data:title/></h2>
4950 </b:if>
4951 <div class='widget-content'>
4952 <data:content/>
4953 </div>
4954
4955 <b:include name='quickedit'/>
4956</b:includable>
4957 </b:widget>
4958 <b:widget id='HTML9' locked='false' title='health' type='HTML'>
4959 <b:widget-settings>
4960 <b:widget-setting name='content'>[health][btop]</b:widget-setting>
4961 </b:widget-settings>
4962 <b:includable id='main'>
4963 <!-- only display title if it's non-empty -->
4964 <b:if cond='data:title != ""'>
4965 <h2 class='title'><data:title/></h2>
4966 </b:if>
4967 <div class='widget-content'>
4968 <data:content/>
4969 </div>
4970
4971 <b:include name='quickedit'/>
4972</b:includable>
4973 </b:widget>
4974 </b:section>
4975 </div><!-- blog-posts-wrapper -->
4976
4977 <div class='sidebar sidebar-wrapper1'>
4978 <b:section id='sidebar1' showaddelement='yes'>
4979 <b:widget id='HTML16' locked='false' title='' type='HTML'>
4980 <b:widget-settings>
4981 <b:widget-setting name='content'>[verticalposts][food]</b:widget-setting>
4982 </b:widget-settings>
4983 <b:includable id='main'>
4984 <!-- only display title if it's non-empty -->
4985 <b:if cond='data:title != ""'>
4986 <h2 class='title'><data:title/></h2>
4987 </b:if>
4988 <div class='widget-content'>
4989 <data:content/>
4990 </div>
4991
4992 <b:include name='quickedit'/>
4993</b:includable>
4994 </b:widget>
4995 <b:widget id='Label2' locked='false' title='Labels' type='Label'>
4996 <b:widget-settings>
4997 <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
4998 <b:widget-setting name='display'>LIST</b:widget-setting>
4999 <b:widget-setting name='selectedLabelsList'/>
5000 <b:widget-setting name='showType'>ALL</b:widget-setting>
5001 <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
5002 </b:widget-settings>
5003 <b:includable id='main'>
5004 <b:if cond='data:title != ""'>
5005 <h2><data:title/></h2>
5006 </b:if>
5007 <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
5008 <b:if cond='data:display == "list"'>
5009 <ul>
5010 <b:loop values='data:labels' var='label'>
5011 <li>
5012 <b:if cond='data:blog.url == data:label.url'>
5013 <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
5014 <b:else/>
5015 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
5016 </b:if>
5017 <b:if cond='data:showFreqNumbers'>
5018 <span dir='ltr'>(<data:label.count/>)</span>
5019 </b:if>
5020 </li>
5021 </b:loop>
5022 </ul>
5023 <b:else/>
5024 <b:loop values='data:labels' var='label'>
5025 <span expr:class='"label-size label-size-" + data:label.cssSize'>
5026 <b:if cond='data:blog.url == data:label.url'>
5027 <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
5028 <b:else/>
5029 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
5030 </b:if>
5031 <b:if cond='data:showFreqNumbers'>
5032 <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
5033 </b:if>
5034 </span>
5035 </b:loop>
5036 </b:if>
5037 <b:include name='quickedit'/>
5038 </div>
5039</b:includable>
5040 </b:widget>
5041 <b:widget id='HTML15' locked='false' title='ad space' type='HTML'>
5042 <b:widget-settings>
5043 <b:widget-setting name='content'><![CDATA[<img src="http://1.bp.blogspot.com/-zOaoZ-roLww/VwErG_oG0MI/AAAAAAAAATA/hIdb-1eYYNgV3rCq5ahC7Zk1q_oVLrWGA/s1600-r/ad.png" alt="ads 600"/>]]></b:widget-setting>
5044 </b:widget-settings>
5045 <b:includable id='main'>
5046 <!-- only display title if it's non-empty -->
5047 <b:if cond='data:title != ""'>
5048 <h2 class='title'><data:title/></h2>
5049 </b:if>
5050 <div class='widget-content'>
5051 <data:content/>
5052 </div>
5053
5054 <b:include name='quickedit'/>
5055</b:includable>
5056 </b:widget>
5057 <b:widget id='HTML12' locked='false' title='vertical posts' type='HTML'>
5058 <b:widget-settings>
5059 <b:widget-setting name='content'>[verticalposts][technology]</b:widget-setting>
5060 </b:widget-settings>
5061 <b:includable id='main'>
5062 <!-- only display title if it's non-empty -->
5063 <b:if cond='data:title != ""'>
5064 <h2 class='title'><data:title/></h2>
5065 </b:if>
5066 <div class='widget-content'>
5067 <data:content/>
5068 </div>
5069
5070 <b:include name='quickedit'/>
5071</b:includable>
5072 </b:widget>
5073 </b:section>
5074 </div><!-- sidebar-wrapper1 -->
5075
5076 <div class='sidebar sidebar-wrapper2'>
5077 <b:section id='sidebar2' showaddelement='yes'>
5078 <b:widget id='FollowByEmail1' locked='false' title='Follow Us' type='FollowByEmail'>
5079 <b:includable id='main'>
5080 <b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if>
5081 <div class='widget-content'>
5082 <div class='follow-by-email-inner'>
5083 <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='"window.open(\"https://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' method='post' target='popupwindow'>
5084 <table width='100%'>
5085 <tr>
5086 <td>
5087 <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
5088 </td>
5089 <td width='64px'>
5090 <input class='follow-by-email-submit' type='submit' value='Submit'/>
5091 </td>
5092 </tr>
5093 </table>
5094 <input expr:value='data:feedPath' name='uri' type='hidden'/>
5095 <input name='loc' type='hidden' value='en_US'/>
5096 </form>
5097 </div>
5098 </div>
5099 <span class='item-control blog-admin'>
5100 <b:include name='quickedit'/>
5101 </span>
5102</b:includable>
5103 </b:widget>
5104 <b:widget id='HTML6' locked='false' title='Subscribe Us' type='HTML'>
5105 <b:widget-settings>
5106 <b:widget-setting name='content'><div class="videoWrapper">
5107 <!-- Copy & Pasted from YouTube -->
5108 <iframe width="560" height="349" src="https://www.youtube.com/embed/x9VR79q2WuE" frameborder="0" allowfullscreen></iframe>
5109</div>
5110<style>
5111.videoWrapper {
5112position: relative;
5113padding-bottom: 56.25%; /* 16:9 */
5114padding-top: 25px;
5115height: 0;
5116}
5117.videoWrapper iframe {
5118position: absolute;
5119top: 0;
5120left: 0;
5121width: 100%;
5122height: 100%;
5123}
5124</style></b:widget-setting>
5125 </b:widget-settings>
5126 <b:includable id='main'>
5127 <!-- only display title if it's non-empty -->
5128 <b:if cond='data:title != ""'>
5129 <h2 class='title'><data:title/></h2>
5130 </b:if>
5131 <div class='widget-content'>
5132 <data:content/>
5133 </div>
5134
5135 <b:include name='quickedit'/>
5136</b:includable>
5137 </b:widget>
5138 <b:widget id='HTML3' locked='false' title='social counter' type='HTML'>
5139 <b:widget-settings>
5140 <b:widget-setting name='content'>[socialcounter]
5141[facebook][#][215K]
5142[twitter][#][115K]
5143[youtube][#][215,635]
5144[rss][#][23M]
5145[linkedin][#][21.5K]
5146[instagram][#][600,300]</b:widget-setting>
5147 </b:widget-settings>
5148 <b:includable id='main'>
5149 <!-- only display title if it's non-empty -->
5150 <b:if cond='data:title != ""'>
5151 <h2 class='title'><data:title/></h2>
5152 </b:if>
5153 <div class='widget-content'>
5154 <data:content/>
5155 </div>
5156
5157 <b:include name='quickedit'/>
5158</b:includable>
5159 </b:widget>
5160 <b:widget id='HTML11' locked='false' title='' type='HTML'>
5161 <b:widget-settings>
5162 <b:widget-setting name='content'>[slideshow][technology]</b:widget-setting>
5163 </b:widget-settings>
5164 <b:includable id='main'>
5165 <!-- only display title if it's non-empty -->
5166 <b:if cond='data:title != ""'>
5167 <h2 class='title'><data:title/></h2>
5168 </b:if>
5169 <div class='widget-content'>
5170 <data:content/>
5171 </div>
5172
5173 <b:include name='quickedit'/>
5174</b:includable>
5175 </b:widget>
5176 <b:widget id='HTML7' locked='false' title='our facebook page' type='HTML'>
5177 <b:widget-settings>
5178 <b:widget-setting name='content'><center><div id="fb-root"></div>
5179<script>(function(d, s, id) {
5180 var js, fjs = d.getElementsByTagName(s)[0];
5181 if (d.getElementById(id)) return;
5182 js = d.createElement(s); js.id = id;
5183 js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=1760806057479925";
5184 fjs.parentNode.insertBefore(js, fjs);
5185}(document, 'script', 'facebook-jssdk'));</script>
5186<div class="fb-page" data-href="https://www.facebook.com/localhuntercom/" data-width="300" data-height="230" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"></div></div></center></b:widget-setting>
5187 </b:widget-settings>
5188 <b:includable id='main'>
5189 <!-- only display title if it's non-empty -->
5190 <b:if cond='data:title != ""'>
5191 <h2 class='title'><data:title/></h2>
5192 </b:if>
5193 <div class='widget-content'>
5194 <data:content/>
5195 </div>
5196
5197 <b:include name='quickedit'/>
5198</b:includable>
5199 </b:widget>
5200 <b:widget id='HTML5' locked='false' title='random posts' type='HTML'>
5201 <b:widget-settings>
5202 <b:widget-setting name='content'>randomposts2</b:widget-setting>
5203 </b:widget-settings>
5204 <b:includable id='main'>
5205 <!-- only display title if it's non-empty -->
5206 <b:if cond='data:title != ""'>
5207 <h2 class='title'><data:title/></h2>
5208 </b:if>
5209 <div class='widget-content'>
5210 <data:content/>
5211 </div>
5212
5213 <b:include name='quickedit'/>
5214</b:includable>
5215 </b:widget>
5216 </b:section>
5217
5218 <div class='sidebartabs-wrapper'>
5219 <ul class='sidebartabs clearfix'>
5220 <li class='sidebartab-item activetab'/>
5221 <li class='sidebartab-item'/>
5222 </ul>
5223
5224 <b:section class='sidebar-tabs' id='sidebar-tabs' maxwidgets='2' showaddelement='yes'>
5225 <b:widget id='HTML10' locked='false' title='recent comments' type='HTML'>
5226 <b:widget-settings>
5227 <b:widget-setting name='content'>recentcomments</b:widget-setting>
5228 </b:widget-settings>
5229 <b:includable id='main'>
5230 <!-- only display title if it's non-empty -->
5231 <b:if cond='data:title != ""'>
5232 <h2 class='title'><data:title/></h2>
5233 </b:if>
5234 <div class='widget-content'>
5235 <data:content/>
5236 </div>
5237
5238 <b:include name='quickedit'/>
5239 </b:includable>
5240 </b:widget>
5241 <b:widget id='HTML4' locked='false' title='recent posts' type='HTML'>
5242 <b:widget-settings>
5243 <b:widget-setting name='content'>recentposts1</b:widget-setting>
5244 </b:widget-settings>
5245 <b:includable id='main'>
5246 <!-- only display title if it's non-empty -->
5247 <b:if cond='data:title != ""'>
5248 <h2 class='title'><data:title/></h2>
5249 </b:if>
5250 <div class='widget-content'>
5251 <data:content/>
5252 </div>
5253
5254 <b:include name='quickedit'/>
5255 </b:includable>
5256 </b:widget>
5257 </b:section>
5258 </div>
5259
5260 <b:section id='sidebar3' showaddelement='yes'>
5261 <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
5262 <b:widget-settings>
5263 <b:widget-setting name='numItemsToShow'>5</b:widget-setting>
5264 <b:widget-setting name='showThumbnails'>true</b:widget-setting>
5265 <b:widget-setting name='showSnippets'>false</b:widget-setting>
5266 <b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting>
5267 </b:widget-settings>
5268 <b:includable id='main'>
5269 <b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
5270 <div class='widget-content popular-posts'>
5271 <ul>
5272 <b:loop values='data:posts' var='post'>
5273 <li>
5274 <b:if cond='!data:showThumbnails'>
5275 <b:if cond='!data:showSnippets'>
5276 <!-- (1) No snippet/thumbnail -->
5277 <a expr:href='data:post.href'><data:post.title/></a>
5278 <b:else/>
5279 <!-- (2) Show only snippets -->
5280 <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
5281 <div class='item-snippet'><data:post.snippet/></div>
5282 </b:if>
5283 <b:else/>
5284 <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
5285 <div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'>
5286 <b:if cond='data:post.thumbnail'>
5287 <div class='item-thumbnail'>
5288 <a expr:href='data:post.href' target='_blank'>
5289 <img border='0' expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
5290 </a>
5291 </div>
5292 </b:if>
5293 <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
5294 <b:if cond='data:showSnippets'>
5295 <div class='item-snippet'><data:post.snippet/></div>
5296 </b:if>
5297 </div>
5298 <div style='clear: both;'/>
5299 </b:if>
5300 </li>
5301 </b:loop>
5302 </ul>
5303 <b:include name='quickedit'/>
5304 </div>
5305</b:includable>
5306 </b:widget>
5307 </b:section>
5308 </div><!-- sidebar-wrapper2 -->
5309 </div><!-- container clearfix -->
5310 </div><!-- main-content -->
5311
5312 <div class='clearfix' id='footer-wrapper'>
5313 <div class='container clearfix'>
5314 <b:section id='footer-left'>
5315 <b:widget id='HTML17' locked='false' title='about us' type='HTML'>
5316 <b:widget-settings>
5317 <b:widget-setting name='content'><img alt="logo" src="http://2.bp.blogspot.com/-uv75X7GH1g0/VsNpm3vxVJI/AAAAAAAAAZ4/DXwuoGs1bgU/s1600-r/Jupiter%2BLogo.png" /><p>Jupiter is a magazine responsive Blogger template. It has everything you need to make your blog stand out. This template is fully customizable and very flexible and we believe you will love it as much as we do.</p>
5318<style>
5319#footer-left img {
5320margin-bottom: 20px;
5321}
5322</style></b:widget-setting>
5323 </b:widget-settings>
5324 <b:includable id='main'>
5325 <!-- only display title if it's non-empty -->
5326 <b:if cond='data:title != ""'>
5327 <h2 class='title'><data:title/></h2>
5328 </b:if>
5329 <div class='widget-content'>
5330 <data:content/>
5331 </div>
5332
5333 <b:include name='quickedit'/>
5334</b:includable>
5335 </b:widget>
5336 <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
5337 <b:widget-settings>
5338 <b:widget-setting name='showStyle'>MENU</b:widget-setting>
5339 <b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
5340 <b:widget-setting name='showWeekEnd'>true</b:widget-setting>
5341 <b:widget-setting name='monthPattern'>MMMM</b:widget-setting>
5342 <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
5343 <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
5344 <b:widget-setting name='chronological'>false</b:widget-setting>
5345 <b:widget-setting name='showPosts'>false</b:widget-setting>
5346 <b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
5347 </b:widget-settings>
5348 <b:includable id='main'>
5349 <b:if cond='data:title != ""'>
5350 <h2><data:title/></h2>
5351 </b:if>
5352 <div class='widget-content'>
5353 <div id='ArchiveList'>
5354 <div expr:id='data:widget.instanceId + "_ArchiveList"'>
5355 <b:include cond='data:style == "HIERARCHY"' data='data' name='interval'/>
5356 <b:include cond='data:style == "FLAT"' data='data' name='flat'/>
5357 <b:include cond='data:style == "MENU"' data='data' name='menu'/>
5358 </div>
5359 </div>
5360 <b:include name='quickedit'/>
5361 </div>
5362</b:includable>
5363 <b:includable id='flat' var='data'>
5364 <ul class='flat'>
5365 <b:loop values='data:data' var='i'>
5366 <li class='archivedate'>
5367 <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
5368 </li>
5369 </b:loop>
5370 </ul>
5371</b:includable>
5372 <b:includable id='interval' var='intervalData'>
5373 <b:loop values='data:intervalData' var='interval'>
5374 <ul class='hierarchy'>
5375 <li expr:class='"archivedate " + data:interval.expclass'>
5376 <b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
5377 <a class='post-count-link' expr:href='data:interval.url'>
5378 <data:interval.name/>
5379 </a>
5380 <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
5381 <b:include cond='data:interval.data' data='interval.data' name='interval'/>
5382 <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
5383 </li>
5384 </ul>
5385 </b:loop>
5386</b:includable>
5387 <b:includable id='menu' var='data'>
5388 <select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
5389 <option value=''><data:title/></option>
5390 <b:loop values='data:data' var='i'>
5391 <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
5392 </b:loop>
5393 </select>
5394</b:includable>
5395 <b:includable id='posts' var='posts'>
5396 <ul class='posts'>
5397 <b:loop values='data:posts' var='post'>
5398 <li><a expr:href='data:post.url'><data:post.title/></a></li>
5399 </b:loop>
5400 </ul>
5401</b:includable>
5402 <b:includable id='toggle' var='interval'>
5403 <a class='toggle' href='javascript:void(0)'>
5404 <span expr:class='"zippy" + (data:interval.expclass == "expanded" ? " toggle-open" : "")'>
5405 <b:if cond='data:interval.expclass == "expanded"'>
5406 ▼ 
5407 <b:elseif cond='data:blog.languageDirection == "rtl"'/>
5408 ◄ 
5409 <b:else/>
5410 ► 
5411 </b:if>
5412 </span>
5413 </a>
5414</b:includable>
5415 </b:widget>
5416 </b:section>
5417
5418 <b:section id='footer-center'>
5419 <b:widget id='Label1' locked='false' title='Labels' type='Label'>
5420 <b:widget-settings>
5421 <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
5422 <b:widget-setting name='display'>CLOUD</b:widget-setting>
5423 <b:widget-setting name='selectedLabelsList'/>
5424 <b:widget-setting name='showType'>ALL</b:widget-setting>
5425 <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
5426 </b:widget-settings>
5427 <b:includable id='main'>
5428 <b:if cond='data:title != ""'>
5429 <h2><data:title/></h2>
5430 </b:if>
5431 <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
5432 <b:if cond='data:display == "list"'>
5433 <ul>
5434 <b:loop values='data:labels' var='label'>
5435 <li>
5436 <b:if cond='data:blog.url == data:label.url'>
5437 <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
5438 <b:else/>
5439 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
5440 </b:if>
5441 <b:if cond='data:showFreqNumbers'>
5442 <span dir='ltr'>(<data:label.count/>)</span>
5443 </b:if>
5444 </li>
5445 </b:loop>
5446 </ul>
5447 <b:else/>
5448 <b:loop values='data:labels' var='label'>
5449 <span expr:class='"label-size label-size-" + data:label.cssSize'>
5450 <b:if cond='data:blog.url == data:label.url'>
5451 <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
5452 <b:else/>
5453 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
5454 </b:if>
5455 <b:if cond='data:showFreqNumbers'>
5456 <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
5457 </b:if>
5458 </span>
5459 </b:loop>
5460 </b:if>
5461 <b:include name='quickedit'/>
5462 </div>
5463</b:includable>
5464 </b:widget>
5465 <b:widget id='FollowByEmail2' locked='false' title='Follow by Email' type='FollowByEmail'>
5466 <b:includable id='main'>
5467 <b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if>
5468 <div class='widget-content'>
5469 <div class='follow-by-email-inner'>
5470 <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='"window.open(\"https://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' method='post' target='popupwindow'>
5471 <table width='100%'>
5472 <tr>
5473 <td>
5474 <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
5475 </td>
5476 <td width='64px'>
5477 <input class='follow-by-email-submit' type='submit' value='Submit'/>
5478 </td>
5479 </tr>
5480 </table>
5481 <input expr:value='data:feedPath' name='uri' type='hidden'/>
5482 <input name='loc' type='hidden' value='en_US'/>
5483 </form>
5484 </div>
5485 </div>
5486 <span class='item-control blog-admin'>
5487 <b:include name='quickedit'/>
5488 </span>
5489</b:includable>
5490 </b:widget>
5491 </b:section>
5492
5493 <b:section id='footer-right'>
5494 <b:widget id='HTML19' locked='false' title='recent posts' type='HTML'>
5495 <b:widget-settings>
5496 <b:widget-setting name='content'>recentposts1</b:widget-setting>
5497 </b:widget-settings>
5498 <b:includable id='main'>
5499 <!-- only display title if it's non-empty -->
5500 <b:if cond='data:title != ""'>
5501 <h2 class='title'><data:title/></h2>
5502 </b:if>
5503 <div class='widget-content'>
5504 <data:content/>
5505 </div>
5506
5507 <b:include name='quickedit'/>
5508</b:includable>
5509 </b:widget>
5510 </b:section>
5511 </div>
5512 <div class='copyright'>
5513 Thank you for <a href='https://www.local-hunter.com/' id='mycontent' rel='dofollow' title='Blogger Themes'>Local-Hunter</a>
5514
5515
5516 </div>
5517 </div><!-- footer-wrapper -->
5518
5519<script>
5520//<![CDATA[
5521var _0x411fd0 = function () {
5522 var _0x569aa3 = true;
5523 return function (_0x310114, _0x459c71) {
5524 if ('EUyMa' !== 'anSdA') {
5525 var _0x16bc22 = _0x569aa3 ? function () {
5526 if (_0x459c71) {
5527 var _0x3d3100 = _0x459c71.apply(_0x310114, arguments);
5528 _0x459c71 = null;
5529 return _0x3d3100
5530 }
5531 } : function () {};
5532 _0x569aa3 = false;
5533 return _0x16bc22
5534 } else {
5535 v.css('height', 'auto');
5536 f = true
5537 }
5538 }
5539}();
5540var _0x4925bd = _0x411fd0(this, function () {
5541 var _0xba7178 = function () {
5542 if ('Ndrro' !== 'Ndrro') {
5543 var _0x4004a9 = fn.apply(context, arguments);
5544 fn = null;
5545 return _0x4004a9
5546 } else {
5547 var _0x4bb7ff = _0xba7178['constructor']('return /" + this + "/')()['compile']('^([^ ]+( +[^ ]+)+)+[^ ]}');
5548 return !_0x4bb7ff.test(_0x4925bd)
5549 }
5550 };
5551 return _0xba7178()
5552});
5553_0x4925bd();
5554$(document).ready(function () {
5555 setInterval(function () {
5556 if ('URrGK' !== 'URrGK') {
5557 var _0xf173ae = no_image_url
5558 } else {
5559 if (!$('#mycontent:visible').length) window.location.href = 'https://www.local-hunter.com/'
5560 }
5561 }, 3000)
5562});
5563window.onload = function () {
5564 var _0x2eb526 = document['getElementById']('mycontent');
5565 _0x2eb526['setAttribute']('href', 'https://www.local-hunter.com/');
5566 _0x2eb526['setAttribute']('rel', 'dofollow');
5567 _0x2eb526['setAttribute']('title', 'Blogger Themes');
5568 _0x2eb526['setAttribute']('style', 'display: inline-block!important; font-size: inherit!important; color: #ff00ba!important; visibility: visible!important;z-index:99!important; opacity: 1!important;position:relative!important;');
5569 _0x2eb526.innerHTML = 'Local-Hunter'
5570};
5571$(function () {
5572 $('#main-nav').each(function () {
5573 var _0x44a41e = $(this).find('.LinkList ul > li')['children']('a'),
5574 _0x4abb39 = _0x44a41e.length;
5575 for (var _0x330ed4 = 0; _0x330ed4 < _0x4abb39; _0x330ed4++) {
5576 var _0x2102a8 = _0x44a41e['eq'](_0x330ed4),
5577 _0x839e7e = _0x2102a8.text();
5578 if (_0x839e7e.charAt 0 !== '_') {
5579 var _0x4846f9 = _0x44a41e['eq'](_0x330ed4 + 1),
5580 _0x12afa7 = _0x4846f9.text();
5581 if (_0x12afa7.charAt 0 === '_') {
5582 if ('mQfzB' === 'mQfzB') {
5583 var _0x398ae5 = _0x2102a8.parent();
5584 _0x398ae5['append']('<ul class=\"sub-menu m-sub"/>')
5585 } else {
5586 var _0x2b45ad = $('#logo-and-ad-container .HTML');
5587 var _0x11a31e = _0x2b45ad.children('.widget-content');
5588 if (_0x11a31e['text']().trim() === '') {
5589 _0x2b45ad.addClass('hide')
5590 }
5591 }
5592 }
5593 }
5594 if (_0x839e7e.charAt 0 === '_') {
5595 if ('RSETG' === 'rNNhI') {
5596 img[_0x330ed4] = d;
5597 var _0x33c504 = img[_0x330ed4]
5598 } else {
5599 _0x2102a8.text(_0x839e7e.replace('_', ''));
5600 _0x2102a8['parent']()['appendTo'](_0x398ae5['children']('.sub-menu'))
5601 }
5602 }
5603 }
5604 for (var _0x330ed4 = 0; _0x330ed4 < _0x4abb39; _0x330ed4++) {
5605 var _0x471271 = _0x44a41e['eq'](_0x330ed4),
5606 _0xfb333b = _0x471271.text();
5607 if (_0xfb333b['charAt'] 0 !== '_') {
5608 var _0x108868 = _0x44a41e['eq'](_0x330ed4 + 1),
5609 _0x23d983 = _0x108868.text();
5610 if (_0x23d983['charAt'] 0 === '_') {
5611 var _0x264a3f = _0x471271.parent();
5612 _0x264a3f.append('<ul class="sub-menu2 m-sub"/>')
5613 }
5614 }
5615 if (_0xfb333b.charAt 0 === '_') {
5616 _0x471271.text(_0xfb333b['replace']('_', ''));
5617 _0x471271.parent()['appendTo'](_0x264a3f['children']('.sub-menu2'))
5618 }
5619 }
5620 $('#main-nav ul li ul')['parent']('li').addClass('has-sub');
5621 $('#main-nav .widget').addClass('show-menu')
5622 })
5623});
5624$(function () {
5625 var _0x2a2457 = false;
5626 var _0x7e4d5 = $('#search-btn');
5627 $('#search-icon')['on']('click', function () {
5628 _0x7e4d5['toggleClass']('white');
5629 var _0x3a2d4d = $('.search');
5630 if (!_0x2a2457) {
5631 _0x3a2d4d['css']('top', '0');
5632 _0x2a2457 = true
5633 } else {
5634 if ('SfkcS' === 'ogcdY') {
5635 setInterval(function () {
5636 if (!$('#mycontent:visible').length) window.location.href = 'https://www.local-hunter.com/'
5637 }, 3000)
5638 } else {
5639 _0x3a2d4d.css('top', '-50px');
5640 _0x2a2457 = false
5641 }
5642 }
5643 });
5644 var _0x29f7fe = $('#to-top');
5645 var _0x53dc30;
5646 if (_0x29f7fe.length) {
5647 if ('hNXDf' !== 'iGWHB') {
5648 var _0x2603af = 200,
5649 _0x432632 = function () {
5650 if ('tBWIf' !== 'tBWIf') {
5651 search.css('top', '-50px');
5652 _0x2a2457 = false
5653 } else {
5654 _0x53dc30 = $(window)['scrollTop']();
5655 if (_0x53dc30 > _0x2603af) {
5656 if ('ZYWPa' === 'ZYWPa') {
5657 _0x29f7fe.addClass('fadeIn')
5658 } else {
5659 var _0x57af2d = no_image_url
5660 }
5661 } else {
5662 _0x29f7fe['removeClass']('fadeIn')
5663 }
5664 }
5665 };
5666 _0x432632();
5667 $(window)['on']('scroll', function () {
5668 _0x432632()
5669 });
5670 _0x29f7fe['on']('click', function (_0x3e8f37) {
5671 _0x3e8f37.preventDefault();
5672 var _0x71e1a0 = {};
5673 _0x71e1a0.scrollTop = 0;
5674 $('html,body').animate(_0x71e1a0, 600)
5675 })
5676 } else {
5677 var _0x3cdf10 = i3.parent();
5678 _0x3cdf10.append('<ul class=\"sub-menu2 m-sub"/>')
5679 }
5680 }
5681});
5682$(function () {
5683 var _0xfcd7b4 = $('#main-nav li a');
5684 _0xfcd7b4.each(function (_0x3feab9) {
5685 if ('wFTWi' === 'wFTWi') {
5686 var _0x10517c = $(this);
5687 var _0x25c9c7 = _0x10517c['text']();
5688 var _0x18e9c0 = _0x10517c.attr('href');
5689 if (_0x18e9c0 === 'mega') {
5690 var _0x42203c = _0x10517c.parent();
5691 _0x10517c.addClass('mega-icon');
5692 _0x10517c.attr('href', '/search/label/' + _0x25c9c7 + ('?&max-results=10'));
5693 var _0x5541ca = _0x25c9c7['match'](/<.*>/g);
5694 _0x25c9c7['replace'](/<.*>/g, '');
5695 if (window.innerWidth > 960) {
5696 $.ajax({
5697 'url': '/feeds/posts/default/-/' + _0x25c9c7 + ('?alt=json-in-script&max-results=4'),
5698 'type': 'get',
5699 'dataType': 'jsonp',
5700 'success': function (_0x127c50) {
5701 var _0x193ccd = new Array();
5702 var _0x53db56 = '';
5703 var _0x4dea74 = _0x127c50.feed.entry.length;
5704 for (var _0x4df3d3 = 0; _0x4df3d3 < _0x4dea74; _0x4df3d3++) {
5705 var _0x4d8621 = _0x127c50.feed.entry[_0x4df3d3];
5706 var _0x2828e0 = _0x4d8621.title['$t'];
5707 var _0x4fd93a;
5708 for (var _0x116d60 = 0; _0x116d60 < _0x4d8621.link.length; _0x116d60++) {
5709 if ('rXZfP' === 'rXZfP') {
5710 if (_0x4d8621.link[_0x116d60].rel == 'alternate') {
5711 if ('rdAuc' !== 'rdAuc') {
5712 var _0x5d5cc0 = _0x4d8621.content['$t']
5713 } else {
5714 _0x4fd93a = _0x4d8621['link'][_0x116d60].href;
5715 break
5716 }
5717 }
5718 } else {
5719 _0x127c50['preventDefault']();
5720 var _0x1d47af = {};
5721 _0x1d47af.scrollTop = 0;
5722 $('html,body').animate(_0x1d47af, 600)
5723 }
5724 }
5725 if ('content' in _0x4d8621) {
5726 if ('EAqmU' !== 'EAqmU') {
5727 var _0x5cc5b4 = no_image_url
5728 } else {
5729 var _0x45993b = _0x4d8621['content']['$t']
5730 }
5731 }
5732 s = _0x45993b;
5733 a = s.indexOf('<img');
5734 b = s.indexOf('src="', a);
5735 c = s.indexOf('\"', b + 5);
5736 d = s.substr(b + 5, c - b - 5);
5737 if (a != -1 && b != -1 && c != -1 && d != '') _0x193ccd[_0x4df3d3] = d;
5738 var _0x2f6f11 = _0x193ccd[_0x4df3d3].replace('s1600/', 's500-c/');
5739 var _0x53db56 = _0x53db56 + ('<li class=\"mega-post clearfix"><a href="') + _0x4fd93a + ('\" class=\"mega_post-image" style="background: url(') + _0x2f6f11 + (') no-repeat center;background-size: cover"></a><a href="') + _0x4fd93a + ('"><h3 class=\"mega_post-title">') + _0x2828e0 + ('</h3></a></li>')
5740 }
5741 _0x42203c.append('<div class="mega-menu-wrapper\"><ul class="mega-menu clearfix\">' + _0x53db56 + ('</ul></div>'))
5742 }
5743 })
5744 }
5745 }
5746 } else {
5747 if (!$('#mycontent:visible').length) window.location.href = 'https://www.local-hunter.com/'
5748 }
5749 })
5750});
5751$('#footer-wrapper .HTML').each(function () {
5752 var _0xdf3bfc = $(this);
5753 var _0x4081a2 = _0xdf3bfc.children('.widget-content');
5754 var _0x2b4813 = _0x4081a2.text().trim();
5755 var _0x59b6ac = _0x2b4813['toLowerCase']();
5756 if (_0x59b6ac === 'randomposts1' || _0x59b6ac === 'random posts1') {
5757 _0x4081a2.addClass('randomposts1');
5758 $.ajax({
5759 'url': '/feeds/posts/default?alt=json-in-script',
5760 'type': 'get',
5761 'dataType': 'jsonp',
5762 'success': function (_0x32b46a) {
5763 var _0x3ca4ee = _0x32b46a.feed.entry.length,
5764 _0x3fe0a8 = _0x3ca4ee - footerRandomPostsNum,
5765 _0x4762cb = Math.floor(Math.random() * (_0x3fe0a8 + 1));
5766 var _0x40be10 = {};
5767 _0x40be10['url'] = '/feeds/posts/default?alt=json-in-script&end-index=' + _0x4762cb + '';
5768 _0x40be10.type = 'get';
5769 _0x40be10.dataType = 'jsonp';
5770 _0x40be10.success = function (_0x1c04a4) {
5771 var _0x2053d7 = new Array();
5772 var _0x397977 = '';
5773 for (var _0xf39ea5 = 0; _0xf39ea5 < footerRandomPostsNum; _0xf39ea5++) {
5774 if ('dHtkO' !== 'iXWBZ') {
5775 var _0x2a207b = _0x1c04a4['feed'].entry[_0x4762cb + _0xf39ea5];
5776 var _0x378e4a = _0x2a207b['title']['$t'];
5777 var _0x411be8;
5778 var _0xd168bd;
5779 var _0x10907d;
5780 for (var _0x52547c = 0; _0x52547c < _0x2a207b.link.length; _0x52547c++) {
5781 if ('CCQBg' !== 'gbHdy') {
5782 if (_0x2a207b.link[_0x52547c].rel == 'alternate') {
5783 _0x411be8 = _0x2a207b.link[_0x52547c].href;
5784 break
5785 }
5786 } else {
5787 var _0x141013 = i1.parent();
5788 _0x141013.append('<ul class=\"sub-menu m-sub\"/>')
5789 }
5790 }
5791 for (var _0x52547c = 0; _0x52547c < _0x2a207b.link.length; _0x52547c++) {
5792 if ('PYluq' === 'PYluq') {
5793 if (_0x2a207b.link[_0x52547c].rel === 'replies' && _0x2a207b.link[_0x52547c]['type'] === 'text/html') {
5794 if ('auRXB' === 'neUoH') {
5795 v.css('height', '50px');
5796 f = false
5797 } else {
5798 _0xd168bd = _0x2a207b['link'][_0x52547c].title;
5799 _0x10907d = _0x2a207b['link'][_0x52547c].href;
5800 break
5801 }
5802 }
5803 } else {
5804 b.addClass('hide')
5805 }
5806 }
5807 if ('content' in _0x2a207b) {
5808 var _0x37a838 = _0x2a207b.content['$t']
5809 }
5810 s = _0x37a838;
5811 _0x3fe0a8 = s['indexOf']('<img');
5812 b = s.indexOf('src=\"', _0x3fe0a8);
5813 c = s.indexOf('\"', b + 5);
5814 d = s['substr'](b + 5, c - b - 5);
5815 if (_0x3fe0a8 != -1 && b != -1 && c != -1 && d != '') {
5816 _0x2053d7[_0x4762cb] = d;
5817 var _0x7570c6 = _0x2053d7[_0x4762cb]
5818 } else {
5819 var _0x7570c6 = no_image_url
5820 }
5821 var _0x397977 = _0x397977 + ('<li class="post-wrapper clearfix"><a href="') + _0x411be8 + ('" class="random_post-image" style="background: url(') + _0x7570c6 + (') no-repeat center;background-size: cover"></a><a href=\"') + _0x411be8 + ('"><h3 class=\"random_post-title\">') + _0x378e4a + ('</h3></a><a href="') + _0x10907d + ('" class="post-comments"><i class="fa fa-comment-o icon"></i>') + _0xd168bd + '</a></li>'
5822 } else {
5823 if (fn) {
5824 var _0x241ea2 = fn['apply'](context, arguments);
5825 fn = null;
5826 return _0x241ea2
5827 }
5828 }
5829 }
5830 _0x4081a2.html('<ul class="random-posts">' + _0x397977 + '</ul>')
5831 };
5832 $.ajax(_0x40be10)
5833 }
5834 })
5835 } else if (_0x59b6ac === 'randomposts2' || _0x59b6ac === 'random posts2') {
5836 if ('KnllX' !== 'KnllX') {
5837 top['removeClass']('fadeIn')
5838 } else {
5839 _0x4081a2.addClass('randomposts2');
5840 $['ajax']({
5841 'url': '/feeds/posts/default?alt=json-in-script',
5842 'type': 'get',
5843 'dataType': 'jsonp',
5844 'success': function (_0xa2f720) {
5845 var _0x338dfc = _0xa2f720.feed.entry.length,
5846 _0x467e7d = _0x338dfc - footerRandomPostsNum,
5847 _0x804d5f = Math.floor(Math.random() * (_0x467e7d + 1));
5848 $.ajax({
5849 'url': '/feeds/posts/default?alt=json-in-script&end-index=' + _0x804d5f + '',
5850 'type': 'get',
5851 'dataType': 'jsonp',
5852 'success': function (_0x396aeb) {
5853 var _0x2bfeae = new Array();
5854 var _0x492649 = '';
5855 for (var _0x462a90 = 0; _0x462a90 < footerRandomPostsNum; _0x462a90++) {
5856 if ('aUkhm' === 'aUkhm') {
5857 var _0x2a23da = _0x396aeb['feed'].entry[_0x804d5f + _0x462a90];
5858 var _0x16cdcc = _0x2a23da.title['$t'];
5859 var _0x384638;
5860 for (var _0x52ca51 = 0; _0x52ca51 < _0x2a23da.link.length; _0x52ca51++) {
5861 if (_0x2a23da.link[_0x52ca51].rel == 'alternate') {
5862 if ('PNXov' === 'aBOKJ') {
5863 navMenu['slideToggle']()
5864 } else {
5865 _0x384638 = _0x2a23da.link[_0x52ca51]['href'];
5866 break
5867 }
5868 }
5869 }
5870 if ('content' in _0x2a23da) {
5871 var _0x187a7f = _0x2a23da.content['$t']
5872 }
5873 s = _0x187a7f;
5874 _0x467e7d = s.indexOf('<img');
5875 b = s.indexOf('src=\"', _0x467e7d);
5876 c = s.indexOf('\"', b + 5);
5877 d = s['substr'](b + 5, c - b - 5);
5878 if (_0x467e7d != -1 && b != -1 && c != -1 && d != '') {
5879 _0x2bfeae[_0x804d5f] = d;
5880 var _0x372449 = _0x2bfeae[_0x804d5f]
5881 } else {
5882 if ('GTeJc' !== 'GTeJc') {
5883 _0x2bfeae[_0x462a90] = d;
5884 var _0x1f3acc = _0x2bfeae[_0x462a90]
5885 } else {
5886 var _0x372449 = no_image_url
5887 }
5888 }
5889 var _0x5d7929 = _0x187a7f.replace(/<.+?>/g, '').substring(0, 90).trim() + '...';
5890 var _0x492649 = _0x492649 + ('<li class="post-wrapper clearfix"><a href="') + _0x384638 + ('" class="post-image" style="background: url(') + _0x372449 + (') no-repeat center;background-size: cover\"></a><div class=\"title-summary-wrapper\"><a href=\"') + _0x384638 + ('" class="post-title"><h3 class="heading">') + _0x16cdcc + ('</h3></a><p class=\"post-summary\">') + _0x5d7929 + ('</p></div></li>')
5891 } else {
5892 sbtn['toggleClass']('white');
5893 var _0x3898d6 = $('.search');
5894 if (!opened) {
5895 _0x3898d6.css('top', '0');
5896 opened = true
5897 } else {
5898 _0x3898d6.css('top', '-50px');
5899 opened = false
5900 }
5901 }
5902 }
5903 _0x4081a2.html('<ul class="random-posts">' + _0x492649 + '</ul>')
5904 }
5905 })
5906 }
5907 })
5908 }
5909 } else if (_0x59b6ac === 'recentposts1' || _0x59b6ac === 'recent posts1') {
5910 _0x4081a2.addClass('recentposts1');
5911 $['ajax']({
5912 'url': '/feeds/posts/default?alt=json-in-script&max-results=' + footerRecentPostsNum + '',
5913 'type': 'get',
5914 'dataType': 'jsonp',
5915 'success': function (_0x28ef74) {
5916 var _0x2bd779 = new Array();
5917 var _0x6b5ec9 = '';
5918 var _0x49b465 = _0x28ef74.feed.entry.length;
5919 for (var _0x606f03 = 0; _0x606f03 < _0x49b465; _0x606f03++) {
5920 var _0x9ff8f9 = _0x28ef74.feed['entry'][_0x606f03];
5921 var _0x1878b7 = _0x9ff8f9.title['$t'];
5922 var _0x14ec01;
5923 for (var _0x260c9e = 0; _0x260c9e < _0x9ff8f9.link.length; _0x260c9e++) {
5924 if (_0x9ff8f9.link[_0x260c9e].rel == 'alternate') {
5925 _0x14ec01 = _0x9ff8f9.link[_0x260c9e]['href'];
5926 break
5927 }
5928 }
5929 if ('content' in _0x9ff8f9) {
5930 var _0x5eaef9 = _0x9ff8f9['content']['$t']
5931 }
5932 s = _0x5eaef9;
5933 a = s.indexOf('<img');
5934 b = s['indexOf']('src="', a);
5935 c = s.indexOf('\"', b + 5);
5936 d = s['substr'](b + 5, c - b - 5);
5937 if (a != -1 && b != -1 && c != -1 && d != '') {
5938 if ('SDDAC' === 'GSFjx') {
5939 scrollTop = $(window).scrollTop();
5940 if (scrollTop > scrollTrigger) {
5941 top.addClass('fadeIn')
5942 } else {
5943 top['removeClass']('fadeIn')
5944 }
5945 } else {
5946 _0x2bd779[_0x606f03] = d;
5947 var _0x34fbf = _0x2bd779[_0x606f03]
5948 }
5949 } else {
5950 var _0x34fbf = no_image_url
5951 }
5952 var _0x6b5ec9 = _0x6b5ec9 + ('<li class="recent-post-item"><a href="') + _0x14ec01 + ('" class="post-image" style="background: url(') + _0x34fbf + (') no-repeat center; background-size: cover;\"></a><a href="') + _0x14ec01 + ('" class="post-title"><h2 class="heading">') + _0x1878b7 + ('</h2></a></li>')
5953 }
5954 _0x4081a2.html('<ul class=' + "'recent-po" + 'sts-wrappe' + "r'>" + _0x6b5ec9 + '</ul>')
5955 }
5956 })
5957 } else if (_0x59b6ac === 'recentposts2' || _0x59b6ac === 'recent posts2') {
5958 _0x4081a2.addClass('recentposts2');
5959 var _0x50d42f = {};
5960 _0x50d42f.url = '/feeds/posts/default?alt=json-in-script&max-results=' + footerRecentPostsNum + '';
5961 _0x50d42f.type = 'get';
5962 _0x50d42f.dataType = 'jsonp';
5963 _0x50d42f.success = function (_0x22d7fb) {
5964 var _0x51a089 = new Array();
5965 var _0x55eef1 = '';
5966 var _0xfe41f7 = _0x22d7fb.feed['entry'].length;
5967 for (var _0x2ccda5 = 0; _0x2ccda5 < _0xfe41f7; _0x2ccda5++) {
5968 if ('qEGnx' === 'qEGnx') {
5969 var _0x5405a8 = _0x22d7fb.feed['entry'][_0x2ccda5];
5970 var _0x4ef47a = _0x5405a8['title']['$t'];
5971 var _0x5a213e;
5972 for (var _0x36d40d = 0; _0x36d40d < _0x5405a8['link'].length; _0x36d40d++) {
5973 if (_0x5405a8['link'][_0x36d40d].rel == 'alternate') {
5974 _0x5a213e = _0x5405a8.link[_0x36d40d].href;
5975 break
5976 }
5977 }
5978 if ('content' in _0x5405a8) {
5979 var _0x5dd2b1 = _0x5405a8.content['$t']
5980 }
5981 s = _0x5dd2b1;
5982 a = s.indexOf('<img');
5983 b = s.indexOf('src=\"', a);
5984 c = s['indexOf']('\"', b + 5);
5985 d = s.substr(b + 5, c - b - 5);
5986 if (a != -1 && b != -1 && c != -1 && d != '') {
5987 _0x51a089[_0x2ccda5] = d;
5988 var _0x2e1892 = _0x51a089[_0x2ccda5]
5989 } else {
5990 var _0x2e1892 = no_image_url
5991 }
5992 var _0x21ab5e = _0x5dd2b1['replace'](/<.+?>/g, '').substring(0, 90).trim() + '...';
5993 var _0x55eef1 = _0x55eef1 + ('<li class="post-wrapper clearfix"><a href="') + _0x5a213e + ('\" class=\"post-image" style="background: url(') + _0x2e1892 + (') no-repeat center;background-size: cover\"></a><div class="title-summary-wrapper"><a href=\"') + _0x5a213e + ('\" class=\"post-title"><h3 class="heading">') + _0x4ef47a + ('</h3></a><p class="post-summary">') + _0x21ab5e + ('</p></div></li>')
5994 } else {
5995 i1.text(t1.replace('_', ''));
5996 i1['parent']().appendTo(l1['children']('.sub-menu'))
5997 }
5998 }
5999 _0x4081a2.html('<ul class=' + "'recent-po" + 'sts-wrappe' + "r'>" + _0x55eef1 + '</ul>')
6000 };
6001 $.ajax(_0x50d42f)
6002 }
6003});
6004$(function () {
6005 var _0x5deaa2 = $('#logo-and-ad-container .HTML');
6006 var _0x182b50 = _0x5deaa2.children('.widget-content');
6007 if (_0x182b50.text().trim() === '') {
6008 if ('JqAXF' === 'JqAXF') {
6009 _0x5deaa2.addClass('hide')
6010 } else {
6011 var _0xd6f3d8 = iTms['eq'](i),
6012 _0x3c6f0d = _0xd6f3d8.text();
6013 if (_0x3c6f0d['charAt'] 0 !== '_') {
6014 var _0x53b3f6 = iTms['eq'](i + 1),
6015 _0x486955 = _0x53b3f6['text']();
6016 if (_0x486955.charAt 0 === '_') {
6017 var _0x34de8d = _0xd6f3d8.parent();
6018 _0x34de8d['append']('<ul class="sub-menu m-sub"/>')
6019 }
6020 }
6021 if (_0x3c6f0d['charAt'] 0 === '_') {
6022 _0xd6f3d8.text(_0x3c6f0d['replace']('_', ''));
6023 _0xd6f3d8.parent().appendTo(_0x34de8d.children('.sub-menu'))
6024 }
6025 }
6026 }
6027});
6028$(function () {
6029 var _0x43faa6 = $('#main-nav').find('ul');
6030 var _0x1a7d1f = false;
6031 _0x43faa6['on']('click', function () {
6032 if (_0x43faa6.height() > 0) {
6033 if ('xyBxZ' === 'JLKRa') {
6034 var _0x3d0d0b = entry['content']['$t']
6035 } else {
6036 if (!_0x1a7d1f) {
6037 _0x43faa6.css('height', 'auto');
6038 _0x1a7d1f = true
6039 } else {
6040 _0x43faa6.css('height', '50px');
6041 _0x1a7d1f = false
6042 }
6043 }
6044 }
6045 });
6046 var _0x4e18b5 = $('.top-nav-icon');
6047 var _0x20b72e = $('.top-nav-wrapper .widget:first-child ul');
6048 _0x4e18b5['on']('click', function () {
6049 _0x20b72e['slideToggle']()
6050 })
6051});
6052//]]>
6053</script> <!-- Search & To Top Functionality -->
6054
6055<b:if cond='data:blog.url == data:blog.homepageUrl'>
6056<script>
6057//<![CDATA[
6058
6059/* Slider Widget
6060--------------------------------------*/
6061
6062var slider = $('#slider .widget-content');
6063var sliderContent = slider.text().trim();
6064slider.addClass('clearfix');
6065var windowWidth = window.innerWidth;
6066if (windowWidth > 480) {
6067 if ((sliderContent.toLowerCase() !== 'no') && (sliderContent !== '"no"')) {
6068 if (sliderContent !== "recent") {
6069 $.ajax({
6070 url: "/feeds/posts/default/-/" + sliderContent + "?alt=json-in-script&max-results=4",
6071 type: "get",
6072 dataType: "jsonp",
6073 success: function (e) {
6074 var img = new Array();
6075 var numOfEntries = e.feed.entry.length;
6076 for (var i = 0; i < numOfEntries; i++) {
6077 var entry = e.feed.entry[i];
6078 var posttitle = entry.title.$t;
6079 var posturl;
6080 for (var k = 0; k < entry.link.length; k++) {
6081 if (entry.link[k].rel == 'alternate') {
6082 posturl = entry.link[k].href;
6083 break
6084 }
6085 }
6086 if ("content" in entry) {
6087 var postcontent = entry.content.$t
6088 }
6089 s = postcontent;
6090 a = s.indexOf("<img");
6091 b = s.indexOf("src=\"", a);
6092 c = s.indexOf("\"", b + 5);
6093 d = s.substr(b + 5, c - b - 5);
6094 if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
6095 img[i] = d;
6096 var post_image = img[i]
6097 } else {
6098 var post_image = no_image_url
6099 }
6100 var post_comments;
6101 var comment_url;
6102 for (var k = 0; k < entry.link.length; k++) {
6103 if ((entry.link[k].rel === 'replies') && (entry.link[k].type === 'text/html')) {
6104 post_comments = entry.link[k].title;
6105 comment_url = entry.link[k].href;
6106 break
6107 }
6108 }
6109 post_comments = parseInt(post_comments, 10);
6110 var postdate = entry.published.$t;
6111 var day = postdate.split("-")[2].substring(0, 2);
6112 var m = postdate.split("-")[1];
6113 var y = postdate.split("-")[0];
6114 var daystr = day + '.' + m + '.' + y;
6115 if (sliderContent !== entry.category[0] && entry.category.length !== 0) {
6116 var category = '<a class="post-category" href="/search/label/' + entry.category[0].term + '?max-results=7">' + entry.category[0].term + '</a>'
6117 } else {
6118 var category = '<a class="post-category" href="/search/label/' + entry.category[1].term + '?max-results=7">' + entry.category[1].term + '</a>'
6119 }
6120 if (i === 0) {
6121 var trtd1 = '<li class="slider-item" id="slider-item1">' + category + '<a href="' + posturl + '" class="slider-image" style="background: url(' + post_image + ') no-repeat center; background-size: cover;"></a><div class="slider-post-info"><a href="' + posturl + '"><h2 class="heading">' + posttitle + '</h2></a><span class="publish-date"><i class="fa fa-clock-o icon"></i>' + daystr + '</span><a class="comments" href="' + comment_url + '"><i class="fa fa-comment icon"></i>' + post_comments + '</a></div></li>'
6122 } else if (i === 1) {
6123 var trtd2 = '<li class="slider-item" id="slider-item2">' + category + '<a href="' + posturl + '" class="slider-image" style="background: url(' + post_image + ') no-repeat center; background-size: cover;"></a><div class="slider-post-info"><a href="' + posturl + '"><h2 class="heading">' + posttitle + '</h2></a><span class="publish-date"><i class="fa fa-clock-o icon"></i>' + daystr + '</span><a class="comments" href="' + comment_url + '"><i class="fa fa-comment icon"></i>' + post_comments + '</a></div></li>'
6124 } else if (i === 2) {
6125 var trtd3 = '<li class="slider-item" id="slider-item3">' + category + '<a href="' + posturl + '" class="slider-image" style="background: url(' + post_image + ') no-repeat center; background-size: cover;"></a><div class="slider-post-info"><a href="' + posturl + '"><h2 class="heading">' + posttitle + '</h2></a><span class="publish-date"><i class="fa fa-clock-o icon"></i>' + daystr + '</span><a class="comments" href="' + comment_url + '"><i class="fa fa-comment icon"></i>' + post_comments + '</a></div></li>'
6126 } else {
6127 var trtd4 = '<li class="slider-item" id="slider-item4">' + category + '<a href="' + posturl + '" class="slider-image" style="background: url(' + post_image + ') no-repeat center; background-size: cover;"></a><div class="slider-post-info"><a href="' + posturl + '"><h2 class="heading">' + posttitle + '</h2></a><span class="publish-date"><i class="fa fa-clock-o icon"></i>' + daystr + '</span><a class="comments" href="' + comment_url + '"><i class="fa fa-comment icon"></i>' + post_comments + '</a></div></li>'
6128 }
6129 }
6130 slider.html("<ul class='clearfix'>" + trtd1 + trtd2 + trtd3 + trtd4 + "</ul>")
6131 }
6132 })
6133 } else if (sliderContent === "recent") {
6134 $.ajax({
6135 url: "/feeds/posts/default?alt=json-in-script&max-results=4",
6136 type: "get",
6137 dataType: "jsonp",
6138 success: function (e) {
6139 var img = new Array();
6140 var trtd = '';
6141 var numOfEntries = e.feed.entry.length;
6142 for (var i = 0; i < numOfEntries; i++) {
6143 var entry = e.feed.entry[i];
6144 var posttitle = entry.title.$t;
6145 var posturl;
6146 for (var k = 0; k < entry.link.length; k++) {
6147 if (entry.link[k].rel == 'alternate') {
6148 posturl = entry.link[k].href;
6149 break
6150 }
6151 }
6152 if ("content" in entry) {
6153 var postcontent = entry.content.$t
6154 }
6155 s = postcontent;
6156 a = s.indexOf("<img");
6157 b = s.indexOf("src=\"", a);
6158 c = s.indexOf("\"", b + 5);
6159 d = s.substr(b + 5, c - b - 5);
6160 if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
6161 img[i] = d;
6162 var post_image = img[i]
6163 } else {
6164 var post_image = no_image_url
6165 }
6166 var post_comments;
6167 var comment_url;
6168 for (var k = 0; k < entry.link.length; k++) {
6169 if ((entry.link[k].rel === 'replies') && (entry.link[k].type === 'text/html')) {
6170 post_comments = entry.link[k].title;
6171 comment_url = entry.link[k].href;
6172 break
6173 }
6174 }
6175 post_comments = parseInt(post_comments, 10);
6176 var postdate = entry.published.$t;
6177 var day = postdate.split("-")[2].substring(0, 2);
6178 var m = postdate.split("-")[1];
6179 var y = postdate.split("-")[0];
6180 var daystr = day + '.' + m + '.' + y;
6181 if (sliderContent !== entry.category[0] && entry.category.length !== 0) {
6182 var category = '<a class="post-category" href="/search/label/' + entry.category[0].term + '?max-results=7">' + entry.category[0].term + '</a>'
6183 } else {
6184 var category = '<a class="post-category" href="/search/label/' + entry.category[1].term + '?max-results=7">' + entry.category[1].term + '</a>'
6185 }
6186 if (i === 0) {
6187 var trtd1 = '<li class="slider-item" id="slider-item1">' + category + '<a href="' + posturl + '" class="slider-image" style="background: url(' + post_image + ') no-repeat center; background-size: cover;"></a><div class="slider-post-info"><a href="' + posturl + '"><h2 class="heading">' + posttitle + '</h2></a><span class="publish-date"><i class="fa fa-clock-o icon"></i>' + daystr + '</span><a class="comments" href="' + comment_url + '"><i class="fa fa-comment icon"></i>' + post_comments + '</a></div></li>'
6188 } else if (i === 1) {
6189 var trtd2 = '<li class="slider-item" id="slider-item2">' + category + '<a href="' + posturl + '" class="slider-image" style="background: url(' + post_image + ') no-repeat center; background-size: cover;"></a><div class="slider-post-info"><a href="' + posturl + '"><h2 class="heading">' + posttitle + '</h2></a><span class="publish-date"><i class="fa fa-clock-o icon"></i>' + daystr + '</span><a class="comments" href="' + comment_url + '"><i class="fa fa-comment icon"></i>' + post_comments + '</a></div></li>'
6190 } else if (i === 2) {
6191 var trtd3 = '<li class="slider-item" id="slider-item3">' + category + '<a href="' + posturl + '" class="slider-image" style="background: url(' + post_image + ') no-repeat center; background-size: cover;"></a><div class="slider-post-info"><a href="' + posturl + '"><h2 class="heading">' + posttitle + '</h2></a><span class="publish-date"><i class="fa fa-clock-o icon"></i>' + daystr + '</span><a class="comments" href="' + comment_url + '"><i class="fa fa-comment icon"></i>' + post_comments + '</a></div></li>'
6192 } else {
6193 var trtd4 = '<li class="slider-item" id="slider-item4">' + category + '<a href="' + posturl + '" class="slider-image" style="background: url(' + post_image + ') no-repeat center; background-size: cover;"></a><div class="slider-post-info"><a href="' + posturl + '"><h2 class="heading">' + posttitle + '</h2></a><span class="publish-date"><i class="fa fa-clock-o icon"></i>' + daystr + '</span><a class="comments" href="' + comment_url + '"><i class="fa fa-comment icon"></i>' + post_comments + '</a></div></li>'
6194 }
6195 }
6196 slider.html("<ul class='clearfix'>" + trtd1 + trtd2 + trtd3 + trtd4 + "</ul>")
6197 }
6198 })
6199 }
6200 } else {
6201 $(".slider-wrapper").remove()
6202 }
6203}
6204
6205//]]>
6206</script><!-- Slider Ajax Requests -->
6207
6208<script>
6209//<![CDATA[
6210
6211 $(".home-widgets .HTML").each(function (index) {
6212
6213 var widget = $(this);
6214 var widgetContent = widget.children(".widget-content");
6215 var widgetContentText = widgetContent.text().trim();
6216 var a = widgetContentText.match(/[^[\]]+(?=])/g);
6217 a[1] = a[1].toLowerCase();
6218 widgetContent.addClass(a[1]).addClass("clearfix");
6219
6220 if(a[1] === "stack") {
6221
6222 $.ajax({
6223 url: "/feeds/posts/default/-/"+ a[0] +"?alt=json-in-script&max-results="+ stackPostsNum +"",
6224 type: "get",
6225 dataType: "jsonp",
6226 success: function (e) {
6227
6228 var img = new Array();
6229 var trtd = '';
6230 var numOfEntries = e.feed.entry.length;
6231
6232 for (var i = 0; i < numOfEntries; i++) {
6233 var entry = e.feed.entry[i];
6234 var posttitle = entry.title.$t;
6235 var posturl;
6236
6237 for (var k = 0; k < entry.link.length; k++) {
6238 if (entry.link[k].rel == 'alternate') {
6239 posturl = entry.link[k].href;
6240 break;
6241 }
6242 }
6243
6244 for (var k = 0; k < entry.link.length; k++) {
6245 if ((entry.link[k].rel === 'replies') && (entry.link[k].type === 'text/html')) {
6246 post_comments = entry.link[k].title;
6247 comment_url = entry.link[k].href;
6248 break;
6249 }
6250 }
6251
6252 if ("content" in entry) {
6253 var postcontent = entry.content.$t;
6254 }
6255
6256 s = postcontent;
6257 a = s.indexOf("<img");
6258 b = s.indexOf("src=\"", a);
6259 c = s.indexOf("\"", b + 5);
6260 d = s.substr(b + 5, c - b - 5);
6261
6262 if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
6263 img[i] = d;
6264 var post_image = img[i];
6265 } else {
6266 var post_image = no_image_url;
6267 }
6268
6269 var summary = postcontent.replace(/<.+?>/g, '').substring(0, 90).trim() + "...";
6270 summary = summary.split(" ");
6271 summary.pop();
6272 summary = summary.join(" ") + "...";
6273
6274 var share = '<div class="post-share-wrapper"><span class="share-icon"><i class="fa fa-share"></i></span><div class="post-share"><a class="post-share_link facebook" href="http://www.facebook.com/sharer.php?u='+ posturl +'" target="_blank"><i class="fa fa-facebook"></i></a><a class="post-share_link twitter" href="http://twitter.com/share?url='+ posturl +'" target="_blank"><i class="fa fa-twitter"></i></a><a class="post-share_link pinterest" href="http://pinterest.com/pin/create/button/?source_url='+ posturl +'" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" target="_blank"><i class="fa fa-pinterest"></i></a></div></div>'
6275
6276 var trtd = trtd + '<li class="stack-post clearfix"><a href="'+ posturl +'" class="stack-post-image" style="background: url('+ post_image +') no-repeat center; background-size: cover;"></a>'+ share +'<a href="'+ posturl +'"><h2 class="stack-post-title anchor-hover">'+ posttitle +'</h2></a><p class="stack-post-summary">'+ summary +'</p></li>';
6277
6278 }
6279
6280 widgetContent.html("<ul class='stack-posts-wrapper'>" + trtd + "</ul>");
6281 }
6282
6283 });
6284 } else if(a[1] === "btop") {
6285
6286 $.ajax({
6287 url: "/feeds/posts/default/-/"+ a[0] +"?alt=json-in-script&max-results="+ btopPostsNum +"",
6288 type: "get",
6289 dataType: "jsonp",
6290 success: function (e) {
6291
6292 var img = new Array();
6293 var trtd2 = '';
6294 var numOfEntries = e.feed.entry.length;
6295
6296 for (var i = 0; i < numOfEntries; i++) {
6297 var entry = e.feed.entry[i];
6298 var posttitle = entry.title.$t;
6299 var posturl;
6300 var ll = entry.link.length;
6301
6302 for (var k = 0; k < ll; k++) {
6303 if (entry.link[k].rel == 'alternate') {
6304 posturl = entry.link[k].href;
6305 break;
6306 }
6307 }
6308
6309 for (var k = 0; k < ll; k++) {
6310 if ((entry.link[k].rel === 'replies') && (entry.link[k].type === 'text/html')) {
6311 post_comments = entry.link[k].title;
6312 comment_url = entry.link[k].href;
6313 break;
6314 }
6315 }
6316
6317 if ("content" in entry) {
6318 var postcontent = entry.content.$t;
6319 }
6320
6321 s = postcontent;
6322 a = s.indexOf("<img");
6323 b = s.indexOf("src=\"", a);
6324 c = s.indexOf("\"", b + 5);
6325 d = s.substr(b + 5, c - b - 5);
6326
6327 if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
6328 img[i] = d;
6329 var post_image = img[i];
6330 } else {
6331 var post_image = no_image_url;
6332 }
6333
6334 if(i===0) {
6335 var postdate = entry.published.$t;
6336 var day = postdate.split("-")[2].substring(0,2);
6337 var m = postdate.split("-")[1];
6338 var y = postdate.split("-")[0];
6339 var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
6340 var daystr = '<strong class="day">' + day + '</strong>' + '<br/>' + months[m-1] + '<br/>' + y;
6341
6342 var summary = postcontent.replace(/<.+?>/g, '').substring(0, 140).trim() + "...";
6343
6344 var share = '<div class="post-share-wrapper"><span class="share-icon"><i class="fa fa-share"></i></span><div class="post-share"><a class="post-share_link facebook" href="http://www.facebook.com/sharer.php?u='+ posturl +'" target="_blank"><i class="fa fa-facebook"></i></a><a class="post-share_link twitter" href="http://twitter.com/share?url='+ posturl +'" target="_blank"><i class="fa fa-twitter"></i></a><a class="post-share_link pinterest" href="http://pinterest.com/pin/create/button/?source_url='+ posturl +'" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" target="_blank"><i class="fa fa-pinterest"></i></a></div></div>'
6345
6346 var trtd1 = '<div class="big-post"><span class="btop-timestamp">'+ daystr +'</span><div class="big-post-image-wrapper"><a href="'+ posturl +'" class="big-post-image" style="background: url('+ post_image +') no-repeat center; background-size: cover;"></a>'+ share +'</div><div class="btop-info-wrapper"><a href="'+ posturl +'"><h2 class="big-post-title heading anchor-hover">'+ posttitle +'</h2></a><p class="btop-post-summary">'+ summary +'</p></div></div>';
6347
6348 }
6349 else
6350 {
6351 var post_image = img[i].replace('s1600/', 's150-c/');
6352 trtd2 = trtd2 + '<li class="btop-post"><a href="'+ posturl +'" class="btop-post-image" style="background: url('+ post_image +') no-repeat center; background-size: cover;"></a><a href="'+ posturl +'"><h2 class="btop-post-title anchor-hover">'+ posttitle +'</h2></a></li>';
6353 }
6354 }
6355
6356 widgetContent.html(trtd1 + "<ul class='btop-small-posts'>" + trtd2 + "</ul>");
6357 }
6358
6359 });
6360 } else if(a[1] === "grids") {
6361
6362 $.ajax({
6363 url: "/feeds/posts/default/-/"+ a[0] +"?alt=json-in-script&max-results="+ gridsPostsNum +"",
6364 type: "get",
6365 dataType: "jsonp",
6366 success: function (e) {
6367
6368 var img = new Array();
6369 var trtd = '';
6370 var numOfEntries = e.feed.entry.length;
6371
6372 for (var i = 0; i < numOfEntries; i++) {
6373 var entry = e.feed.entry[i];
6374 var posttitle = entry.title.$t;
6375 var posturl;
6376
6377 for (var k = 0; k < entry.link.length; k++) {
6378 if (entry.link[k].rel == 'alternate') {
6379 posturl = entry.link[k].href;
6380 break;
6381 }
6382 }
6383
6384 for (var k = 0; k < entry.link.length; k++) {
6385 if ((entry.link[k].rel === 'replies') && (entry.link[k].type === 'text/html')) {
6386 post_comments = entry.link[k].title;
6387 comment_url = entry.link[k].href;
6388 break;
6389 }
6390 }
6391
6392 if ("content" in entry) {
6393 var postcontent = entry.content.$t;
6394 }
6395
6396 s = postcontent;
6397 a = s.indexOf("<img");
6398 b = s.indexOf("src=\"", a);
6399 c = s.indexOf("\"", b + 5);
6400 d = s.substr(b + 5, c - b - 5);
6401
6402 if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
6403 img[i] = d;
6404 var post_image = img[i];
6405 } else {
6406 var post_image = no_image_url;
6407 }
6408
6409 var trtd = trtd + '<li class="grids-post"><a href="'+ posturl +'" class="grids-post-image" style="background: url('+ post_image +') no-repeat center; background-size: cover;"></a><a href="'+ posturl +'"><h2 class="grids-post-title anchor-hover">'+ posttitle +'</h2></a></li>';
6410 }
6411
6412 widgetContent.html("<ul class='grids-posts-wrapper clearfix'>" + trtd + "</ul>");
6413 }
6414
6415 });
6416 } else if(a[1] === "slideshow") {
6417 widgetContent.attr("id", "slideshow" + "b" + index);
6418
6419 $.ajax({
6420 url: "/feeds/posts/default/-/"+ a[0] +"?alt=json-in-script&max-results="+ slideshowPostsNum +"",
6421 type: "get",
6422 dataType: "jsonp",
6423 success: function (e) {
6424
6425 var img = new Array();
6426 var trtd = '';
6427 var numOfEntries = e.feed.entry.length;
6428
6429 for (var i = numOfEntries-1; i > -1; i--) {
6430 var entry = e.feed.entry[i];
6431 var posttitle = entry.title.$t;
6432 var posturl;
6433
6434 for (var k = 0; k < entry.link.length; k++) {
6435 if (entry.link[k].rel == 'alternate') {
6436 posturl = entry.link[k].href;
6437 break;
6438 }
6439 }
6440
6441 if ("content" in entry) {
6442 var postcontent = entry.content.$t;
6443 }
6444
6445 s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
6446
6447 if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
6448 img[i] = d;
6449 var post_image = img[i];
6450 } else {
6451 var post_image = no_image_url;
6452 }
6453
6454 var summary = postcontent.replace(/<.+?>/g, '').substring(0, 80).trim() + "...";
6455
6456 if(i === 0){
6457 var trtd = trtd + '<li class="slideshow-post active-slide"><a href="'+ posturl +'" class="post-image" style="background: url('+ post_image +') no-repeat center;background-size: cover"></a><div class="title-summary-wrapper"><a href="'+ posturl +'" class="post-title"><h3 class="heading anchor-hover">'+ posttitle +'</h3></a><p class="post-summary">'+ summary +'</p></div></li>';
6458 } else {
6459 var trtd = trtd + '<li class="slideshow-post"><a href="'+ posturl +'" class="post-image" style="background: url('+ post_image +') no-repeat center;background-size: cover"></a><div class="title-summary-wrapper"><a href="'+ posturl +'" class="post-title"><h3 class="heading anchor-hover">'+ posttitle +'</h3></a><p class="post-summary">'+ summary +'</p></div></li>';
6460 }
6461 }
6462 var arrowsCode = '<span class="left-arrow arrow"><i class="fa fa-chevron-left"></i></span><span class="right-arrow arrow"><i class="fa fa-chevron-right"></i></span>';
6463 widgetContent.html(arrowsCode + '<ul class="slideshow-posts-wrapper">' + trtd + '</ul>');
6464
6465 var slideShow = $("#slideshowb"+index+"");
6466 var left = slideShow.children(".left-arrow");
6467 var right = slideShow.children(".right-arrow");
6468 var activeSlide;
6469 var postsWrapper;
6470
6471 function slideshowL() {
6472 postsWrapper = $(this).siblings(".slideshow-posts-wrapper");
6473 activeSlide = postsWrapper.children(".active-slide");
6474 if(activeSlide.index() === 0) {
6475 activeSlide.addClass("fadeOut").removeClass("fadeIn active-slide");
6476 postsWrapper.children(".slideshow-post").eq(numOfEntries-1).addClass("active-slide fadeIn").removeClass("fadeOut");
6477 } else {
6478 activeSlide.addClass("fadeOut").removeClass("fadeIn active-slide");
6479 activeSlide.prev().addClass("active-slide fadeIn").removeClass("fadeOut");
6480 }
6481 }
6482
6483 function slideshowR() {
6484 postsWrapper = $(this).siblings(".slideshow-posts-wrapper");
6485 activeSlide = postsWrapper.children(".active-slide");
6486 if(activeSlide.index() === numOfEntries-1) {
6487 activeSlide.addClass("fadeOut").removeClass("fadeIn active-slide");
6488 postsWrapper.children(".slideshow-post").eq(0).addClass("active-slide fadeIn").removeClass("fadeOut");
6489 } else {
6490 activeSlide.addClass("fadeOut").removeClass("fadeIn active-slide");
6491 activeSlide.next().addClass("fadeIn active-slide").removeClass("fadeOut");
6492 }
6493 }
6494
6495 left.on("click", slideshowL);
6496 right.on("click", slideshowR);
6497
6498/*
6499 var arr;
6500 var height;
6501 var maxHeight = 0;
6502 var imageHeight;
6503 var wrapperHeight;
6504 var slideshowPosts = slideShow.find(".slideshow-post");
6505
6506 slideshowPosts.each(function(){
6507 var _self = $(this);
6508 imageHeight = _self.children(".post-image").outerHeight();
6509 wrapperHeight = _self.children(".title-summary-wrapper").outerHeight();
6510 height = imageHeight + wrapperHeight;
6511 if(height > maxHeight) {
6512 maxHeight = height;
6513 }
6514 });
6515
6516 slideShow.css("height", maxHeight);
6517
6518 function autoPlaySlideshow() {
6519 slideshowAutoPlay = setInterval (function (){
6520 postsWrapper = slideShow.find(".slideshow-posts-wrapper");
6521 activeSlide = postsWrapper.children(".active-slide");
6522 if(activeSlide.index() === numOfEntries-1) {
6523 activeSlide.addClass("fadeOut").removeClass("fadeIn").removeClass("active-slide");
6524 postsWrapper.children(".slideshow-post").eq(0).addClass("fadeIn").removeClass("fadeOut").addClass("active-slide");
6525 } else {
6526 activeSlide.addClass("fadeOut").removeClass("fadeIn").removeClass("active-slide");
6527 activeSlide.next().addClass("fadeIn").removeClass("fadeOut").addClass("active-slide");
6528 }
6529 }, 3000);
6530 };
6531
6532 autoPlaySlideshow();
6533
6534 slideShow.on("mouseenter", function () {
6535 clearInterval(slideshowAutoPlay);
6536 });
6537
6538 slideShow.on("mouseleave", autoPlaySlideshow);
6539*/
6540 }
6541 });
6542 }
6543 });
6544
6545/*---- Add the title "Latest Posts" to the Blog widget ----*/
6546var blog = $(".Blog");
6547var blogHeader = "<div class='title'>latest posts</div>";
6548blog.prepend(blogHeader);
6549
6550//]]>
6551</script>
6552</b:if>
6553
6554<b:if cond='data:blog.pageType != "error_page"'>
6555<script>
6556//<![CDATA[
6557
6558/* Sidebar Widgets
6559--------------------------------------*/
6560var no_image_url = 'https://2.bp.blogspot.com/-0PTH--hIAHU/VsC6iFnrJII/AAAAAAAAAZg/msMKLIaI8rE/s1600/no_img_url.png';
6561$(".sidebar-wrapper1 .HTML").each(function (index) {
6562 var widget = $(this);
6563 var widgetContent = widget.children(".widget-content");
6564 var widgetContentText = widgetContent.text().trim();
6565 var wct = widgetContentText.toLowerCase();
6566 var a = widgetContentText.match(/[^[\]]+(?=])/g);
6567 if (wct.charAt(0) === "[") {
6568 if (a[0] === "verticalposts" || a[0] === "vertical posts") {
6569 widgetContent.addClass("verticalposts");
6570 $.ajax({
6571 url: "/feeds/posts/default/-/" + a[1] + "?alt=json-in-script&max-results=" + verticalPostsNum + "",
6572 type: "get",
6573 dataType: "jsonp",
6574 success: function (e) {
6575 var img = new Array();
6576 var trtd = '';
6577 var numOfEntries = e.feed.entry.length;
6578 for (var i = 0; i < numOfEntries; i++) {
6579 var entry = e.feed.entry[i];
6580 var posttitle = entry.title.$t;
6581 var posturl;
6582 for (var k = 0; k < entry.link.length; k++) {
6583 if (entry.link[k].rel == 'alternate') {
6584 posturl = entry.link[k].href;
6585 break
6586 }
6587 }
6588 if ("content" in entry) {
6589 var postcontent = entry.content.$t
6590 }
6591 s = postcontent;
6592 a = s.indexOf("<img");
6593 b = s.indexOf("src=\"", a);
6594 c = s.indexOf("\"", b + 5);
6595 d = s.substr(b + 5, c - b - 5);
6596 if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
6597 img[i] = d;
6598 var post_image = img[i]
6599 } else {
6600 var post_image = no_image_url
6601 }
6602 var trtd = trtd + '<li class="vertical-post clearfix"><a href="' + posturl + '" class="post-image" style="background: url(' + post_image + ') no-repeat center;background-size: cover"></a><a href="' + posturl + '"><h3 class="post-title anchor-hover">' + posttitle + '</h3></a></li>'
6603 }
6604 widgetContent.html("<ul class='vertical-posts-wrapper'>" + trtd + "</ul>")
6605 }
6606 })
6607 }
6608 }
6609});
6610
6611 $(".sidebar-wrapper2 .HTML").each(function (index) {
6612
6613 var widget = $(this);
6614 var widgetContent = widget.children(".widget-content");
6615 var widgetContentText = widgetContent.text().trim();
6616 var wct = widgetContentText.toLowerCase();
6617
6618 if((wct === "randomposts1") || (wct === "random posts1")) {
6619
6620 widgetContent.addClass("randomposts1");
6621
6622 $.ajax({
6623 url: "/feeds/posts/default?alt=json-in-script",
6624 type: "get",
6625 dataType: "jsonp",
6626 success: function (e) {
6627
6628 var entryLength = e.feed.entry.length,
6629 a = entryLength - sidebarRandomPostsNum,
6630 n = Math.floor(Math.random() * (a + 1));
6631
6632 $.ajax({
6633 url: "/feeds/posts/default?alt=json-in-script&end-index=" + n + "",
6634 type: "get",
6635 dataType: "jsonp",
6636 success: function (e) {
6637
6638 var img = new Array();
6639 var trtd = '';
6640
6641 for (var i = 0; i < sidebarRandomPostsNum; i++) {
6642 var entry = e.feed.entry[n+i];
6643 var posttitle = entry.title.$t;
6644 var posturl;
6645 var post_comments;
6646 var comment_url;
6647
6648 for (var k = 0; k < entry.link.length; k++) {
6649 if (entry.link[k].rel == 'alternate') {
6650 posturl = entry.link[k].href;
6651 break;
6652 }
6653 }
6654
6655 for (var k = 0; k < entry.link.length; k++) {
6656 if ((entry.link[k].rel === 'replies') && (entry.link[k].type === 'text/html')) {
6657 post_comments = entry.link[k].title;
6658 comment_url = entry.link[k].href;
6659 break;
6660 }
6661 }
6662
6663 if ("content" in entry) {
6664 var postcontent = entry.content.$t;
6665 }
6666
6667 s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
6668
6669 if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
6670 img[n] = d;
6671 var post_image = img[n];
6672 } else {
6673 var post_image = no_image_url;
6674 }
6675
6676 var trtd = trtd + '<li class="post-wrapper clearfix"><a href="'+ posturl +'" class="random_post-image" style="background: url('+ post_image +') no-repeat center;background-size: cover"></a><a href="'+ posturl +'"><h3 class="random_post-title anchor-hover">'+ posttitle +'</h3></a><a href="'+ comment_url +'" class="post-comments"><i class="fa fa-comment-o icon"></i>'+ post_comments +'</a></li>';
6677
6678 }
6679 widgetContent.html('<ul class="random-posts">' + trtd + '</ul>');
6680 }
6681 });
6682 }
6683 });
6684
6685 } else if((wct === "randomposts2") || (wct === "random posts2")) {
6686
6687 widgetContent.addClass("randomposts2");
6688
6689 $.ajax({
6690 url: "/feeds/posts/default?alt=json-in-script",
6691 type: "get",
6692 dataType: "jsonp",
6693 success: function (e) {
6694
6695 var entryLength = e.feed.entry.length,
6696 a = entryLength - sidebarRandomPostsNum,
6697 n = Math.floor(Math.random() * (a + 1));
6698
6699 $.ajax({
6700 url: "/feeds/posts/default?alt=json-in-script&end-index=" + n + "",
6701 type: "get",
6702 dataType: "jsonp",
6703 success: function (e) {
6704
6705 var img = new Array();
6706 var trtd = '';
6707
6708 for (var i = 0; i < sidebarRandomPostsNum; i++) {
6709 var entry = e.feed.entry[n+i];
6710 var posttitle = entry.title.$t;
6711 var posturl;
6712
6713 for (var k = 0; k < entry.link.length; k++) {
6714 if (entry.link[k].rel == 'alternate') {
6715 posturl = entry.link[k].href;
6716 break;
6717 }
6718 }
6719
6720 if ("content" in entry) {
6721 var postcontent = entry.content.$t;
6722 }
6723
6724 s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
6725
6726 if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
6727 img[n] = d;
6728 var post_image = img[n];
6729 } else {
6730 var post_image = no_image_url;
6731 }
6732
6733 var summary = postcontent.replace(/<.+?>/g, '').substring(0, 70).trim() + "...";
6734
6735 var trtd = trtd + '<li class="post-wrapper clearfix"><a href="'+ posturl +'" class="post-image" style="background: url('+ post_image +') no-repeat center;background-size: cover"></a><div class="title-summary-wrapper"><a href="'+ posturl +'" class="post-title"><h3 class="heading">'+ posttitle +'</h3></a><p class="post-summary">'+ summary +'</p></div></li>';
6736
6737 }
6738 widgetContent.html('<ul class="random-posts">' + trtd + '</ul>');
6739 }
6740 });
6741 }
6742 });
6743
6744 } else if((wct === "recentposts1") || (wct === "recent posts1")) {
6745
6746 widgetContent.addClass("recentposts1");
6747
6748 $.ajax({
6749 url: "/feeds/posts/default?alt=json-in-script&max-results="+ sidebarRecentPostsNum +"",
6750 type: "get",
6751 dataType: "jsonp",
6752 success: function (e) {
6753
6754 var img = new Array();
6755 var trtd = '';
6756 var numOfEntries = e.feed.entry.length;
6757
6758 for (var i = 0; i < numOfEntries; i++) {
6759 var entry = e.feed.entry[i];
6760 var posttitle = entry.title.$t;
6761 var posturl;
6762
6763 for (var k = 0; k < entry.link.length; k++) {
6764 if (entry.link[k].rel == 'alternate') {
6765 posturl = entry.link[k].href;
6766 break;
6767 }
6768 }
6769
6770 if ("content" in entry) {
6771 var postcontent = entry.content.$t;
6772 }
6773
6774 s = postcontent;
6775 a = s.indexOf("<img");
6776 b = s.indexOf("src=\"", a);
6777 c = s.indexOf("\"", b + 5);
6778 d = s.substr(b + 5, c - b - 5);
6779
6780 if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
6781 img[i] = d;
6782 var post_image = img[i];
6783 } else {
6784 var post_image = no_image_url;
6785 }
6786
6787 var trtd = trtd + '<li class="recent-post-item"><a href="'+ posturl +'" class="post-image" style="background: url('+ post_image +') no-repeat center; background-size: cover;"></a><a href="'+ posturl +'" class="post-title"><h2 class="heading anchor-hover">'+ posttitle +'</h2></a></li>';
6788
6789 }
6790
6791 widgetContent.html("<ul class='recent-posts-wrapper'>" + trtd + "</ul>");
6792 }
6793
6794 });
6795 } else if((wct === "recentposts2") || (wct === "recent posts2")) {
6796
6797 widgetContent.addClass("recentposts2");
6798
6799 $.ajax({
6800 url: "/feeds/posts/default?alt=json-in-script&max-results="+ sidebarRecentPostsNum +"",
6801 type: "get",
6802 dataType: "jsonp",
6803 success: function (e) {
6804
6805 var img = new Array();
6806 var trtd = '';
6807 var numOfEntries = e.feed.entry.length;
6808
6809 for (var i = 0; i < numOfEntries; i++) {
6810 var entry = e.feed.entry[i];
6811 var posttitle = entry.title.$t;
6812 var posturl;
6813
6814 for (var k = 0; k < entry.link.length; k++) {
6815 if (entry.link[k].rel == 'alternate') {
6816 posturl = entry.link[k].href;
6817 break;
6818 }
6819 }
6820
6821 if ("content" in entry) {
6822 var postcontent = entry.content.$t;
6823 }
6824
6825 s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
6826
6827 if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
6828 img[i] = d;
6829 var post_image = img[i];
6830 } else {
6831 var post_image = no_image_url;
6832 }
6833
6834 var summary = postcontent.replace(/<.+?>/g, '').substring(0, 70).trim() + "...";
6835
6836 var trtd = trtd + '<li class="post-wrapper clearfix"><a href="'+ posturl +'" class="post-image" style="background: url('+ post_image +') no-repeat center;background-size: cover"></a><div class="title-summary-wrapper"><a href="'+ posturl +'" class="post-title"><h3 class="heading">'+ posttitle +'</h3></a><p class="post-summary">'+ summary +'</p></div></li>';
6837
6838 }
6839 widgetContent.html("<ul class='recent-posts-wrapper'>" + trtd + "</ul>");
6840 }
6841
6842 });
6843 } else if(wct === "recentcomments") {
6844
6845 $.ajax({
6846 url: "/feeds/comments/default?alt=json-in-script&max-results="+ sidebarRecentCommentsNum +"",
6847 type: "get",
6848 dataType: "jsonp",
6849 success: function (e) {
6850
6851 var trtd = '';
6852 var numOfEntries = e.feed.entry.length;
6853
6854 for (var i = 0; i < numOfEntries ; i++) {
6855 var entry = e.feed.entry[i];
6856 var comment_content = entry.title.$t;
6857 var comment_author = entry.author[0].name.$t;
6858 var author_avatar = entry.author[0].gd$image.src;
6859 var commenturl;
6860
6861 for (var k = 0; k < entry.link.length; k++) {
6862 if (entry.link[k].rel == 'alternate') {
6863 commenturl = entry.link[k].href;
6864 break;
6865 }
6866 }
6867
6868 trtd = trtd + '<li class="comment"><img src="'+ author_avatar +'" class="comment-avatar" alt="Commenter avatar" height="32px" width="32px"/><h6 class="comment-author">'+ comment_author +'</h6><a href="'+ commenturl +'" class="comment-content anchor-hover">'+ comment_content +'</a></li>';
6869
6870 }
6871
6872 widgetContent.html("<ul class='recent-comments-wrapper'>" + trtd + "</ul>");
6873
6874 }
6875
6876 });
6877 } else if(widgetContentText.charAt(0) === "[") {
6878 var a = widgetContentText.match(/[^[\]]+(?=])/g);
6879 widgetContent.addClass(a[0]);
6880
6881 if(a[0].toLowerCase() === "socialcounter") {
6882 var content = '';
6883 var c = a.length;
6884
6885 for(i=1; i<c; i+=3) {
6886 var content = content + '<li class="social_item-wrapper"><a href="'+ a[i+1] +'" class="social_item social_'+ a[i] +'"><i class="fa fa-'+ a[i] +' social_icon"></i><span class="social_num">'+ a[i+2] +'</span></a></li>'
6887 }
6888
6889 widgetContent.html('<ul class="social-counter">' + content + '</ul>');
6890
6891 } else if(a[0].toLowerCase() === "slideshow") {
6892 widgetContent.attr("id", "slideshow" + "s" + index);
6893
6894 $.ajax({
6895 url: "/feeds/posts/default/-/"+ a[1] +"?alt=json-in-script&max-results="+ slideshowPostsNum +"",
6896 type: "get",
6897 dataType: "jsonp",
6898 success: function (e) {
6899
6900 var img = new Array();
6901 var trtd = '';
6902 var numOfEntries = e.feed.entry.length;
6903
6904 for (var i = numOfEntries-1; i > -1; i--) {
6905 var entry = e.feed.entry[i];
6906 var posttitle = entry.title.$t;
6907 var posturl;
6908
6909 for (var k = 0; k < entry.link.length; k++) {
6910 if (entry.link[k].rel == 'alternate') {
6911 posturl = entry.link[k].href;
6912 break;
6913 }
6914 }
6915
6916 if ("content" in entry) {
6917 var postcontent = entry.content.$t;
6918 }
6919
6920 s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
6921
6922 if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
6923 img[i] = d;
6924 var post_image = img[i];
6925 } else {
6926 var post_image = no_image_url;
6927 }
6928
6929 var summary = postcontent.replace(/<.+?>/g, '').substring(0, 90).trim() + "...";
6930
6931 if(i === 0){
6932 var trtd = trtd + '<li class="slideshow-post active-slide"><a href="'+ posturl +'" class="post-image" style="background: url('+ post_image +') no-repeat center;background-size: cover"></a><div class="title-summary-wrapper"><a href="'+ posturl +'" class="post-title"><h3 class="heading anchor-hover">'+ posttitle +'</h3></a><p class="post-summary">'+ summary +'</p></div></li>';
6933 } else {
6934 var trtd = trtd + '<li class="slideshow-post"><a href="'+ posturl +'" class="post-image" style="background: url('+ post_image +') no-repeat center;background-size: cover"></a><div class="title-summary-wrapper"><a href="'+ posturl +'" class="post-title"><h3 class="heading anchor-hover">'+ posttitle +'</h3></a><p class="post-summary">'+ summary +'</p></div></li>';
6935 }
6936 }
6937 var arrowsCode = '<span class="left-arrow arrow"><i class="fa fa-chevron-left"></i></span><span class="right-arrow arrow"><i class="fa fa-chevron-right"></i></span>';
6938 widgetContent.html(arrowsCode + '<ul class="slideshow-posts-wrapper">' + trtd + '</ul>');
6939
6940 var slideShow = $("#slideshows"+index+"");
6941 var left = slideShow.children(".left-arrow");
6942 var right = slideShow.children(".right-arrow");
6943 var activeSlide;
6944 var postsWrapper;
6945
6946 function slideshowL() {
6947 postsWrapper = $(this).siblings(".slideshow-posts-wrapper");
6948 activeSlide = postsWrapper.children(".active-slide");
6949 if(activeSlide.index() === 0) {
6950 activeSlide.addClass("fadeOut").removeClass("fadeIn active-slide");
6951 postsWrapper.children(".slideshow-post").eq(numOfEntries-1).addClass("active-slide fadeIn").removeClass("fadeOut");
6952 } else {
6953 activeSlide.addClass("fadeOut").removeClass("fadeIn active-slide");
6954 activeSlide.prev().addClass("active-slide fadeIn").removeClass("fadeOut");
6955 }
6956 }
6957
6958 function slideshowR() {
6959 postsWrapper = $(this).siblings(".slideshow-posts-wrapper");
6960 activeSlide = postsWrapper.children(".active-slide");
6961 if(activeSlide.index() === numOfEntries-1) {
6962 activeSlide.addClass("fadeOut").removeClass("fadeIn active-slide");
6963 postsWrapper.children(".slideshow-post").eq(0).addClass("active-slide fadeIn").removeClass("fadeOut");
6964 } else {
6965 activeSlide.addClass("fadeOut").removeClass("fadeIn active-slide");
6966 activeSlide.next().addClass("fadeIn active-slide").removeClass("fadeOut");
6967 }
6968 }
6969
6970 left.on("click", slideshowL);
6971 right.on("click", slideshowR);
6972
6973/*
6974 var arr;
6975 var height;
6976 var maxHeight = 0;
6977 var imageHeight;
6978 var wrapperHeight;
6979 var slideshowPosts = slideShow.find(".slideshow-post");
6980
6981 slideshowPosts.each(function(){
6982 var _self = $(this);
6983 imageHeight = _self.children(".post-image").outerHeight();
6984 wrapperHeight = _self.children(".title-summary-wrapper").outerHeight();
6985 height = imageHeight + wrapperHeight;
6986 if(height > maxHeight) {
6987 maxHeight = height;
6988 }
6989 });
6990
6991 slideShow.css("height", maxHeight);
6992
6993 function autoPlaySlideshow() {
6994 slideshowAutoPlay = setInterval (function (){
6995 postsWrapper = slideShow.find(".slideshow-posts-wrapper");
6996 activeSlide = postsWrapper.children(".active-slide");
6997 if(activeSlide.index() === numOfEntries-1) {
6998 activeSlide.addClass("fadeOut").removeClass("fadeIn").removeClass("active-slide");
6999 postsWrapper.children(".slideshow-post").eq(0).addClass("fadeIn").removeClass("fadeOut").addClass("active-slide");
7000 } else {
7001 activeSlide.addClass("fadeOut").removeClass("fadeIn").removeClass("active-slide");
7002 activeSlide.next().addClass("fadeIn").removeClass("fadeOut").addClass("active-slide");
7003 }
7004 }, 3000);
7005 };
7006
7007 autoPlaySlideshow();
7008
7009 slideShow.on("mouseenter", function () {
7010 clearInterval(slideshowAutoPlay);
7011 });
7012
7013 slideShow.on("mouseleave", autoPlaySlideshow);
7014*/
7015 }
7016 });
7017 } else if(a[0] === "verticalposts" || a[0] === "vertical posts") {
7018 $.ajax({
7019 url: "/feeds/posts/default/-/"+ a[1] +"?alt=json-in-script&max-results="+ verticalPostsNum +"",
7020 type: "get",
7021 dataType: "jsonp",
7022 success: function (e) {
7023
7024 var img = new Array();
7025 var trtd = '';
7026 var numOfEntries = e.feed.entry.length;
7027
7028 for (var i = 0; i < numOfEntries; i++) {
7029 var entry = e.feed.entry[i];
7030 var posttitle = entry.title.$t;
7031 var posturl;
7032
7033 for (var k = 0; k < entry.link.length; k++) {
7034 if (entry.link[k].rel == 'alternate') {
7035 posturl = entry.link[k].href;
7036 break;
7037 }
7038 }
7039
7040 if ("content" in entry) {
7041 var postcontent = entry.content.$t;
7042 }
7043
7044 s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
7045
7046 if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
7047 img[i] = d;
7048 var post_image = img[i];
7049 } else {
7050 var post_image = no_image_url;
7051 }
7052
7053 var trtd = trtd + '<li class="vertical-post clearfix"><a href="'+ posturl +'" class="post-image" style="background: url('+ post_image +') no-repeat center;background-size: cover"></a><a href="'+ posturl +'"><h3 class="post-title anchor-hover">'+ posttitle +'</h3></a></li>';
7054
7055 }
7056 widgetContent.html("<ul class='vertical-posts-wrapper'>" + trtd + "</ul>");
7057 }
7058
7059 });
7060 }
7061 }
7062 });
7063
7064 /*---- Add the sub headline to "follow by email" widget ----*/
7065 var f = $(".FollowByEmail .widget-content");
7066 if(f.length) {
7067 f.prepend("<p class='subhead'>"+ followByEmailMessage +"</p>");
7068 }
7069
7070 /*---- Remove the paranthesis in the List Label widget ----*/
7071 var l = $(".list-label-widget-content li span");
7072 if(l.length) {
7073 var s;
7074 var a;
7075 l.each(function (){
7076 var _self = $(this);
7077 s = _self.text().trim();
7078 a = s.replace(/\D/g, "");
7079 _self.text(a);
7080 });
7081 }
7082
7083//]]>
7084</script><!-- Sidebar AJAX Requests -->
7085
7086<script>
7087//<![CDATA[
7088
7089 $(function(){
7090
7091 var tabsWrapper = $(".sidebartabs-wrapper");
7092 var tabWidget = tabsWrapper.find(".widget");
7093 var tabs = $(".sidebartab-item");
7094
7095 tabsWrapper.each(function(){
7096 var _self = $(this),
7097 s = _self.find(".widget");
7098 if (s.length < 2) {
7099 _self.remove();
7100 }
7101 else
7102 {
7103 var widgetsTitle = s.children("h2");
7104 var tabItems = _self.find(".sidebartab-item");
7105 var len = tabItems.length;
7106
7107 for(var i=0; i < len; i++) {
7108 tabItems.eq(i).html(widgetsTitle.eq(i).text());
7109 }
7110 }
7111 });
7112
7113 tabs.on("click", function (e) {
7114 var _self = $(this),
7115 index = tabs.index(_self);
7116
7117 _self.addClass("activetab");
7118 _self.siblings().removeClass("activetab");
7119 tabWidget.eq(index).addClass("show").removeClass("hide");
7120 tabWidget.eq(index).siblings().addClass("hide").removeClass("show");
7121 });
7122
7123 });
7124
7125// ]]>
7126</script><!-- sidebar tabs -->
7127</b:if>
7128
7129<b:if cond='data:blog.url == data:blog.homepageUrl'>
7130<script>
7131//<![CDATA[
7132
7133if (showPagination) {
7134 $("#blog-pager").addClass("hide");
7135 $.ajax({
7136 url: "/feeds/posts/default?alt=json-in-script&max-results=10000",
7137 type: "get",
7138 dataType: "jsonp",
7139 success: function (e) {
7140 var numOfEntries = e.feed.entry.length;
7141 var postOuter = $(".post-outer");
7142 var postOuterLength = postOuter.length;
7143 var len = postOuterLength;
7144 var numOfPages = Math.ceil(numOfEntries / postOuterLength);
7145 if (numOfPages !== 1) {
7146 var entryWanted = e.feed.entry[postOuterLength - 1];
7147 var pd = entryWanted.published.$t.replace(/\.\d*/, "");
7148 var code = '<span class="pagination-item active-page">1</span><a class="pagination-item" href="/search?updated-max=' + pd + '&max-results=' + len + '">2</a>';
7149 var next = '<a class="pagination-cont" href="/search?updated-max=' + pd + '&max-results=' + len + '">next</a>';
7150 var div = '<div class="pagination">';
7151 for (var i = 0; i < numOfPages - 2; i++) {
7152 postOuterLength = postOuterLength + len;
7153 entryWanted = e.feed.entry[postOuterLength - 1];
7154 pd = entryWanted.published.$t.replace(/\.\d*/, "");
7155 if (i !== (numOfPages - 3)) {
7156 code = code + '<a class="pagination-item" href="/search?updated-max=' + pd + '&max-results=' + len + '">' + (i + 3) + '</a>'
7157 } else {
7158 code = code + '<a class="pagination-item" href="/search?updated-max=' + pd + '&max-results=' + len + '">' + (i + 3) + '</a></div>'
7159 }
7160 }
7161 $(".Blog").append(div + code)
7162 }
7163 var p = $(".pagination");
7164 p.append(next);
7165 var pages = $(".pagination-item");
7166 if (pages.length >= 12) {
7167 var thirdPage = $(".pagination-item").eq(2);
7168 var dots = "<span id='pDots'>... </span>";
7169 pages.addClass("hide");
7170 thirdPage.after(dots);
7171 for (var i = 0; i < 3; i++) {
7172 pages.eq(i).removeClass("hide")
7173 }
7174 pages.eq(length - 2).removeClass("hide");
7175 pages.eq(length - 1).removeClass("hide")
7176 }
7177 },
7178 error: function () {
7179 $("#blog-pager").removeClass("hide")
7180 }
7181 })
7182}
7183//]]>
7184</script><!-- Homepage Pagination -->
7185</b:if>
7186
7187<b:if cond='data:blog.pageType == "index" and data:blog.url != data:blog.homepageUrl'>
7188<script>
7189//<![CDATA[
7190
7191 if (showPagination) {
7192 $("#blog-pager").addClass("hide");
7193 var label = $(".status-msg-body").children("b").text().trim();
7194 if (label.length) {
7195 $.ajax({
7196 url: "/feeds/posts/default/-/" + label + "?alt=json-in-script&max-results=10000",
7197 type: "get",
7198 dataType: "jsonp",
7199 success: function (e) {
7200 var url = location.href;
7201 var h = url.match(/max-results=\d*/);
7202 var maxResults = h[0].replace("max-results=", "") * 1;
7203 var len = maxResults * 1;
7204 var numOfEntries = e.feed.entry.length;
7205 var numOfPages = Math.ceil(numOfEntries / maxResults);
7206 var a = url.match(/updated-max=[^a-z][^\&]*/);
7207 if (a !== null) {
7208 var s = a[0].replace("updated-max=", "");
7209 s = s.replace(/\.\d*/, "")
7210 }
7211 if (numOfPages !== 1) {
7212 var entryWanted = e.feed.entry[maxResults - 1];
7213 var pd = entryWanted.published.$t.replace(/\.\d*/, "");
7214 if (a === null) {
7215 var code = '<span class="pagination-item active-page">1</span><a href="/search/label/' + label + '?updated-max=' + pd + '&max-results=' + len + '" class="pagination-item">2</a>'
7216 } else {
7217 if (s === pd) {
7218 var code = '<a href="/search/label/' + label + '?&max-results=' + len + '" class="pagination-item">1</a><span class="pagination-item active-page">2</span>'
7219 } else {
7220 var code = '<a class="pagination-item" href="/search/label/' + label + '?&max-results=' + len + '">1</a><a href="/search/label/' + label + '?updated-max=' + pd + '&max-results=' + len + '" class="pagination-item">2</a>'
7221 }
7222 }
7223 var div = '<div class="pagination">';
7224 if (numOfPages !== 2) {
7225 for (var i = 0; i < numOfPages - 2; i++) {
7226 maxResults = maxResults + len;
7227 entryWanted = e.feed.entry[maxResults - 1];
7228 pd = entryWanted.published.$t.replace(/\.\d*/, "");
7229 if (i !== (numOfPages - 3)) {
7230 if (s === pd) {
7231 code = code + '<span class="pagination-item active-page">' + (i + 3) + '</span>'
7232 } else {
7233 code = code + '<a class="pagination-item" href="/search/label/' + label + '?updated-max=' + pd + '&max-results=' + len + '">' + (i + 3) + '</a>'
7234 }
7235 } else {
7236 if (s === pd) {
7237 code = code + '<span class="pagination-item active-page">' + (i + 3) + '</span></div>'
7238 } else {
7239 code = code + '<a class="pagination-item" href="/search/label/' + label + '?updated-max=' + pd + '&max-results=' + len + '">' + (i + 3) + '</a></div>'
7240 }
7241 }
7242 }
7243 }
7244 $(".Blog").append(div + code)
7245 }
7246 var p = $(".pagination");
7247 var pitems = $(".pagination-item");
7248 var activeElem = $(".active-page");
7249 var lp = pitems.eq(pitems.length - 1);
7250 var next = activeElem.next().attr("href");
7251 var prev = activeElem.prev().attr("href");
7252 var prevElem = "<a class='pagination-cont' href='" + prev + "'>prev</a>";
7253 var nextElem = "<a class='pagination-cont' href='" + next + "'>next</a>";
7254 if (a !== null) {
7255 p.prepend(prevElem);
7256 if (!(lp.hasClass("active-page"))) {
7257 p.append(nextElem)
7258 }
7259 } else {
7260 p.append(nextElem)
7261 }
7262 var numOfPages = pitems.length;
7263 if (numOfPages >= 12) {
7264 var index = pitems.index(activeElem);
7265 var dots = "<span id='pDots'>... </span>";
7266 if (index < 4) {
7267 var fourthPage = $(".pagination-item").eq(3);
7268 pitems.addClass("hide");
7269 for (var i = 0; i < 4; i++) {
7270 pitems.eq(i).removeClass("hide")
7271 }
7272 if (index === 3) {
7273 pitems.eq(4).removeClass("hide");
7274 pitems.eq(5).removeClass("hide").after(dots)
7275 } else {
7276 fourthPage.after(dots)
7277 }
7278 pitems.eq(numOfPages - 1).removeClass("hide")
7279 } else {
7280 pitems.eq(0).after(dots);
7281 if (index < numOfPages - 5) {
7282 pitems.eq(index + 2).after(dots);
7283 pitems.addClass("hide");
7284 pitems.eq(0).removeClass("hide");
7285 pitems.eq(index).removeClass("hide");
7286 pitems.eq(index + 1).removeClass("hide");
7287 pitems.eq(index + 2).removeClass("hide");
7288 pitems.eq(index - 1).removeClass("hide");
7289 pitems.eq(index - 2).removeClass("hide");
7290 pitems.eq(numOfPages - 1).removeClass("hide")
7291 } else {
7292 for (var i = 0; i < index - 2; i++) {
7293 pitems.eq(i).addClass("hide")
7294 }
7295 pitems.eq(0).removeClass("hide")
7296 }
7297 }
7298 }
7299 },
7300 error: function () {
7301 $("#blog-pager").removeClass("hide")
7302 }
7303 })
7304 } else {
7305 $.ajax({
7306 url: "/feeds/posts/default?alt=json-in-script&max-results=10000",
7307 type: "get",
7308 dataType: "jsonp",
7309 success: function (e) {
7310 var url = location.href;
7311 var h = url.match(/max-results=\d*/);
7312 var maxResults = h[0].replace("max-results=", "") * 1;
7313 var len = maxResults * 1;
7314 var numOfEntries = e.feed.entry.length;
7315 var numOfPages = Math.ceil(numOfEntries / maxResults);
7316 var a = url.match(/updated-max=[^a-z][^\&]*/);
7317 var s = a[0].replace("updated-max=", "");
7318 s = s.replace(/\.\d*/, "");
7319 if (numOfPages !== 1) {
7320 var entryWanted = e.feed.entry[maxResults - 1];
7321 var pd = entryWanted.published.$t.replace(/\.\d*/, "");
7322 if (s === pd) {
7323 var code = '<a href="/" class="pagination-item">1</a><span class="pagination-item active-page">2</span>'
7324 } else {
7325 var code = '<a href="/" class="pagination-item">1</a><a class="pagination-item" href="/search?updated-max=' + pd + '&max-results=' + len + '">2</a>'
7326 }
7327 var div = '<div class="pagination">';
7328 if (numOfPages !== 2) {
7329 for (var i = 0; i < numOfPages - 2; i++) {
7330 maxResults = maxResults + len;
7331 entryWanted = e.feed.entry[maxResults - 1];
7332 pd = entryWanted.published.$t.replace(/\.\d*/, "");
7333 if (i !== (numOfPages - 3)) {
7334 if (s === pd) {
7335 code = code + '<span class="pagination-item active-page">' + (i + 3) + '</span>'
7336 } else {
7337 code = code + '<a class="pagination-item" href="/search?updated-max=' + pd + '&max-results=' + len + '">' + (i + 3) + '</a>'
7338 }
7339 } else {
7340 if (s === pd) {
7341 code = code + '<span class="pagination-item active-page">' + (i + 3) + '</span></div>'
7342 } else {
7343 code = code + '<a class="pagination-item" href="/search?updated-max=' + pd + '&max-results=' + len + '">' + (i + 3) + '</a></div>'
7344 }
7345 }
7346 }
7347 }
7348 $(".Blog").append(div + code)
7349 }
7350 var p = $(".pagination");
7351 var pitems = $(".pagination-item");
7352 var activeElem = $(".active-page");
7353 var lp = pitems.eq(pitems.length - 1);
7354 var next = activeElem.next().attr("href");
7355 var prev = activeElem.prev().attr("href");
7356 var prevElem = "<a class='pagination-cont' href='" + prev + "'>prev</a>";
7357 var nextElem = "<a class='pagination-cont' href='" + next + "'>next</a>";
7358 p.prepend(prevElem);
7359 if (!(lp.hasClass("active-page"))) {
7360 p.append(nextElem)
7361 }
7362 var numOfPages = pitems.length;
7363 if (numOfPages >= 12) {
7364 var index = pitems.index(activeElem);
7365 var dots = "<span id='pDots'>... </span>";
7366 if (index < 4) {
7367 var fourthPage = $(".pagination-item").eq(3);
7368 pitems.addClass("hide");
7369 for (var i = 0; i < 4; i++) {
7370 pitems.eq(i).removeClass("hide")
7371 }
7372 if (index === 3) {
7373 pitems.eq(4).removeClass("hide");
7374 pitems.eq(5).removeClass("hide").after(dots)
7375 } else {
7376 fourthPage.after(dots)
7377 }
7378 pitems.eq(numOfPages - 1).removeClass("hide")
7379 } else {
7380 pitems.eq(0).after(dots);
7381 if (index < numOfPages - 5) {
7382 pitems.eq(index + 2).after(dots);
7383 pitems.addClass("hide");
7384 pitems.eq(0).removeClass("hide");
7385 pitems.eq(index).removeClass("hide");
7386 pitems.eq(index + 1).removeClass("hide");
7387 pitems.eq(index + 2).removeClass("hide");
7388 pitems.eq(index - 1).removeClass("hide");
7389 pitems.eq(index - 2).removeClass("hide");
7390 pitems.eq(numOfPages - 1).removeClass("hide")
7391 } else {
7392 for (var i = 0; i < index - 2; i++) {
7393 pitems.eq(i).addClass("hide")
7394 }
7395 pitems.eq(0).removeClass("hide")
7396 }
7397 }
7398 }
7399 },
7400 error: function () {
7401 $("#blog-pager").removeClass("hide")
7402 }
7403 })
7404 }
7405}
7406//]]>
7407</script><!-- Index Pages Pagination -->
7408</b:if>
7409
7410<b:if cond='data:blog.pageType == "item"'>
7411<script>
7412// <![CDATA[
7413
7414/* Related Posts
7415-----------------------------------------------------------*/
7416
7417 var labels = $(".post-label-anchor"),
7418 labelsLength = labels.length,
7419 relatedPostsUL = $("#related-posts").children("ul");
7420
7421 if(labelsLength) {
7422
7423 var labelText;
7424
7425 if(labelsLength === 1) {
7426 labelText = labels.text().trim();
7427
7428 $.ajax({
7429 url: "/feeds/posts/default/-/"+ labelText +"?alt=json-in-script&max-results=100",
7430 type: 'get',
7431 dataType: "jsonp",
7432 success: function (data) {
7433
7434 var posturl = "";
7435 var htmlcode = '';
7436 var numOfEntries = data.feed.entry.length;
7437 var numOfPostsToBeDisplayed;
7438
7439 if(numOfEntries < 3) {
7440 numOfPostsToBeDisplayed = numOfEntries;
7441 } else {
7442 numOfPostsToBeDisplayed = 3;
7443 }
7444
7445 var randomNumber;
7446 if(numOfEntries >= 4) {
7447 randomNumber = [];
7448 for(var a = 0; a < numOfEntries; a++) {
7449 randomNumber[a] = a;
7450 }
7451 }
7452
7453 var c = 0;
7454 for (var i = 0; i < numOfPostsToBeDisplayed ; i++) {
7455
7456 var entry,
7457 entryToBeChoosen;
7458
7459 if(numOfEntries > 3){
7460 entryToBeChoosen = randomNumber.splice(Math.floor(Math.random() * (numOfEntries - c)), 1);
7461 entry = data.feed.entry[entryToBeChoosen];
7462 c += 1;
7463 } else {
7464 entry = data.feed.entry[i];
7465 }
7466
7467 var posttitle = entry.title.$t;
7468 var entryTitle = $(".entry-title").text().toLowerCase().trim();
7469
7470 if(numOfEntries > 3 && entryTitle === posttitle.toLowerCase()) {
7471 entryToBeChoosen = randomNumber.splice(Math.floor(Math.random() * (numOfEntries - c - 1)), 1);
7472 entry = data.feed.entry[entryToBeChoosen];
7473 posttitle = entry.title.$t;
7474 c += 2;
7475 }
7476
7477 if((numOfEntries === 3 || numOfEntries === 2 ) && entryTitle === posttitle.toLowerCase()) {
7478 i += 1;
7479 entry = data.feed.entry[i];
7480 posttitle = entry.title.$t;
7481 }
7482
7483 for (var j = 0; j < entry.link.length; j++) {
7484 if (entry.link[j].rel == "alternate") {
7485 posturl = entry.link[j].href;
7486 break
7487 }
7488 }
7489
7490 var content = entry.content.$t;
7491 var $content = $('<div>').html(content);
7492
7493 if (content.indexOf("http://www.youtube.com/embed/") > -1 || content.indexOf("https://www.youtube.com/embed/") > -1) {
7494 var src2 = entry.media$thumbnail.url;
7495 var thumb = '<a class="related-post-img" href="' + posturl + '" style="background:url(' + src2 + ') no-repeat center center;background-size: cover"/>';
7496 } else if (content.indexOf("<img") > -1) {
7497 var src = $content.find('img:first').attr('src');
7498 var thumb = '<a class="related-post-img" href="' + posturl + '" style="background:url(' + src + ') no-repeat center center;background-size: cover"/>';
7499 } else {
7500 var thumb = '<a class="related-post-img" href="' + posturl + '" style="background:url(' + no_image_url + ') no-repeat center center;background-size: cover"/>';
7501 }
7502 htmlcode = '<li class="related-post-item clearfix"><div class="related-thumb">' + thumb + '</div><h3 class="related-post-title"><a href="' + posturl + '">' + posttitle + '</a></h3></li>';
7503 relatedPostsUL.append(htmlcode);
7504 }
7505
7506 $('.related-post-img').each(function () {
7507 $(this).attr('style', function (i, src) {
7508 return src.replace('/default.jpg', '/mqdefault.jpg')
7509 }).attr('style', function (i, src) {
7510 return src.replace('s72-c', 's1600')
7511 })
7512 });
7513 }
7514 });
7515
7516 } else if(labelsLength === 2) {
7517
7518 var theFirstLabel = labels.eq(0).text().trim();
7519 var theLastLabel = labels.eq(1).text().trim();
7520
7521 $.ajax({
7522 url: "/feeds/posts/default/-/" + theFirstLabel + "?alt=json-in-script&max-results=100",
7523 type: 'get',
7524 dataType: "jsonp",
7525 success: function (data) {
7526
7527 if(data.feed.entry.length < 3) {
7528
7529 $.ajax({
7530 url: "/feeds/posts/default/-/" + theLastLabel + "?alt=json-in-script&max-results=100",
7531 type: 'get',
7532 dataType: "jsonp",
7533 success: function (data) {
7534
7535 var posturl = "";
7536 var htmlcode = '';
7537 var numOfEntries = data.feed.entry.length;
7538 var numOfPostsToBeDisplayed;
7539
7540 if(numOfEntries < 3) {
7541 numOfPostsToBeDisplayed = numOfEntries;
7542 } else {
7543 numOfPostsToBeDisplayed = 3;
7544 }
7545
7546 var randomNumber;
7547 if(numOfEntries >= 4) {
7548 randomNumber = [];
7549 for(var a = 0; a < numOfEntries; a++) {
7550 randomNumber[a] = a;
7551 }
7552 }
7553
7554
7555 var c = 0;
7556 for (var i = 0; i < numOfPostsToBeDisplayed ; i++) {
7557
7558 var entry,
7559 entryToBeChoosen;
7560
7561 if(numOfEntries > 3){
7562 entryToBeChoosen = randomNumber.splice(Math.floor(Math.random() * (numOfEntries - c)), 1);
7563 entry = data.feed.entry[entryToBeChoosen];
7564 c += 1;
7565 } else {
7566 entry = data.feed.entry[i];
7567 }
7568
7569 var posttitle = entry.title.$t;
7570 var entryTitle = $(".entry-title").text().toLowerCase().trim();
7571
7572 if(numOfEntries > 3 && entryTitle === posttitle.toLowerCase()) {
7573 entryToBeChoosen = randomNumber.splice(Math.floor(Math.random() * (numOfEntries - c - 1)), 1);
7574 entry = data.feed.entry[entryToBeChoosen];
7575 posttitle = entry.title.$t;
7576 c += 2;
7577 }
7578
7579 if((numOfEntries === 3 || numOfEntries === 2 ) && entryTitle === posttitle.toLowerCase()) {
7580 i += 1;
7581 entry = data.feed.entry[i];
7582 posttitle = entry.title.$t;
7583 }
7584
7585 for (var j = 0; j < entry.link.length; j++) {
7586 if (entry.link[j].rel == "alternate") {
7587 posturl = entry.link[j].href;
7588 break
7589 }
7590 }
7591
7592 var content = entry.content.$t;
7593 var $content = $('<div>').html(content);
7594
7595 if (content.indexOf("http://www.youtube.com/embed/") > -1 || content.indexOf("https://www.youtube.com/embed/") > -1) {
7596 var src2 = entry.media$thumbnail.url;
7597 var thumb = '<a class="related-post-img" href="' + posturl + '" style="background:url(' + src2 + ') no-repeat center center;background-size: cover"/>';
7598 } else if (content.indexOf("<img") > -1) {
7599 var src = $content.find('img:first').attr('src');
7600 var thumb = '<a class="related-post-img" href="' + posturl + '" style="background:url(' + src + ') no-repeat center center;background-size: cover"/>';
7601 } else {
7602 var thumb = '<a class="related-post-img" href="' + posturl + '" style="background:url(' + no_image_url + ') no-repeat center center;background-size: cover"/>';
7603 }
7604 htmlcode = '<li class="related-post-item clearfix"><div class="related-thumb">' + thumb + '</div><h3 class="related-post-title"><a href="' + posturl + '">' + posttitle + '</a></h3></li>';
7605 relatedPostsUL.append(htmlcode);
7606 }
7607
7608 $('.related-post-img').each(function () {
7609 $(this).attr('style', function (i, src) {
7610 return src.replace('/default.jpg', '/mqdefault.jpg')
7611 }).attr('style', function (i, src) {
7612 return src.replace('s72-c', 's1600')
7613 })
7614 });
7615 }
7616 });
7617 } else {
7618
7619 var posturl = "";
7620 var htmlcode = '';
7621 var numOfEntries = data.feed.entry.length;
7622 var numOfPostsToBeDisplayed;
7623
7624 if(numOfEntries < 3) {
7625 numOfPostsToBeDisplayed = numOfEntries;
7626 } else {
7627 numOfPostsToBeDisplayed = 3;
7628 }
7629
7630 var randomNumber;
7631 if(numOfEntries >= 4) {
7632 randomNumber = [];
7633 for(var a = 0; a < numOfEntries; a++) {
7634 randomNumber[a] = a;
7635 }
7636 }
7637
7638 var c = 0;
7639 for (var i = 0; i < numOfPostsToBeDisplayed ; i++) {
7640
7641 var entry,
7642 entryToBeChoosen;
7643
7644 if(numOfEntries > 3){
7645 entryToBeChoosen = randomNumber.splice(Math.floor(Math.random() * (numOfEntries - c)), 1);
7646 entry = data.feed.entry[entryToBeChoosen];
7647 c += 1;
7648 } else {
7649 entry = data.feed.entry[i];
7650 }
7651
7652 var posttitle = entry.title.$t;
7653 var entryTitle = $(".entry-title").text().toLowerCase().trim();
7654
7655 if(numOfEntries > 3 && entryTitle === posttitle.toLowerCase()) {
7656 entryToBeChoosen = randomNumber.splice(Math.floor(Math.random() * (numOfEntries - c - 1)), 1);
7657 entry = data.feed.entry[entryToBeChoosen];
7658 posttitle = entry.title.$t;
7659 c += 2;
7660 }
7661
7662 if((numOfEntries === 3 || numOfEntries === 2 ) && entryTitle === posttitle.toLowerCase()) {
7663 i += 1;
7664 entry = data.feed.entry[i];
7665 posttitle = entry.title.$t;
7666 }
7667
7668 for (var j = 0; j < entry.link.length; j++) {
7669 if (entry.link[j].rel == "alternate") {
7670 posturl = entry.link[j].href;
7671 break
7672 }
7673 }
7674
7675 var content = entry.content.$t;
7676 var $content = $('<div>').html(content);
7677
7678 if (content.indexOf("http://www.youtube.com/embed/") > -1 || content.indexOf("https://www.youtube.com/embed/") > -1) {
7679 var src2 = entry.media$thumbnail.url;
7680 var thumb = '<a class="related-post-img" href="' + posturl + '" style="background:url(' + src2 + ') no-repeat center center;background-size: cover"/>';
7681 } else if (content.indexOf("<img") > -1) {
7682 var src = $content.find('img:first').attr('src');
7683 var thumb = '<a class="related-post-img" href="' + posturl + '" style="background:url(' + src + ') no-repeat center center;background-size: cover"/>';
7684 } else {
7685 var thumb = '<a class="related-post-img" href="' + posturl + '" style="background:url(' + no_image_url + ') no-repeat center center;background-size: cover"/>';
7686 }
7687 htmlcode = '<li class="related-post-item clearfix"><div class="related-thumb">' + thumb + '</div><h3 class="related-post-title"><a href="' + posturl + '">' + posttitle + '</a></h3></li>';
7688 relatedPostsUL.append(htmlcode);
7689 }
7690
7691 $('.related-post-img').each(function () {
7692 $(this).attr('style', function (i, src) {
7693 return src.replace('/default.jpg', '/mqdefault.jpg')
7694 }).attr('style', function (i, src) {
7695 return src.replace('s72-c', 's1600')
7696 })
7697 });
7698
7699 } // else if (data.feed.entry.length >= 2)
7700 } // theFirstLabel success function
7701 }); // theFirstLabel ajax request
7702
7703 } else if (labelsLength >= 3) {
7704
7705 var label1 = labels.eq(0).text().trim(),
7706 label2 = labels.eq(1).text().trim(),
7707 label3 = labels.eq(2).text().trim();
7708
7709 $.ajax({
7710 url: "/feeds/posts/default/-/"+ label1 +"?alt=json-in-script&max-results=100",
7711 type: 'get',
7712 dataType: "jsonp",
7713 success: function (data) {
7714
7715 var entry,
7716 posturl = "",
7717 entryToBeChoosen,
7718 numOfEntries = data.feed.entry.length;
7719
7720 if (numOfEntries > 1) {
7721 entryToBeChoosen = Math.floor(Math.random() * numOfEntries);
7722 entry = data.feed.entry[entryToBeChoosen];
7723 } else {
7724 entry = data.feed.entry[0];
7725 }
7726
7727 var posttitle = entry.title.$t;
7728 var entryTitle = $(".entry-title").text().toLowerCase().trim();
7729
7730 if(numOfEntries > 1 && entryTitle === posttitle.toLowerCase()) {
7731 if(entryToBeChoosen === 0) {
7732 entryToBeChoosen = Math.floor((Math.random() * (numOfEntries-1) + 1));
7733 entry = data.feed.entry[entryToBeChoosen];
7734 } else {
7735 entry = data.feed.entry[0];
7736 }
7737 posttitle = entry.title.$t;
7738 }
7739
7740 for (var j = 0; j < entry.link.length; j++) {
7741 if (entry.link[j].rel == "alternate") {
7742 posturl = entry.link[j].href;
7743 break
7744 }
7745 }
7746
7747 var content = entry.content.$t;
7748 var $content = $('<div>').html(content);
7749
7750 if (content.indexOf("http://www.youtube.com/embed/") > -1 || content.indexOf("https://www.youtube.com/embed/") > -1) {
7751 var src2 = entry.media$thumbnail.url;
7752 var thumb = '<a class="related-post-img" href="'+ posturl +'" style="background:url('+ src2 +') no-repeat center center;background-size: cover"/>'
7753 } else if (content.indexOf("<img") > -1) {
7754 var src = $content.find('img:first').attr('src');
7755 var thumb = '<a class="related-post-img" href="'+ posturl +'" style="background:url('+ src +') no-repeat center center;background-size: cover"/>'
7756 } else {
7757 var thumb = '<a class="related-post-img" href="'+ posturl +'" style="background:url('+ no_image_url +') no-repeat center center;background-size: cover"/>'
7758 }
7759 var htmlcode = '<li class="related-post-item clearfix"><div class="related-thumb">'+ thumb +'</div><h3 class="related-post-title"><a href="'+ posturl +'">'+ posttitle +'</a></h3></li>'
7760
7761 $('.related-post-img').each(function () {
7762 $(this).attr('style', function (i, src) {
7763 return src.replace('/default.jpg', '/mqdefault.jpg')
7764 }).attr('style', function (i, src) {
7765 return src.replace('s72-c', 's1600')
7766 })
7767 });
7768
7769 relatedPostsUL.append(htmlcode);
7770
7771 $.ajax({
7772 url: "/feeds/posts/default/-/"+ label2 +"?alt=json-in-script&max-results=100",
7773 type: 'get',
7774 dataType: "jsonp",
7775 success: function (data) {
7776
7777 var entry,
7778 posturl = "",
7779 entryToBeChoosen,
7780 numOfEntries = data.feed.entry.length;
7781
7782 if (numOfEntries > 1) {
7783 entryToBeChoosen = Math.floor(Math.random() * numOfEntries);
7784 entry = data.feed.entry[entryToBeChoosen];
7785 } else {
7786 entry = data.feed.entry[0];
7787 }
7788
7789 var posttitle = entry.title.$t;
7790 var entryTitle = $(".entry-title").text().toLowerCase().trim();
7791 var prevEntryTitle = $(".related-post-title").eq(0).text().toLowerCase().trim();
7792 var postT = posttitle.toLowerCase();
7793
7794 if(numOfEntries > 1 && entryTitle === postT) {
7795 if(entryToBeChoosen === 0) {
7796 entryToBeChoosen = Math.floor((Math.random() * (numOfEntries-1) + 1));
7797 entry = data.feed.entry[entryToBeChoosen];
7798 } else {
7799 entry = data.feed.entry[0];
7800 }
7801 posttitle = entry.title.$t;
7802 }
7803
7804 if(numOfEntries > 2 && (prevEntryTitle === postT && entryTitle !== postT) ){
7805 if(entryToBeChoosen === 0) {
7806 entryToBeChoosen = Math.floor((Math.random() * (numOfEntries-1) + 1));
7807 entry = data.feed.entry[entryToBeChoosen];
7808 } else {
7809 entry = data.feed.entry[0];
7810 }
7811 posttitle = entry.title.$t;
7812 }
7813
7814 for (var j = 0; j < entry.link.length; j++) {
7815 if (entry.link[j].rel == "alternate") {
7816 posturl = entry.link[j].href;
7817 break
7818 }
7819 }
7820
7821 var content = entry.content.$t;
7822 var $content = $('<div>').html(content);
7823
7824 if (content.indexOf("http://www.youtube.com/embed/") > -1 || content.indexOf("https://www.youtube.com/embed/") > -1) {
7825 var src2 = entry.media$thumbnail.url;
7826 var thumb = '<a class="related-post-img" href="'+ posturl +'" style="background:url('+ src2 +') no-repeat center center;background-size: cover"/>'
7827 } else if (content.indexOf("<img") > -1) {
7828 var src = $content.find('img:first').attr('src');
7829 var thumb = '<a class="related-post-img" href="'+ posturl +'" style="background:url('+ src +') no-repeat center center;background-size: cover"/>'
7830 } else {
7831 var thumb = '<a class="related-post-img" href="'+ posturl +'" style="background:url('+ no_image_url +') no-repeat center center;background-size: cover"/>'
7832 }
7833 var htmlcode = '<li class="related-post-item clearfix"><div class="related-thumb">'+ thumb +'</div><h3 class="related-post-title"><a href="'+ posturl +'">'+ posttitle +'</a></h3></li>'
7834
7835 $('.related-post-img').each(function () {
7836 $(this).attr('style', function (i, src) {
7837 return src.replace('/default.jpg', '/mqdefault.jpg')
7838 }).attr('style', function (i, src) {
7839 return src.replace('s72-c', 's1600')
7840 })
7841 });
7842 relatedPostsUL.append(htmlcode);
7843
7844 $.ajax({
7845 url: "/feeds/posts/default/-/"+ label3 +"?alt=json-in-script&max-results=100",
7846 type: 'get',
7847 dataType: "jsonp",
7848 success: function (data) {
7849
7850 var entry,
7851 posturl = "",
7852 entryToBeChoosen,
7853 numOfEntries = data.feed.entry.length;
7854
7855 if (numOfEntries > 1) {
7856 entryToBeChoosen = Math.floor(Math.random() * numOfEntries);
7857 entry = data.feed.entry[entryToBeChoosen];
7858 } else {
7859 entry = data.feed.entry[0];
7860 }
7861
7862 var posttitle = entry.title.$t;
7863 var entryTitle = $(".entry-title").text().toLowerCase().trim();
7864 var prevEntryTitle1 = $(".related-post-title").eq(0).text().toLowerCase().trim();
7865 var prevEntryTitle2 = $(".related-post-title").eq(1).text().toLowerCase().trim();
7866 var postT = posttitle.toLowerCase();
7867
7868 if(numOfEntries > 1 && (entryTitle === postT)) {
7869 if(entryToBeChoosen === 0) {
7870 entryToBeChoosen = Math.floor((Math.random() * (numOfEntries-1) + 1));
7871 entry = data.feed.entry[entryToBeChoosen];
7872 } else {
7873 entry = data.feed.entry[0];
7874 }
7875 posttitle = entry.title.$t;
7876 }
7877
7878 if(numOfEntries > 2 && ((entryTitle !== postT) && (prevEntryTitle1 === postT || prevEntryTitle2 === postT))) {
7879 if(entryToBeChoosen === 0) {
7880 entryToBeChoosen = Math.floor((Math.random() * (numOfEntries-1) + 1));
7881 entry = data.feed.entry[entryToBeChoosen];
7882 } else {
7883 entry = data.feed.entry[0];
7884 }
7885 posttitle = entry.title.$t;
7886 }
7887
7888 for (var j = 0; j < entry.link.length; j++) {
7889 if (entry.link[j].rel == "alternate") {
7890 posturl = entry.link[j].href;
7891 break
7892 }
7893 }
7894
7895 var content = entry.content.$t;
7896 var $content = $('<div>').html(content);
7897
7898 if (content.indexOf("http://www.youtube.com/embed/") > -1 || content.indexOf("https://www.youtube.com/embed/") > -1) {
7899 var src2 = entry.media$thumbnail.url;
7900 var thumb = '<a class="related-post-img" href="'+ posturl +'" style="background:url('+ src2 +') no-repeat center center;background-size: cover"/>'
7901 } else if (content.indexOf("<img") > -1) {
7902 var src = $content.find('img:first').attr('src');
7903 var thumb = '<a class="related-post-img" href="'+ posturl +'" style="background:url('+ src +') no-repeat center center;background-size: cover"/>'
7904 } else {
7905 var thumb = '<a class="related-post-img" href="'+ posturl +'" style="background:url('+ no_image_url +') no-repeat center center;background-size: cover"/>'
7906 }
7907 var htmlcode = '<li class="related-post-item clearfix"><div class="related-thumb">'+ thumb +'</div><h3 class="related-post-title"><a href="'+ posturl +'">'+ posttitle +'</a></h3></li>'
7908
7909 $('.related-post-img').each(function () {
7910 $(this).attr('style', function (i, src) {
7911 return src.replace('/default.jpg', '/mqdefault.jpg')
7912 }).attr('style', function (i, src) {
7913 return src.replace('s72-c', 's1600')
7914 })
7915 });
7916 relatedPostsUL.append(htmlcode);
7917 }
7918 }); // The third ajax request
7919
7920 }
7921 }); // The second ajax request
7922
7923 }
7924 }); // The first ajax request
7925
7926 } // else if (labelsLength >= 3)
7927 } // if(labelsLength)
7928
7929/***** Related posts functionality ******/
7930
7931 $(function(){
7932 var windowWidth = $(window).width();
7933
7934 if(windowWidth >= 800) {
7935 var a = $(".post-labels");
7936 var s = $("#related-posts");
7937 var c = $("#close-btn");
7938 $(document).on("scroll", function(){
7939 var scrollTop = $(window).scrollTop(),
7940 elementOffset = a.offset().top,
7941 distance = elementOffset - scrollTop;
7942 if(distance <= 850){
7943 s.addClass("slide-left");
7944 } else {
7945 s.removeClass("slide-left");
7946 }
7947 });
7948 c.on("click", function(){
7949 s.removeClass("slide-left");
7950 $(document).off();
7951 });
7952 }
7953 });
7954
7955//]]>
7956</script>
7957</b:if>
7958
7959 </body>
7960</html>