Html Parser

Code copied to clipboard

<div style='text-align: center'>
<button class='bt-success hidden' disabled='' id='gotolink'>Go to Link</button>
</div>
</div>
</div>
<script type='application/ld+json'>
                        {
                          "@context": "http://schema.org",
                          "@type": "BlogPosting",
                          "mainEntityOfPage": {
                            "@type": "WebPage",
                            "@id": "https://mobster7.blogspot.com/p/html-parser.html"
                          },
                          "headline": "Html Parser",
                          "description": "× Code copied to clipboard Parse Code Copy Code Clean",
                          "datePublished": "2022-03-11T02:57:00-08:00",
                          "dateModified": "2022-03-11T02:59:02-08:00",
                          
                          "image": {
                            "@type": "ImageObject",
                            "url": "https://1.bp.blogspot.com/-IHUyZ9JHR8M/YYk7Uaw6NAI/AAAAAAAAB34/1T6IWmewiEQFEmz4_GsDk5YWH2WnHyh0ACLcBGAsYHQ/s1600/techwithdeo-img.png",
                            "height": 348,
                            "width": 1200
                          },
                    
                          "publisher": {
                            "@type": "Organization",
                            "name": "Mobster",
                            "logo": {
                              "@type": "ImageObject",
                              "url": "https://1.bp.blogspot.com/-RT9oUR7anyU/YYlAH7PIY_I/AAAAAAAAB4A/44ZiP7HF9II3YYJ_HeiqzMlLSQZ-sEsaACLcBGAsYHQ/s0/twd-logo.png",
                              "width": 297,
                              "height": 45
                            }
                          },
                    
                          "author": {
                            "@type": "Person",
                            "name": "Mobster",
                            "url": "https://www.blogger.com/profile/03306293520059449958",
                            "image": ""
                          }
                        }
                      </script>
</div>
</article>
</div>
</div>
</div>

</main>


</div>
</div>
</div>

<footer>
<div class='mainSection footbar'>

<div class='footerContent'>
<div class='section' id='footer-widget-1'><div class='widget LinkList' data-version='2' id='LinkList01'>
<h3 class='title'>
Support
</h3>
<div class='widget-content'>
<ul>
<li>
<a href='/p/contact-us.html'>
<svg class='line' viewBox='0 0 24 24'><g><path d='M19.75 11.7257L4.75 11.7257'></path>
<path d='M13.7002 5.70131L19.7502 11.7253L13.7002 17.7503'></path></g></svg>
<span>Contact</span>
</a>
</li>
<li>
<a href='/p/about-us.html'>
<svg class='line' viewBox='0 0 24 24'><g><path d='M19.75 11.7257L4.75 11.7257'></path>
<path d='M13.7002 5.70131L19.7502 11.7253L13.7002 17.7503'></path></g></svg>
<span>About us</span>
</a>
</li>
<li>
<a href='/p/disclaimer.html'>
<svg class='line' viewBox='0 0 24 24'><g><path d='M19.75 11.7257L4.75 11.7257'></path>
<path d='M13.7002 5.70131L19.7502 11.7253L13.7002 17.7503'></path></g></svg>
<span>Disclaimer </span>
</a>
</li>
<li>
<a href='/p/privacy-policy.html'>
<svg class='line' viewBox='0 0 24 24'><g><path d='M19.75 11.7257L4.75 11.7257'></path>
<path d='M13.7002 5.70131L19.7502 11.7253L13.7002 17.7503'></path></g></svg>
<span>Privacy policy </span>
</a>
</li>
</ul>
</div>
</div><div class='widget HTML' data-version='2' id='HTML001'>
<div class='widget-content'>
<div class='aboutUs'>
  <div class='aboutTitle'>
    <div class='titleText' data-text='Made with love by'>
      <h3 class='titleHead' data-text='Mobster'></h3>
    </div>

</div>
  <p class='aboutDesc'>Creative and Advance widgets,codes for your blog.Design fuels creativity. Be here for more.It’s never too early to show it.</p>
