I’m So Old: Web Edition

Time can be a funny thing. I still remember discovering HTML, CSS, and JavaScript coding. I still remember my first college programming course. I still remember my first day at my first coding job, then my first day at my second coding job, and then my first day at Mozilla. I still remember my first day coding for MetaMask. This year marks my 20th year as a professional software engineer and it’s happened in the blink of an eye.

Every once in a while I will make an old programming reference to a much younger engineer and then realize they have no idea what I’m talking about.

I’m so old…

Webpage layouts were being done with s and this new "CSS float" property was becoming the new standardRounded corners were achieved via images and VML hacks for Internet Explorer FTP was the best way to upload websites changes SVN and copying its trunk was the best versioning tool alert and confirm were the standard for "modals" Firebug was the best debugging tool available The "standard" for getting videos to play properly was finding the right codec to install ActionScript knowledge was as valuable as JavaScript knowledge Dreamweaver was best in class text editor and design tool XML was the future of data structures Mobile-first? Mobile didn't exist Reactive navigation? How about Java Applets... ...or even different upon mouseover and mouseleave! Want to code a desktop app with web tech? Try Adobe Air! NPM stood for "not performant, man" Voting on a poll meant the page would refresh "Social media" meant HotOrNot.com The love sound of the web was a 56k modem connection purrrrr Disabling right-click enforced image security Bitmap (.bmp) was a viable image format JavaScript had a competitor called JScript SpyJax'ing let you detect where your user had been Cookies were the pinnacle of user tracking Social media wall? It's called a "guestbook"... ...and a friends list? It's called a "web ring' Search engine optimization was spamming the </code> with keywords=</li> <figure class="wp-block-image"><img decoding="async" src="blob:https://davidwalsh.name/90f2e20a-08f0-4827-926a-af6a08af0169" alt=""/></figure> <p>Whew, those where the days. How old are you in web?</p>  <div class="x x-long x-secondary">  <div class="x-secondary-large"> <a href="https://requestmetrics.com/?utm_source=davidwalsh" style="display:block;"> <img decoding="async" src="https://davidwalsh.name/demo/rm_perf_banner-728.min.svg" style="max-width:100%;height:auto;" alt="Request Metrics real user monitoring" loading="lazy" width="728" height="90"/> </a> </div> <div class="x-secondary-small"> <a href="https://requestmetrics.com/?utm_source=davidwalsh" style="display:block;"> <img decoding="async" src="https://davidwalsh.name/demo/rm_perf_block_300.min.svg" style="max-width:100%;height:auto;" alt="Request Metrics real user monitoring" loading="lazy" width="300" height="250"/> </a> </div> </div>  <div class="article-block" style="min-height:90px"><div class="x x-long x-terciary" style="max-height: none;"> <div class="x-secondary-large"> <a href="https://requestmetrics.com/?utm_source=davidwalsh" style="display:block;"> <img decoding="async" src="https://davidwalsh.name/demo/rm_perf_banner-728.min.svg" style="max-width:100%;height:auto;" alt="Request Metrics real user monitoring" loading="lazy" width="728" height="90"/> </a> </div> <div class="x-secondary-small"> <a href="https://requestmetrics.com/?utm_source=davidwalsh" style="display:block;"> <img decoding="async" src="https://davidwalsh.name/demo/rm_perf_block_300.min.svg" style="max-width:100%;height:auto;" alt="Request Metrics real user monitoring" loading="lazy" width="300" height="250"/> </a> </div> </div> </div> <div class="article-block post-more" style="“clear:both;”"><ul class="post-list small-list"><li data-url="https://davidwalsh.name/namespace-mootools" itemscope="" itemtype="http://schema.org/Article"><span itemscope="" itemtype="https://schema.org/ImageObject"><img decoding="async" src="https://davidwalsh.name/demo/mootools250.png?preview" class="post-image" alt="Create Namespaced Classes with MooTools"/></span><div class="preview"><h3 itemprop="name"><a href="https://davidwalsh.name/namespace-mootools" itemprop="url">Create Namespaced Classes with MooTools</a></h3><p>MooTools has always gotten a bit of grief for not inherently using and standardizing namespaced-based JavaScript classes like the Dojo Toolkit does. Many developers create their classes as globals which is generally frowned up. I mostly disagree with that stance, but each to their own. In any event...</p></div></li><li data-url="https://davidwalsh.name/pornhub-interview" itemscope="" itemtype="http://schema.org/Article"><span itemscope="" itemtype="https://schema.org/ImageObject"><img decoding="async" src="https://davidwalsh.name/demo/PornHubLogo.png?preview" class="post-image" alt="Interview with a Pornhub Web Developer"/></span></li></ul></div><div class="article-block post-more"><ul class="post-list small-list"><li data-url="https://davidwalsh.name/text-selection-ajax" itemscope="" itemtype="http://schema.org/Article"><span itemscope="" itemtype="https://schema.org/ImageObject"><img decoding="async" src="https://davidwalsh.name/demo/mootools250.png?preview" class="post-image" alt="Record Text Selections Using MooTools or jQuery AJAX"/></span><div class="preview"><h3 itemprop="name"><a href="https://davidwalsh.name/text-selection-ajax" itemprop="url">Record Text Selections Using MooTools or jQuery AJAX</a></h3><p>One technique I'm seeing more and more these days (CNNSI.com, for example) is AJAX recording of selected text. It makes sense -- if you detect users selecting the terms over and over again, you can probably assume your visitors are searching that term on Google...</p></div></li><li data-url="https://davidwalsh.name/background-animation-css" itemscope="" itemtype="http://schema.org/Article"><span itemscope="" itemtype="https://schema.org/ImageObject"><img decoding="async" src="https://davidwalsh.name/demo/css3logo250.jpg?preview" class="post-image" alt="CSS Background Animations"/></span></li></ul></div><footer/> </table></code></li></ul></article></div> </div><div class="newsx-post-sources"></div><div class="newsx-post-navigation newsx-flex-nowrap newsx-s0-nr"><a href="https://scrolldetective.site/exclusive-accordions-using-the-html-details-element/" class="prev-post newsx-flex-nowrap" ><span class="newsx-flex"><span class="newsx-svg-icon newsx-inline-flex"><svg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path d='M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z'></path></svg></span>Previous Article</span><div class="newsx-flex-nowrap"><img width="150" height="150" src="https://scrolldetective.site/wp-content/uploads/2025/04/Exclusive-accordions-using-the-HTML-details-element-150x150.png" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" /><h4>Exclusive accordions using the HTML details element</h4></div></a><span class="newsx-divider"></span><a href="https://scrolldetective.site/warhol-arts-a-digital-playground-of-pop-pixels-and-pure-motion/" class="next-post newsx-flex-nowrap" ><span class="newsx-flex">Next Article<span class="newsx-svg-icon newsx-inline-flex"><svg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path d='M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z'></path></svg></span></span><div class="newsx-flex-nowrap"><h4>Warhol Arts: A Digital Playground of Pop, Pixels, and Pure Motion</h4><img width="150" height="150" src="https://scrolldetective.site/wp-content/uploads/2025/04/Warhol-Arts-A-Digital-Playground-of-Pop-Pixels-and-Pure-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" /></div></a></div> <div class="newsx-related-posts-wrap"> <h4>Related Posts</h4> <div class="newsx-related-posts newsx-col-3"> <section> <a href="https://scrolldetective.site/10-best-ai-code-review-tools-and-how-they-work-sitepoint/"><img width="330" height="220" src="https://scrolldetective.site/wp-content/uploads/2025/04/10-Best-AI-Code-Review-Tools-and-How-They-Work-330x220.png" class="attachment-newsx-330x220 size-newsx-330x220 wp-post-image" alt="" decoding="async" loading="lazy" /></a> <h5> <a href="https://scrolldetective.site/10-best-ai-code-review-tools-and-how-they-work-sitepoint/"> 10 Best AI Code Review Tools and How They Work — SitePoint </a> </h5> <span class="post-date"></span> </section> <section> <a href="https://scrolldetective.site/sustainable-web-design-an-excerpt-a-list-apart/"><img width="330" height="220" src="https://scrolldetective.site/wp-content/uploads/2025/04/Design-for-Safety-An-Excerpt-–-A-List-Apart-330x220.png" class="attachment-newsx-330x220 size-newsx-330x220 wp-post-image" alt="" decoding="async" loading="lazy" /></a> <h5> <a href="https://scrolldetective.site/sustainable-web-design-an-excerpt-a-list-apart/"> Sustainable Web Design, An Excerpt – A List Apart </a> </h5> <span class="post-date"></span> </section> <section> <a href="https://scrolldetective.site/a-contrarian-view-on-theme-frameworks-smashing-magazine/"><img width="330" height="220" src="https://scrolldetective.site/wp-content/uploads/2025/04/A-Contrarian-View-On-Theme-Frameworks-—-Smashing-Magazine-330x220.jpg" class="attachment-newsx-330x220 size-newsx-330x220 wp-post-image" alt="" decoding="async" loading="lazy" /></a> <h5> <a href="https://scrolldetective.site/a-contrarian-view-on-theme-frameworks-smashing-magazine/"> A Contrarian View On Theme Frameworks — Smashing Magazine </a> </h5> <span class="post-date"></span> </section> </div> </div> <div class="comments-area" id="comments"> <div id="respond" class="comment-respond"> <h4 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/im-so-old-web-edition/#respond" style="display:none;">Cancel reply</a></small></h4><form action="https://scrolldetective.site/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> <span class="required-field-message">Required fields are marked <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Comment</label><textarea name="comment" id="comment" placeholder="Comment" cols="45" rows="8" maxlength="65525" required="required" spellcheck="false"></textarea></p><p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input placeholder="Your name" id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p> <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input placeholder="Your email" id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p> <p class="comment-form-url"><label for="url">Website</label> <input placeholder="Your Website" id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='869' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div> </div> </article> </div> </div> <div class="newsx-sidebar widget-area secondary newsx-general-sidebar"> <section id="block-8" class="widget widget_block widget_search"><form role="search" method="get" action="https://scrolldetective.site/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search" ><label class="wp-block-search__label" for="wp-block-search__input-1" >Search</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="" value="" type="search" name="s" required /><button aria-label="Search" class="wp-block-search__button wp-element-button" type="submit" >Search</button></div></form></section><section id="block-9" class="widget widget_block widget_recent_entries"><ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a class="wp-block-latest-posts__post-title" href="https://scrolldetective.site/10-best-ai-code-review-tools-and-how-they-work-sitepoint/">10 Best AI Code Review Tools and How They Work — SitePoint</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://scrolldetective.site/sustainable-web-design-an-excerpt-a-list-apart/">Sustainable Web Design, An Excerpt – A List Apart</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://scrolldetective.site/a-contrarian-view-on-theme-frameworks-smashing-magazine/">A Contrarian View On Theme Frameworks — Smashing Magazine</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://scrolldetective.site/site-speed-topography-web-performance-and-site-speed-consultant/">Site-Speed Topography – Web Performance and Site Speed Consultant</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://scrolldetective.site/powering-ai-innovation-digitalocean-bare-metal-gpus-in-eu-data-center/">Powering AI Innovation: DigitalOcean Bare Metal GPUs in EU Data Center</a></li> </ul></section></div> </div> </div> </main> </div>  <footer id="site-footer" class="newsx-site-footer"> <div class="newsx-bottom-section-wrap newsx-section-wrap" data-section="newsx_section_ft_bottom"><div class="newsx-builder-grid-row newsx-builder-grid-row-full newsx-builder-grid-row-group-stack newsx-container"><div class="newsx-grid-column-1 site-footer-column newsx-flex"><div class="newsx-copyright">Copyright © 2025 Where Scroll Behavior Speaks | Powered by <a href="https://wp-royal-themes.com/themes/item-news-magazine-x-free/?ref=newsx-free-footer-credit" rel="nofollow noopener" target="_blank">News Magazine X</a></div></div></div></div> <div tabindex="0" id="newsx-back-to-top" class=""> <span class="newsx-svg-icon newsx-inline-flex"><svg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z'></path></svg></span></div> </footer> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/news-magazine-x\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script type="text/javascript" id="ce4wp_form_submit-js-extra"> /* <![CDATA[ */ var ce4wp_form_submit_data = {"siteUrl":"https:\/\/scrolldetective.site","url":"https:\/\/scrolldetective.site\/wp-admin\/admin-ajax.php","nonce":"1033d053ff","listNonce":"363bf76638","activatedNonce":"2fc8a9f173"}; /* ]]> */ </script> <script type="text/javascript" src="https://scrolldetective.site/wp-content/plugins/creative-mail-by-constant-contact/assets/js/block/submit.js?ver=1744981248" id="ce4wp_form_submit-js"></script> <script type="text/javascript" id="custom-script-js-extra"> /* <![CDATA[ */ var wpdata = {"object_id":"869","site_url":"https:\/\/scrolldetective.site"}; /* ]]> */ </script> <script type="text/javascript" src="https://scrolldetective.site/wp-content/plugins/wp-meta-and-date-remover/assets/js/inspector.js?ver=1.1" id="custom-script-js"></script> <script type="text/javascript" src="https://scrolldetective.site/wp-content/themes/news-magazine-x/assets/lib/swiper/swiper.min.js?ver=11.0.3" id="newsx-swiper-js"></script> <script type="text/javascript" src="https://scrolldetective.site/wp-content/themes/news-magazine-x/assets/lib/marquee/marquee.min.js?ver=1.2.1" id="newsx-marquee-js"></script> <script type="text/javascript" src="https://scrolldetective.site/wp-content/themes/news-magazine-x/assets/lib/tipsy/jquery.tipsy.min.js?ver=1.7.1" id="newsx-tipsy-js"></script> <script type="text/javascript" id="newsx-main-js-extra"> /* <![CDATA[ */ var NewsxMain = {"ajaxurl":"https:\/\/scrolldetective.site\/wp-admin\/admin-ajax.php","nonce":"d89d41f36c","tablet_bp":"768","mobile_bp":"480","dark_mode":"body.newsx-dark-mode, .site-content, .newsx-offcanvas-widgets-area, .newsx-mobile-menu-container, .search-form, .newsx-ajax-search-results, .newsx-table-of-contents h3:after, .newsx-single-post-media .image-caption,.newsx-site-header .newsx-section-wrap, .newsx-site-footer .newsx-section-wrap, .newsx-desktop-menu .sub-menu, .newsx-preloader-wrap {background-color:#222222;}input, select, textarea {background-color:#272727;}.tipsy-inner {background-color:#383838;color:#fff;}.tipsy-arrow {border-color:#383838;}.newsx-grid-filters-dropdown {background-color:#383838;color:#c4c4c4;}.newsx-newsletter-wrap, .newsx-weather-wrap,.newsx-table-of-contents, .newsx-table-of-contents > div:before,.newsx-s2.newsx-category-list .category-meta,.newsx-s0.newsx-float-sharing:not(.pos-outside) .sharing-icons, .newsx-s0.newsx-float-sharing.pos-outside .newsx-post-sharing,.newsx-offcanvas-widgets-area::-webkit-scrollbar-thumb, .newsx-offcanvas-widgets-area::-webkit-scrollbar-thumb:hover,.header-search-s2.active .search-form, .newsx-ajax-search-results,.newsx-dark-mode-switcher {background-color:#333333 !important;}.header-search-s2 .search-form::after {border-bottom-color:#333333;}.single .newsx-newsletter-wrap {background-color:transparent !important;}.comment-form .form-submit .submit, .post-password-form input[type=\"submit\"], .wpcf7-submit, .wp-block-file__button, .wp-block-loginout .button {background-color:#333333;}@media screen and (max-width:768px) {.newsx-post-meta .newsx-s0.newsx-static-sharing {background:#333333;}}pre, button, input, select, textarea, .newsx-mobile-menu li, .newsx-cta-button, .search-form, .search-field, .newsx-ajax-search-results, .newsx-grid-filters-dropdown, .newsx-prev, .newsx-next, .newsx-load-more, .newsx-category-list li a, .newsx-tabs li, .newsx-social-icon, .newsx-blog-pagination > *, article.entry-comments, .newsx-table-of-contents a, .newsx-post-navigation, .newsx-post-navigation .newsx-divider, .comments-pagination, .newsx-post-author-box, .newsx-newsletter-wrap, .newsx-related-posts-wrap, table, td, th, .widget_block table thead, .widget_block table th, .widget_block table td, .widget_block table tfoot, .wp-block-search__input, :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper), .wp-block-tag-cloud.is-style-outline a, .widget_nav_menu li a, .wp-block-group, .wp-block-code, .wp-block-table thead, .wp-block-table tfoot, .wp-block-table td, .wp-block-table th,.newsx-site-header .newsx-section-wrap, .newsx-site-footer .newsx-section-wrap, .newsx-header-menu-primary .newsx-desktop-menu .sub-menu.newsx-submenu-divider .menu-item:not(:last-child), .newsx-header-menu-secondary .newsx-desktop-menu .sub-menu.newsx-submenu-divider .menu-item:not(:last-child),.newsx-s3.newsx-widget-title-wrap {border-color:#383838;}hr, .wp-block-separator {color:#383838;background-color:#383838;}.newsx-site-header .newsx-top-section-wrap {border-bottom-width:1px;border-bottom-style:solid;}.newsx-table-of-contents a,.header-search-s2.active .search-form .search-field,.newsx-site-footer .newsx-category-list.newsx-s0 li a {border-color:#4a4a4a;}.newsx-s3.newsx-widget-title-wrap {border-bottom-color:#4a4a4a;}body, button, input, select, textarea, .newsx-social-icon, .newsx-cta-button a, .newsx-random-post a, .newsx-blog-pagination > *, .newsx-breadcrumbs a, .newsx-post-sources a, .widget_nav_menu li a, .newsx-grid-view-all a,.newsx-header-menu-secondary a, .newsx-header-weather,.newsx-single-wrap .newsx-post-content,.newsx-date-and-time,.newsx-site-footer {color:#c4c4c4;}.newsx-header-menu-secondary .sub-menu-icon .newsx-svg {fill:#c4c4c4;}.newsx-weather-content .weather-condition, .newsx-weather-content .weather-extra-info, .newsx-grid-date-time, .newsx-grid-author a, .newsx-grid-author a:hover, .newsx-grid-post-meta div:first-child:after, .wp-block-tag-cloud.is-style-outline a, .sharing-header, .newsx-post-meta-inner, .newsx-post-meta-inner a, .newsx-post-author-box .author-job, .newsx-related-posts .post-date, .comment-meta, .comment-meta a, .comment-respond .logged-in-as, .comment-respond .logged-in-as, .comment-respond .comment-notes, .comment-form .comment-form-cookies-consent label, .comment-form textarea::placeholder, .comment-form input::placeholder, .wpcf7-form-control::placeholder, .newsx-newsletter-form .agree-to-terms, .newsx-newsletter-policy, .newsx-archive-page-header .sub-categories span,.search-field::placeholder, .newsx-newsletter-form input::placeholder, .wp-block-search__input::placeholder, .newsx-site-title-tagline .site-description, .newsx-ajax-search-results .search-results-content span,.newsx-s0.newsx-category-list li a,.newsx-site-footer .newsx-post-meta {color:#9e9e9e;}.newsx-static-sharing .sharing-header {color:#9e9e9e !important;}.newsx-static-sharing .sharing-header svg {color:#9e9e9e !important;fill:#9e9e9e !important;}.newsx-svg-icon svg,.newsx-offcanvas-btn svg,.newsx-header-social-icons .newsx-social-icon svg,.newsx-header-search .newsx-search-icon svg,.newsx-random-post svg,.newsx-s0.newsx-static-sharing .sharing-icons .copy-share svg,.newsx-s0.newsx-static-sharing .sharing-icons .print-share svg,.newsx-s0.newsx-float-sharing .sharing-icons .copy-share svg,.newsx-s0.newsx-float-sharing .sharing-icons .print-share svg,.newsx-grid-filters-dropdown-more:hover svg,.newsx-widget .newsx-social-icon svg,.newsx-site-footer .newsx-social-icon svg {fill:#fff;color:#fff;}.newsx-post-format-icon {border-color:#f9f9f9;}.newsx-post-format-icon svg path {color:#f9f9f9;}:where(.newsx-s2, .newsx-s2-sr, .newsx-s2-br) > .newsx-post-sharing .sharing-icons .copy-share {border-color:#555;}:where(.newsx-s2, .newsx-s2-sr, .newsx-s2-br) > .newsx-post-sharing .sharing-icons .copy-share svg {fill:#555;}:where(.newsx-s2, .newsx-s2-sr, .newsx-s2-br).newsx-float-sharing.newsx-original-colors:not(.newsx-s0) .sharing-icons a {background-color:transparent;}.newsx-header-search .newsx-ring-loader div {border-left-color:#fff !important;}a, .newsx-header-menu-primary a,.newsx-grid-filters-dropdown-more:hover {color:#fff;}.newsx-site-title-tagline .site-title a, .newsx-site-title-tagline .site-title a:hover, h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, .newsx-grid-title > :where(div, p, span) a,.newsx-table-of-contents a, .newsx-grid-read-more a, .newsx-weather-content .weather-location, .newsx-weather-content .weather-temp,.newsx-post-meta-inner .newsx-post-author a, .comment-author, .comment .comment-author a, .newsx-post-content + .newsx-static-sharing .sharing-header,.newsx-single-post-media .image-caption, .newsx-newsletter-title svg, .widget_block .wp-block-quote, .widget_block .wp-block-details:not(.has-text-color) summary,.newsx-mobile-menu-toggle, .newsx-ajax-search-results .search-results-content a,.newsx-header-news-ticker a.newsx-news-ticker-title,.newsx-widget .soc-brand, .newsx-widget .newsx-lt-s1 .soc-label1, .newsx-widget .soc-count,.newsx-widget .newsx-social-icon:hover .soc-brand, .newsx-widget .newsx-lt-s1 .newsx-social-icon:hover .soc-label1, .newsx-widget .newsx-social-icon:hover .soc-count,.newsx-heading-widget h3, .newsx-widget-title-text,.newsx-site-footer .newsx-widget :where(h1, h2, h3, h4, h5, h6) a {color:#fff;}"}; /* ]]> */ </script> <script type="text/javascript" src="https://scrolldetective.site/wp-content/themes/news-magazine-x/assets/js/main.min.js?ver=1.2.1" id="newsx-main-js"></script> <script type="text/javascript" src="https://scrolldetective.site/wp-includes/js/comment-reply.min.js?ver=6.8" id="comment-reply-js" async="async" data-wp-strategy="async"></script> </body> </html><script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'933ab085a8891528',t:'MTc0NTIxNTUyNC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>