LearnSmart - Educational Website<style> /* Reset and base */ * { box-sizing: border-box; } body { margin: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #f3f7fb; color: #333; max-width: 350px; margin-left: auto; margin-right: auto; height: 100vh; overflow-y: auto; } header { background: #0052cc; color: white; padding: 1rem; text-align: center; position: sticky; top: 0; z-index: 10; box-shadow: 0 2px 5px rgba(0,0,0,0.15); } header h1 { margin: 0; font-weight: 700; font-size: 1.6rem; } nav { background: #023e8a; display: flex; justify-content: space-around; padding: 0.5rem 0; position: relative; } nav button { background: transparent; border: none; color: #b0c4de; font-weight: 600; cursor: pointer; padding: 0.5rem 0.7rem; font-size: 1rem; transition: color 0.3s ease; position: relative; } nav button:hover, nav button.active { color: #fff; border-bottom: 2px solid #ffd166; } /* Courses dropdown */ .dropdown { position: absolute; top: 100%; background: white; border-radius: 6px; box-shadow: 0 3px 10px rgba(0,0,0,0.2); width: 280px; max-height: 300px; overflow-y: auto; display: none; left: 50%; transform: translateX(-50%); z-index: 20; } nav button.courses-btn:hover + .dropdown, nav button.courses-btn:focus + .dropdown, .dropdown:hover { display: block; } .dropdown .course-item { padding: 0.7rem 1rem; border-bottom: 1px solid #ddd; cursor: pointer; color: #023e8a; font-weight: 600; font-size: 0.95rem; } .dropdown .course-item:last-child { border-bottom: none; } .dropdown .course-item:hover { background: #e0e7ff; } main { padding: 1rem; } section { margin-bottom: 1.5rem; } .intro { background: white; padding: 1rem; border-radius: 8px; box-shadow: 0 3px 8px rgb(0 0 0 / 0.1); line-height: 1.5; } .courses { background: white; border-radius: 8px; box-shadow: 0 3px 8px rgb(0 0 0 / 0.1); padding: 1rem; } .courses h2 { margin-top: 0; color: #0052cc; font-size: 1.3rem; text-align: center; font-weight: 700; } .course-list { display: flex; flex-direction: column; gap: 1rem; } .course { border: 1px solid #cbd5e1; border-radius: 6px; padding: 0.7rem 1rem; background: #f9fafb; cursor: pointer; transition: background 0.3s ease; } .course:hover { background: #e0e7ff; } .course-title { font-weight: 700; font-size: 1.1rem; color: #1e3a8a; } .course-desc { font-size: 0.9rem; margin-top: 0.3rem; color: #475569; } .course-detail { margin-top: 0.5rem; font-size: 0.85rem; color: #334155; } #courseDetailModal { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.5); display: none; align-items: center; justify-content: center; padding: 1rem; z-index: 50; } #courseDetailModal .modal-content { background: white; border-radius: 8px; max-width: 320px; max-height: 400px; overflow-y: auto; box-shadow: 0 3px 12px rgb(0 0 0 / 0.25); padding: 1rem 1.2rem; position: relative; } #courseDetailModal .modal-content h3 { margin-top: 0; color: #0052cc; } #courseDetailModal .close-btn { position: absolute; right: 12px; top: 10px; font-size: 1.5rem; color: #334155; background: transparent; border: none; cursor: pointer; font-weight: 700; } form.contact-form { background: white; border-radius: 8px; box-shadow: 0 3px 8px rgb(0 0 0 / 0.1); padding: 1rem; } form.contact-form h2 { margin-top: 0; color: #0052cc; text-align: center; font-weight: 700; font-size: 1.3rem; } form .form-group { margin-bottom: 1rem; } form label { display: block; margin-bottom: 0.3rem; font-weight: 600; color: #334155; } form input[type="text"], form input[type="email"], form textarea { width: 100%; padding: 0.5rem; border: 1px solid #cbd5e1; border-radius: 4px; font-size: 1rem; font-family: inherit; resize: vertical; } form textarea { min-height: 80px; } form button { background: #0052cc; color: white; border: none; padding: 0.6rem 1rem; font-size: 1rem; border-radius: 4px; cursor: pointer; width: 100%; font-weight: 600; transition: background 0.3s ease; } form button:hover { background: #023e8a; } footer { text-align: center; font-size: 0.85rem; color: #64748b; padding: 1rem 0; } /* Responsive */ @media (max-width: 350px) { main { padding: 0.75rem; } nav button { font-size: 0.9rem; padding: 0.4rem 0.5rem; } header h1 { font-size: 1.4rem; } .dropdown { width: 90vw; left: 5vw; transform: none; } } <header> <h1>LearnSmart Academy</header> <button class="active" data-section="home">Home</button> <button class="courses-btn" aria-haspopup="true" aria-expanded="false" data-section="courses" id="coursesBtn">Courses ▼</button> <div class="dropdown" id="coursesDropdown" role="menu" aria-labelledby="coursesBtn" tabindex="-1"> <div class="course-item" tabindex="0" data-title="Introduction to Programming" data-description="Learn basics of programming using Python." data-details="Duration: 10 weeks Level: Beginner Includes projects and quizzes.">Introduction to Programming</div> <div class="course-item" tabindex="0" data-title="Web Development Fundamentals" data-description="Build websites with HTML, CSS, and JavaScript." data-details="Duration: 8 weeks Level: Beginner to Intermediate Hands-on projects included.">Web Development Fundamentals</div> <div class="course-item" tabindex="0" data-title="Data Science Basics" data-description="Explore data analysis and visualization techniques." data-details="Duration: 12 weeks Level: Intermediate Python libraries and real datasets.">Data Science Basics<button data-section="contact">Contact</button> <section id="home" class="content-section"> <div class="intro"> <h2>Welcome to LearnSmart</h2> <p>Your journey to knowledge begins here. Explore a wide range of courses and learn at your own pace from expert instructors</section> <section id="courses" class="content-section" style="display:none;"> <div class="courses"> <h2>Featured Courses</h2> <div class="course-list"> <div class="course" tabindex="0" data-title="Introduction to Programming" data-description="Learn basics of programming using Python." data-details="Duration: 10 weeks\nLevel: Beginner\nIncludes projects and quizzes."> <div class="course-title">Introduction to Programming</div> <div class="course-desc">Learn basics of programming using Python</div> </div> <div class="course" tabindex="0" data-title="Web Development Fundamentals" data-description="Build websites with HTML, CSS, and JavaScript." data-details="Duration: 8 weeks\nLevel: Beginner to Intermediate\nHands-on projects included."> <div class="course-title">Web Development Fundamentals</div> <div class="course-desc">Build websites with HTML, CSS, and JavaScript</div> </div> <div class="course" tabindex="0" data-title="Data Science Basics" data-description="Explore data analysis and visualization techniques." data-details="Duration: 12 weeks\nLevel: Intermediate\nPython libraries and real datasets."> <div class="course-title">Data Science Basics</div> <div class="course-desc">Explore data analysis and visualization techniques</div> </div> </div> </section> <section id="contact" class="content-section" style="display:none;"> <form class="contact-form" id="contactForm" novalidate> <h2>Contact Us</h2> <div class="form-group"> <label for="nameInput">Name</label> <input type="text" id="nameInput" name="name" required placeholder="Your full name" /> </div> <div class="form-group"> <label for="emailInput">Email</label> <input type="email" id="emailInput" name="email" required placeholder="you@example.com" /> </div> <div class="form-group"> <label for="messageInput">Message</label> <textarea id="messageInput" name="message" required placeholder="Your message or question</textarea> </div> <button type="submit">Send Message</button> </section> <div id="courseDetailModal" role="dialog" aria-modal="true" aria-labelledby="modalTitle" tabindex="-1"> <div class="modal-content"> <button aria-label="Close" class="close-btn" id="modalCloseBtn">×</button> <h3 id="modalTitle<p id="modalDescription<pre id="modalDetails" style="white-space: pre-wrap; font-family: inherit<footer> © 2024 LearnSmart Academy. All rights reserved. </footer> <script> // Tab navigation const navButtons = document.querySelectorAll('nav > button:not(.courses-btn)'); const coursesBtn = document.querySelector('button.courses-btn'); const coursesDropdown = document.getElementById('coursesDropdown'); const contentSections = document.querySelectorAll('.content-section'); function showSection(id) { contentSections.forEach(section => { section.style.display = (section.id === id) ? 'block' : 'none'; }); } navButtons.forEach(button => { button.addEventListener('click', () => { navButtons.forEach(btn => btn.classList.remove('active')); coursesBtn.classList.remove('active'); button.classList.add('active'); showSection(button.getAttribute('data-section')); coursesDropdown.style.display = 'none'; coursesBtn.setAttribute('aria-expanded', 'false'); }); }); // Courses button toggle to show courses section and close dropdown if open coursesBtn.addEventListener('click', () => { const expanded = coursesBtn.getAttribute('aria-expanded') === 'true'; coursesBtn.setAttribute('aria-expanded', !expanded); if (expanded) { coursesDropdown.style.display = 'none'; // Show courses section showSection('courses'); coursesBtn.classList.add('active'); navButtons.forEach(btn => btn.classList.remove('active')); } else { coursesDropdown.style.display = 'block'; contentSections.forEach(section => (section.style.display = 'none')); coursesBtn.classList.remove('active'); navButtons.forEach(btn => btn.classList.remove('active')); } }); // Close dropdown if clicking outside document.addEventListener('click', (e) => { if (!coursesBtn.contains(e.target) && !coursesDropdown.contains(e.target)) { coursesDropdown.style.display = 'none'; coursesBtn.setAttribute('aria-expanded', 'false'); if (!document.querySelector('nav button.active')) { document.querySelector('nav button[data-section="home"]').classList.add('active'); showSection('home'); } } }); // Course modal popup const courses = document.querySelectorAll('.course, .dropdown .course-item'); const modal = document.getElementById('courseDetailModal'); const modalTitle = document.getElementById('modalTitle'); const modalDescription = document.getElementById('modalDescription'); const modalDetails = document.getElementById('modalDetails'); const modalCloseBtn = document.getElementById('modalCloseBtn'); function openModal(course) { modalTitle.textContent = course.getAttribute('data-title'); modalDescription.textContent = course.getAttribute('data-description'); modalDetails.textContent = course.getAttribute('data-details'); modal.style.display = 'flex'; modalCloseBtn.focus(); } courses.forEach(course => { course.addEventListener('click', () => { openModal(course); }); course.addEventListener('keydown', (e) => { if(e.key === 'Enter' || e.key === ' ') { e.preventDefault(); openModal(course); } }); }); modalCloseBtn.addEventListener('click', () => { modal.style.display = 'none'; }); modal.addEventListener('click', (evt) => { if(evt.target === modal) { modal.style.display = 'none'; } }); // Contact form validation and submission const contactForm = document.getElementById('contactForm'); contactForm.addEventListener('submit', function(e) { e.preventDefault(); if(!contactForm.checkValidity()) { contactForm.reportValidity(); return; } alert('Thank you for contacting us, '+ contactForm.name.value +'. We will get back to you shortly.'); contactForm.reset(); }); // Initialize default view on load showSection('home'); </script> </div> <div class='post-footer'> <div class='post-share'> <ul class='share-links social social-color'> <li class='facebook'><a class='facebook' href='https://www.facebook.com/sharer.php?u=https://tastybiteshub.blogspot.com/2025/05/website.html' onclick='window.open(this.href, 'windowName', 'width=550, height=650, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'><span>Facebook</span></a></li> <li class='twitter'><a class='twitter' href='https://twitter.com/share?url=https://tastybiteshub.blogspot.com/2025/05/website.html&text=Website' onclick='window.open(this.href, 'windowName', 'width=550, height=450, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'><span>Twitter</span></a></li> <li class='gplus'><a class='gplus' href='https://plus.google.com/share?url=https://tastybiteshub.blogspot.com/2025/05/website.html' onclick='window.open(this.href, 'windowName', 'width=400, height=500, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'><span>Google+</span></a></li> <li class='pinterest'><a class='pinterest' href='https://www.pinterest.com/pin/create/button/?url=https://tastybiteshub.blogspot.com/2025/05/website.html&media=&description=Website' onclick='window.open(this.href, 'windowName', 'width=735, height=750, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'></a></li> <li class='linkedin'><a class='linkedin' href='https://www.linkedin.com/shareArticle?url=https://tastybiteshub.blogspot.com/2025/05/website.html' onclick='window.open(this.href, 'windowName', 'width=950, height=650, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'></a></li> <li class='whatsapp whatsapp-desktop'><a class='whatsapp' href='https://web.whatsapp.com/send?text=Website | https://tastybiteshub.blogspot.com/2025/05/website.html' onclick='window.open(this.href, 'windowName', 'width=900, height=550, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'></a></li> <li class='whatsapp whatsapp-mobile'><a class='whatsapp' href='https://api.whatsapp.com/send?text=Website | https://tastybiteshub.blogspot.com/2025/05/website.html' rel='nofollow' target='_blank'></a></li> <li class='email'><a class='email' href='mailto:?subject=Website&body=https://tastybiteshub.blogspot.com/2025/05/website.html' onclick='window.open(this.href, 'windowName', 'width=500, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'></a></li> </ul> </div> </div> </div> <div class='blog-post-comments'> <script type='text/javascript'> var disqus_blogger_current_url = "https://tastybiteshub.blogspot.com/2025/05/website.html"; if (!disqus_blogger_current_url.length) { disqus_blogger_current_url = "https://tastybiteshub.blogspot.com/2025/05/website.html"; } var disqus_blogger_homepage_url = "https://tastybiteshub.blogspot.com/"; var disqus_blogger_canonical_homepage_url = "https://tastybiteshub.blogspot.com/"; </script> <div class='title-wrap comments-title'> <h3>Post a Comment</h3> </div> <section class='comments embed' data-num-comments='0' id='comments'> <a name='comments'></a> <h3 class='title'>0 Comments</h3> <div id='Blog1_comments-block-wrapper'> </div> <div class='footer'> <div class='comment-form'> <a name='comment-form'></a> <a href='https://www.blogger.com/comment/frame/8266766859000827165?po=8336768213118781299&hl=en-GB&saa=85391&skin=contempo' id='comment-editor-src'></a> <iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410px' id='comment-editor' name='comment-editor' src='' width='100%'></iframe> <script src='https://www.blogger.com/static/v1/jsbin/1167892209-comment_from_post_iframe.js' type='text/javascript'></script> <script type='text/javascript'> BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html'); </script> </div> </div> </section> </div> </div> <script type='text/javascript'> var messages = { viewAll: "View all" } </script> </div></div> </div> <!-- Sidebar Wrapper --> <div id='sidebar-wrapper'> <div class='sidebar common-widget section' id='sidebar1' name='Sidebar Right (A)'><div class='widget HTML' data-version='2' id='HTML5'> <div class='widget-content'> <script type="text/javascript"> atOptions = { 'key' : '00f1f278dc8c74e4ac9be8b06cae1357', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.profitablecreativeformat.com/00f1f278dc8c74e4ac9be8b06cae1357/invoke.js"></scr' + 'ipt>'); </script> </div> </div></div> <div class='sidebar section' id='social-widget' name='Social Widget'><div class='widget LinkList' data-version='2' id='LinkList75'> <div class='widget-title'> <h3 class='title'> Social Plugin </h3> </div> <div class='widget-content'> <ul class='social-counter social social-color social-text'> <li class='instagram'><a href='https://www.instagram.com/' target='_blank' title='instagram'></a></li> </ul> </div> </div></div> <div class='sidebar common-widget section' id='sidebar2' name='Sidebar Right (B)'><div class='widget HTML' data-version='2' id='HTML6'> <div class='widget-content'> <script type="text/javascript"> atOptions = { 'key' : '00f1f278dc8c74e4ac9be8b06cae1357', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.profitablecreativeformat.com/00f1f278dc8c74e4ac9be8b06cae1357/invoke.js"></scr' + 'ipt>'); </script> </div> </div><div class='widget PopularPosts' data-version='2' id='PopularPosts1'> <div class='widget-title'> <h3 class='title'> Popular Posts </h3> </div> <div class='widget-content'> </div> </div><div class='widget FeaturedPost' data-version='2' id='FeaturedPost1'> <div class='widget-title'> <h3 class='title'> Featured Post </h3> </div> <div class='widget-content'> <div class='post'> <div class='post-content'> <a class='post-image-link' href='https://tastybiteshub.blogspot.com/2023/08/mens-odi-asia-cup-2023-schedule.html'> <img alt='Men's ODI Asia Cup 2023 schedule confirmed' class='post-thumb' src='https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tVcltJ6mAjXKDtTHhDIKFYvgAoxhm1Yx_3uXuI5U1sBg_ug1ijI3IrF_knzrG6JqpNI6mdAi8wIBt98siOiaJHIYsJnS236fyzlQGWAjjwI1yjprQ69egLP7jjFXF_Zpbkf2xlGY6-6l4QNq8QEu0XcIMsvcSGK2F3NDGx_-YfpIR0VEtM=w640'/> <span class='post-tag'>Sport News</span> </a> <div class='post-info'> <h2 class='post-title'> <a href='https://tastybiteshub.blogspot.com/2023/08/mens-odi-asia-cup-2023-schedule.html'>Men's ODI Asia Cup 2023 schedule confirmed</a> </h2> <div class='post-meta'> <span class='post-author'>A.</span> <span class='post-date published' datetime='2023-08-29T10:37:00-07:00'>August 29, 2023</span> </div> <p class='post-snippet'>Pakistan will host the opener against Nepal in Multan on 30 August; Kandy will be th…</p> </div> </div> </div> </div> </div><div class='widget Label' data-version='2' id='Label1'> <div class='widget-title'> <h3 class='title'> Categories </h3> </div> <div class='widget-content list-label'> <ul> <li> <a class='label-name' href='https://tastybiteshub.blogspot.com/search/label/Online%20Business%20Ideas'> Online Business Ideas <span class='label-count'>5</span> </a> </li> <li> <a class='label-name' href='https://tastybiteshub.blogspot.com/search/label/Today%20Best%20Health%20Tips'> Today Best Health Tips <span class='label-count'>4</span> </a> </li> <li> <a class='label-name' href='https://tastybiteshub.blogspot.com/search/label/Today%20Best%20Recipe'> Today Best Recipe <span class='label-count'>6</span> </a> </li> </ul> </div> </div><div class='widget Label' data-version='2' id='Label2'> <div class='widget-title'> <h3 class='title'> Tags </h3> </div> <div class='widget-content cloud-label'> <ul> <li> <a class='label-name' href='https://tastybiteshub.blogspot.com/search/label/Online%20Business%20Ideas'> Online Business Ideas </a> </li> <li> <a class='label-name' href='https://tastybiteshub.blogspot.com/search/label/Today%20Best%20Health%20Tips'> Today Best Health Tips </a> </li> <li> <a class='label-name' href='https://tastybiteshub.blogspot.com/search/label/Today%20Best%20Recipe'> Today Best Recipe </a> </li> </ul> </div> </div></div> </div> </div> </div> <div class='clearfix'></div> <!-- Footer Wrapper --> <div id='footer-wrapper'> <div class='container row'> <div class='footer-widgets-wrap'> <div class='footer common-widget section' id='footer-sec1' name='Section (Left)'><div class='widget HTML' data-version='2' id='HTML4'> <div class='widget-title'> <h3 class='title'> Most Recent </h3> </div> <div class='widget-content'> 3/recent/post-list </div> </div></div> <div class='footer common-widget section' id='footer-sec2' name='Section (Center)'><div class='widget HTML' data-version='2' id='HTML3'> <div class='widget-title'> <h3 class='title'> Random Posts </h3> </div> <div class='widget-content'> 3/random/post-list </div> </div></div> <div class='footer common-widget section' id='footer-sec3' name='Section (Right)'><div class='widget HTML' data-version='2' id='HTML11'> <div class='widget-content'> <script type='text/javascript' src='//fluencydepressing.com/d5/fc/ae/d5fcaea0bf96e5aa95b566dde528c2b7.js'></script> </div> </div><div class='widget PopularPosts' data-version='2' id='PopularPosts2'> <div class='widget-title'> <h3 class='title'> Most Popular </h3> </div> <div class='widget-content'> </div> </div></div> </div> </div> <div class='clearfix'></div> <div id='sub-footer-wrapper'> <div class='container row'> <div class='menu-footer section' id='menu-footer' name='Menu Footer'><div class='widget LinkList' data-version='2' id='LinkList76'> <div class='widget-title'> <h3 class='title'> Menu Footer Widget </h3> </div> <div class='widget-content'> <ul> <li><a href='/'>Home</a></li> <li><a href='https://newsplus-templatesyard.blogspot.com/p/about.html'>About</a></li> <li><a href='https://newsplus-templatesyard.blogspot.com/p/contact-us.html'>Contact Us</a></li> </ul> </div> </div></div> </div> </div> </div> </div> <!-- Main Scripts --> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js' type='text/javascript'></script> <script type='text/javascript'> //<![CDATA[ /*! Theia Sticky Sidebar | v1.7.0 - https://github.com/WeCodePixels/theia-sticky-sidebar */ (function($){$.fn.theiaStickySidebar=function(options){var defaults={'containerSelector':'','additionalMarginTop':0,'additionalMarginBottom':0,'updateSidebarHeight':true,'minWidth':0,'disableOnResponsiveLayouts':true,'sidebarBehavior':'modern','defaultPosition':'relative','namespace':'TSS'};options=$.extend(defaults,options);options.additionalMarginTop=parseInt(options.additionalMarginTop)||0;options.additionalMarginBottom=parseInt(options.additionalMarginBottom)||0;tryInitOrHookIntoEvents(options,this);function tryInitOrHookIntoEvents(options,$that){var success=tryInit(options,$that);if(!success){console.log('TSS: Body width smaller than options.minWidth. Init is delayed.');$(document).on('scroll.'+options.namespace,function(options,$that){return function(evt){var success=tryInit(options,$that);if(success){$(this).unbind(evt)}}}(options,$that));$(window).on('resize.'+options.namespace,function(options,$that){return function(evt){var success=tryInit(options,$that);if(success){$(this).unbind(evt)}}}(options,$that))}}function tryInit(options,$that){if(options.initialized===true){return true}if($('body').width()<options.minWidth){return false}init(options,$that);return true}function init(options,$that){options.initialized=true;var existingStylesheet=$('#theia-sticky-sidebar-stylesheet-'+options.namespace);if(existingStylesheet.length===0){$('head').append($('<style id="theia-sticky-sidebar-stylesheet-'+options.namespace+'">.theiaStickySidebar:after {content: ""; display: table; clear: both;}</style>'))}$that.each(function(){var o={};o.sidebar=$(this);o.options=options||{};o.container=$(o.options.containerSelector);if(o.container.length==0){o.container=o.sidebar.parent()}o.sidebar.parents().css('-webkit-transform','none');o.sidebar.css({'position':o.options.defaultPosition,'overflow':'visible','-webkit-box-sizing':'border-box','-moz-box-sizing':'border-box','box-sizing':'border-box'});o.stickySidebar=o.sidebar.find('.theiaStickySidebar');if(o.stickySidebar.length==0){var javaScriptMIMETypes=/(?:text|application)\/(?:x-)?(?:javascript|ecmascript)/i;o.sidebar.find('script').filter(function(index,script){return script.type.length===0||script.type.match(javaScriptMIMETypes)}).remove();o.stickySidebar=$('<div>').addClass('theiaStickySidebar').append(o.sidebar.children());o.sidebar.append(o.stickySidebar)}o.marginBottom=parseInt(o.sidebar.css('margin-bottom'));o.paddingTop=parseInt(o.sidebar.css('padding-top'));o.paddingBottom=parseInt(o.sidebar.css('padding-bottom'));var collapsedTopHeight=o.stickySidebar.offset().top;var collapsedBottomHeight=o.stickySidebar.outerHeight();o.stickySidebar.css('padding-top',1);o.stickySidebar.css('padding-bottom',1);collapsedTopHeight-=o.stickySidebar.offset().top;collapsedBottomHeight=o.stickySidebar.outerHeight()-collapsedBottomHeight-collapsedTopHeight;if(collapsedTopHeight==0){o.stickySidebar.css('padding-top',0);o.stickySidebarPaddingTop=0}else{o.stickySidebarPaddingTop=1}if(collapsedBottomHeight==0){o.stickySidebar.css('padding-bottom',0);o.stickySidebarPaddingBottom=0}else{o.stickySidebarPaddingBottom=1}o.previousScrollTop=null;o.fixedScrollTop=0;resetSidebar();o.onScroll=function(o){if(!o.stickySidebar.is(":visible")){return}if($('body').width()<o.options.minWidth){resetSidebar();return}if(o.options.disableOnResponsiveLayouts){var sidebarWidth=o.sidebar.outerWidth(o.sidebar.css('float')=='none');if(sidebarWidth+50>o.container.width()){resetSidebar();return}}var scrollTop=$(document).scrollTop();var position='static';if(scrollTop>=o.sidebar.offset().top+(o.paddingTop-o.options.additionalMarginTop)){var offsetTop=o.paddingTop+options.additionalMarginTop;var offsetBottom=o.paddingBottom+o.marginBottom+options.additionalMarginBottom;var containerTop=o.sidebar.offset().top;var containerBottom=o.sidebar.offset().top+getClearedHeight(o.container);var windowOffsetTop=0+options.additionalMarginTop;var windowOffsetBottom;var sidebarSmallerThanWindow=(o.stickySidebar.outerHeight()+offsetTop+offsetBottom)<$(window).height();if(sidebarSmallerThanWindow){windowOffsetBottom=windowOffsetTop+o.stickySidebar.outerHeight()}else{windowOffsetBottom=$(window).height()-o.marginBottom-o.paddingBottom-options.additionalMarginBottom}var staticLimitTop=containerTop-scrollTop+o.paddingTop;var staticLimitBottom=containerBottom-scrollTop-o.paddingBottom-o.marginBottom;var top=o.stickySidebar.offset().top-scrollTop;var scrollTopDiff=o.previousScrollTop-scrollTop;if(o.stickySidebar.css('position')=='fixed'){if(o.options.sidebarBehavior=='modern'){top+=scrollTopDiff}}if(o.options.sidebarBehavior=='stick-to-top'){top=options.additionalMarginTop}if(o.options.sidebarBehavior=='stick-to-bottom'){top=windowOffsetBottom-o.stickySidebar.outerHeight()}if(scrollTopDiff>0){top=Math.min(top,windowOffsetTop)}else{top=Math.max(top,windowOffsetBottom-o.stickySidebar.outerHeight())}top=Math.max(top,staticLimitTop);top=Math.min(top,staticLimitBottom-o.stickySidebar.outerHeight());var sidebarSameHeightAsContainer=o.container.height()==o.stickySidebar.outerHeight();if(!sidebarSameHeightAsContainer&&top==windowOffsetTop){position='fixed'}else if(!sidebarSameHeightAsContainer&&top==windowOffsetBottom-o.stickySidebar.outerHeight()){position='fixed'}else if(scrollTop+top-o.sidebar.offset().top-o.paddingTop<=options.additionalMarginTop){position='static'}else{position='absolute'}}if(position=='fixed'){var scrollLeft=$(document).scrollLeft();o.stickySidebar.css({'position':'fixed','width':getWidthForObject(o.stickySidebar)+'px','transform':'translateY('+top+'px)','left':(o.sidebar.offset().left+parseInt(o.sidebar.css('padding-left'))-scrollLeft)+'px','top':'0px'})}else if(position=='absolute'){var css={};if(o.stickySidebar.css('position')!='absolute'){css.position='absolute';css.transform='translateY('+(scrollTop+top-o.sidebar.offset().top-o.stickySidebarPaddingTop-o.stickySidebarPaddingBottom)+'px)';css.top='0px'}css.width=getWidthForObject(o.stickySidebar)+'px';css.left='';o.stickySidebar.css(css)}else if(position=='static'){resetSidebar()}if(position!='static'){if(o.options.updateSidebarHeight==true){o.sidebar.css({'min-height':o.stickySidebar.outerHeight()+o.stickySidebar.offset().top-o.sidebar.offset().top+o.paddingBottom})}}o.previousScrollTop=scrollTop};o.onScroll(o);$(document).on('scroll.'+o.options.namespace,function(o){return function(){o.onScroll(o)}}(o));$(window).on('resize.'+o.options.namespace,function(o){return function(){o.stickySidebar.css({'position':'static'});o.onScroll(o)}}(o));if(typeof ResizeSensor!=='undefined'){new ResizeSensor(o.stickySidebar[0],function(o){return function(){o.onScroll(o)}}(o))}function resetSidebar(){o.fixedScrollTop=0;o.sidebar.css({'min-height':'1px'});o.stickySidebar.css({'position':'static','width':'','transform':'none'})}function getClearedHeight(e){var height=e.height();e.children().each(function(){height=Math.max(height,$(this).height())});return height}})}function getWidthForObject(object){var width;try{width=object[0].getBoundingClientRect().width}catch(err){}if(typeof width==="undefined"){width=object.width()}return width}return this}})(jQuery); //]]> </script> <!-- Theme Functions JS --> <script type='text/javascript'> //<![CDATA[ $(function() { $('#main-menu')['each'](function() { var _0xf943x2 = $(this)['find']('.LinkList ul > li')['children']('a'), _0xf943x3 = _0xf943x2['length']; for (var _0xf943x4 = 0; _0xf943x4 < _0xf943x3; _0xf943x4++) { var _0xf943x5 = _0xf943x2['eq'](_0xf943x4), _0xf943x6 = _0xf943x5['text'](); if (_0xf943x6['charAt'](0) !== '_') { var _0xf943x7 = _0xf943x2['eq'](_0xf943x4 + 1), _0xf943x8 = _0xf943x7['text'](); if (_0xf943x8['charAt'](0) === '_') { var _0xf943x9 = _0xf943x5['parent'](); _0xf943x9['append']('<ul class="sub-menu m-sub"/>') } }; if (_0xf943x6['charAt'](0) === '_') { _0xf943x5['text'](_0xf943x6['replace']('_', '')); _0xf943x5['parent']()['appendTo'](_0xf943x9['children']('.sub-menu')) } }; for (var _0xf943x4 = 0; _0xf943x4 < _0xf943x3; _0xf943x4++) { var _0xf943xa = _0xf943x2['eq'](_0xf943x4), _0xf943xb = _0xf943xa['text'](); if (_0xf943xb['charAt'](0) !== '_') { var _0xf943xc = _0xf943x2['eq'](_0xf943x4 + 1), _0xf943xd = _0xf943xc['text'](); if (_0xf943xd['charAt'](0) === '_') { var _0xf943xe = _0xf943xa['parent'](); _0xf943xe['append']('<ul class="sub-menu2 m-sub"/>') } }; if (_0xf943xb['charAt'](0) === '_') { _0xf943xa['text'](_0xf943xb['replace']('_', '')); _0xf943xa['parent']()['appendTo'](_0xf943xe['children']('.sub-menu2')) } }; $('#main-menu ul li ul')['parent']('li')['addClass']('has-sub'); $('#main-menu .widget')['addClass']('show-menu') }); $('#main-menu-nav')['clone']()['appendTo']('.mobile-menu'); $('.mobile-menu .has-sub')['append']('<div class="submenu-toggle"/>'); $('.mobile-menu ul > li a')['each'](function() { var _0xf943xf = $(this), _0xf943x10 = _0xf943xf['attr']('href')['trim'](), _0xf943x11 = _0xf943x10['toLowerCase'](), _0xf943x12 = _0xf943x10['split']('/'), _0xf943x13 = _0xf943x12[0]; if (_0xf943x11['match']('mega-menu')) { _0xf943xf['attr']('href', '/search/label/' + _0xf943x13 + '?&max-results=' + postPerPage) } }); $('.slide-menu-toggle')['on']('click', function() { $('body')['toggleClass']('nav-active'); $('.overlay')['fadeToggle'](170) }); $('.mobile-menu ul li .submenu-toggle')['on']('click', function(_0xf943xf) { if ($(this)['parent']()['hasClass']('has-sub')) { _0xf943xf['preventDefault'](); if (!$(this)['parent']()['hasClass']('show')) { $(this)['parent']()['addClass']('show')['children']('.m-sub')['slideToggle'](170) } else { $(this)['parent']()['removeClass']('show')['find']('> .m-sub')['slideToggle'](170) } } }); $('.show-search, .show-mobile-search')['on']('click', function() { $('#nav-search, .mobile-search-form')['fadeIn'](250)['find']('input')['focus']() }); $('.hide-search, .hide-mobile-search')['on']('click', function() { $('#nav-search, .mobile-search-form')['fadeOut'](250)['find']('input')['blur']() }); $('.Label a, a.b-label')['attr']('href', function(_0xf943xf, _0xf943x14) { return _0xf943x14['replace'](_0xf943x14, _0xf943x14 + '?&max-results=' + postPerPage) }); $('.avatar-image-container img')['attr']('src', function(_0xf943xf, _0xf943x4) { _0xf943x4 = _0xf943x4['replace']('/s35-c/', '/s45-c/'); _0xf943x4 = _0xf943x4['replace']('//img1.blogblog.com/img/blank.gif', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTE1RgQ0KkmPwgZObsdGjwaZttN2G0-UCbE64DbQaQyIXKHxSB6HMg-j7RQytYCkqVAfYm3ExZVfIdwWD26MAFP9cqgmFfWPcso4FH43PaZ2kHfNv_tEOkdjbuuxWTf8paMjcJv7eUltdX/s55-r/avatar.png'); return _0xf943x4 }); $('.index-post .post-image-link img')['attr']('src', function(_0xf943xf, _0xf943x4) { _0xf943x4 = _0xf943x4['replace']('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEYWi8fe_52zt1IjBB5vOCWHxTcQWo6s1S-nPKVFEF3gI-zeOsEPtGULW4-0YuVcbd3zEpL7CIVY9qTKHssRVONl0LrWIvc1kn_v8Yhs6BXdGL6Ytu9mgZ3RIA-OZaNmY1klzAucIoCWk/w680/nth.png', noThumbnail); return _0xf943x4 }); $('.author-description a')['each'](function() { $(this)['attr']('target', '_blank') }); $('.post-nav')['each'](function() { var _0xf943x15 = $('a.prev-post-link')['attr']('href'), _0xf943x16 = $('a.next-post-link')['attr']('href'); $['ajax']({ url: _0xf943x15, type: 'get', success: function(_0xf943x17) { var _0xf943x18 = $(_0xf943x17)['find']('.blog-post h1.post-title')['text'](); $('.post-prev a .post-nav-inner p')['text'](_0xf943x18) } }); $['ajax']({ url: _0xf943x16, type: 'get', success: function(_0xf943x19) { var _0xf943x18 = $(_0xf943x19)['find']('.blog-post h1.post-title')['text'](); $('.post-next a .post-nav-inner p')['text'](_0xf943x18) } }) }); $('.post-body strike')['each'](function() { var _0xf943xf = $(this), _0xf943x11 = _0xf943xf['text'](); if (_0xf943x11['match']('left-sidebar')) { _0xf943xf['replaceWith']('<style>.item #main-wrapper{float:right;padding:0 0 0 25px}.item #sidebar-wrapper{float:left}</style>') }; if (_0xf943x11['match']('right-sidebar')) { _0xf943xf['replaceWith']('<style>.item #main-wrapper{float:left;padding:0 25px 0 0}.item #sidebar-wrapper{float:right}</style>') }; if (_0xf943x11['match']('full-width')) { _0xf943xf['replaceWith']('<style>.item #main-wrapper{width:100%;padding:0}.item #sidebar-wrapper{display:none}</style>') } }); $('#main-wrapper, #sidebar-wrapper')['each'](function() { if (fixedSidebar == true) { $(this)['theiaStickySidebar']({ additionalMarginTop: 25, additionalMarginBottom: 25 }) } }); $('.back-top')['each'](function() { var _0xf943xf = $(this); $(window)['on']('scroll', function() { $(this)['scrollTop']() >= 100 ? _0xf943xf['fadeIn'](250) : _0xf943xf['fadeOut'](250) }), _0xf943xf['click'](function() { $('html, body')['animate']({ scrollTop: 0 }, 500) }) }); $('#main-menu #main-menu-nav li')['each'](function() { var _0xf943x1a = $(this), _0xf943x10 = _0xf943x1a['find']('a')['attr']('href')['trim'](), _0xf943xf = _0xf943x1a, _0xf943x11 = _0xf943x10['toLowerCase'](), _0xf943x12 = _0xf943x10['split']('/'), _0xf943x13 = _0xf943x12[0]; _0xf943x35(_0xf943xf, _0xf943x11, 4, _0xf943x13) }); $('#hot-section .widget-content')['each'](function() { var _0xf943xf = $(this), _0xf943x10 = _0xf943xf['text']()['trim'](), _0xf943x11 = _0xf943x10['toLowerCase'](), _0xf943x12 = _0xf943x10['split']('/'), _0xf943x13 = _0xf943x12[0]; _0xf943x35(_0xf943xf, _0xf943x11, 4, _0xf943x13) }); $('.featured-posts .widget-content')['each'](function() { var _0xf943xf = $(this), _0xf943x10 = _0xf943xf['text']()['trim'](), _0xf943x11 = _0xf943x10['toLowerCase'](), _0xf943x12 = _0xf943x10['split']('/'); if (_0xf943x11['match']('feat-big')) { var _0xf943x1b = 5, _0xf943x13 = _0xf943x12[0] } else { _0xf943x1b = _0xf943x12[0], _0xf943x13 = _0xf943x12[1] }; _0xf943x35(_0xf943xf, _0xf943x11, _0xf943x1b, _0xf943x13) }); $('.common-widget .widget-content')['each'](function() { var _0xf943xf = $(this), _0xf943x10 = _0xf943xf['text']()['trim'](), _0xf943x11 = _0xf943x10['toLowerCase'](), _0xf943x12 = _0xf943x10['split']('/'), _0xf943x1b = _0xf943x12[0], _0xf943x13 = _0xf943x12[1]; _0xf943x35(_0xf943xf, _0xf943x11, _0xf943x1b, _0xf943x13) }); $('.related-ready')['each'](function() { var _0xf943xf = $(this), _0xf943x13 = _0xf943xf['find']('.related-tag')['data']('label'); _0xf943x35(_0xf943xf, 'related', 3, _0xf943x13) }); function _0xf943x1c(_0xf943x1d, _0xf943x4) { for (var _0xf943x1e = 0; _0xf943x1e < _0xf943x1d[_0xf943x4]['link']['length']; _0xf943x1e++) { if (_0xf943x1d[_0xf943x4]['link'][_0xf943x1e]['rel'] == 'alternate') { var _0xf943x1f = _0xf943x1d[_0xf943x4]['link'][_0xf943x1e]['href']; break } }; return _0xf943x1f } function _0xf943x20(_0xf943x1d, _0xf943x4, _0xf943x1f) { var _0xf943x21 = _0xf943x1d[_0xf943x4]['title']['$t'], _0xf943x22 = '<a href="' + _0xf943x1f + '">' + _0xf943x21 + '</a>'; return _0xf943x22 } function _0xf943x23(_0xf943x1d, _0xf943x4) { var _0xf943x21 = _0xf943x1d[_0xf943x4]['author'][0]['name']['$t'], _0xf943x22 = '<span class="post-author">' + _0xf943x21 + ' </span>'; return _0xf943x22 } function _0xf943x24(_0xf943x1d, _0xf943x4) { var _0xf943x25 = _0xf943x1d[_0xf943x4]['published']['$t'], _0xf943x26 = _0xf943x25['substring'](0, 4), _0xf943x27 = _0xf943x25['substring'](5, 7), _0xf943x28 = _0xf943x25['substring'](8, 10), _0xf943x29 = monthFormat[parseInt(_0xf943x27, 10) - 1] + ' ' + _0xf943x28 + ', ' + _0xf943x26, _0xf943x22 = '<span class="post-date">' + _0xf943x29 + '</span>'; return _0xf943x22 } function _0xf943x2a(_0xf943x1d, _0xf943x4) { var _0xf943x21 = _0xf943x1d[_0xf943x4]['title']['$t'], _0xf943x2b = _0xf943x1d[_0xf943x4]['content']['$t']; if ('media$thumbnail' in _0xf943x1d[_0xf943x4]) { var _0xf943x2c = _0xf943x1d[_0xf943x4]['media$thumbnail']['url'], _0xf943x2d = _0xf943x2c['replace']('/s72-c', '/w640'), _0xf943x2e = _0xf943x2c['replace']('/s72-c', '/w280'), _0xf943x2f = _0xf943x2c['replace']('/s72-c', '/w100'); if (_0xf943x2b['indexOf']('youtube.com/embed') > -1) { _0xf943x2d = _0xf943x2c['replace']('/default.', '/hqdefault.'); _0xf943x2e = _0xf943x2c['replace']('/default.', '/mqdefault.'); _0xf943x2f = _0xf943x2c } } else { _0xf943x2d = noThumbnail; _0xf943x2e = noThumbnail['replace']('/s680', '/w280'); _0xf943x2f = noThumbnail['replace']('/s680', '/w100') }; var _0xf943x5 = '<img class="post-thumb" alt="' + _0xf943x21 + '" src="' + _0xf943x2d + '"/>', _0xf943x7 = '<img class="post-thumb" alt="' + _0xf943x21 + '" src="' + _0xf943x2e + '"/>', _0xf943xa = '<img class="post-thumb" alt="' + _0xf943x21 + '" src="' + _0xf943x2f + '"/>', _0xf943x22 = [_0xf943x5, _0xf943x7, _0xf943xa]; return _0xf943x22 } function _0xf943x30(_0xf943x1d, _0xf943x4) { if (_0xf943x1d[_0xf943x4]['category'] != undefined) { var _0xf943x31 = _0xf943x1d[_0xf943x4]['category'][0]['term'], _0xf943x22 = '<span class="post-tag">' + _0xf943x31 + '</span>' } else { _0xf943x22 = '' }; return _0xf943x22 } function _0xf943x32(_0xf943x1d, _0xf943x4) { var _0xf943x2b = _0xf943x1d[_0xf943x4]['content']['$t'], _0xf943x33 = $('<div>')['html'](_0xf943x2b), _0xf943x34 = _0xf943x33['text']()['trim']()['substr'](0, 86), _0xf943x22 = '<p class="post-snippet">' + _0xf943x34 + '\u2026</p>'; return _0xf943x22 } function _0xf943x35(_0xf943xf, _0xf943x11, _0xf943x1b, _0xf943x13) { if (_0xf943x11['match']('mega-menu') || _0xf943x11['match']('hot-posts') || _0xf943x11['match']('feat-big') || _0xf943x11['match']('col-left') || _0xf943x11['match']('col-right') || _0xf943x11['match']('grid-small') || _0xf943x11['match']('grid-big') || _0xf943x11['match']('feat-list') || _0xf943x11['match']('post-list') || _0xf943x11['match']('related')) { var _0xf943x36 = ''; if (_0xf943x13 == 'recent') { _0xf943x36 = '/feeds/posts/default?alt=json-in-script&max-results=' + _0xf943x1b } else { if (_0xf943x13 == 'random') { var _0xf943x37 = Math['floor'](Math['random']() * _0xf943x1b) + 1; _0xf943x36 = '/feeds/posts/default?max-results=' + _0xf943x1b + '&start-index=' + _0xf943x37 + '&alt=json-in-script' } else { _0xf943x36 = '/feeds/posts/default/-/' + _0xf943x13 + '?alt=json-in-script&max-results=' + _0xf943x1b } }; $['ajax']({ url: _0xf943x36, type: 'get', dataType: 'jsonp', beforeSend: function() { if (_0xf943x11['match']('hot-posts')) { _0xf943xf['html']('<div class="hot-loader"/>')['parent']()['addClass']('show-hot') } }, success: function(_0xf943x38) { if (_0xf943x11['match']('mega-menu')) { var _0xf943x39 = '<ul class="mega-menu-inner">' } else { if (_0xf943x11['match']('hot-posts')) { var _0xf943x39 = '<ul class="hot-posts">' } else { if (_0xf943x11['match']('feat-big')) { var _0xf943x39 = '<ul class="feat-big">' } else { if (_0xf943x11['match']('col-right') || _0xf943x11['match']('col-left')) { var _0xf943x39 = '<ul class="feat-col">' } else { if (_0xf943x11['match']('grid-small')) { var _0xf943x39 = '<ul class="grid-small">' } else { if (_0xf943x11['match']('grid-big')) { var _0xf943x39 = '<ul class="grid-big">' } else { if (_0xf943x11['match']('feat-list')) { var _0xf943x39 = '<ul class="feat-list">' } else { if (_0xf943x11['match']('post-list')) { var _0xf943x39 = '<ul class="custom-widget">' } else { if (_0xf943x11['match']('related')) { var _0xf943x39 = '<ul class="related-posts">' } } } } } } } } }; var _0xf943x3a = _0xf943x38['feed']['entry']; if (_0xf943x3a != undefined) { for (var _0xf943x4 = 0, _0xf943x1d = _0xf943x3a; _0xf943x4 < _0xf943x1d['length']; _0xf943x4++) { var _0xf943x1f = _0xf943x1c(_0xf943x1d, _0xf943x4), _0xf943x18 = _0xf943x20(_0xf943x1d, _0xf943x4, _0xf943x1f), _0xf943x3b = _0xf943x2a(_0xf943x1d, _0xf943x4), _0xf943x31 = _0xf943x30(_0xf943x1d, _0xf943x4), _0xf943x3c = _0xf943x23(_0xf943x1d, _0xf943x4), _0xf943x3d = _0xf943x24(_0xf943x1d, _0xf943x4), _0xf943x3e = _0xf943x32(_0xf943x1d, _0xf943x4); var _0xf943x3f = ''; if (_0xf943x11['match']('mega-menu')) { _0xf943x3f += '<div class="mega-item item-' + _0xf943x4 + '"><div class="mega-content"><div class="post-image-wrap"><a class="post-image-link" href="' + _0xf943x1f + '">' + _0xf943x3b[1] + '</a></div><h2 class="post-title">' + _0xf943x18 + '</h2><div class="post-meta">' + _0xf943x3d + '</div></div></div>' } else { if (_0xf943x11['match']('hot-posts')) { if (_0xf943x4 == 0) { _0xf943x3f += '<li class="hot-item item-' + _0xf943x4 + '"><div class="hot-item-inner"><a class="post-image-link" href="' + _0xf943x1f + '">' + _0xf943x3b[0] + '</a><div class="post-info">' + _0xf943x31 + '<h2 class="post-title">' + _0xf943x18 + '</h2><div class="post-meta">' + _0xf943x3c + _0xf943x3d + '</div></div></div></li>' } else { _0xf943x3f += '<li class="hot-item item-' + _0xf943x4 + '"><div class="hot-item-inner"><a class="post-image-link" href="' + _0xf943x1f + '">' + _0xf943x3b[0] + '</a><div class="post-info">' + _0xf943x31 + '<h2 class="post-title">' + _0xf943x18 + '</h2><div class="post-meta">' + _0xf943x3d + '</div></div></div></li>' } } else { if (_0xf943x11['match']('feat-big')) { if (_0xf943x4 == 0) { _0xf943x3f += '<li class="feat-item item-big item-' + _0xf943x4 + '"><div class="feat-inner"><a class="post-image-link" href="' + _0xf943x1f + '">' + _0xf943x3b[0] + '</a>' + _0xf943x31 + '<div class="post-info"><h2 class="post-title">' + _0xf943x18 + '</h2><div class="post-meta">' + _0xf943x3c + _0xf943x3d + '</div>' + _0xf943x3e + '</div></div></li>' } else { _0xf943x3f += '<li class="feat-item item-small item-' + _0xf943x4 + '"><a class="post-image-link" href="' + _0xf943x1f + '">' + _0xf943x3b[1] + '</a><div class="post-info"><h2 class="post-title">' + _0xf943x18 + '</h2><div class="post-meta">' + _0xf943x3d + '</div></div></li>' } } else { if (_0xf943x11['match']('col-left') || _0xf943x11['match']('col-right')) { if (_0xf943x4 == 0) { _0xf943x3f += '<li class="feat-item item-big item-' + _0xf943x4 + '"><div class="feat-inner"><a class="post-image-link" href="' + _0xf943x1f + '">' + _0xf943x3b[0] + '</a>' + _0xf943x31 + '<div class="post-info"><h2 class="post-title">' + _0xf943x18 + '</h2><div class="post-meta">' + _0xf943x3c + _0xf943x3d + '</div>' + _0xf943x3e + '</div></div></li>' } else { _0xf943x3f += '<li class="feat-item item-small item-' + _0xf943x4 + '"><a class="post-image-link" href="' + _0xf943x1f + '">' + _0xf943x3b[2] + '</a><div class="post-info"><h2 class="post-title">' + _0xf943x18 + '</h2><div class="post-meta">' + _0xf943x3d + '</div></div></li>' } } else { if (_0xf943x11['match']('grid-small')) { _0xf943x3f += '<li class="feat-item item-small item-' + _0xf943x4 + '"><a class="post-image-link" href="' + _0xf943x1f + '">' + _0xf943x3b[1] + '</a><div class="post-info"><h2 class="post-title">' + _0xf943x18 + '</h2><div class="post-meta">' + _0xf943x3d + '</div></div></li>' } else { if (_0xf943x11['match']('grid-big')) { _0xf943x3f += '<li class="feat-item item-big item-' + _0xf943x4 + '"><div class="feat-inner"><a class="post-image-link" href="' + _0xf943x1f + '">' + _0xf943x3b[0] + '</a>' + _0xf943x31 + '<div class="post-info"><h2 class="post-title">' + _0xf943x18 + '</h2><div class="post-meta">' + _0xf943x3c + _0xf943x3d + '</div>' + _0xf943x3e + '</div></div></li>' } else { if (_0xf943x11['match']('feat-list')) { _0xf943x3f += '<li class="feat-item item-' + _0xf943x4 + '"><div class="feat-inner"><a class="post-image-link" href="' + _0xf943x1f + '">' + _0xf943x3b[0] + '</a>' + _0xf943x31 + '<div class="post-info"><h2 class="post-title">' + _0xf943x18 + '</h2><div class="post-meta">' + _0xf943x3c + _0xf943x3d + '</div>' + _0xf943x3e + '</div></div></li>' } else { if (_0xf943x11['match']('post-list')) { _0xf943x3f += '<li class="item-' + _0xf943x4 + '"><a class="post-image-link" href="' + _0xf943x1f + '">' + _0xf943x3b[2] + '</a><h2 class="post-title">' + _0xf943x18 + '</h2><div class="post-meta">' + _0xf943x3d + '</div></div></li>' } else { if (_0xf943x11['match']('related')) { _0xf943x3f += '<li class="related-item item-' + _0xf943x4 + '"><a class="post-image-link" href="' + _0xf943x1f + '">' + _0xf943x3b[1] + '</a><h2 class="post-title">' + _0xf943x18 + '</h2><div class="post-meta">' + _0xf943x3d + '</div></li>' } } } } } } } } }; _0xf943x39 += _0xf943x3f }; _0xf943x39 += '</ul>' } else { _0xf943x39 = '<ul class="no-posts">Error: No Posts Found <i class="fa fa-frown-o"/></ul>' }; if (_0xf943x11['match']('mega-menu')) { _0xf943xf['addClass']('has-sub mega-menu')['append'](_0xf943x39); _0xf943xf['find']('a:first')['attr']('href', function(_0xf943xf, _0xf943x14) { if (_0xf943x13 == 'recent' || _0xf943x13 == 'random') { _0xf943x14 = _0xf943x14['replace'](_0xf943x14, '/search/?&max-results=' + postPerPage) } else { _0xf943x14 = _0xf943x14['replace'](_0xf943x14, '/search/label/' + _0xf943x13 + '?&max-results=' + postPerPage) }; return _0xf943x14 }) } else { if (_0xf943x11['match']('hot-posts')) { _0xf943xf['html'](_0xf943x39)['parent']()['addClass']('show-hot') } else { if (_0xf943x11['match']('feat-big') || _0xf943x11['match']('feat-list') || _0xf943x11['match']('col-left') || _0xf943x11['match']('col-right') || _0xf943x11['match']('grid-small') || _0xf943x11['match']('grid-big')) { _0xf943xf['parent']()['find']('.widget-title')['append']('<a class="view-all" href="/search/label/' + _0xf943x13 + '?&max-results=' + postPerPage + '">' + messages['viewAll'] + '</a>'); if (_0xf943x11['match']('col-left') || _0xf943x11['match']('col-right')) { if (_0xf943x11['match']('col-right')) { _0xf943xf['parent']()['addClass']('col-right') }; _0xf943xf['parent']()['addClass']('col-width') }; _0xf943xf['html'](_0xf943x39)['parent']()['addClass']('show-widget') } else { _0xf943xf['html'](_0xf943x39) } } } } }) } } $('.blog-post-comments')['each'](function() { var _0xf943x40 = commentsSystem, _0xf943x41 = disqus_blogger_current_url, _0xf943x42 = '<div id="disqus_thread"/>', _0xf943x43 = $(location)['attr']('href'), _0xf943x44 = '<div class="fb-comments" data-width="100%" data-href="' + _0xf943x43 + '" data-numposts="5"></div>', _0xf943x45 = 'comments-system-' + _0xf943x40; if (_0xf943x40 == 'blogger') { $(this)['addClass'](_0xf943x45)['show']() } else { if (_0xf943x40 == 'disqus') { (function() { var _0xf943x46 = document['createElement']('script'); _0xf943x46['type'] = 'text/javascript'; _0xf943x46['async'] = true; _0xf943x46['src'] = '//' + disqusShortname + '.disqus.com/embed.js'; (document['getElementsByTagName']('head')[0] || document['getElementsByTagName']('body')[0])['appendChild'](_0xf943x46) })(); $('#comments, #gpluscomments')['remove'](); $(this)['append'](_0xf943x42)['addClass'](_0xf943x45)['show']() } else { if (_0xf943x40 == 'facebook') { $('#comments, #gpluscomments')['remove'](); $(this)['append'](_0xf943x44)['addClass'](_0xf943x45)['show']() } else { if (_0xf943x40 == 'hide') { $(this)['hide']() } else { $(this)['addClass']('comments-system-default')['show']() } } } } }) }) //]]> </script> <!-- Pagination Scripts --> <!-- Facebook SDK --> <script type='text/javascript'> //<![CDATA[ (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); //]]> </script> <!-- Overlay and Back To Top --> <div class='overlay'></div> <div class='back-top' title='Back to Top'></div> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/3192278168-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY5PoIsxuMwIz0bF3dAeXjrQmJP6aw:1751406291450';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d8266766859000827165','//tastybiteshub.blogspot.com/2025/05/website.html','8266766859000827165'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '8266766859000827165', 'title': 'TastyBitesHub', 'url': 'https://tastybiteshub.blogspot.com/2025/05/website.html', 'canonicalUrl': 'https://tastybiteshub.blogspot.com/2025/05/website.html', 'homepageUrl': 'https://tastybiteshub.blogspot.com/', 'searchUrl': 'https://tastybiteshub.blogspot.com/search', 'canonicalHomepageUrl': 'https://tastybiteshub.blogspot.com/', 'blogspotFaviconUrl': 'https://tastybiteshub.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en-GB', 'localeUnderscoreDelimited': 'en_gb', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22TastyBitesHub - Atom\x22 href\x3d\x22https://tastybiteshub.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22TastyBitesHub - RSS\x22 href\x3d\x22https://tastybiteshub.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22TastyBitesHub - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/8266766859000827165/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22TastyBitesHub - Atom\x22 href\x3d\x22https://tastybiteshub.blogspot.com/feeds/8336768213118781299/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-1348758219653060', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': true, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/80b4ddde608ae4d6', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en_GB\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '8336768213118781299', 'pageName': 'Website', 'pageTitle': 'TastyBitesHub: Website'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard', 'ok': 'Ok', 'postLink': 'Post link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Website', 'description': ' LearnSmart - Educational Website', 'url': 'https://tastybiteshub.blogspot.com/2025/05/website.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 8336768213118781299}}, {'name': 'widgets', 'data': [{'title': 'Css Options', 'type': 'LinkList', 'sectionId': 'sora-panel', 'id': 'LinkList70'}, {'title': 'Default Variables', 'type': 'LinkList', 'sectionId': 'sora-panel', 'id': 'LinkList71'}, {'title': '', 'type': 'LinkList', 'sectionId': 'top-bar-nav', 'id': 'LinkList72'}, {'title': '', 'type': 'LinkList', 'sectionId': 'top-bar-social', 'id': 'LinkList73'}, {'title': 'TastyBitesHub (Header)', 'type': 'Header', 'sectionId': 'header-logo', 'id': 'Header1'}, {'title': 'Projects', 'type': 'HTML', 'sectionId': 'header-ads', 'id': 'HTML1'}, {'title': 'Mobile Logo Settings', 'type': 'Image', 'sectionId': 'mobile-logo', 'id': 'Image70'}, {'title': 'Link List', 'type': 'LinkList', 'sectionId': 'main-menu', 'id': 'LinkList74'}, {'title': 'Subscribe Us', 'type': 'HTML', 'sectionId': 'hot-section', 'id': 'HTML2'}, {'title': '', 'type': 'HTML', 'sectionId': 'featured-posts-1', 'id': 'HTML7'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'main', 'id': 'Blog1', 'posts': [{'id': '8336768213118781299', 'title': 'Website', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'share', 'label': ''}, {'name': 'author', 'label': 'Posted by: A.'}, {'name': 'timestamp', 'label': ''}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'Comments'}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Tags:'}]}], 'allBylineItems': [{'name': 'share', 'label': ''}, {'name': 'author', 'label': 'Posted by: A.'}, {'name': 'timestamp', 'label': ''}, {'name': 'comments', 'label': 'Comments'}, {'name': 'labels', 'label': 'Tags:'}]}, {'title': 'Our Best', 'type': 'HTML', 'sectionId': 'featured-posts-2', 'id': 'HTML9'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar1', 'id': 'HTML5'}, {'title': 'Social Plugin', 'type': 'LinkList', 'sectionId': 'social-widget', 'id': 'LinkList75'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar2', 'id': 'HTML6'}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'sidebar2', 'id': 'PopularPosts1', 'posts': []}, {'title': 'Featured Post', 'type': 'FeaturedPost', 'sectionId': 'sidebar2', 'id': 'FeaturedPost1', 'postId': '3740765513024719404'}, {'title': 'Categories', 'type': 'Label', 'sectionId': 'sidebar2', 'id': 'Label1'}, {'title': 'Tags', 'type': 'Label', 'sectionId': 'sidebar2', 'id': 'Label2'}, {'title': 'Most Recent', 'type': 'HTML', 'sectionId': 'footer-sec1', 'id': 'HTML4'}, {'title': 'Random Posts', 'type': 'HTML', 'sectionId': 'footer-sec2', 'id': 'HTML3'}, {'title': '', 'type': 'HTML', 'sectionId': 'footer-sec3', 'id': 'HTML11'}, {'title': 'Most Popular', 'type': 'PopularPosts', 'sectionId': 'footer-sec3', 'id': 'PopularPosts2', 'posts': []}, {'title': 'Menu Footer Widget', 'type': 'LinkList', 'sectionId': 'menu-footer', 'id': 'LinkList76'}]}]); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList70', 'sora-panel', document.getElementById('LinkList70'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList71', 'sora-panel', document.getElementById('LinkList71'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList72', 'top-bar-nav', document.getElementById('LinkList72'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList73', 'top-bar-social', document.getElementById('LinkList73'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header-logo', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'header-ads', document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image70', 'mobile-logo', document.getElementById('Image70'), {'resize': false}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList74', 'main-menu', document.getElementById('LinkList74'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'hot-section', document.getElementById('HTML2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'featured-posts-1', document.getElementById('HTML7'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3668400948-lbx__en_gb.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/123180807-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'featured-posts-2', document.getElementById('HTML9'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'sidebar1', document.getElementById('HTML5'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList75', 'social-widget', document.getElementById('LinkList75'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'sidebar2', document.getElementById('HTML6'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar2', document.getElementById('PopularPosts1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'sidebar2', document.getElementById('FeaturedPost1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar2', document.getElementById('Label1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label2', 'sidebar2', document.getElementById('Label2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'footer-sec1', document.getElementById('HTML4'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'footer-sec2', document.getElementById('HTML3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'footer-sec3', document.getElementById('HTML11'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts2', 'footer-sec3', document.getElementById('PopularPosts2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList76', 'menu-footer', document.getElementById('LinkList76'), {}, 'displayModeFull')); </script> </body> </html>