</div>
</div>
</div><div class='widget LinkList' data-version='2' id='LinkList004'>
<ul class='aboutLinks'>
<li>
<a aria-label='Facebook' class='link' href='/' target='_blank'>
<svg class='c-1' viewBox='0 0 32 32'><path d='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5h8a1,1,0,0,0,1-1V20a1,1,0,0,0-1-1H15V17h1a1,1,0,0,0,1-1V12.5A2.5,2.5,0,0,1,19.5,10H22v2H21a2,2,0,0,0-2,2v2a1,1,0,0,0,1,1h1.72l-.5,2H20a1,1,0,0,0-1,1v4a1,1,0,0,0,2,0V21h1a1,1,0,0,0,1-.76l1-4a1,1,0,0,0-.18-.86A1,1,0,0,0,23,15H21V14h2a1,1,0,0,0,1-1V9a1,1,0,0,0-1-1H19.5A4.51,4.51,0,0,0,15,12.5V15H14a1,1,0,0,0-1,1v4a1,1,0,0,0,1,1h1v6H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3V24a3,3,0,0,1-3,3H20a1,1,0,0,0,0,2h4a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Z'></path></svg>
</a>
</li>
<li>
<a aria-label='Instagram' class='link' href='/' target='_blank'>
<svg class='c-1' viewBox='0 0 32 32'><path d='M20.45,13.32a1,1,0,0,0-.57,1.3,4,4,0,1,1-2.31-2.3,1,1,0,1,0,.71-1.87,6,6,0,0,0-6.37,9.85,6,6,0,0,0,8.48,0,6,6,0,0,0,1.36-6.41A1,1,0,0,0,20.45,13.32Z'></path><circle cx='23' cy='9' r='1'></circle><path d='M28,9a5,5,0,0,0-4.9-5h0A77.11,77.11,0,0,0,9,4,5,5,0,0,0,4,8.92,91.91,91.91,0,0,0,4,23a5,5,0,0,0,4.9,5h0c2.36.22,4.73.34,7.1.34s4.71-.11,7.05-.34A5,5,0,0,0,28,23.08,87.09,87.09,0,0,0,28,9ZM26,23a3,3,0,0,1-3,3h-.1A71.73,71.73,0,0,1,9,26a3,3,0,0,1-3-3.08A92.4,92.4,0,0,1,6,9,3,3,0,0,1,9.09,6q3.44-.31,6.9-.32T23,6a3,3,0,0,1,3,3.08A85.13,85.13,0,0,1,26,23Z'></path></svg>
</a>
</li>
<li>
<a aria-label='Twitter' class='link' href='/' target='_blank'>
<svg class='c-1' viewBox='0 0 32 32'><path d='M28.77,8.11a.87.87,0,0,0-.23-.2A4.69,4.69,0,0,0,29,6.54a1,1,0,0,0-.44-1,1,1,0,0,0-1.1,0,6.42,6.42,0,0,1-2.28.92,6.21,6.21,0,0,0-7.08-1A6.07,6.07,0,0,0,15,12.2a1,1,0,0,0,2-.4A4.08,4.08,0,0,1,19,7.28a4.24,4.24,0,0,1,5.12,1,1,1,0,0,0,.88.28l.25,0a1,1,0,0,0,.34,1.62,1,1,0,0,0-.36.88,13.07,13.07,0,0,1-4.89,11.24A12.75,12.75,0,0,1,7.69,24.61a9.06,9.06,0,0,0,4.54-2.18,1,1,0,0,0,.15-1.09,1,1,0,0,0-.93-.57,4,4,0,0,1-3-1.39,3.63,3.63,0,0,0,1-.35A1,1,0,0,0,10,18a1,1,0,0,0-.76-.84,4.42,4.42,0,0,1-3-2.48c.24,0,.48.05.74.06a1,1,0,0,0,1-.62A1,1,0,0,0,7.67,13C6,11.48,5.59,9.85,5.83,8.7a13.88,13.88,0,0,0,7,4,1,1,0,1,0,.38-2A12.1,12.1,0,0,1,6.39,6.31a1,1,0,0,0-.75-.38,1,1,0,0,0-.78.33,5.34,5.34,0,0,0-.31,6l-.09,0a1,1,0,0,0-.52.81,5.84,5.84,0,0,0,1.95,4.47,1,1,0,0,0-.18,1,6.63,6.63,0,0,0,3.18,3.57A13.89,13.89,0,0,1,4,23a1,1,0,0,0-.5,1.86A16.84,16.84,0,0,0,12,27.35a15.16,15.16,0,0,0,9.6-3.57,15.12,15.12,0,0,0,5.69-12.42,4.62,4.62,0,0,0,1.62-2.25A1,1,0,0,0,28.77,8.11Z'></path></svg>
</a>
</li>
<li>
<a aria-label='Youtube' class='link' href='/' target='_blank'>
<svg class='c-1' viewBox='0 0 32 32'><path d='M30,12a5.71,5.71,0,0,0-5.31-5.7C18.92,6,13.06,6,7.33,6.28,4.51,6.28,2,9,2,12a43.69,43.69,0,0,0,0,8.72,5.32,5.32,0,0,0,5.28,5.33h0q4.35.24,8.72.24t8.67-.23A5.34,5.34,0,0,0,30,20.8,31.67,31.67,0,0,0,30,12Zm-2,8.63a.49.49,0,0,0,0,.12,3.36,3.36,0,0,1-3.39,3.34,166,166,0,0,1-17.28,0A3.36,3.36,0,0,1,4,20.65a42,42,0,0,1,0-8.47.45.45,0,0,0,0-.11A3.78,3.78,0,0,1,7.38,8.28c2.86-.13,5.74-.19,8.62-.19s5.76.06,8.62.19h.05c1.71,0,3.33,1.84,3.33,3.79a.76.76,0,0,0,0,.15A30.11,30.11,0,0,1,28,20.61Z'></path><path d='M20.79,15.51l-7.14-3.68a1,1,0,1,0-.92,1.78l5.43,2.79-4,2.07V16.4a1,1,0,0,0-2,0v3.72a1,1,0,0,0,1,1,1,1,0,0,0,.46-.11l7.14-3.72a1,1,0,0,0,.54-.89A1,1,0,0,0,20.79,15.51Z'></path></svg>
</a>
</li>
<li>
<a aria-label='LinkedIn' class='link' href='/' target='_blank'>
<svg class='c-1' viewBox='0 0 32 32'><path d='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5H24a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Zm3,21a3,3,0,0,1-3,3H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3Z'></path><path d='M11,14a1,1,0,0,0-1,1v6a1,1,0,0,0,2,0V15A1,1,0,0,0,11,14Z'></path><path d='M19,13a4,4,0,0,0-4,4v4a1,1,0,0,0,2,0V17a2,2,0,0,1,4,0v4a1,1,0,0,0,2,0V17A4,4,0,0,0,19,13Z'></path><circle cx='11' cy='11' r='1'></circle></svg>
</a>
</li>
</ul>
</div></div>
<div class='section' id='footer-widget-2'><div class='widget LinkList' data-version='2' id='LinkList02'>
<h3 class='title'>
Company
</h3>
<div class='widget-content'>
<ul>
<li>
<a href='/p/about'>
<svg class='line' viewBox='0 0 24 24'><g><path d='M19.75 11.7257L4.75 11.7257'></path>
<path d='M13.7002 5.70131L19.7502 11.7253L13.7002 17.7503'></path></g></svg>
<span>About</span>
</a>
</li>
<li>
<a href='/search'>
<svg class='line' viewBox='0 0 24 24'><g><path d='M19.75 11.7257L4.75 11.7257'></path>
<path d='M13.7002 5.70131L19.7502 11.7253L13.7002 17.7503'></path></g></svg>
<span>Blog</span>
</a>
</li>
</ul>
</div>
</div></div>
<div class='section' id='footer-widget-3'><div class='widget LinkList' data-version='2' id='LinkList03'>
<h3 class='title'>
Product & Service
</h3>
<div class='widget-content'>
<ul>
<li>
<a href='/'>
<svg class='line' viewBox='0 0 24 24'><g><path d='M19.75 11.7257L4.75 11.7257'></path>
<path d='M13.7002 5.70131L19.7502 11.7253L13.7002 17.7503'></path></g></svg>
<span>Blogger Theme</span>
</a>
</li>
<li>
<a href='/'>
<svg class='line' viewBox='0 0 24 24'><g><path d='M19.75 11.7257L4.75 11.7257'></path>
<path d='M13.7002 5.70131L19.7502 11.7253L13.7002 17.7503'></path></g></svg>
<span>Other Product</span>
</a>
</li>
<li>
<a href='#'>
<svg class='line' viewBox='0 0 24 24'><g><path d='M19.75 11.7257L4.75 11.7257'></path>
<path d='M13.7002 5.70131L19.7502 11.7253L13.7002 17.7503'></path></g></svg>
<span>Blogger widgets</span>
</a>
</li>
</ul>
</div>
</div></div>
<div class='no-items section' id='footer-widget-4'>
</div>
</div>

<div class='creditInner'>
<p>© <span id='getYear'><script>/*<![CDATA[*/ var d = new Date(); var n = d.getFullYear(); document.getElementById('getYear').innerHTML = n; /*]]>*/</script></span> ‧<a class='notranslate' href='https://mobster7.blogspot.com/'>Mobster<svg viewBox='0 0 24 24'><path d='M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9L10,17Z' fill='var(--link-color)'></path></svg></a>| All rights reserved. <span class='creator'>Made with Love by <a href='https://www.fineshop.blogspot.com'>Fineshop</a> and <a href='https://www.jagodesain.com'>JagoDesain</a></span></p>

<div class='toTop' onclick='window.scrollTo({top: 0});'><svg class='line' viewBox='0 0 24 24'><path d='M16.3341 2.75H7.66512C4.64512 2.75 2.75012 4.889 2.75012 7.916V16.084C2.75012 19.111 4.63512 21.25 7.66512 21.25H16.3341C19.3641 21.25 21.2501 19.111 21.2501 16.084V7.916C21.2501 4.889 19.3641 2.75 16.3341 2.75Z'></path><path d='M12.0001 7.914L12.0001 16.086'></path><path d='M8.25217 11.6777L12.0002 7.9137L15.7482 11.6777'></path></svg>
</div>
</div>
</div>
</footer>

<div class='section' id='mobile-menu'><div class='widget LinkList' data-version='2' id='LinkList003'>
<ul class='mobileMenu'>
<li class='mHome'>
<a aria-label='Home' href='https://mobster7.blogspot.com/' role='button'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.400000, 2.000000)'><path class='fill' d='M1.24344979e-14,11.713 C1.24344979e-14,6.082 0.614,6.475 3.919,3.41 C5.365,2.246 7.615,0 9.558,0 C11.5,0 13.795,2.235 15.254,3.41 C18.559,6.475 19.172,6.082 19.172,11.713 C19.172,20 17.213,20 9.586,20 C1.959,20 1.24344979e-14,20 1.24344979e-14,11.713 Z'></path></g></svg>
</a>
</li>
<li class='mSearch'>
<label for='searchInput'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 2.000000)'><circle class='fill' cx='9.76659044' cy='9.76659044' r='8.9885584'></circle><line x1='16.0183067' x2='19.5423342' y1='16.4851259' y2='20.0000001'></line></g></svg>
</label>
</li>
<li class='mNav'>
<label for='offnav-input'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(3.000000, 3.000000)'><path class='fill' d='M18.00036,3.6738 C18.00036,5.7024 16.35516,7.3476 14.32656,7.3476 C12.29796,7.3476 10.65366,5.7024 10.65366,3.6738 C10.65366,1.6452 12.29796,-6.39488462e-15 14.32656,-6.39488462e-15 C16.35516,-6.39488462e-15 18.00036,1.6452 18.00036,3.6738 Z'></path><path class='fill' d='M7.3467,3.6738 C7.3467,5.7024 5.7024,7.3476 3.6729,7.3476 C1.6452,7.3476 4.79616347e-15,5.7024 4.79616347e-15,3.6738 C4.79616347e-15,1.6452 1.6452,-6.39488462e-15 3.6729,-6.39488462e-15 C5.7024,-6.39488462e-15 7.3467,1.6452 7.3467,3.6738 Z'></path><path class='fill' d='M18.00036,14.26194 C18.00036,16.29054 16.35516,17.93484 14.32656,17.93484 C12.29796,17.93484 10.65366,16.29054 10.65366,14.26194 C10.65366,12.23334 12.29796,10.58814 14.32656,10.58814 C16.35516,10.58814 18.00036,12.23334 18.00036,14.26194 Z'></path><path class='fill' d='M7.3467,14.26194 C7.3467,16.29054 5.7024,17.93484 3.6729,17.93484 C1.6452,17.93484 4.79616347e-15,16.29054 4.79616347e-15,14.26194 C4.79616347e-15,12.23334 1.6452,10.58814 3.6729,10.58814 C5.7024,10.58814 7.3467,12.23334 7.3467,14.26194 Z'></path></g></svg>
</label>
</li>
<li class='mDark'>
<div onclick='darkMode()'>
<svg class='line svg-01' viewBox='0 0 24 24'><path class='fill' d='M183.72453,170.371a10.4306,10.4306,0,0,1-.8987,3.793,11.19849,11.19849,0,0,1-5.73738,5.72881,10.43255,10.43255,0,0,1-3.77582.89138,1.99388,1.99388,0,0,0-1.52447,3.18176,10.82936,10.82936,0,1,0,15.118-15.11819A1.99364,1.99364,0,0,0,183.72453,170.371Z' transform='translate(-169.3959 -166.45548)'></path></svg>
<svg class='svg-02' viewBox='0 0 24 24'><circle cx='12' cy='12' r='6'></circle><circle cx='12' cy='3' r='1'></circle><circle cx='12' cy='21' r='1'></circle><circle cx='21' cy='12' r='1'></circle><circle cx='3' cy='12' r='1'></circle><circle cx='5.5' cy='5.5' r='1'></circle><circle cx='18.5' cy='18.5' r='1'></circle><circle cx='18.5' cy='5.5' r='1'></circle><circle cx='5.5' cy='18.5' r='1'></circle></svg>
</div>
</li>
<li class='mTop'>
<div onclick='window.scrollTo({top: 0});'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.500000, 3.000000)'><path class='fill' d='M9.5,18 C3.00557739,18 0.456662548,17.5386801 0.0435259337,15.2033146 C-0.36961068,12.8679491 2.27382642,8.47741935 3.08841712,7.02846996 C5.81256986,2.18407813 7.66371927,0 9.5,0 C11.3362807,0 13.1874301,2.18407813 15.9115829,7.02846996 C16.7261736,8.47741935 19.3696107,12.8679491 18.9564741,15.2033146 C18.5443995,17.5386801 15.9944226,18 9.5,18 Z'></path></g></svg>
</div>
</li>
</ul>
</div></div>

<div class='section' id='addons-widgets-1'>
</div>
<div class='section' id='addons-widgets-2'>
<div class='widget HTML' data-version='2' id='HTML26'>
<script>/*<![CDATA[*/ var lazyts=!1;var gTrans=document.getElementById('gTrans');window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyts||0!=document.body.scrollTop&&!1===lazyts)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a);if(gTrans!=null){gTrans.classList.remove('gtHide')}}(),lazyts=!0)},!0); /*]]>*/</script>
<script> function googleTranslateElementInit(){new google.translate.TranslateElement({pageLanguage:'en',includedLanguages:'en,hi,gu,bn,ta,te,mr,ne',layout:google.translate.TranslateElement.InlineLayout.SIMPLE},'google_translate_element')}; </script>
</div>
</div>
</div>


<script>/*<![CDATA[*/
/* Lightbox Image Script, source: kompiajaib.com/2021/09/update-image-lightbox-dengan-css-dan.html */ for (var imageslazy = document.querySelectorAll('.post .separator img, .post .tr-caption-container img, .post .gridImage >img, .post .hideImage >img, .post .buttonImage >img, .post .showImage >img, .post .scrollImage >img, .commentContent >img'), i = 0; i < imageslazy.length; i++) imageslazy[i].setAttribute('onclick', 'return false'); function wrap(o, t, e) {for (var i = document.querySelectorAll(t), c = 0; c < i.length; c++) {var a = o + i[c].outerHTML + e; i[c].outerHTML = a} } wrap('<div class="zmImg">', '.post .separator >a', '</div>'); wrap('<div class="zmImg">', '.post .tr-caption-container td >a', '</div>'); wrap('<div class="zmImg">', '.post .separator >img', '</div>'); wrap('<div class="zmImg">', '.post .tr-caption-container td >img', '</div>'); wrap('<div class="zmImg">', '.post .gridImage >img', '</div>'); wrap('<div class="zmImg">', '.post .hideImage >img', '</div>'); wrap('<div class="zmImg">', '.post .buttonImage >img', '</div>'); wrap('<div class="zmImg">', '.post .showImage >img', '</div>'); wrap('<div class="zmImg">', '.post .scrollImage >img', '</div>'); wrap('<div class="zmImg">', '.commentContent >img', '</div>'); for (var containerimg = document.getElementsByClassName('zmImg'), i = 0; i < containerimg.length; i++) containerimg[i].onclick = function() {this.classList.toggle('s');};
/* Countdown Download */ var fileType,fileText,fileSize,fileLink,retryLink;null!=document.querySelector(".downloadInfo.countD")&&(fileType=document.querySelector(".downloadInfo.countD .fileType"),fileText=document.querySelector(".downloadInfo.countD .fileText"),fileSize=document.querySelector(".downloadInfo.countD .fileSize"),fileLink=document.querySelector(".downloadInfo.countD .fileLink"),retryLink=document.querySelector(".downloadInfo.countD .retryLink"),fileLink.addEventListener("click",function(e){var n=fileLink.getAttribute("data-time");e.preventDefault(),fileText.innerHTML="Starting download in <b>"+n+"</b> seconds.",fileType.style.display="none",fileSize.style.display="none",fileLink.style.display="none";var i=setInterval(function(){var e;--n,fileText.innerHTML="Starting download in <b>"+n+"</b> seconds.",n<=0&&(clearInterval(i),fileSize.innerHTML="Please wait...",fileSize.style.display="flex",e=fileLink.getAttribute("data-link"),window.location.href=e,retryLink.href=e,setTimeout(()=>{fileText.innerHTML="Not started yet? Please retry...",fileSize.style.display="none",retryLink.style.display="flex"},4e3))},1e3)}));
/* Pre Content Copy */ for(var preClick=document.getElementsByTagName("pre"),i=0;i<preClick.length;i++)preClick[i].addEventListener("dblclick",function(){var e=getSelection(),o=document.createRange();o.selectNodeContents(this),e.removeAllRanges(),e.addRange(o),document.execCommand("copy"),e.removeAllRanges(),document.querySelector("#toastNotif").innerHTML="<span><i class='clipboard'></i><b>Copied to clipboard!</b></span>";if('vibrate' in navigator){navigator.vibrate(100)}},!1);
/*]]>*/</script>

<script>/*<![CDATA[*/
/* Dark Mode */ function darkMode(){localStorage.setItem("mode","darkmode"===localStorage.getItem("mode")?"light":"darkmode"),"darkmode"===localStorage.getItem("mode")?document.querySelector("#mainContent").classList.add("darkMode"):document.querySelector("#mainContent").classList.remove("darkMode")};
/* List Mode */ function listMode(){localStorage.setItem("list","listmode"===localStorage.getItem("list")?"grid":"listmode"),"listmode"===localStorage.getItem("list")?document.querySelector("#mainContent").classList.add("listMode"):document.querySelector("#mainContent").classList.remove("listMode")};
/* Header Scroll */ function headScroll() {const distanceY = window.pageYOffset || document.documentElement.scrollTop, shrinkOn = 20, headerEl = document.getElementById('header');if (distanceY > shrinkOn) {headerEl.classList.add("stick");} else {headerEl.classList.remove("stick");} } window.addEventListener('scroll', headScroll);
/* Share Link (Copy) */ function copyFunction(){document.getElementById("getlink").select(),document.execCommand("copy"),document.getElementById("shareNotif").innerHTML="<span>Link copied!</span>" };
/* lazy youtube */ ( function() {var youtube = document.querySelectorAll(".lazyYoutube"); for (var i = 0; i < youtube.length; i++) {var source = "https://img.youtube.com/vi/"+ youtube[i].dataset.embed +"/sddefault.jpg"; var image = new Image(); image.setAttribute("class", "lazy"); image.setAttribute("data-src",source); image.setAttribute("src","data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="); image.setAttribute("alt","Youtube video"); image.addEventListener( "load", function() {youtube[ i ].appendChild( image );}( i ) ); youtube[i].addEventListener( "click", function() {var iframe = document.createElement( "iframe" ); iframe.setAttribute( "frameborder", "0" ); iframe.setAttribute( "allowfullscreen", "" ); iframe.setAttribute( "src", "https://www.youtube.com/embed/"+ this.dataset.embed +"?rel=0&showinfo=0&autoplay=1" ); this.innerHTML = ""; this.appendChild( iframe ); }); }; })();
/* Defer */ Defer.dom('.lazy', 100, 'loaded', null, {rootMargin:'1px'}),'undefined'!=typeof infinite_scroll&&infinite_scroll.on('load',function(){Defer.dom('.lazy', 100, 'loaded', null, {rootMargin:'1px'}) });
/*]]>*/</script>

<script>
//<![CDATA[
// Image Transition
var scroll="yes",Fscroll=scroll.replace(/(\r\n|\n|\r)/gm," ");"yes"===Fscroll&&($(document).ready(function(){$("body").addClass("imgani")}),$(window).bind("load resize scroll",function(){var o=$(this).height();$(".postBody img").each(function(){var s=.1*$(this).height()-o+$(this).offset().top;$(document).scrollTop()>s&&$(this).addClass("anime")})}));Defer.dom('.lazy', 100, 'loaded', null, {rootMargin:'1px'}),'undefined'!=typeof infinite_scroll&&infinite_scroll.on('load',function(){Defer.dom('.lazy', 100, 'loaded', null, {rootMargin:'1px'}) });
//]]>
</script>

<script>
$(document).on('click', '.toggle', function(event) {
  event.preventDefault();
  
  var target = $(this).data('target');
  $('#' + target).toggleClass('hide');
});
</script>

  </body>
</html>