Skeptic

<!DOCTYPE html> <html lang="en" class=""> <head> <script> (function() { const applyTheme = (theme) => { if (theme === 'dark') { document.documentElement.classList.add('dark'); document.documentElement.style.backgroundColor = '#1F1E1E'; } else { document.documentElement.classList.remove('dark'); document.documentElement.style.backgroundColor = '#FFF5DF'; } }; const updateThemeFromSystemPreference = () => { const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches; applyTheme(prefersDark ? 'dark' : 'light'); }; const theme = localStorage.getItem('theme'); if (theme) { applyTheme(theme); } else { updateThemeFromSystemPreference(); } // Listen for system theme changes window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (event) => { if (!localStorage.getItem('theme')) { applyTheme(event.matches ? 'dark' : 'light'); } }); })(); </script> <link rel="preconnect" href="https://cdn.jsdelivr.net"> <link rel="dns-prefetch" href="https://cdn.jsdelivr.net"> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="preload" href="https://www.skeptic.com/assets/built/index.css?v=c33bb3cc20" as="style" /> <link rel="stylesheet" href="https://www.skeptic.com/assets/built/index.css?v=c33bb3cc20" /> <script src="https://www.skeptic.com/assets/built/index.js?v=c33bb3cc20" defer></script> <script defer src="https://www.skeptic.com/assets/js/alpine_intersect.min.js?v=c33bb3cc20"></script> <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script> <title>Skeptic</title> <meta name="description" content="Popular Science. Nonpartisan. Reality-Based."> <link rel="icon" href="https://www.skeptic.com/content/images/size/w256h256/2025/02/skeptic_favi_transparent.png" type="image/png"> <link rel="canonical" href="https://www.skeptic.com/"> <meta name="referrer" content="no-referrer-when-downgrade"> <link rel="next" href="https://www.skeptic.com/page/2/"> <meta property="og:site_name" content="Skeptic"> <meta property="og:type" content="website"> <meta property="og:title" content="Skeptic"> <meta property="og:description" content="Popular Science. Nonpartisan. Reality-Based."> <meta property="og:url" content="https://www.skeptic.com/"> <meta property="og:image" content="https://www.skeptic.com/content/images/size/w1200/2025/02/background-2.png"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Skeptic"> <meta name="twitter:description" content="Popular Science. Nonpartisan. Reality-Based."> <meta name="twitter:url" content="https://www.skeptic.com/"> <meta name="twitter:image" content="https://www.skeptic.com/content/images/size/w1200/2025/02/background-1.png"> <meta name="twitter:site" content="@michaelshermer"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="839"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "publisher": { "@type": "Organization", "name": "Skeptic", "url": "https://www.skeptic.com/", "logo": { "@type": "ImageObject", "url": "https://www.skeptic.com/content/images/size/w256h256/2025/02/skeptic_favi_transparent.png", "width": 60, "height": 60 } }, "url": "https://www.skeptic.com/", "name": "Skeptic", "image": { "@type": "ImageObject", "url": "https://www.skeptic.com/content/images/size/w1200/2025/02/background.png", "width": 1200, "height": 839 }, "mainEntityOfPage": "https://www.skeptic.com/", "description": "Popular Science. Nonpartisan. Reality-Based." } </script> <meta name="generator" content="Ghost 5.113"> <link rel="alternate" type="application/rss+xml" title="Skeptic" href="https://www.skeptic.com/rss/"> <style id="gh-members-styles">.gh-post-upgrade-cta-content, .gh-post-upgrade-cta { display: flex; flex-direction: column; align-items: center; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; text-align: center; width: 100%; color: #ffffff; font-size: 16px; } .gh-post-upgrade-cta-content { border-radius: 8px; padding: 40px 4vw; } .gh-post-upgrade-cta h2 { color: #ffffff; font-size: 28px; letter-spacing: -0.2px; margin: 0; padding: 0; } .gh-post-upgrade-cta p { margin: 20px 0 0; padding: 0; } .gh-post-upgrade-cta small { font-size: 16px; letter-spacing: -0.2px; } .gh-post-upgrade-cta a { color: #ffffff; cursor: pointer; font-weight: 500; box-shadow: none; text-decoration: underline; } .gh-post-upgrade-cta a:hover { color: #ffffff; opacity: 0.8; box-shadow: none; text-decoration: underline; } .gh-post-upgrade-cta a.gh-btn { display: block; background: #ffffff; text-decoration: none; margin: 28px 0 0; padding: 8px 18px; border-radius: 4px; font-size: 16px; font-weight: 600; } .gh-post-upgrade-cta a.gh-btn:hover { opacity: 0.92; }</style><script async src="https://js.stripe.com/v3/"></script> <script defer src="https://cdn.jsdelivr.net/ghost/announcement-bar@~1.1/umd/announcement-bar.min.js" data-announcement-bar="https://www.skeptic.com/" data-api-url="https://www.skeptic.com/members/api/announcement/" crossorigin="anonymous"></script> <link href="https://www.skeptic.com/webmentions/receive/" rel="webmention"> <script defer src="/public/cards.min.js?v=c33bb3cc20"></script> <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=c33bb3cc20"> <script defer src="/public/comment-counts.min.js?v=c33bb3cc20" data-ghost-comments-counts-api="https://www.skeptic.com/members/api/comments/counts/"></script> <script defer src="/public/member-attribution.min.js?v=c33bb3cc20"></script><style>:root {--ghost-accent-color: #E72B01;}</style>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-GEW4H5LNQ7"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-GEW4H5LNQ7'); gtag('event', 'page_view', { // <event_parameters> }); </script> <style> .dropCap{ font-size: 4.5em; float: left; line-height: 0.8; margin-right: 0.1em; } .hero_mini_article > p > .dropCap{ font-family: Martel, Georgia, Cambria, "Times New Roman", Times, serif; margin-top: 4px; } </style> <script data-key="d42c49034a99169c3466d89edf" data-api="https://www.skeptic.com/ghost/api/content/" data-ghost="https://www.skeptic.com/"></script> <script> /*to prevent Firefox Flash of Unstyled Content (FOUC), this must be here*/ let FF_FOUC_FIX; </script> <noscript> <META HTTP-EQUIV="Refresh" CONTENT="0;URL=/disabled_js"> </noscript> </head> <body class="home-template bg-skeptic-background dark:bg-skeptic-background-dark"> <script> window.skp_member_level = 0; </script> <style> [x-cloak] { display: none !important; } img.lazy { opacity: 0; } img:not(.initial) { transition: opacity 1s; } img.initial, img.loaded, img.error { opacity: 1; } img:not([src]) { visibility: hidden; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-decoration { display:none !important; } @keyframes slide_up_bar{ 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } } #announcement-bar-root { position: fixed; bottom:0px; left:0px; width:100%; z-index: 51; transform: translateY(100%); animation: slide_up_bar .2s ease-out 2s 1 normal forwards; } #announcement-bar-root .gh-announcement-bar{ padding: 20px 40px 20px 20px !important; } @media(min-width: 1024px){ #announcement-bar-root .gh-announcement-bar{ padding: 14px 80px !important; } } </style>   <aside class="fixed hidden xl:block left-0 -top-8 h-screen z-50"> <div class="absolute top-0 -left-16"> <span class="-rotate-90 text_atomic_22 text-skeptic-charcoal dark:text-skeptic-foreground-dark block whitespace-nowrap" style="transform-origin: 100% 100%;"> Reality-Based.<br><span class="text-skeptic-primary">Really.</span> </span> </div> <div class="absolute top-1/2 left-2.5 -translate-y-1/2"> <ul class="flex flex-col justify-center items-center gap-y-[--gap-45]"> <li> <a href="https://facebook.com" class="group" alt="facebook link"> <svg class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark group-hover:fill-skeptic-primary transition-all" width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"> <g id="ic:baseline-facebook"> <path id="Vector" d="M23.8327 13.0003C23.8327 7.02033 18.9793 2.16699 12.9993 2.16699C7.01935 2.16699 2.16602 7.02033 2.16602 13.0003C2.16602 18.2437 5.89268 22.6095 10.8327 23.617V16.2503H8.66602V13.0003H10.8327V10.292C10.8327 8.20116 12.5335 6.50033 14.6243 6.50033H17.3327V9.75033H15.166C14.5702 9.75033 14.0827 10.2378 14.0827 10.8337V13.0003H17.3327V16.2503H14.0827V23.7795C19.5535 23.2378 23.8327 18.6228 23.8327 13.0003Z" fill=""/> </g> </svg> </a> </li> <li> <a href="https://x.com/michaelshermer" class="group" alt="twitter link"> <svg class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark group-hover:fill-skeptic-primary transition-all" width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.751 3.5H20.818L14.118 11.125L22 21.5H15.828L10.995 15.207L5.464 21.5H2.394L9.561 13.345L2 3.5H8.328L12.698 9.252L17.751 3.5ZM16.675 19.672H18.375L7.404 5.232H5.58L16.675 19.672Z" fill=""/> </svg> </a> </li> <li> <a href="https://www.youtube.com/skepticmagazine/" class="group" alt="youtube link"> <svg class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark group-hover:fill-skeptic-primary transition-all" width="34" height="25" viewBox="0 0 34 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.244 4.00098C17.778 4.00398 19.114 4.01698 20.534 4.07398L21.038 4.09598C22.467 4.16298 23.895 4.27898 24.604 4.47598C25.549 4.74198 26.291 5.51598 26.542 6.49798C26.942 8.05798 26.992 11.1 26.998 11.837L26.999 11.989V12.163C26.992 12.9 26.942 15.943 26.542 17.502C26.288 18.487 25.545 19.262 24.604 19.524C23.895 19.721 22.467 19.837 21.038 19.904L20.534 19.927C19.114 19.983 17.778 19.997 17.244 19.999L17.009 20H16.754C15.624 19.993 10.898 19.942 9.394 19.524C8.45 19.258 7.707 18.484 7.456 17.502C7.056 15.942 7.006 12.9 7 12.163V11.837C7.006 11.1 7.056 8.05698 7.456 6.49798C7.71 5.51298 8.453 4.73798 9.395 4.47698C10.898 4.05798 15.625 4.00698 16.755 4.00098H17.244ZM14.999 8.50098V15.501L20.999 12.001L14.999 8.50098Z" fill=""/> </svg> </a> </li> </ul> </div> <div class="absolute bottom-60 -left-[9.5rem]"> <span class="-rotate-90 text_atomic_22 text-skeptic-charcoal dark:text-skeptic-foreground-dark block whitespace-nowrap" style="transform-origin: 100% 100%;"> Empowering independent <br>Thinkers Since 1992 </span> </div> </aside> <div class="gh-viewport"> <header id="skeptic_header" class=""> <div class="container_ flex items-center 1lg:items-stretch justify-between pt-[--gap-22-5] 1lg:pt-11"> <div class="h-full flex flex-col"> <a class="block relative" href="/" alt="skeptic logo"> <svg xmlns="http://www.w3.org/2000/svg" class="h-screen max-h-[60px] sm:max-h-[66px] 1lg:max-h-[clamp(7.125rem,4.7143rem+3.5714vw,8.125rem)]" fill="none" viewBox="0 0 633 130"> <g clip-path="url(#clip0_1_3)"> <mask style="mask-type:luminance" id="mask0_1_3" width="633" height="130" x="0" y="0" maskUnits="userSpaceOnUse"> <path fill="#fff" d="M632.406 0H0v130h632.406V0z"/> </mask> <g mask="url(#mask0_1_3)"> <path class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark" fill="" d="M28.285 96.586c1.483 2.898 3.453 5.247 5.912 7.048 2.458 1.802 5.337 3.133 8.652 4.003a40.333 40.333 0 0 0 10.28 1.305c2.4 0 4.97-.199 7.71-.609 2.742-.409 5.312-1.191 7.71-2.349 2.4-1.157 4.396-2.758 5.998-4.786 1.602-2.027 2.398-4.612 2.398-7.744 0-3.368-1.053-6.091-3.17-8.18-2.116-2.088-4.883-3.828-8.31-5.22-3.426-1.393-7.307-2.61-11.65-3.655a312.494 312.494 0 0 1-13.193-3.48 116.19 116.19 0 0 1-13.364-4.264c-4.344-1.68-8.225-3.855-11.651-6.526-3.427-2.672-6.194-6.005-8.31-10.007-2.116-4.003-3.17-8.85-3.17-14.532 0-6.378 1.345-11.92 4.026-16.62 2.682-4.698 6.194-8.614 10.538-11.746 4.343-3.133 9.252-5.456 14.735-6.962C38.908.757 44.39 0 49.874 0c6.4 0 12.533.722 18.419 2.175C74.178 3.63 79.404 5.978 83.97 9.224c4.566 3.245 8.199 7.396 10.88 12.443 2.681 5.046 4.026 11.164 4.026 18.36H72.833c-.231-3.716-1.002-6.787-2.313-9.224-1.31-2.436-3.058-4.35-5.226-5.743-2.167-1.392-4.651-2.375-7.453-2.958-2.801-.583-5.851-.87-9.166-.87-2.168 0-4.344.235-6.511.696a17.313 17.313 0 0 0-5.911 2.436 14.886 14.886 0 0 0-4.37 4.35c-1.139 1.741-1.713 3.943-1.713 6.614 0 2.436.454 4.412 1.37 5.917.918 1.505 2.717 2.898 5.398 4.177 2.681 1.279 6.39 2.55 11.137 3.828 4.737 1.28 10.94 2.898 18.59 4.873 2.287.461 5.457 1.305 9.51 2.524 4.051 1.218 8.078 3.158 12.079 5.83 4 2.67 7.453 6.239 10.365 10.702 2.913 4.464 4.369 10.181 4.369 17.142 0 5.682-1.088 10.964-3.254 15.837-2.168 4.873-5.398 9.076-9.681 12.617-4.284 3.541-9.595 6.291-15.935 8.266-6.34 1.976-13.681 2.959-22.017 2.959-6.742 0-13.278-.845-19.618-2.524-6.34-1.679-11.933-4.324-16.79-7.918-4.858-3.593-8.713-8.179-11.566-13.748-2.861-5.569-4.232-12.182-4.12-19.84h26.051c0 4.177.745 7.719 2.227 10.616zM135.536 2.958v51.513l47.795-51.513h33.582L169.11 52.034l52.43 75.181h-33.755l-36.836-55.863-15.422 15.836v40.027h-26.899V2.958h26.908zM313.547 2.958V25.93h-64.594v33.588h59.283v21.231h-59.283v23.494h65.966v22.972h-92.865V2.958h91.493zM510.414 2.958v124.257h-26.9V2.958h26.9zM602.251 36.111a27.437 27.437 0 0 0-5.997-6.874c-2.398-1.975-5.115-3.507-8.138-4.612-3.033-1.105-6.194-1.653-9.51-1.653-6.057 0-11.196 1.192-15.42 3.567-4.223 2.376-7.65 5.57-10.28 9.572-2.631 4.003-4.541 8.554-5.74 13.661-1.199 5.108-1.799 10.381-1.799 15.837 0 5.456.6 10.294 1.799 15.228 1.199 4.933 3.109 9.371 5.74 13.313 2.63 3.941 6.057 7.109 10.28 9.484 4.224 2.376 9.363 3.568 15.42 3.568 8.225 0 14.649-2.549 19.276-7.657 4.626-5.108 7.453-11.834 8.481-20.188h26.043c-.685 7.77-2.458 14.793-5.311 21.058-2.853 6.265-6.623 11.599-11.308 16.01-4.686 4.412-10.169 7.771-16.449 10.094-6.279 2.324-13.192 3.481-20.732 3.481-9.363 0-17.793-1.653-25.272-4.96-7.479-3.306-13.793-7.857-18.932-13.661-5.141-5.804-9.082-12.617-11.823-20.449-2.741-7.831-4.112-16.271-4.112-25.32 0-9.05 1.371-17.9 4.112-25.844 2.741-7.945 6.682-14.88 11.823-20.797 5.139-5.917 11.453-10.555 18.932-13.922C560.813 1.679 569.243 0 578.606 0c6.743 0 13.108.983 19.105 2.958 5.996 1.976 11.367 4.847 16.105 8.615 4.738 3.768 8.652 8.44 11.737 14.01 3.084 5.568 5.028 11.946 5.826 19.143h-26.044c-.454-3.133-1.482-6.005-3.084-8.615z"/> <path class="fill-skeptic-primary" fill="" d="M349.699 104.242h-26.9v22.972h26.9v-22.972zM417.976 28.018c-1.541-4.76-4-8.988-7.367-12.704-3.367-3.715-7.736-6.7-13.107-8.962-5.371-2.263-11.882-3.394-19.532-3.394h-55.171v31.673h26.9V24.19h20.903c3.084 0 6.057.235 8.909.696 2.853.461 5.372 1.366 7.539 2.697 2.168 1.332 3.916 3.22 5.226 5.656 1.311 2.437 1.971 5.63 1.971 9.572 0 3.942-.66 7.135-1.971 9.572-1.319 2.436-3.058 4.324-5.226 5.655-2.167 1.332-4.686 2.237-7.539 2.698a55.777 55.777 0 0 1-8.909.696l-18.761.174h-29.042V82.49h29.898l25.273.174c7.65 0 14.161-1.132 19.532-3.394 5.371-2.262 9.74-5.247 13.107-8.962a34.504 34.504 0 0 0 7.367-12.792 47.907 47.907 0 0 0 2.314-14.705c0-4.986-.771-10.033-2.314-14.793z"/> <path class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark" fill="" d="M410.815 2.958c4.086 2.428 7.47 5.508 10.134 9.232 2.99 4.177 5.174 8.946 6.537 14.297 1.37 5.36 2.056 10.903 2.056 16.646s-.686 11.138-2.056 16.55c-1.371 5.421-3.547 10.224-6.537 14.401a32.41 32.41 0 0 1-4.771 5.308v47.814h26.899V25.93h36.667V2.958h-68.929z"/> </g> </g> <defs> <clipPath id="clip0_1_3"> <path fill="#fff" d="M0 0h632.406v130H0z"/> </clipPath> </defs> </svg> <span class="text-xs absolute text-skeptic-charcoal dark:text-skeptic-foreground-dark -right-3 top-0">TM</span> </a> <nav id="main_nav" class="mt-4 hidden 1lg:flex"> <ul class="flex space-x-5 uppercase list-none text_logo_nav"> <li class="nav-articles group"> <a href="https://www.skeptic.com/articles/" class="block group-hover:text-skeptic-primary">Articles</a> </li> <li class="nav-podcast group"> <a href="https://www.skeptic.com/michael-shermer-show/" class="block group-hover:text-skeptic-primary">Podcast</a> </li> <li class="nav-data group"> <a href="https://research.skeptic.com" class="block group-hover:text-skeptic-primary">Data</a> </li> <li class="nav-events group"> <a href="https://www.skeptic.com/events/" class="block group-hover:text-skeptic-primary">Events</a> </li> <li class="nav-magazine group"> <a href="https://www.skeptic.com/magazine/" class="block group-hover:text-skeptic-primary">Magazine</a> </li> <li class="nav-skeptics-society group"> <a href="https://www.skeptic.com/join-the-movement/" class="block group-hover:text-skeptic-primary">Skeptics Society</a> </li> </ul> </nav> </div> <div class="relative"> <div class="flex 1lg:hidden"> <div id="hamburger" class="hamburger hamburger--squeeze"> <div class="hamburger-box"> <div class="hamburger-inner bg-black before:bg-black after:bg-black dark:bg-skeptic-foreground-dark dark:before:bg-skeptic-foreground-dark dark:after:bg-skeptic-foreground-dark "></div> </div> </div> </div> <nav id="top_secondary_nav" class="hidden 1lg:block"> <ul class="flex items-center list-none text-xs"> <div class="absolute bottom-0 right-0 flex items-center 1xl:contents"> <li x-data=""> <a href="javascript:void(0)" class="" @click="$dispatch('alpinealgoliabox')"> <svg class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark hover:fill-skeptic-primary transition-colors size-6" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="search_mask_static_menu" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="25"> <rect y="0.757812" width="24" height="24" fill="#D9D9D9"/> </mask> <g mask="url(#search_mask_static_menu)"> <path d="M19.6 21.7578L13.3 15.4578C12.8 15.8578 12.225 16.1745 11.575 16.4078C10.925 16.6411 10.2333 16.7578 9.5 16.7578C7.68333 16.7578 6.14583 16.1286 4.8875 14.8703C3.62917 13.612 3 12.0745 3 10.2578C3 8.44115 3.62917 6.90365 4.8875 5.64531C6.14583 4.38698 7.68333 3.75781 9.5 3.75781C11.3167 3.75781 12.8542 4.38698 14.1125 5.64531C15.3708 6.90365 16 8.44115 16 10.2578C16 10.9911 15.8833 11.6828 15.65 12.3328C15.4167 12.9828 15.1 13.5578 14.7 14.0578L21 20.3578L19.6 21.7578ZM9.5 14.7578C10.75 14.7578 11.8125 14.3203 12.6875 13.4453C13.5625 12.5703 14 11.5078 14 10.2578C14 9.00781 13.5625 7.94531 12.6875 7.07031C11.8125 6.19531 10.75 5.75781 9.5 5.75781C8.25 5.75781 7.1875 6.19531 6.3125 7.07031C5.4375 7.94531 5 9.00781 5 10.2578C5 11.5078 5.4375 12.5703 6.3125 13.4453C7.1875 14.3203 8.25 14.7578 9.5 14.7578Z" fill=""/> </g> </svg> </a> </li> <li> <a href="/donate/" class="" alt="link to donate page"> Donate </a> </li> <li> <a href="https://shop.skeptic.com/" class="" alt="Link to skeptic.com shop"> Shop </a> </li> <li x-data="mode_switcher" @click="switch_mode" class="flex px-[1.34rem] items-center group cursor-pointer"> <div x-ref="theme_toggle" class="theme-toggle mb-0.5" title="Toggle theme"> <span class="theme-toggle-sr">Toggle theme</span> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" fill="currentColor" stroke-linecap="round" class="theme-toggle__classic size-5 text-black dark:text-white" viewBox="0 0 32 32" > <clipPath id="theme-toggle__classic__cutout"> <path d="M0-5h30a1 1 0 0 0 9 13v24H0Z" /> </clipPath> <g clip-path="url(#theme-toggle__classic__cutout)"> <circle cx="16" cy="16" r="9.34" /> <g stroke="currentColor" stroke-width="1.5"> <path d="M16 5.5v-4" /> <path d="M16 30.5v-4" /> <path d="M1.5 16h4" /> <path d="M26.5 16h4" /> <path d="m23.4 8.6 2.8-2.8" /> <path d="m5.7 26.3 2.9-2.9" /> <path d="m5.8 5.8 2.8 2.8" /> <path d="m23.4 23.4 2.9 2.9" /> </g> </g> </svg> </div> <span class="ml-1.5 transition-colors text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary whitespace-nowrap" x-text="switchToMode">Mode</span> </li> <li x-data=""> <a href="javascript:void(0)" alt="Login window for users" class="!pr-0 1xl:!pr-[1.34rem] whitespace-nowrap" @click="$dispatch('skpopenloginform')">Log In</a> </li> </div> <li class="ml-5" x-data=""> <div class="group" onclick="window.dispatchEvent( new CustomEvent('openModalPricingCards', { detail: {}} ));"> <a id="" href="javascript:void(0)" role="button" class="skeptic_btn skeptic_btn_outline max-h-[2.53rem] group-hover:border-skeptic-primary group-hover:bg-skeptic-primary"> <span class="group-hover:text-skeptic-background">Subscribe</span> </a> </div> </li> </ul> </nav> </div> </div> </header> <header id="skp_sticky_menu" class=" w-full fixed top-0 left-0 z-40 bg-[rgba(255,245,223,0.86)] dark:bg-[rgba(31,30,30,0.92)] backdrop-blur-lg transition-transform duration-300 ease-in-out -translate-y-full border-b border-black dark:border-white border-opacity-5 dark:border-opacity-5 "> <div id="sticky_menu_container" class="container_ flex items-center py-[clamp(1rem,0.5826rem+1.4842vw,2rem)]"> <div id="sticky_menu_logo_nav" class="flex items-center"> <a href="#" alt="Skeptic Magazine Logo" class="block"> <svg xmlns="http://www.w3.org/2000/svg" class="w-full !h-8 max-w-[155px]" fill="none" viewBox="0 0 633 130"> <g clip-path="url(#clip0_1_3)"> <mask style="mask-type:luminance" id="mask0_1_3" width="633" height="130" x="0" y="0" maskUnits="userSpaceOnUse"> <path fill="#fff" d="M632.406 0H0v130h632.406V0z"/> </mask> <g mask="url(#mask0_1_3)"> <path class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark" fill="" d="M28.285 96.586c1.483 2.898 3.453 5.247 5.912 7.048 2.458 1.802 5.337 3.133 8.652 4.003a40.333 40.333 0 0 0 10.28 1.305c2.4 0 4.97-.199 7.71-.609 2.742-.409 5.312-1.191 7.71-2.349 2.4-1.157 4.396-2.758 5.998-4.786 1.602-2.027 2.398-4.612 2.398-7.744 0-3.368-1.053-6.091-3.17-8.18-2.116-2.088-4.883-3.828-8.31-5.22-3.426-1.393-7.307-2.61-11.65-3.655a312.494 312.494 0 0 1-13.193-3.48 116.19 116.19 0 0 1-13.364-4.264c-4.344-1.68-8.225-3.855-11.651-6.526-3.427-2.672-6.194-6.005-8.31-10.007-2.116-4.003-3.17-8.85-3.17-14.532 0-6.378 1.345-11.92 4.026-16.62 2.682-4.698 6.194-8.614 10.538-11.746 4.343-3.133 9.252-5.456 14.735-6.962C38.908.757 44.39 0 49.874 0c6.4 0 12.533.722 18.419 2.175C74.178 3.63 79.404 5.978 83.97 9.224c4.566 3.245 8.199 7.396 10.88 12.443 2.681 5.046 4.026 11.164 4.026 18.36H72.833c-.231-3.716-1.002-6.787-2.313-9.224-1.31-2.436-3.058-4.35-5.226-5.743-2.167-1.392-4.651-2.375-7.453-2.958-2.801-.583-5.851-.87-9.166-.87-2.168 0-4.344.235-6.511.696a17.313 17.313 0 0 0-5.911 2.436 14.886 14.886 0 0 0-4.37 4.35c-1.139 1.741-1.713 3.943-1.713 6.614 0 2.436.454 4.412 1.37 5.917.918 1.505 2.717 2.898 5.398 4.177 2.681 1.279 6.39 2.55 11.137 3.828 4.737 1.28 10.94 2.898 18.59 4.873 2.287.461 5.457 1.305 9.51 2.524 4.051 1.218 8.078 3.158 12.079 5.83 4 2.67 7.453 6.239 10.365 10.702 2.913 4.464 4.369 10.181 4.369 17.142 0 5.682-1.088 10.964-3.254 15.837-2.168 4.873-5.398 9.076-9.681 12.617-4.284 3.541-9.595 6.291-15.935 8.266-6.34 1.976-13.681 2.959-22.017 2.959-6.742 0-13.278-.845-19.618-2.524-6.34-1.679-11.933-4.324-16.79-7.918-4.858-3.593-8.713-8.179-11.566-13.748-2.861-5.569-4.232-12.182-4.12-19.84h26.051c0 4.177.745 7.719 2.227 10.616zM135.536 2.958v51.513l47.795-51.513h33.582L169.11 52.034l52.43 75.181h-33.755l-36.836-55.863-15.422 15.836v40.027h-26.899V2.958h26.908zM313.547 2.958V25.93h-64.594v33.588h59.283v21.231h-59.283v23.494h65.966v22.972h-92.865V2.958h91.493zM510.414 2.958v124.257h-26.9V2.958h26.9zM602.251 36.111a27.437 27.437 0 0 0-5.997-6.874c-2.398-1.975-5.115-3.507-8.138-4.612-3.033-1.105-6.194-1.653-9.51-1.653-6.057 0-11.196 1.192-15.42 3.567-4.223 2.376-7.65 5.57-10.28 9.572-2.631 4.003-4.541 8.554-5.74 13.661-1.199 5.108-1.799 10.381-1.799 15.837 0 5.456.6 10.294 1.799 15.228 1.199 4.933 3.109 9.371 5.74 13.313 2.63 3.941 6.057 7.109 10.28 9.484 4.224 2.376 9.363 3.568 15.42 3.568 8.225 0 14.649-2.549 19.276-7.657 4.626-5.108 7.453-11.834 8.481-20.188h26.043c-.685 7.77-2.458 14.793-5.311 21.058-2.853 6.265-6.623 11.599-11.308 16.01-4.686 4.412-10.169 7.771-16.449 10.094-6.279 2.324-13.192 3.481-20.732 3.481-9.363 0-17.793-1.653-25.272-4.96-7.479-3.306-13.793-7.857-18.932-13.661-5.141-5.804-9.082-12.617-11.823-20.449-2.741-7.831-4.112-16.271-4.112-25.32 0-9.05 1.371-17.9 4.112-25.844 2.741-7.945 6.682-14.88 11.823-20.797 5.139-5.917 11.453-10.555 18.932-13.922C560.813 1.679 569.243 0 578.606 0c6.743 0 13.108.983 19.105 2.958 5.996 1.976 11.367 4.847 16.105 8.615 4.738 3.768 8.652 8.44 11.737 14.01 3.084 5.568 5.028 11.946 5.826 19.143h-26.044c-.454-3.133-1.482-6.005-3.084-8.615z"/> <path class="fill-skeptic-primary" fill="" d="M349.699 104.242h-26.9v22.972h26.9v-22.972zM417.976 28.018c-1.541-4.76-4-8.988-7.367-12.704-3.367-3.715-7.736-6.7-13.107-8.962-5.371-2.263-11.882-3.394-19.532-3.394h-55.171v31.673h26.9V24.19h20.903c3.084 0 6.057.235 8.909.696 2.853.461 5.372 1.366 7.539 2.697 2.168 1.332 3.916 3.22 5.226 5.656 1.311 2.437 1.971 5.63 1.971 9.572 0 3.942-.66 7.135-1.971 9.572-1.319 2.436-3.058 4.324-5.226 5.655-2.167 1.332-4.686 2.237-7.539 2.698a55.777 55.777 0 0 1-8.909.696l-18.761.174h-29.042V82.49h29.898l25.273.174c7.65 0 14.161-1.132 19.532-3.394 5.371-2.262 9.74-5.247 13.107-8.962a34.504 34.504 0 0 0 7.367-12.792 47.907 47.907 0 0 0 2.314-14.705c0-4.986-.771-10.033-2.314-14.793z"/> <path class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark" fill="" d="M410.815 2.958c4.086 2.428 7.47 5.508 10.134 9.232 2.99 4.177 5.174 8.946 6.537 14.297 1.37 5.36 2.056 10.903 2.056 16.646s-.686 11.138-2.056 16.55c-1.371 5.421-3.547 10.224-6.537 14.401a32.41 32.41 0 0 1-4.771 5.308v47.814h26.899V25.93h36.667V2.958h-68.929z"/> </g> </g> <defs> <clipPath id="clip0_1_3"> <path fill="#fff" d="M0 0h632.406v130H0z"/> </clipPath> </defs> </svg> </a> <nav id="main_nav_sticky" class="hidden ml-[--gap-22-5] 1lg:flex"> <ul class="flex items-center space-x-5 uppercase list-none text_logo_nav mt-0.5"> <li class="nav-articles group"> <a href="https://www.skeptic.com/articles/" class="block group-hover:text-skeptic-primary">Articles</a> </li> <li class="nav-podcast group"> <a href="https://www.skeptic.com/michael-shermer-show/" class="block group-hover:text-skeptic-primary">Podcast</a> </li> <li class="nav-data group"> <a href="https://research.skeptic.com" class="block group-hover:text-skeptic-primary">Data</a> </li> <li class="nav-events group"> <a href="https://www.skeptic.com/events/" class="block group-hover:text-skeptic-primary">Events</a> </li> <li class="nav-magazine group"> <a href="https://www.skeptic.com/magazine/" class="block group-hover:text-skeptic-primary">Magazine</a> </li> <li class="nav-skeptics-society group"> <a href="https://www.skeptic.com/join-the-movement/" class="block group-hover:text-skeptic-primary">Skeptics Society</a> </li> </ul> </nav> </div> <div id="sticky_menu_secondary_menu" class="relative ml-auto flex items-center"> <div x-data="" class="flex items-center"> <div class="mr-2 1lg:-mr-1"> <a href="javascript:void(0)" class="block" @click="$dispatch('alpinealgoliabox')"> <svg class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark hover:fill-skeptic-primary transition-colors size-6" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="search_mask_sticky_menu" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="25"> <rect y="0.757812" width="24" height="24" fill="#D9D9D9"/> </mask> <g mask="url(#search_mask_sticky_menu)"> <path d="M19.6 21.7578L13.3 15.4578C12.8 15.8578 12.225 16.1745 11.575 16.4078C10.925 16.6411 10.2333 16.7578 9.5 16.7578C7.68333 16.7578 6.14583 16.1286 4.8875 14.8703C3.62917 13.612 3 12.0745 3 10.2578C3 8.44115 3.62917 6.90365 4.8875 5.64531C6.14583 4.38698 7.68333 3.75781 9.5 3.75781C11.3167 3.75781 12.8542 4.38698 14.1125 5.64531C15.3708 6.90365 16 8.44115 16 10.2578C16 10.9911 15.8833 11.6828 15.65 12.3328C15.4167 12.9828 15.1 13.5578 14.7 14.0578L21 20.3578L19.6 21.7578ZM9.5 14.7578C10.75 14.7578 11.8125 14.3203 12.6875 13.4453C13.5625 12.5703 14 11.5078 14 10.2578C14 9.00781 13.5625 7.94531 12.6875 7.07031C11.8125 6.19531 10.75 5.75781 9.5 5.75781C8.25 5.75781 7.1875 6.19531 6.3125 7.07031C5.4375 7.94531 5 9.00781 5 10.2578C5 11.5078 5.4375 12.5703 6.3125 13.4453C7.1875 14.3203 8.25 14.7578 9.5 14.7578Z" fill=""/> </g> </svg> </a> </div> <div id="hamburger-sticky" class="hamburger hamburger--squeeze 1lg:hidden"> <div class="hamburger-box"> <div class="hamburger-inner bg-black before:bg-black after:bg-black dark:bg-skeptic-foreground-dark dark:before:bg-skeptic-foreground-dark dark:after:bg-skeptic-foreground-dark "></div> </div> </div> </div> <nav id="top_secondary_nav_sticky" class="hidden 1lg:block"> <ul class="flex items-center list-none text-xs"> <li x-data=""> <a href="javascript:void(0)" class="" @click="$dispatch('alpinealgoliabox')"> <svg class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark hover:fill-skeptic-primary transition-colors " viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="25"> <rect y="0.757812" width="24" height="24" fill="#D9D9D9"/> </mask> <g mask="url(#)"> <path d="M19.6 21.7578L13.3 15.4578C12.8 15.8578 12.225 16.1745 11.575 16.4078C10.925 16.6411 10.2333 16.7578 9.5 16.7578C7.68333 16.7578 6.14583 16.1286 4.8875 14.8703C3.62917 13.612 3 12.0745 3 10.2578C3 8.44115 3.62917 6.90365 4.8875 5.64531C6.14583 4.38698 7.68333 3.75781 9.5 3.75781C11.3167 3.75781 12.8542 4.38698 14.1125 5.64531C15.3708 6.90365 16 8.44115 16 10.2578C16 10.9911 15.8833 11.6828 15.65 12.3328C15.4167 12.9828 15.1 13.5578 14.7 14.0578L21 20.3578L19.6 21.7578ZM9.5 14.7578C10.75 14.7578 11.8125 14.3203 12.6875 13.4453C13.5625 12.5703 14 11.5078 14 10.2578C14 9.00781 13.5625 7.94531 12.6875 7.07031C11.8125 6.19531 10.75 5.75781 9.5 5.75781C8.25 5.75781 7.1875 6.19531 6.3125 7.07031C5.4375 7.94531 5 9.00781 5 10.2578C5 11.5078 5.4375 12.5703 6.3125 13.4453C7.1875 14.3203 8.25 14.7578 9.5 14.7578Z" fill=""/> </g> </svg> </a> </li> <li> <a href="/donate/" class="" alt="link to donate page"> Donate </a> </li> <li> <a href="https://shop.skeptic.com/" class="" alt="Link to skeptic.com shop"> Shop </a> </li> <li x-data="mode_switcher" @click="switch_mode" class="flex px-[1.34rem] items-center group cursor-pointer"> <div x-ref="theme_toggle" class="theme-toggle mb-0.5" title="Toggle theme"> <span class="theme-toggle-sr">Toggle theme</span> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" fill="currentColor" stroke-linecap="round" class="theme-toggle__classic size-5 text-black dark:text-white" viewBox="0 0 32 32" > <clipPath id="theme-toggle__classic__cutout_sticky"> <path d="M0-5h30a1 1 0 0 0 9 13v24H0Z" /> </clipPath> <g clip-path="url(#theme-toggle__classic__cutout_sticky)"> <circle cx="16" cy="16" r="9.34" /> <g stroke="currentColor" stroke-width="1.5"> <path d="M16 5.5v-4" /> <path d="M16 30.5v-4" /> <path d="M1.5 16h4" /> <path d="M26.5 16h4" /> <path d="m23.4 8.6 2.8-2.8" /> <path d="m5.7 26.3 2.9-2.9" /> <path d="m5.8 5.8 2.8 2.8" /> <path d="m23.4 23.4 2.9 2.9" /> </g> </g> </svg> </div> <span class="ml-1.5 transition-colors text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary whitespace-nowrap" x-text="switchToMode">Mode</span> </li> <li x-data=""> <a href="javascript:void(0)" alt="Login window for users" class="!pr-0 1xl:!pr-[1.34rem]" @click="$dispatch('skpopenloginform')">Log In</a> </li> <li class="ml-5" x-data=""> <div class="group" onclick="window.dispatchEvent( new CustomEvent('openModalPricingCards', { detail: {}} ));"> <a id="" href="javascript:void(0)" role="button" class="skeptic_btn skeptic_btn_outline max-h-[2.53rem] group-hover:border-skeptic-primary group-hover:bg-skeptic-primary"> <span class="group-hover:text-skeptic-background">Subscribe</span> </a> </div> </li> </ul> </nav> </div> </div> </header> <script> //We need to take width of sticky_menu_container, then width of sticky_menu_logo_nav and then width of sticky_menu_secondary_menu //Then we need to calculate the space left in the middle (function () { const stickyMenuContainer = document.getElementById('sticky_menu_container'); const stickyMenuNav = document.getElementById('sticky_menu_logo_nav'); const secondaryMenu = document.getElementById('sticky_menu_secondary_menu'); if (!stickyMenuContainer || !stickyMenuNav || !secondaryMenu) return; const navHTML = stickyMenuNav.innerHTML; // Save original content for reset let windowClickListener; const makeDropdown = function () { const submenuItems = []; // Adjust until everything fits or no more items are left while ((stickyMenuNav.offsetWidth + secondaryMenu.offsetWidth + 200) > stickyMenuContainer.offsetWidth) { const lastItem = stickyMenuNav.querySelector('ul').lastElementChild; if (lastItem) { submenuItems.unshift(lastItem); lastItem.remove(); } else { break; } } // If no items were moved, there's no need to create a dropdown if (!submenuItems.length) { document.body.classList.add('is-dropdown-loaded'); return; } // Create "more" button and dropdown const toggle = document.createElement('button'); toggle.setAttribute('class', 'nav-more-toggle'); toggle.setAttribute('aria-label', 'More'); toggle.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor"><path d="M21.333 16c0-1.473 1.194-2.667 2.667-2.667v0c1.473 0 2.667 1.194 2.667 2.667v0c0 1.473-1.194 2.667-2.667 2.667v0c-1.473 0-2.667-1.194-2.667-2.667v0zM13.333 16c0-1.473 1.194-2.667 2.667-2.667v0c1.473 0 2.667 1.194 2.667 2.667v0c0 1.473-1.194 2.667-2.667 2.667v0c-1.473 0-2.667-1.194-2.667-2.667v0zM5.333 16c0-1.473 1.194-2.667 2.667-2.667v0c1.473 0 2.667 1.194 2.667 2.667v0c0 1.473-1.194 2.667-2.667 2.667v0c-1.473 0-2.667-1.194-2.667-2.667v0z"></path></svg>'; const dropdown = document.createElement('div'); dropdown.setAttribute('class', 'dots-dropdown-menu'); submenuItems.forEach(function (child) { dropdown.appendChild(child); }); toggle.appendChild(dropdown); const new_li = document.createElement('li'); new_li.appendChild(toggle); stickyMenuNav.querySelector('ul').appendChild(new_li); document.body.classList.add('is-dropdown-loaded'); toggle.addEventListener('click', function () { document.body.classList.toggle('is-dropdown-open'); }); // Close dropdown on outside click windowClickListener = function (e) { if (!toggle.contains(e.target) && document.body.classList.contains('is-dropdown-open')) { document.body.classList.remove('is-dropdown-open'); } }; window.addEventListener('click', windowClickListener); }; window.addEventListener('load', ()=> { makeDropdown(); }) // Handle resizing and dropdown rebuilding window.addEventListener('resize', function () { setTimeout(function () { window.removeEventListener('click', windowClickListener); stickyMenuNav.innerHTML = navHTML; // Reset to original state makeDropdown(); }, 1); }); })(); </script> <main class="gh-main"> <div class="mt-[--top-gap]"></div> <section x-data="skp_hero" class="pb-[--gap-67-5]"> <div class="container_"> <div class="flex flex-col md1:grid md1:grid-cols-[minmax(0,458px),1fr] lg:grid-cols-[minmax(0,478px),1fr] 1xl:grid-cols-3 1xl:grid-rows-2 grid-rows-[minmax(0,276px),minmax(0,508px)] lg:grid-rows-[minmax(0,286px),minmax(0,568px)] md1:h-screen md:1max-h-[837px] 1xl:max-h-[clamp(43rem,-38.8182rem+90.9091vw,48rem)]"> <div class="order-1 row-span-2 flex md1:border-r border-black dark:dark:border-skeptic-foreground-dark 1xl:border-none"> <article class="flex w-full h-full md1:pr-[1.37rem] group relative"> <a class="skeptic_tag_badge absolute left-0 top-0 !rounded-none z-10 fade-in"> <span>Podcast</span> </a> <figure class="flex w-full relative overflow-hidden min-h-[640px] bg-skeptic-gray dark:bg-skeptic-gray-dark bg-opacity-5"> <img class="w-full 1xl:h-full object-cover lazy" src='/content/images/size/w600/2025/03/tinline.png' data-src="/content/images/size/w1200/2025/03/tinline.png"> <div class="absolute bottom-0 left-0 px-3 py-5"> <h1 class="text_48 leading-[1.18] text-skeptic-background !transition-color !duration-300 group-hover:text-skeptic-primary"> The Hoax of the Century: Iron Mountain </h1> <p class="text_22 text-skeptic-background mt-2 leading-tight"> New on the podcast: Iron Mountain and its influence on the perceptions of the military-industrial complex. Listen now. </p> </div> </figure> <a href="https://www.skeptic.com/michael-shermer-show/the-hoax-of-the-century-iron-mountain/" class="block absolute left-0 top-0 w-full h-full z-10"></a> </article> </div> <div class="order-3 1xl:order-2 1xl:row-span-2 pt-6 1xl:pt-0 md1:px-7 1xl:border-r 1xl:border-l border-black dark:border-skeptic-foreground-dark relative"> <span id="skp_border_line" class="block h-px w-full md1:w-[95%] bg-black dark:bg-skeptic-foreground-dark absolute top-1 left-0 md1:ml-7 1xl:hidden"></span> <div class="absolute -bottom-14 right-0 1xl:right-8 group"> <a id="read_highlight_button" href="javascript:void(0)" role="button" class="skeptic_btn skeptic_btn_outline max-h-[2.53rem] group-hover:border-skeptic-primary group-hover:bg-skeptic-primary"> <span class="group-hover:text-skeptic-background">Read More</span> <div> <svg class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark group-hover:fill-skeptic-foreground-dark inline-block ml-1.5 transition-transform group-hover:translate-x-1 mt-px" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_1232_1013" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16"> <rect width="16" height="16" fill="#FFF5DF"/> </mask> <g mask="url(#mask0_1232_1013)"> <path d="M5.34935 14.6663L4.16602 13.483L9.64935 7.99967L4.16602 2.51634L5.34935 1.33301L12.016 7.99967L5.34935 14.6663Z" fill=""/> </g> </svg> </div> </a> </div> <article id="skp_hero_mini_article" class="hero_mini_article max-h-[400px] md1:max-h-full overflow-hidden"> <div> <a id="hero_mini_article_tag" class="skeptic_tag_badge hidden"> </a> <div class="skp_skeleton flex"> <div class="h-8 max-w-20 w-full animate-pulse rounded-sm bg-skeptic-gray dark:bg-skeptic-gray-dark"></div> </div> </div> <div class="skp_skeleton flex w-full flex-col gap-3 mt-10"> <div class="h-7 w-2/3 animate-pulse rounded-sm bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <span class="sr-only">loading</span> </div> <div class="skp_skeleton flex w-full flex-col gap-3 mt-10"> <div class="h-3.5 w-full animate-pulse rounded-sm bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <div class="h-3.5 w-full animate-pulse rounded-sm bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <div class="h-3.5 w-full animate-pulse rounded-sm bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <div class="h-3.5 w-full animate-pulse rounded-sm bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <div class="h-3.5 w-full animate-pulse rounded-sm bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <div class="h-3.5 w-1/2 animate-pulse rounded-sm bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <span class="sr-only">loading</span> </div> <div class="skp_skeleton flex w-full flex-col gap-3 mt-10"> <div class="h-3.5 w-full animate-pulse rounded-sm bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <div class="h-3.5 w-full animate-pulse rounded-sm bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <div class="h-3.5 w-full animate-pulse rounded-sm bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <div class="h-3.5 w-full animate-pulse rounded-sm bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <div class="h-3.5 w-full animate-pulse rounded-sm bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <div class="h-3.5 w-full animate-pulse rounded-sm bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <div class="h-3.5 w-1/2 animate-pulse rounded-sm bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <div class="h-3.5 w-1/3 animate-pulse rounded-sm bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <span class="sr-only">loading</span> </div> <div class="skp_skeleton flex w-full flex-col gap-3 mt-10"> <div class="h-3.5 w-full animate-pulse rounded-sm bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <div class="h-3.5 w-full animate-pulse rounded-sm bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <div class="h-3.5 w-full animate-pulse rounded-sm bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <div class="h-3.5 w-full animate-pulse rounded-sm bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <div class="h-3.5 w-full animate-pulse rounded-sm bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <div class="h-3.5 w-full animate-pulse rounded-sm bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <div class="h-3.5 w-1/2 animate-pulse rounded-sm bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <span class="sr-only">loading</span> </div> </article> </div> <div class="order-2 1xl:order-3 pb-6 pt-7 md1:pt-0 1xl:pb-0 1xl:row-span-2 flex flex-col space-y-[1.625rem] 1xl:space-y-[--gap-45]"> <div class="md1:pl-7"> <article class="group flex flex-row items-center 1xl:items-start 1xl:flex-col gap-[--gap-11] 1xl:gap-[--gap-22-5]"> <a href="/article/when-artificial-intelligence-takes-the-reins-new-evidence-that-ai-can-scheme-and-deceive/" alt="When Artificial Intelligence Takes the Reins: New Evidence That AI Can Scheme and Deceive" class="flex w-full relative shrink-0 1xl:shrink aspect-[7/4] 1xl:aspect-[458/269] max-w-[160px] lg:max-w-[196px] 1xl:max-w-full 1xl:max-h-[16.8rem] overflow-hidden"> <img class="w-full h-auto object-cover transition-opacity group-hover:opacity-85 lazy" src="/content/images/size/w100/2025/03/primate-looking-at-AI-robot---firefly.webp" data-src="/content/images/size/w600/2025/03/primate-looking-at-AI-robot---firefly.webp" alt="When Artificial Intelligence Takes the Reins: New Evidence That AI Can Scheme and Deceive"> </a> <a href="/article/when-artificial-intelligence-takes-the-reins-new-evidence-that-ai-can-scheme-and-deceive/" alt="When Artificial Intelligence Takes the Reins: New Evidence That AI Can Scheme and Deceive" class="flex flex-col"> <time class="text-skeptic-charcoal dark:text-skeptic-foreground-dark order-2 1xl:order-1 mt-2 1xl:mt-0 flex items-center space-x-2 min-[420px]:space-x-5 text-xs" datetime="2025-03-20"> <span class="">Mar 20, 2025</span> </time> <h3 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark order-1 1xl:order-2 text_18 font-bold leading-[1.2] line_clamp_3 1xl:mt-5 transition-color group-hover:text-skeptic-primary"> When Artificial Intelligence Takes the Reins: New Evidence That AI Can Scheme and Deceive </h3> </a> </article> </div> <div class="md1:pl-7"> <article class="group flex flex-row items-center 1xl:items-start 1xl:flex-col gap-[--gap-11] 1xl:gap-[--gap-22-5]"> <a href="/article/ending-witch-hunting-africa-malawi-persecution/" alt="Witch-Hunting: A Culture War Fought with Skepticism and Compassion" class="flex w-full relative shrink-0 1xl:shrink aspect-[7/4] 1xl:aspect-[458/269] max-w-[160px] lg:max-w-[196px] 1xl:max-w-full 1xl:max-h-[16.8rem] overflow-hidden"> <img class="w-full h-auto object-cover transition-opacity group-hover:opacity-85 lazy" src="/content/images/size/w100/2025/03/posters-in-Nigeria-that-reinforce-belief-in-witches-from-AfAW-website.jpg" data-src="/content/images/size/w600/2025/03/posters-in-Nigeria-that-reinforce-belief-in-witches-from-AfAW-website.jpg" alt="Witch-Hunting: A Culture War Fought with Skepticism and Compassion"> </a> <a href="/article/ending-witch-hunting-africa-malawi-persecution/" alt="Witch-Hunting: A Culture War Fought with Skepticism and Compassion" class="flex flex-col"> <time class="text-skeptic-charcoal dark:text-skeptic-foreground-dark order-2 1xl:order-1 mt-2 1xl:mt-0 flex items-center space-x-2 min-[420px]:space-x-5 text-xs" datetime="2025-03-18"> <span class="">Mar 18, 2025</span> </time> <h3 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark order-1 1xl:order-2 text_18 font-bold leading-[1.2] line_clamp_3 1xl:mt-5 transition-color group-hover:text-skeptic-primary"> Witch-Hunting: A Culture War Fought with Skepticism and Compassion </h3> </a> </article> </div> </div> </div> </div> </section> <script> const skp_hero = () => { return { hero_mini_article_wrapper: document.getElementById('skp_hero_mini_article'), hero_mini_article_tag: document.getElementById('hero_mini_article_tag'), read_highlight_button: document.getElementById('read_highlight_button'), skeleton: document.getElementById('skp_hero_mini_article').querySelectorAll('.skp_skeleton'), CONTENT_API_KEY: null, CONTENT_API_URL: null, GHOST_BASE_URL : null, NUM_OF_WORDS_FOR_PREVIEW: 180, //adjust number of words for public preview in hero highlighted article init(){ const scriptTag = document.querySelector('script[data-key][data-api]'); this.CONTENT_API_KEY = scriptTag.getAttribute('data-key'); this.CONTENT_API_URL = scriptTag.getAttribute('data-api'); this.GHOST_BASE_URL = scriptTag.getAttribute('data-ghost'); console.log('[+] Skp hero init...'); this.getHighlitedArticle(); }, remove_skeleton(){ for(let item of this.skeleton){ item.remove(); } }, countWords(str) { // Split the string by spaces or whitespace and filter out empty strings const words = str.trim().split(/\s+/).filter(word => word.length > 0); return words.length; }, getWordsAsArray(str) { // Split the string by spaces or whitespace and filter out empty strings const words = str.trim().split(/\s+/).filter(word => word.length > 0); return words; }, async getHighlitedArticle(){ try{ let res = await fetch(`${this.CONTENT_API_URL}posts/?key=${this.CONTENT_API_KEY}&filter=tag:hash-hero-highlight&limit=1&include=tags&tags.visibility=public&order=published_at+desc`); if(res.status != 200) throw new Error('Err during fetching hero highlight article'); let result = await res.json(); if(result.posts.length == 0){ throw new Error('No such tag found...'); //console.log('[+] Fallback if no higlighted article is found, request 3rd article in order...'); //res = await fetch(`${this.CONTENT_API_URL}posts/?key=${this.CONTENT_API_KEY}&filter=tag:article&from=3&to=3&include=tags&tags.visibility=public&order=published_at+desc`); //result = await res.json(); //console.log(result) } this.remove_skeleton(); const title = result.posts[0].title; const html = result.posts[0].html; const tag = result.posts[0].tags.filter(t=>t.visibility === 'public'); const url = result.posts[0].url; const parser = new DOMParser(); const doc = parser.parseFromString(html, 'text/html'); const get_nodes = doc.querySelectorAll('*'); let copy_of_text_nodes = []; for(let item of get_nodes){ if(item.tagName === 'H2' || item.tagName === 'H3' || item.tagName === 'H4' || item.tagName === 'H5' || item.tagName === 'H6' || item.tagName === 'P'){ copy_of_text_nodes.push(item.cloneNode(true)); } } //Insert H1 title this.hero_mini_article_wrapper.insertAdjacentHTML('beforeend', `<h1>${title}</h1>`); //Insert Tag if(tag[1] != undefined){ this.hero_mini_article_tag.classList.remove('hidden'); this.hero_mini_article_tag.insertAdjacentHTML('beforeend', `<span>${tag[1].name}</span>`); this.hero_mini_article_tag.href = tag[1].url; } //Insert url this.read_highlight_button.href = url; let count_of_words = 0; let stop_index = 0; for(let [index,item] of copy_of_text_nodes.entries()){ count_of_words = count_of_words + this.countWords(item.textContent); //console.log('[+] Count words ', count_of_words) // CUT OFF EXACT NUMBER OF WORDS if((this.NUM_OF_WORDS_FOR_PREVIEW - count_of_words) < 0){ let get_words_array = this.getWordsAsArray(item.textContent); let num_of_words_to_stay = this.countWords(item.textContent) - (count_of_words - this.NUM_OF_WORDS_FOR_PREVIEW); let adjusted_array = get_words_array.slice(0, num_of_words_to_stay); adjusted_array.push('...'); item.textContent = adjusted_array.join(' '); this.hero_mini_article_wrapper.appendChild(item); break; }else{ this.hero_mini_article_wrapper.appendChild(item); } } }catch(err){ console.log('[X] Err in getting highlighted article -> ', err.message); this.$dispatch('openNoiseAlert', {type: 'danger', title: 'Error', text: `Could not load highlighted article: ${err.message}` , duration: 5000}); } } } } </script> <seaction class="mt-[--gap-90]"> <div class="md1:container_ lg:min-h-[250px] max-h-[340px]"> <a href="https://shop.skeptic.com/" alt="Visit Skeptic e-shop"> <figure class="flex lg:min-h-[250px] max-h-[340px] relative group cursor-pointer transition-all"> <img class="w-full h-auto hidden sm:block lg:object-[left_center] sm:object-contain lg:object-cover transition-opacity group-hover:opacity-90 lazy" data-src="https://www.skeptic.com/assets/img/banner.webp?v=c33bb3cc20"> <img class="w-full h-auto object-contain block sm:hidden transition-opacity group-hover:opacity-90 lazy" data-src="https://www.skeptic.com/assets/img/banner_mobile.png?v=c33bb3cc20"> <span class="flex skeptic_btn absolute bottom-[69%] left-2.5 right-auto sm:bottom-[1rem] sm:left-auto sm:right-[4vmin] 1lg:bottom-[5%] lg:left-[220px] lg:right-auto xl:left-[19.5%] bg-skeptic-background group-hover:bg-skeptic-primary"> <span class="!text-skeptic-charcoal dark:!text-skeptic-charcoal group-hover:!text-skeptic-background">Visit Store</span> </span> </figure> </a> </div> </seaction> <section class="mt-[--gap-90]"> <div class="container_"> <div class="flex flex-col lg:flex-row xl:space-x-[--gap-22-5]"> <article class="group w-full max-w-[1045px]"> <a href="https://www.skeptic.com/article/how-american-intelligence-rivalries-hampered-the-battle-against-islamic-terrorism/" class="flex h-full"> <figure class="featured_main_img flex relative h-full max-h-[554px] w-full overflow-hidden"> <img class="w-full h-auto object-cover transition-opacity group-hover:opacity-85 lazy" src="/content/images/size/w300/2025/03/Fighting-Each-Other-illo-by-A.-Richard-Allen.webp" data-src="/content/images/size/w1200/2025/03/Fighting-Each-Other-illo-by-A.-Richard-Allen.webp" alt="Fighting Each Other: How U.S. Intelligence Rivalries Hampered the Battle Against Islamic Terrorism"> <div class="hidden sm:block absolute left-0 bottom-0 px-[clamp(1.5rem,0.6000rem+3.2000vw,4rem)] pb-[clamp(1.5rem,0.7800rem+2.5600vw,3.5rem)] z-[2]"> <time class="flex items-center space-x-5 mb-1.5 text-xs text-skeptic-background" datetime="2025-03-11"> <span class="">Mar 11, 2025</span> </time> <h2 class="text_48 leading-[1.2] font-bold text-skeptic-background !transition-color !duration-300 group-hover:text-skeptic-primary">Fighting Each Other: How U.S. Intelligence Rivalries Hampered the Battle Against Islamic Terrorism</h2> </div> </figure> </a> <div class="w-full sm:hidden sm:max-w-[460px] mt-[--gap-22-5] sm:mt-0 xl:w-auto"> <a href="https://www.skeptic.com/article/how-american-intelligence-rivalries-hampered-the-battle-against-islamic-terrorism/" alt="Fighting Each Other: How U.S. Intelligence Rivalries Hampered the Battle Against Islamic Terrorism" class=""> <h3 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text_28 leading-tight lg:text-lg 1xl:text_18 font-bold lg:leading-[1.25] line-clamp-4 xl:line_clamp_3 transition-color group-hover:text-skeptic-primary">Fighting Each Other: How U.S. Intelligence Rivalries Hampered the Battle Against Islamic Terrorism</h3> <time class="text-skeptic-charcoal dark:text-skeptic-foreground-dark flex items-center space-x-3 text-xs mt-3" datetime="2025-03-11"> <span>Mar 11, 2025 </span> </time> </a> </div> </article> <div class="mt-[--gap-45] lg:mt-0 lg:max-w-[390px] 1xl:max-w-[430px] 2xl:max-w-[476px] flex flex-col items-center lg:items-start lg:space-y-8 justify-between"> <article class="flex py-[--gap-22-5] lg:py-0 flex-col sm:flex-row sm:space-x-[--gap-45] xl:space-x-3 items-center w-full max-w-[1054px] group"> <figure class="block w-full aspect-[89/50] sm:max-h-[12.5rem] sm:max-w-[330px] md:max-w-[356px] md:min-w-[340px] xl:shrink-0 lg:min-w-0 1xl:aspect-[7/4] lg:max-w-0 1xl:max-w-[196px]"> <a href="/article/when-our-best-friend-becomes-our-worst-enemy-the-story-of-american-bully-xl-attacks-and-the-campaign-that-banned-the-breed-in-britain/" alt="American Bully XL Attacks and the Campaign That Banned the Breed in Britain"> <img class="w-full h-full object-cover transition-opacity group-hover:opacity-85 lazy" src="/content/images/size/w100/2025/01/xlbully-1.png" data-src="/content/images/size/w600/2025/01/xlbully-1.png" alt="American Bully XL Attacks and the Campaign That Banned the Breed in Britain"> </a> </figure> <div class="w-full sm:max-w-[460px] mt-[--gap-22-5] sm:mt-0 xl:w-auto"> <a href="/article/when-our-best-friend-becomes-our-worst-enemy-the-story-of-american-bully-xl-attacks-and-the-campaign-that-banned-the-breed-in-britain/" alt="American Bully XL Attacks and the Campaign That Banned the Breed in Britain" class=""> <h3 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text_28 leading-tight lg:text-lg 1xl:text_18 font-bold lg:leading-[1.25] line-clamp-4 lg:line_clamp_3 transition-color group-hover:text-skeptic-primary">American Bully XL Attacks and the Campaign That Banned the Breed in Britain</h3> <time class="text-skeptic-charcoal dark:text-skeptic-foreground-dark flex items-center space-x-3 text-xs mt-3" datetime="2025-02-24"> <span>Feb 24, 2025 </span> </time> </a> </div> </article> <article class="flex py-[--gap-22-5] lg:py-0 flex-col sm:flex-row sm:space-x-[--gap-45] xl:space-x-3 items-center w-full max-w-[1054px] group"> <figure class="block w-full aspect-[89/50] sm:max-h-[12.5rem] sm:max-w-[330px] md:max-w-[356px] md:min-w-[340px] xl:shrink-0 lg:min-w-0 1xl:aspect-[7/4] lg:max-w-0 1xl:max-w-[196px]"> <a href="/article/behavioral-science-dei-critique-scientific-principles/" alt="How Behavioral Science Lost its Way And How It Can Recover"> <img class="w-full h-full object-cover transition-opacity group-hover:opacity-85 lazy" src="/content/images/size/w100/2025/02/Behavioral-Science-Needs-to-Return-to-Basics-illustration-by-Izhar-Cohen.webp" data-src="/content/images/size/w600/2025/02/Behavioral-Science-Needs-to-Return-to-Basics-illustration-by-Izhar-Cohen.webp" alt="How Behavioral Science Lost its Way And How It Can Recover"> </a> </figure> <div class="w-full sm:max-w-[460px] mt-[--gap-22-5] sm:mt-0 xl:w-auto"> <a href="/article/behavioral-science-dei-critique-scientific-principles/" alt="How Behavioral Science Lost its Way And How It Can Recover" class=""> <h3 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text_28 leading-tight lg:text-lg 1xl:text_18 font-bold lg:leading-[1.25] line-clamp-4 lg:line_clamp_3 transition-color group-hover:text-skeptic-primary">How Behavioral Science Lost its Way And How It Can Recover</h3> <time class="text-skeptic-charcoal dark:text-skeptic-foreground-dark flex items-center space-x-3 text-xs mt-3" datetime="2025-02-24"> <span>Feb 24, 2025 </span> </time> </a> </div> </article> <article class="flex py-[--gap-22-5] lg:py-0 flex-col sm:flex-row sm:space-x-[--gap-45] xl:space-x-3 items-center w-full max-w-[1054px] group"> <figure class="block w-full aspect-[89/50] sm:max-h-[12.5rem] sm:max-w-[330px] md:max-w-[356px] md:min-w-[340px] xl:shrink-0 lg:min-w-0 1xl:aspect-[7/4] lg:max-w-0 1xl:max-w-[196px]"> <a href="/article/white-coat-crime/" alt="White Coat Crime"> <img class="w-full h-full object-cover transition-opacity group-hover:opacity-85 lazy" src="/content/images/size/w100/2025/02/doctor-white-lab-coat-wearing-handcuffs-sketch.webp" data-src="/content/images/size/w600/2025/02/doctor-white-lab-coat-wearing-handcuffs-sketch.webp" alt="White Coat Crime"> </a> </figure> <div class="w-full sm:max-w-[460px] mt-[--gap-22-5] sm:mt-0 xl:w-auto"> <a href="/article/white-coat-crime/" alt="White Coat Crime" class=""> <h3 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text_28 leading-tight lg:text-lg 1xl:text_18 font-bold lg:leading-[1.25] line-clamp-4 lg:line_clamp_3 transition-color group-hover:text-skeptic-primary">White Coat Crime</h3> <time class="text-skeptic-charcoal dark:text-skeptic-foreground-dark flex items-center space-x-3 text-xs mt-3" datetime="2025-02-23"> <span>Feb 23, 2025 </span> </time> </a> </div> </article> <article class="flex py-[--gap-22-5] lg:py-0 flex-col sm:flex-row sm:space-x-[--gap-45] xl:space-x-3 items-center w-full max-w-[1054px] group"> <figure class="block w-full aspect-[89/50] sm:max-h-[12.5rem] sm:max-w-[330px] md:max-w-[356px] md:min-w-[340px] xl:shrink-0 lg:min-w-0 1xl:aspect-[7/4] lg:max-w-0 1xl:max-w-[196px]"> <a href="/article/searching-for-help-my-sons-autism-diagnosis-in-the-world-of-alternative-medicine-anti-vaxxers/" alt="Searching for Help: My Son’s Autism Diagnosis in the World of Alternative Medicine & Anti-Vaxxers"> <img class="w-full h-full object-cover transition-opacity group-hover:opacity-85 lazy" src="/content/images/size/w100/2025/02/john_summers_featured02.png" data-src="/content/images/size/w600/2025/02/john_summers_featured02.png" alt="Searching for Help: My Son’s Autism Diagnosis in the World of Alternative Medicine & Anti-Vaxxers"> </a> </figure> <div class="w-full sm:max-w-[460px] mt-[--gap-22-5] sm:mt-0 xl:w-auto"> <a href="/article/searching-for-help-my-sons-autism-diagnosis-in-the-world-of-alternative-medicine-anti-vaxxers/" alt="Searching for Help: My Son’s Autism Diagnosis in the World of Alternative Medicine & Anti-Vaxxers" class=""> <h3 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text_28 leading-tight lg:text-lg 1xl:text_18 font-bold lg:leading-[1.25] line-clamp-4 lg:line_clamp_3 transition-color group-hover:text-skeptic-primary">Searching for Help: My Son’s Autism Diagnosis in the World of Alternative Medicine & Anti-Vaxxers</h3> <time class="text-skeptic-charcoal dark:text-skeptic-foreground-dark flex items-center space-x-3 text-xs mt-3" datetime="2025-02-23"> <span>Feb 23, 2025 </span> </time> </a> </div> </article> </div> </div> </div> </section> <section class="mt-[calc(var(--gap-90)*2)]"> <div class="container_ flex flex-col xl:flex-row"> <article class="flex flex-col md:flex-row pb-11 md:pb-[--gap-45] xl:hidden"> <div class="flex flex-col"> <h2 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text-center md:text-left"><span class="text_72 md:text-[2.25rem] font-marker leading-tight inline-block">The</span><span class="text_72 md:text-[2.25rem] font-bold tracking-[-1.44px] leading-tight ml-3.5">Michael Shermer</span><span class="text_72 md:text-[2.25rem] font-marker leading-tight ml-3.5">Show</span></h2> <p class="text-skeptic-charcoal dark:text-skeptic-foreground-dark tracking-[-0.3px] text-center md:text-left text_24 leading-[1.44] md:text-sm mt-3"> The Michael Shermer Show is a series of long-form conversations between Dr. Michael Shermer and leading scientists, philosophers, historians, scholars, writers, and thinkers about the most important issues of our time. </p> </div> <div class="flex flex-col md:flex-row items-center md:ml-[--gap-45]"> <div class="flex items-center block py-[--gap-22-5] md:hidden"> <div class="inline-block pb-px"> <span class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text-xs tracking-[0.72px] align-bottom whitespace-nowrap">LISTEN ON:</span> </div> <ul class="flex list-none space-x-2.5 ml-2.5"> <li> <a class="group" href="https://www.youtube.com/skepticmagazine/"> <svg class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark group-hover:fill-skeptic-primary transition-all" width="34" height="25" viewBox="0 0 34 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.244 4.00098C17.778 4.00398 19.114 4.01698 20.534 4.07398L21.038 4.09598C22.467 4.16298 23.895 4.27898 24.604 4.47598C25.549 4.74198 26.291 5.51598 26.542 6.49798C26.942 8.05798 26.992 11.1 26.998 11.837L26.999 11.989V12.163C26.992 12.9 26.942 15.943 26.542 17.502C26.288 18.487 25.545 19.262 24.604 19.524C23.895 19.721 22.467 19.837 21.038 19.904L20.534 19.927C19.114 19.983 17.778 19.997 17.244 19.999L17.009 20H16.754C15.624 19.993 10.898 19.942 9.394 19.524C8.45 19.258 7.707 18.484 7.456 17.502C7.056 15.942 7.006 12.9 7 12.163V11.837C7.006 11.1 7.056 8.05698 7.456 6.49798C7.71 5.51298 8.453 4.73798 9.395 4.47698C10.898 4.05798 15.625 4.00698 16.755 4.00098H17.244ZM14.999 8.50098V15.501L20.999 12.001L14.999 8.50098Z" fill=""/> </svg> </a> </li> <li> <a class="group" href="https://podcasts.apple.com/us/podcast/the-michael-shermer-show/id1352860989"> <svg class="stroke-skeptic-charcoal dark:stroke-skeptic-foreground-dark group-hover:stroke-skeptic-primary transition-all" width="34" height="24" viewBox="0 0 34 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M23.364 17.8639C24.6227 16.6052 25.4798 15.0016 25.8271 13.2558C26.1743 11.5099 25.9961 9.70035 25.3149 8.05582C24.6337 6.41129 23.4802 5.00569 22.0001 4.01677C20.5201 3.02784 18.78 2.5 17 2.5C15.22 2.5 13.4799 3.02784 11.9999 4.01677C10.5198 5.00569 9.36629 6.41129 8.6851 8.05582C8.00391 9.70035 7.82567 11.5099 8.17293 13.2558C8.52019 15.0016 9.37734 16.6052 10.636 17.8639" stroke="" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.7661 21.5H17.2341C17.7216 21.5001 18.1924 21.3221 18.558 20.9995C18.9235 20.6768 19.1586 20.2318 19.2191 19.748L19.7191 15.748C19.7542 15.4666 19.7291 15.1809 19.6455 14.9099C19.5618 14.6389 19.4214 14.3888 19.2337 14.1762C19.046 13.9636 18.8152 13.7934 18.5566 13.6768C18.2981 13.5602 18.0177 13.4999 17.7341 13.5H16.2661C15.9824 13.4999 15.7021 13.5602 15.4435 13.6768C15.185 13.7934 14.9542 13.9636 14.7664 14.1762C14.5787 14.3888 14.4383 14.6389 14.3547 14.9099C14.271 15.1809 14.2459 15.4666 14.2811 15.748L14.7811 19.748C14.8415 20.2318 15.0766 20.6768 15.4422 20.9995C15.8077 21.3221 16.2785 21.5001 16.7661 21.5ZM15.0001 8.5C15.0001 9.03043 15.2108 9.53914 15.5858 9.91421C15.9609 10.2893 16.4696 10.5 17.0001 10.5C17.5305 10.5 18.0392 10.2893 18.4143 9.91421C18.7893 9.53914 19.0001 9.03043 19.0001 8.5C19.0001 7.96957 18.7893 7.46086 18.4143 7.08579C18.0392 6.71071 17.5305 6.5 17.0001 6.5C16.4696 6.5 15.9609 6.71071 15.5858 7.08579C15.2108 7.46086 15.0001 7.96957 15.0001 8.5Z" stroke="" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> </li> <li> <a class="group" href="https://open.spotify.com/show/4eDCVvVXJVwKCa0QfNbuXA?si=-EYivN2XR8-RzjlINEg6Tw"> <svg class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark group-hover:fill-skeptic-primary transition-all" width="34" height="24" viewBox="0 0 34 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22.9 10.9C19.7 9 14.35 8.8 11.3 9.75C10.8 9.9 10.3 9.6 10.15 9.15C10 8.65 10.3 8.15 10.75 8C14.3 6.95 20.15 7.15 23.85 9.35C24.3 9.6 24.45 10.2 24.2 10.65C23.95 11 23.35 11.15 22.9 10.9ZM22.8 13.7C22.55 14.05 22.1 14.2 21.75 13.95C19.05 12.3 14.95 11.8 11.8 12.8C11.4 12.9 10.95 12.7 10.85 12.3C10.75 11.9 10.95 11.45 11.35 11.35C15 10.25 19.5 10.8 22.6 12.7C22.9 12.85 23.05 13.35 22.8 13.7ZM21.6 16.45C21.4 16.75 21.05 16.85 20.75 16.65C18.4 15.2 15.45 14.9 11.95 15.7C11.6 15.8 11.3 15.55 11.2 15.25C11.1 14.9 11.35 14.6 11.65 14.5C15.45 13.65 18.75 14 21.35 15.6C21.7 15.75 21.75 16.15 21.6 16.45ZM17 2C15.6868 2 14.3864 2.25866 13.1732 2.7612C11.9599 3.26375 10.8575 4.00035 9.92893 4.92893C8.05357 6.8043 7 9.34784 7 12C7 14.6522 8.05357 17.1957 9.92893 19.0711C10.8575 19.9997 11.9599 20.7362 13.1732 21.2388C14.3864 21.7413 15.6868 22 17 22C19.6522 22 22.1957 20.9464 24.0711 19.0711C25.9464 17.1957 27 14.6522 27 12C27 10.6868 26.7413 9.38642 26.2388 8.17317C25.7362 6.95991 24.9997 5.85752 24.0711 4.92893C23.1425 4.00035 22.0401 3.26375 20.8268 2.7612C19.6136 2.25866 18.3132 2 17 2Z" fill=""/> </svg> </a> </li> <li> <a class="group" href="https://music.amazon.com/podcasts/6dd1a521-e819-490b-92e6-e6968f7d601a/The-Michael-Shermer-Show/"> <svg class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark group-hover:fill-skeptic-primary transition-all" width="34" height="24" viewBox="0 0 34 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M26.9993 17.7222C26.9993 18.4492 26.5943 19.8492 25.6843 20.6182C25.5023 20.7582 25.3203 20.6792 25.4003 20.4752C25.6653 19.8272 26.2713 18.3282 25.9873 17.9832C25.7863 17.7212 24.9563 17.7412 24.2483 17.8012C23.9253 17.8422 23.6413 17.8612 23.4213 17.9062C23.2173 17.9222 23.1763 17.7432 23.3803 17.6032C23.646 17.4158 23.9396 17.2713 24.2503 17.1752C25.4003 16.8312 26.7293 17.0382 26.9203 17.2582C26.9563 17.3002 26.9993 17.4192 26.9993 17.7222ZM25.0773 19.0152C24.8143 19.218 24.5373 19.4017 24.2483 19.5652C22.1263 20.8402 19.3773 21.5082 16.9903 21.5082C13.1473 21.5082 9.71026 20.0912 7.10226 17.7202C6.87826 17.5382 7.06326 17.2742 7.32526 17.4172C10.1353 19.0572 13.6133 20.0492 17.2133 20.0492C19.4793 20.0492 21.9213 19.6252 24.2483 18.7132C24.4113 18.6522 24.5933 18.5692 24.7523 18.5112C25.1193 18.3462 25.4423 18.7532 25.0773 19.0152ZM18.9073 7.98519C18.9073 6.94419 18.9493 6.33119 18.6043 5.80519C18.2983 5.37219 17.7713 5.11219 17.0353 5.15319C16.2373 5.19719 15.3803 5.72019 15.1623 6.67919C15.1193 6.89919 14.9913 7.11519 14.7253 7.16219L12.2903 6.85219C12.1163 6.81219 11.8513 6.67919 11.9383 6.33119C12.4613 3.58019 14.8123 2.62119 17.0363 2.49219H17.5583C18.7783 2.49219 20.3463 2.84119 21.3493 3.75619C22.5663 4.89219 22.4363 6.41819 22.4363 8.07619V12.0032C22.4363 13.1812 22.9143 13.7032 23.3943 14.3172C23.5243 14.5362 23.5693 14.7942 23.3503 14.9722C22.7203 15.5339 22.0812 16.0853 21.4333 16.6262C21.2583 16.7592 20.9443 16.7732 20.8233 16.6712C20.0533 16.0262 19.8653 15.6682 19.3883 15.0132C18.5583 15.8842 17.8613 16.3652 17.0323 16.6262C16.4493 16.7745 15.8497 16.8471 15.2483 16.8422C13.1583 16.8422 11.5033 15.5392 11.5033 12.9622C11.5033 10.9132 12.5933 9.52019 14.2033 8.86119C15.8133 8.20119 18.1533 7.99119 18.9073 7.98719M18.4303 13.1792C18.9503 12.3072 18.9073 11.5932 18.9073 9.99419C18.2553 9.99419 17.6013 10.0392 17.0363 10.1722C15.9913 10.4752 15.1613 11.1322 15.1613 12.5272C15.1613 13.6172 15.7293 14.3592 16.6873 14.3592C16.8193 14.3592 16.9353 14.3442 17.0353 14.3142C17.7053 14.1282 18.1233 13.7922 18.4303 13.1792Z" fill=""/> </svg> </a> </li> <li> <a class="group" href="https://music.youtube.com/playlist?list=PLRdTugBInz19PmwsPhMjrzABr7yPUl1ry"> <svg class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark group-hover:fill-skeptic-primary transition-all" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.21703 8.286C9.26503 7.254 10.514 6.743 12 6.743C13.486 6.743 14.735 7.253 15.783 8.286C16.831 9.319 17.345 10.544 17.345 12C17.345 13.456 16.831 14.68 15.783 15.713C14.735 16.746 13.486 17.256 12 17.256C10.514 17.256 9.26503 16.746 8.21703 15.713C7.16903 14.68 6.65503 13.455 6.65503 12C6.65503 10.545 7.16903 9.318 8.21703 8.286ZM15.194 12.001L10 14.91V9.088L15.194 12.001Z" fill=""/> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.071 18.966C21.0243 17.042 22.0007 14.72 22 12C22 9.27934 21.0237 6.957 19.071 5.033C17.1177 3.109 14.7607 2.147 12 2.147C9.23933 2.147 6.88233 3.109 4.929 5.033C2.97567 6.957 1.99933 9.27934 2 12C2 14.72 2.97633 17.042 4.929 18.966C6.88233 20.89 9.23933 21.852 12 21.852C14.7613 21.852 17.1183 20.89 19.071 18.966ZM12 5.433C10.173 5.433 8.593 6.077 7.298 7.353C6.002 8.63 5.345 10.19 5.345 12C5.345 13.809 6.002 15.37 7.298 16.646C8.593 17.922 10.172 18.566 12 18.566C13.828 18.566 15.407 17.922 16.702 16.646C17.998 15.37 18.655 13.809 18.655 12C18.655 10.19 17.998 8.63 16.702 7.353C15.407 6.077 13.827 5.433 12 5.433Z" fill=""/> </svg> </a> </li> </ul> </div> <div class="flex items-center md:contents"> <figure class="size-[clamp(4rem,1.9669rem+7.2289vw,7.75rem)] rounded-full overflow-hidden aspect-square shrink-0 md:mr-2"> <img class="w-full h-full object-cover" src="https://www.skeptic.com/assets/img/michael_shermer_avatar.png?v=c33bb3cc20"> </figure> <div class="flex flex-col pl-[--gap-22-5] 1md:pl-[--gap-30]"> <div class="flex items-center group"> <a id="" href="/michael-shermer-show/" role="button" class="skeptic_btn skeptic_btn_outline max-h-[2.53rem] group-hover:border-skeptic-primary group-hover:bg-skeptic-primary"> <span class="group-hover:text-skeptic-background">Learn More</span> <div> <svg class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark group-hover:fill-skeptic-foreground-dark inline-block ml-1.5 transition-transform group-hover:translate-x-1 mt-px" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_1232_1013" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16"> <rect width="16" height="16" fill="#FFF5DF"/> </mask> <g mask="url(#mask0_1232_1013)"> <path d="M5.34935 14.6663L4.16602 13.483L9.64935 7.99967L4.16602 2.51634L5.34935 1.33301L12.016 7.99967L5.34935 14.6663Z" fill=""/> </g> </svg> </div> </a> </div> <div class="flex items-center mt-[--gap-22-5] hidden md:flex"> <div class="inline-block pb-px"> <span class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text-xs tracking-[0.72px] align-bottom whitespace-nowrap">LISTEN ON:</span> </div> <ul class="flex list-none space-x-2.5 ml-2.5"> <li> <a class="group" href="https://www.youtube.com/skepticmagazine/"> <svg class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark group-hover:fill-skeptic-primary transition-all" width="34" height="25" viewBox="0 0 34 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.244 4.00098C17.778 4.00398 19.114 4.01698 20.534 4.07398L21.038 4.09598C22.467 4.16298 23.895 4.27898 24.604 4.47598C25.549 4.74198 26.291 5.51598 26.542 6.49798C26.942 8.05798 26.992 11.1 26.998 11.837L26.999 11.989V12.163C26.992 12.9 26.942 15.943 26.542 17.502C26.288 18.487 25.545 19.262 24.604 19.524C23.895 19.721 22.467 19.837 21.038 19.904L20.534 19.927C19.114 19.983 17.778 19.997 17.244 19.999L17.009 20H16.754C15.624 19.993 10.898 19.942 9.394 19.524C8.45 19.258 7.707 18.484 7.456 17.502C7.056 15.942 7.006 12.9 7 12.163V11.837C7.006 11.1 7.056 8.05698 7.456 6.49798C7.71 5.51298 8.453 4.73798 9.395 4.47698C10.898 4.05798 15.625 4.00698 16.755 4.00098H17.244ZM14.999 8.50098V15.501L20.999 12.001L14.999 8.50098Z" fill=""/> </svg> </a> </li> <li> <a class="group" href="https://podcasts.apple.com/us/podcast/the-michael-shermer-show/id1352860989"> <svg class="stroke-skeptic-charcoal dark:stroke-skeptic-foreground-dark group-hover:stroke-skeptic-primary transition-all" width="34" height="24" viewBox="0 0 34 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M23.364 17.8639C24.6227 16.6052 25.4798 15.0016 25.8271 13.2558C26.1743 11.5099 25.9961 9.70035 25.3149 8.05582C24.6337 6.41129 23.4802 5.00569 22.0001 4.01677C20.5201 3.02784 18.78 2.5 17 2.5C15.22 2.5 13.4799 3.02784 11.9999 4.01677C10.5198 5.00569 9.36629 6.41129 8.6851 8.05582C8.00391 9.70035 7.82567 11.5099 8.17293 13.2558C8.52019 15.0016 9.37734 16.6052 10.636 17.8639" stroke="" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.7661 21.5H17.2341C17.7216 21.5001 18.1924 21.3221 18.558 20.9995C18.9235 20.6768 19.1586 20.2318 19.2191 19.748L19.7191 15.748C19.7542 15.4666 19.7291 15.1809 19.6455 14.9099C19.5618 14.6389 19.4214 14.3888 19.2337 14.1762C19.046 13.9636 18.8152 13.7934 18.5566 13.6768C18.2981 13.5602 18.0177 13.4999 17.7341 13.5H16.2661C15.9824 13.4999 15.7021 13.5602 15.4435 13.6768C15.185 13.7934 14.9542 13.9636 14.7664 14.1762C14.5787 14.3888 14.4383 14.6389 14.3547 14.9099C14.271 15.1809 14.2459 15.4666 14.2811 15.748L14.7811 19.748C14.8415 20.2318 15.0766 20.6768 15.4422 20.9995C15.8077 21.3221 16.2785 21.5001 16.7661 21.5ZM15.0001 8.5C15.0001 9.03043 15.2108 9.53914 15.5858 9.91421C15.9609 10.2893 16.4696 10.5 17.0001 10.5C17.5305 10.5 18.0392 10.2893 18.4143 9.91421C18.7893 9.53914 19.0001 9.03043 19.0001 8.5C19.0001 7.96957 18.7893 7.46086 18.4143 7.08579C18.0392 6.71071 17.5305 6.5 17.0001 6.5C16.4696 6.5 15.9609 6.71071 15.5858 7.08579C15.2108 7.46086 15.0001 7.96957 15.0001 8.5Z" stroke="" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> </li> <li> <a class="group" href="https://open.spotify.com/show/4eDCVvVXJVwKCa0QfNbuXA?si=-EYivN2XR8-RzjlINEg6Tw"> <svg class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark group-hover:fill-skeptic-primary transition-all" width="34" height="24" viewBox="0 0 34 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22.9 10.9C19.7 9 14.35 8.8 11.3 9.75C10.8 9.9 10.3 9.6 10.15 9.15C10 8.65 10.3 8.15 10.75 8C14.3 6.95 20.15 7.15 23.85 9.35C24.3 9.6 24.45 10.2 24.2 10.65C23.95 11 23.35 11.15 22.9 10.9ZM22.8 13.7C22.55 14.05 22.1 14.2 21.75 13.95C19.05 12.3 14.95 11.8 11.8 12.8C11.4 12.9 10.95 12.7 10.85 12.3C10.75 11.9 10.95 11.45 11.35 11.35C15 10.25 19.5 10.8 22.6 12.7C22.9 12.85 23.05 13.35 22.8 13.7ZM21.6 16.45C21.4 16.75 21.05 16.85 20.75 16.65C18.4 15.2 15.45 14.9 11.95 15.7C11.6 15.8 11.3 15.55 11.2 15.25C11.1 14.9 11.35 14.6 11.65 14.5C15.45 13.65 18.75 14 21.35 15.6C21.7 15.75 21.75 16.15 21.6 16.45ZM17 2C15.6868 2 14.3864 2.25866 13.1732 2.7612C11.9599 3.26375 10.8575 4.00035 9.92893 4.92893C8.05357 6.8043 7 9.34784 7 12C7 14.6522 8.05357 17.1957 9.92893 19.0711C10.8575 19.9997 11.9599 20.7362 13.1732 21.2388C14.3864 21.7413 15.6868 22 17 22C19.6522 22 22.1957 20.9464 24.0711 19.0711C25.9464 17.1957 27 14.6522 27 12C27 10.6868 26.7413 9.38642 26.2388 8.17317C25.7362 6.95991 24.9997 5.85752 24.0711 4.92893C23.1425 4.00035 22.0401 3.26375 20.8268 2.7612C19.6136 2.25866 18.3132 2 17 2Z" fill=""/> </svg> </a> </li> <li> <a class="group" href="https://music.amazon.com/podcasts/6dd1a521-e819-490b-92e6-e6968f7d601a/The-Michael-Shermer-Show/"> <svg class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark group-hover:fill-skeptic-primary transition-all" width="34" height="24" viewBox="0 0 34 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M26.9993 17.7222C26.9993 18.4492 26.5943 19.8492 25.6843 20.6182C25.5023 20.7582 25.3203 20.6792 25.4003 20.4752C25.6653 19.8272 26.2713 18.3282 25.9873 17.9832C25.7863 17.7212 24.9563 17.7412 24.2483 17.8012C23.9253 17.8422 23.6413 17.8612 23.4213 17.9062C23.2173 17.9222 23.1763 17.7432 23.3803 17.6032C23.646 17.4158 23.9396 17.2713 24.2503 17.1752C25.4003 16.8312 26.7293 17.0382 26.9203 17.2582C26.9563 17.3002 26.9993 17.4192 26.9993 17.7222ZM25.0773 19.0152C24.8143 19.218 24.5373 19.4017 24.2483 19.5652C22.1263 20.8402 19.3773 21.5082 16.9903 21.5082C13.1473 21.5082 9.71026 20.0912 7.10226 17.7202C6.87826 17.5382 7.06326 17.2742 7.32526 17.4172C10.1353 19.0572 13.6133 20.0492 17.2133 20.0492C19.4793 20.0492 21.9213 19.6252 24.2483 18.7132C24.4113 18.6522 24.5933 18.5692 24.7523 18.5112C25.1193 18.3462 25.4423 18.7532 25.0773 19.0152ZM18.9073 7.98519C18.9073 6.94419 18.9493 6.33119 18.6043 5.80519C18.2983 5.37219 17.7713 5.11219 17.0353 5.15319C16.2373 5.19719 15.3803 5.72019 15.1623 6.67919C15.1193 6.89919 14.9913 7.11519 14.7253 7.16219L12.2903 6.85219C12.1163 6.81219 11.8513 6.67919 11.9383 6.33119C12.4613 3.58019 14.8123 2.62119 17.0363 2.49219H17.5583C18.7783 2.49219 20.3463 2.84119 21.3493 3.75619C22.5663 4.89219 22.4363 6.41819 22.4363 8.07619V12.0032C22.4363 13.1812 22.9143 13.7032 23.3943 14.3172C23.5243 14.5362 23.5693 14.7942 23.3503 14.9722C22.7203 15.5339 22.0812 16.0853 21.4333 16.6262C21.2583 16.7592 20.9443 16.7732 20.8233 16.6712C20.0533 16.0262 19.8653 15.6682 19.3883 15.0132C18.5583 15.8842 17.8613 16.3652 17.0323 16.6262C16.4493 16.7745 15.8497 16.8471 15.2483 16.8422C13.1583 16.8422 11.5033 15.5392 11.5033 12.9622C11.5033 10.9132 12.5933 9.52019 14.2033 8.86119C15.8133 8.20119 18.1533 7.99119 18.9073 7.98719M18.4303 13.1792C18.9503 12.3072 18.9073 11.5932 18.9073 9.99419C18.2553 9.99419 17.6013 10.0392 17.0363 10.1722C15.9913 10.4752 15.1613 11.1322 15.1613 12.5272C15.1613 13.6172 15.7293 14.3592 16.6873 14.3592C16.8193 14.3592 16.9353 14.3442 17.0353 14.3142C17.7053 14.1282 18.1233 13.7922 18.4303 13.1792Z" fill=""/> </svg> </a> </li> <li> <a class="group" href="https://music.youtube.com/playlist?list=PLRdTugBInz19PmwsPhMjrzABr7yPUl1ry"> <svg class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark group-hover:fill-skeptic-primary transition-all" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.21703 8.286C9.26503 7.254 10.514 6.743 12 6.743C13.486 6.743 14.735 7.253 15.783 8.286C16.831 9.319 17.345 10.544 17.345 12C17.345 13.456 16.831 14.68 15.783 15.713C14.735 16.746 13.486 17.256 12 17.256C10.514 17.256 9.26503 16.746 8.21703 15.713C7.16903 14.68 6.65503 13.455 6.65503 12C6.65503 10.545 7.16903 9.318 8.21703 8.286ZM15.194 12.001L10 14.91V9.088L15.194 12.001Z" fill=""/> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.071 18.966C21.0243 17.042 22.0007 14.72 22 12C22 9.27934 21.0237 6.957 19.071 5.033C17.1177 3.109 14.7607 2.147 12 2.147C9.23933 2.147 6.88233 3.109 4.929 5.033C2.97567 6.957 1.99933 9.27934 2 12C2 14.72 2.97633 17.042 4.929 18.966C6.88233 20.89 9.23933 21.852 12 21.852C14.7613 21.852 17.1183 20.89 19.071 18.966ZM12 5.433C10.173 5.433 8.593 6.077 7.298 7.353C6.002 8.63 5.345 10.19 5.345 12C5.345 13.809 6.002 15.37 7.298 16.646C8.593 17.922 10.172 18.566 12 18.566C13.828 18.566 15.407 17.922 16.702 16.646C17.998 15.37 18.655 13.809 18.655 12C18.655 10.19 17.998 8.63 16.702 7.353C15.407 6.077 13.827 5.433 12 5.433Z" fill=""/> </svg> </a> </li> </ul> </div> </div> </div> </div> </article> <article class="pt-[--gap-22-5] hidden xl:block"> <h2 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark"><span class="text_atomic_64 leading-tight inline-block">The</span><span class="text_72 font-bold tracking-[-1.44px] leading-tight ml-3.5">Michael<br> Shermer</span><span class="text_atomic_64 leading-tight ml-3.5">Show</span></h2> <div class="flex items-center mt-3 pl-[calc(8rem/2)]"> <div class="inline-block pb-px"> <span class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text-xs tracking-[0.72px] align-bottom whitespace-nowrap">LISTEN ON:</span> </div> <ul class="flex list-none space-x-2.5 ml-2.5"> <li> <a class="group" href="https://www.youtube.com/skepticmagazine/"> <svg class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark group-hover:fill-skeptic-primary transition-all" width="34" height="25" viewBox="0 0 34 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.244 4.00098C17.778 4.00398 19.114 4.01698 20.534 4.07398L21.038 4.09598C22.467 4.16298 23.895 4.27898 24.604 4.47598C25.549 4.74198 26.291 5.51598 26.542 6.49798C26.942 8.05798 26.992 11.1 26.998 11.837L26.999 11.989V12.163C26.992 12.9 26.942 15.943 26.542 17.502C26.288 18.487 25.545 19.262 24.604 19.524C23.895 19.721 22.467 19.837 21.038 19.904L20.534 19.927C19.114 19.983 17.778 19.997 17.244 19.999L17.009 20H16.754C15.624 19.993 10.898 19.942 9.394 19.524C8.45 19.258 7.707 18.484 7.456 17.502C7.056 15.942 7.006 12.9 7 12.163V11.837C7.006 11.1 7.056 8.05698 7.456 6.49798C7.71 5.51298 8.453 4.73798 9.395 4.47698C10.898 4.05798 15.625 4.00698 16.755 4.00098H17.244ZM14.999 8.50098V15.501L20.999 12.001L14.999 8.50098Z" fill=""/> </svg> </a> </li> <li> <a class="group" href="https://podcasts.apple.com/us/podcast/the-michael-shermer-show/id1352860989"> <svg class="stroke-skeptic-charcoal dark:stroke-skeptic-foreground-dark group-hover:stroke-skeptic-primary transition-all" width="34" height="24" viewBox="0 0 34 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M23.364 17.8639C24.6227 16.6052 25.4798 15.0016 25.8271 13.2558C26.1743 11.5099 25.9961 9.70035 25.3149 8.05582C24.6337 6.41129 23.4802 5.00569 22.0001 4.01677C20.5201 3.02784 18.78 2.5 17 2.5C15.22 2.5 13.4799 3.02784 11.9999 4.01677C10.5198 5.00569 9.36629 6.41129 8.6851 8.05582C8.00391 9.70035 7.82567 11.5099 8.17293 13.2558C8.52019 15.0016 9.37734 16.6052 10.636 17.8639" stroke="" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.7661 21.5H17.2341C17.7216 21.5001 18.1924 21.3221 18.558 20.9995C18.9235 20.6768 19.1586 20.2318 19.2191 19.748L19.7191 15.748C19.7542 15.4666 19.7291 15.1809 19.6455 14.9099C19.5618 14.6389 19.4214 14.3888 19.2337 14.1762C19.046 13.9636 18.8152 13.7934 18.5566 13.6768C18.2981 13.5602 18.0177 13.4999 17.7341 13.5H16.2661C15.9824 13.4999 15.7021 13.5602 15.4435 13.6768C15.185 13.7934 14.9542 13.9636 14.7664 14.1762C14.5787 14.3888 14.4383 14.6389 14.3547 14.9099C14.271 15.1809 14.2459 15.4666 14.2811 15.748L14.7811 19.748C14.8415 20.2318 15.0766 20.6768 15.4422 20.9995C15.8077 21.3221 16.2785 21.5001 16.7661 21.5ZM15.0001 8.5C15.0001 9.03043 15.2108 9.53914 15.5858 9.91421C15.9609 10.2893 16.4696 10.5 17.0001 10.5C17.5305 10.5 18.0392 10.2893 18.4143 9.91421C18.7893 9.53914 19.0001 9.03043 19.0001 8.5C19.0001 7.96957 18.7893 7.46086 18.4143 7.08579C18.0392 6.71071 17.5305 6.5 17.0001 6.5C16.4696 6.5 15.9609 6.71071 15.5858 7.08579C15.2108 7.46086 15.0001 7.96957 15.0001 8.5Z" stroke="" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> </li> <li> <a class="group" href="https://open.spotify.com/show/4eDCVvVXJVwKCa0QfNbuXA?si=-EYivN2XR8-RzjlINEg6Tw"> <svg class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark group-hover:fill-skeptic-primary transition-all" width="34" height="24" viewBox="0 0 34 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22.9 10.9C19.7 9 14.35 8.8 11.3 9.75C10.8 9.9 10.3 9.6 10.15 9.15C10 8.65 10.3 8.15 10.75 8C14.3 6.95 20.15 7.15 23.85 9.35C24.3 9.6 24.45 10.2 24.2 10.65C23.95 11 23.35 11.15 22.9 10.9ZM22.8 13.7C22.55 14.05 22.1 14.2 21.75 13.95C19.05 12.3 14.95 11.8 11.8 12.8C11.4 12.9 10.95 12.7 10.85 12.3C10.75 11.9 10.95 11.45 11.35 11.35C15 10.25 19.5 10.8 22.6 12.7C22.9 12.85 23.05 13.35 22.8 13.7ZM21.6 16.45C21.4 16.75 21.05 16.85 20.75 16.65C18.4 15.2 15.45 14.9 11.95 15.7C11.6 15.8 11.3 15.55 11.2 15.25C11.1 14.9 11.35 14.6 11.65 14.5C15.45 13.65 18.75 14 21.35 15.6C21.7 15.75 21.75 16.15 21.6 16.45ZM17 2C15.6868 2 14.3864 2.25866 13.1732 2.7612C11.9599 3.26375 10.8575 4.00035 9.92893 4.92893C8.05357 6.8043 7 9.34784 7 12C7 14.6522 8.05357 17.1957 9.92893 19.0711C10.8575 19.9997 11.9599 20.7362 13.1732 21.2388C14.3864 21.7413 15.6868 22 17 22C19.6522 22 22.1957 20.9464 24.0711 19.0711C25.9464 17.1957 27 14.6522 27 12C27 10.6868 26.7413 9.38642 26.2388 8.17317C25.7362 6.95991 24.9997 5.85752 24.0711 4.92893C23.1425 4.00035 22.0401 3.26375 20.8268 2.7612C19.6136 2.25866 18.3132 2 17 2Z" fill=""/> </svg> </a> </li> <li> <a class="group" href="https://music.amazon.com/podcasts/6dd1a521-e819-490b-92e6-e6968f7d601a/The-Michael-Shermer-Show/"> <svg class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark group-hover:fill-skeptic-primary transition-all" width="34" height="24" viewBox="0 0 34 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M26.9993 17.7222C26.9993 18.4492 26.5943 19.8492 25.6843 20.6182C25.5023 20.7582 25.3203 20.6792 25.4003 20.4752C25.6653 19.8272 26.2713 18.3282 25.9873 17.9832C25.7863 17.7212 24.9563 17.7412 24.2483 17.8012C23.9253 17.8422 23.6413 17.8612 23.4213 17.9062C23.2173 17.9222 23.1763 17.7432 23.3803 17.6032C23.646 17.4158 23.9396 17.2713 24.2503 17.1752C25.4003 16.8312 26.7293 17.0382 26.9203 17.2582C26.9563 17.3002 26.9993 17.4192 26.9993 17.7222ZM25.0773 19.0152C24.8143 19.218 24.5373 19.4017 24.2483 19.5652C22.1263 20.8402 19.3773 21.5082 16.9903 21.5082C13.1473 21.5082 9.71026 20.0912 7.10226 17.7202C6.87826 17.5382 7.06326 17.2742 7.32526 17.4172C10.1353 19.0572 13.6133 20.0492 17.2133 20.0492C19.4793 20.0492 21.9213 19.6252 24.2483 18.7132C24.4113 18.6522 24.5933 18.5692 24.7523 18.5112C25.1193 18.3462 25.4423 18.7532 25.0773 19.0152ZM18.9073 7.98519C18.9073 6.94419 18.9493 6.33119 18.6043 5.80519C18.2983 5.37219 17.7713 5.11219 17.0353 5.15319C16.2373 5.19719 15.3803 5.72019 15.1623 6.67919C15.1193 6.89919 14.9913 7.11519 14.7253 7.16219L12.2903 6.85219C12.1163 6.81219 11.8513 6.67919 11.9383 6.33119C12.4613 3.58019 14.8123 2.62119 17.0363 2.49219H17.5583C18.7783 2.49219 20.3463 2.84119 21.3493 3.75619C22.5663 4.89219 22.4363 6.41819 22.4363 8.07619V12.0032C22.4363 13.1812 22.9143 13.7032 23.3943 14.3172C23.5243 14.5362 23.5693 14.7942 23.3503 14.9722C22.7203 15.5339 22.0812 16.0853 21.4333 16.6262C21.2583 16.7592 20.9443 16.7732 20.8233 16.6712C20.0533 16.0262 19.8653 15.6682 19.3883 15.0132C18.5583 15.8842 17.8613 16.3652 17.0323 16.6262C16.4493 16.7745 15.8497 16.8471 15.2483 16.8422C13.1583 16.8422 11.5033 15.5392 11.5033 12.9622C11.5033 10.9132 12.5933 9.52019 14.2033 8.86119C15.8133 8.20119 18.1533 7.99119 18.9073 7.98719M18.4303 13.1792C18.9503 12.3072 18.9073 11.5932 18.9073 9.99419C18.2553 9.99419 17.6013 10.0392 17.0363 10.1722C15.9913 10.4752 15.1613 11.1322 15.1613 12.5272C15.1613 13.6172 15.7293 14.3592 16.6873 14.3592C16.8193 14.3592 16.9353 14.3442 17.0353 14.3142C17.7053 14.1282 18.1233 13.7922 18.4303 13.1792Z" fill=""/> </svg> </a> </li> <li> <a class="group" href="https://music.youtube.com/playlist?list=PLRdTugBInz19PmwsPhMjrzABr7yPUl1ry"> <svg class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark group-hover:fill-skeptic-primary transition-all" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.21703 8.286C9.26503 7.254 10.514 6.743 12 6.743C13.486 6.743 14.735 7.253 15.783 8.286C16.831 9.319 17.345 10.544 17.345 12C17.345 13.456 16.831 14.68 15.783 15.713C14.735 16.746 13.486 17.256 12 17.256C10.514 17.256 9.26503 16.746 8.21703 15.713C7.16903 14.68 6.65503 13.455 6.65503 12C6.65503 10.545 7.16903 9.318 8.21703 8.286ZM15.194 12.001L10 14.91V9.088L15.194 12.001Z" fill=""/> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.071 18.966C21.0243 17.042 22.0007 14.72 22 12C22 9.27934 21.0237 6.957 19.071 5.033C17.1177 3.109 14.7607 2.147 12 2.147C9.23933 2.147 6.88233 3.109 4.929 5.033C2.97567 6.957 1.99933 9.27934 2 12C2 14.72 2.97633 17.042 4.929 18.966C6.88233 20.89 9.23933 21.852 12 21.852C14.7613 21.852 17.1183 20.89 19.071 18.966ZM12 5.433C10.173 5.433 8.593 6.077 7.298 7.353C6.002 8.63 5.345 10.19 5.345 12C5.345 13.809 6.002 15.37 7.298 16.646C8.593 17.922 10.172 18.566 12 18.566C13.828 18.566 15.407 17.922 16.702 16.646C17.998 15.37 18.655 13.809 18.655 12C18.655 10.19 17.998 8.63 16.702 7.353C15.407 6.077 13.827 5.433 12 5.433Z" fill=""/> </svg> </a> </li> </ul> </div> <div class="flex items-center mt-7"> <figure class="size-32 rounded-full overflow-hidden aspect-square shrink-0 mr-4"> <img class="w-full h-full object-cover" src="https://www.skeptic.com/assets/img/michael_shermer_avatar.png?v=c33bb3cc20"> </figure> <p class="text-skeptic-charcoal dark:text-skeptic-foreground-dark max-w-[240px] text-sm ml-4"> The Michael Shermer Show is a series  of long-form conversations between   Dr. Michael Shermer and leading   scientists, philosophers, historians,  scholars, writers, and thinkers about the most important issues of our time. </p> </div> <div class="flex justify-center items-center mt-5 group"> <a id="" href="/michael-shermer-show/" role="button" class="skeptic_btn skeptic_btn_outline max-h-[2.53rem] group-hover:border-skeptic-primary group-hover:bg-skeptic-primary"> <span class="group-hover:text-skeptic-background">Learn More</span> <div> <svg class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark group-hover:fill-skeptic-foreground-dark inline-block ml-1.5 transition-transform group-hover:translate-x-1 mt-px" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_1232_1013" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16"> <rect width="16" height="16" fill="#FFF5DF"/> </mask> <g mask="url(#mask0_1232_1013)"> <path d="M5.34935 14.6663L4.16602 13.483L9.64935 7.99967L4.16602 2.51634L5.34935 1.33301L12.016 7.99967L5.34935 14.6663Z" fill=""/> </g> </svg> </div> </a> </div> </article> <div class="grid sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-2 1xl:grid-cols-3 gap-x-5 gap-y-10 2xl:gap-x-7 2xl:gap-y-11 xl:ml-12 [&_article:nth-child(n+7)]:hidden xl:[&_article:nth-child(n+5)]:hidden 1xl:[&_article:nth-child(n+5)]:block 1xl:[&_article:nth-child(n+7)]:hidden"> <article> <a href="/michael-shermer-show/the-hoax-of-the-century-iron-mountain/" class="group"> <figure class="aspect-[300/169] w-full max-h-[300px] overflow-hidden block"> <img class="w-full h-full object-cover transition-opacity group-hover:opacity-85 lazy" src="https://i.ytimg.com/vi/I5o1VPBe394/maxresdefault.jpg" data-src="https://i.ytimg.com/vi/I5o1VPBe394/maxresdefault.jpg" alt="https://www.youtube.com/watch?v=I5o1VPBe394"> </figure> <time class="text-skeptic-charcoal dark:text-skeptic-foreground-dark block text-xs py-2.5" datetime="2025-03-18">Mar 18, 2025 <strong class="ml-4">EPISODE # <span style="white-space: pre-wrap;">507</span></strong></time> <h4 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text-sm font-bold leading-[1.38] transition-colors group-hover:text-skeptic-primary"> The Hoax of the Century: Iron Mountain </h4> </a> </article> <article> <a href="/michael-shermer-show/does-the-west-need-a-religious-revival/" class="group"> <figure class="aspect-[300/169] w-full max-h-[300px] overflow-hidden block"> <img class="w-full h-full object-cover transition-opacity group-hover:opacity-85 lazy" src="https://i.ytimg.com/vi/6o7hDvAybKU/maxresdefault.jpg" data-src="https://i.ytimg.com/vi/6o7hDvAybKU/maxresdefault.jpg" alt="https://www.youtube.com/watch?v=6o7hDvAybKU"> </figure> <time class="text-skeptic-charcoal dark:text-skeptic-foreground-dark block text-xs py-2.5" datetime="2025-03-11">Mar 11, 2025 <strong class="ml-4">EPISODE # <span style="white-space: pre-wrap;">506</span></strong></time> <h4 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text-sm font-bold leading-[1.38] transition-colors group-hover:text-skeptic-primary"> Does the West Need a Religious Revival? </h4> </a> </article> <article> <a href="/michael-shermer-show/money-lies-and-god/" class="group"> <figure class="aspect-[300/169] w-full max-h-[300px] overflow-hidden block"> <img class="w-full h-full object-cover transition-opacity group-hover:opacity-85 lazy" src="https://i.ytimg.com/vi/XhL8KMH0Pfc/maxresdefault.jpg" data-src="https://i.ytimg.com/vi/XhL8KMH0Pfc/maxresdefault.jpg" alt="https://www.youtube.com/watch?v=XhL8KMH0Pfc"> </figure> <time class="text-skeptic-charcoal dark:text-skeptic-foreground-dark block text-xs py-2.5" datetime="2025-03-11">Mar 11, 2025 <strong class="ml-4">EPISODE # <span style="white-space: pre-wrap;">505</span></strong></time> <h4 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text-sm font-bold leading-[1.38] transition-colors group-hover:text-skeptic-primary"> Money, Lies, and God </h4> </a> </article> <article> <a href="/michael-shermer-show/who-counts-ethics-in-the-treatment-of-animals-and-ai/" class="group"> <figure class="aspect-[300/169] w-full max-h-[300px] overflow-hidden block"> <img class="w-full h-full object-cover transition-opacity group-hover:opacity-85 lazy" src="https://i.ytimg.com/vi/Zdd8nupr_L4/maxresdefault.jpg" data-src="https://i.ytimg.com/vi/Zdd8nupr_L4/maxresdefault.jpg" alt="https://www.youtube.com/watch?v=Zdd8nupr_L4"> </figure> <time class="text-skeptic-charcoal dark:text-skeptic-foreground-dark block text-xs py-2.5" datetime="2025-03-08">Mar 08, 2025 <strong class="ml-4">EPISODE # <span style="white-space: pre-wrap;">504</span></strong></time> <h4 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text-sm font-bold leading-[1.38] transition-colors group-hover:text-skeptic-primary"> Who Counts? Ethics in the Treatment of Animals and AI </h4> </a> </article> <article> <a href="/michael-shermer-show/new-research-on-the-evolution-of-intelligent-life/" class="group"> <figure class="aspect-[300/169] w-full max-h-[300px] overflow-hidden block"> <img class="w-full h-full object-cover transition-opacity group-hover:opacity-85 lazy" src="https://i.ytimg.com/vi/SQCVLM2yiRc/maxresdefault.jpg" data-src="https://i.ytimg.com/vi/SQCVLM2yiRc/maxresdefault.jpg" alt="https://www.youtube.com/watch?v=SQCVLM2yiRc"> </figure> <time class="text-skeptic-charcoal dark:text-skeptic-foreground-dark block text-xs py-2.5" datetime="2025-03-02">Mar 02, 2025 <strong class="ml-4">EPISODE # <span style="white-space: pre-wrap;">503</span></strong></time> <h4 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text-sm font-bold leading-[1.38] transition-colors group-hover:text-skeptic-primary"> New Research on The Evolution of Intelligent Life </h4> </a> </article> <article> <a href="/michael-shermer-show/sex-work-ethics-and-evolutionary-psychology-what-really-happens-on-sugar-daddy-websites/" class="group"> <figure class="aspect-[300/169] w-full max-h-[300px] overflow-hidden block"> <img class="w-full h-full object-cover transition-opacity group-hover:opacity-85 lazy" src="https://i.ytimg.com/vi/WHJ3ZOVXhQQ/maxresdefault.jpg" data-src="https://i.ytimg.com/vi/WHJ3ZOVXhQQ/maxresdefault.jpg" alt="https://www.youtube.com/watch?v=WHJ3ZOVXhQQ"> </figure> <time class="text-skeptic-charcoal dark:text-skeptic-foreground-dark block text-xs py-2.5" datetime="2025-02-18">Feb 18, 2025 <strong class="ml-4">EPISODE # <span style="white-space: pre-wrap;">502</span></strong></time> <h4 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text-sm font-bold leading-[1.38] transition-colors group-hover:text-skeptic-primary"> Sex Work, Ethics, and Evolutionary Psychology </h4> </a> </article> <article> <figure class="aspect-[300/169] w-full max-h-[300px] overflow-hidden block"> <svg class="fade-in w-full h-full object-cover group-hover:opacity-85 transition-all" width="356" height="200" viewBox="0 0 356 200" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="356" height="200" class="w-full h-full fill-skeptic-gray dark:fill-skeptic-gray-dark" fill=""/> <path class="fill-skeptic-background dark:fill-skeptic-background-dark" d="M143 145C140.25 145 137.897 144.022 135.94 142.065C133.983 140.108 133.003 137.753 133 135V65C133 62.25 133.98 59.8967 135.94 57.94C137.9 55.9833 140.253 55.0033 143 55H213C215.75 55 218.105 55.98 220.065 57.94C222.025 59.9 223.003 62.2533 223 65V135C223 137.75 222.022 140.105 220.065 142.065C218.108 144.025 215.753 145.003 213 145H143ZM143 135H213V65H143V135ZM148 125H208L189.25 100L174.25 120L163 105L148 125Z" fill=""/> </svg> </figure> <time class="text-skeptic-charcoal dark:text-skeptic-foreground-dark block text-xs py-2.5">Jul 04, 2024 <strong class="ml-4">EPISODE # 445</strong></time> <h4 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text-sm font-bold leading-[1.38]"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam hendrerit in mi non lobortis. </h4> </article> <article> <figure class="aspect-[300/169] w-full max-h-[300px] overflow-hidden block"> <svg class="fade-in w-full h-full object-cover group-hover:opacity-85 transition-all" width="356" height="200" viewBox="0 0 356 200" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="356" height="200" class="w-full h-full fill-skeptic-gray dark:fill-skeptic-gray-dark" fill=""/> <path class="fill-skeptic-background dark:fill-skeptic-background-dark" d="M143 145C140.25 145 137.897 144.022 135.94 142.065C133.983 140.108 133.003 137.753 133 135V65C133 62.25 133.98 59.8967 135.94 57.94C137.9 55.9833 140.253 55.0033 143 55H213C215.75 55 218.105 55.98 220.065 57.94C222.025 59.9 223.003 62.2533 223 65V135C223 137.75 222.022 140.105 220.065 142.065C218.108 144.025 215.753 145.003 213 145H143ZM143 135H213V65H143V135ZM148 125H208L189.25 100L174.25 120L163 105L148 125Z" fill=""/> </svg> </figure> <time class="text-skeptic-charcoal dark:text-skeptic-foreground-dark block text-xs py-2.5">Jul 04, 2024 <strong class="ml-4">EPISODE # 445</strong></time> <h4 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text-sm font-bold leading-[1.38]"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam hendrerit in mi non lobortis. </h4> </article> <article> <figure class="aspect-[300/169] w-full max-h-[300px] overflow-hidden block"> <svg class="fade-in w-full h-full object-cover group-hover:opacity-85 transition-all" width="356" height="200" viewBox="0 0 356 200" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="356" height="200" class="w-full h-full fill-skeptic-gray dark:fill-skeptic-gray-dark" fill=""/> <path class="fill-skeptic-background dark:fill-skeptic-background-dark" d="M143 145C140.25 145 137.897 144.022 135.94 142.065C133.983 140.108 133.003 137.753 133 135V65C133 62.25 133.98 59.8967 135.94 57.94C137.9 55.9833 140.253 55.0033 143 55H213C215.75 55 218.105 55.98 220.065 57.94C222.025 59.9 223.003 62.2533 223 65V135C223 137.75 222.022 140.105 220.065 142.065C218.108 144.025 215.753 145.003 213 145H143ZM143 135H213V65H143V135ZM148 125H208L189.25 100L174.25 120L163 105L148 125Z" fill=""/> </svg> </figure> <time class="text-skeptic-charcoal dark:text-skeptic-foreground-dark block text-xs py-2.5">Jul 04, 2024 <strong class="ml-4">EPISODE # 445</strong></time> <h4 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text-sm font-bold leading-[1.38]"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam hendrerit in mi non lobortis. </h4> </article> <article> <figure class="aspect-[300/169] w-full max-h-[300px] overflow-hidden block"> <svg class="fade-in w-full h-full object-cover group-hover:opacity-85 transition-all" width="356" height="200" viewBox="0 0 356 200" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="356" height="200" class="w-full h-full fill-skeptic-gray dark:fill-skeptic-gray-dark" fill=""/> <path class="fill-skeptic-background dark:fill-skeptic-background-dark" d="M143 145C140.25 145 137.897 144.022 135.94 142.065C133.983 140.108 133.003 137.753 133 135V65C133 62.25 133.98 59.8967 135.94 57.94C137.9 55.9833 140.253 55.0033 143 55H213C215.75 55 218.105 55.98 220.065 57.94C222.025 59.9 223.003 62.2533 223 65V135C223 137.75 222.022 140.105 220.065 142.065C218.108 144.025 215.753 145.003 213 145H143ZM143 135H213V65H143V135ZM148 125H208L189.25 100L174.25 120L163 105L148 125Z" fill=""/> </svg> </figure> <time class="text-skeptic-charcoal dark:text-skeptic-foreground-dark block text-xs py-2.5">Jul 04, 2024 <strong class="ml-4">EPISODE # 445</strong></time> <h4 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text-sm font-bold leading-[1.38]"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam hendrerit in mi non lobortis. </h4> </article> <article> <figure class="aspect-[300/169] w-full max-h-[300px] overflow-hidden block"> <svg class="fade-in w-full h-full object-cover group-hover:opacity-85 transition-all" width="356" height="200" viewBox="0 0 356 200" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="356" height="200" class="w-full h-full fill-skeptic-gray dark:fill-skeptic-gray-dark" fill=""/> <path class="fill-skeptic-background dark:fill-skeptic-background-dark" d="M143 145C140.25 145 137.897 144.022 135.94 142.065C133.983 140.108 133.003 137.753 133 135V65C133 62.25 133.98 59.8967 135.94 57.94C137.9 55.9833 140.253 55.0033 143 55H213C215.75 55 218.105 55.98 220.065 57.94C222.025 59.9 223.003 62.2533 223 65V135C223 137.75 222.022 140.105 220.065 142.065C218.108 144.025 215.753 145.003 213 145H143ZM143 135H213V65H143V135ZM148 125H208L189.25 100L174.25 120L163 105L148 125Z" fill=""/> </svg> </figure> <time class="text-skeptic-charcoal dark:text-skeptic-foreground-dark block text-xs py-2.5">Jul 04, 2024 <strong class="ml-4">EPISODE # 445</strong></time> <h4 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text-sm font-bold leading-[1.38]"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam hendrerit in mi non lobortis. </h4> </article> <article> <figure class="aspect-[300/169] w-full max-h-[300px] overflow-hidden block"> <svg class="fade-in w-full h-full object-cover group-hover:opacity-85 transition-all" width="356" height="200" viewBox="0 0 356 200" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="356" height="200" class="w-full h-full fill-skeptic-gray dark:fill-skeptic-gray-dark" fill=""/> <path class="fill-skeptic-background dark:fill-skeptic-background-dark" d="M143 145C140.25 145 137.897 144.022 135.94 142.065C133.983 140.108 133.003 137.753 133 135V65C133 62.25 133.98 59.8967 135.94 57.94C137.9 55.9833 140.253 55.0033 143 55H213C215.75 55 218.105 55.98 220.065 57.94C222.025 59.9 223.003 62.2533 223 65V135C223 137.75 222.022 140.105 220.065 142.065C218.108 144.025 215.753 145.003 213 145H143ZM143 135H213V65H143V135ZM148 125H208L189.25 100L174.25 120L163 105L148 125Z" fill=""/> </svg> </figure> <time class="text-skeptic-charcoal dark:text-skeptic-foreground-dark block text-xs py-2.5">Jul 04, 2024 <strong class="ml-4">EPISODE # 445</strong></time> <h4 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text-sm font-bold leading-[1.38]"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam hendrerit in mi non lobortis. </h4> </article> </div> </div> <div class="container_ mt-14 md:mt-[--gap-22-5]"> <div class="flex justify-center md:justify-end"> <div class="group"> <a id="" href="/michael-shermer-show/" role="button" class="skeptic_btn skeptic_btn_outline max-h-[2.53rem] group-hover:border-skeptic-primary group-hover:bg-skeptic-primary"> <span class="group-hover:text-skeptic-background">Explore More Episodes</span> <div> <svg class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark group-hover:fill-skeptic-foreground-dark inline-block ml-1.5 transition-transform group-hover:translate-x-1 mt-px" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_1232_1013" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16"> <rect width="16" height="16" fill="#FFF5DF"/> </mask> <g mask="url(#mask0_1232_1013)"> <path d="M5.34935 14.6663L4.16602 13.483L9.64935 7.99967L4.16602 2.51634L5.34935 1.33301L12.016 7.99967L5.34935 14.6663Z" fill=""/> </g> </svg> </div> </a> </div> </div> </div> </section> <section x-data="skp_cta_subscribe" class="mt-[--gap-90] w-full"> <div class="container_"> <div class="bg-skeptic-gray dark:bg-skeptic-gray-dark flex justify-center py-[--gap-67-5]"> <div class="block w-min"> <h3 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text_32 font-bold whitespace-nowrap"> Stay Ahead of the <span class="font-marker tracking-wide">Curve</span> </h3> <form id="skp_cta_subscribe" class="skp_cta_form cta flex flex-col w-full mt-2.5"> <div class="w-full relative"> <input class="cta_form" type="email" x-model="email_field" placeholder="Email Address"> <button type="button" @click.prevent="subscribe_user" class="border-l-2 border-black dark:border-skeptic-foreground-dark px-[clamp(1.5rem,1.2913rem+0.7421vw,2rem)] absolute top-1/2 -translate-y-1/2 block group right-px uppercase font-bold text-xs py-1.5 tracking-wider"> <span class="skp_cta_form_default align-sub text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-red-500 transition-all will-change-auto duration-500">Subscribe</span> <span class="skp_cta_form_loading align-sub text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-red-500 transition-all will-change-auto duration-500">Sending...</span> </button> </div> <small class="skp_cta_form_error mt-2.5 block leading-none text-red-500" x-text="error_message"></small> <small class="skp_cta_form_success mt-2.5 block leading-none text-green-500">We’ve emailed you a magic link — click it to access your account.</small> </form> <p class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text-[0.8125rem] pt-[--gap-22-5]"> Get the latest in science, skepticism, and societal analysis—delivered straight to your inbox. </p> </div> </div> </div> </section> <script> function skp_cta_subscribe(){ return { subscribe_form: document.getElementById('skp_cta_subscribe'), email_field: '', error_message: '', CONTENT_API_KEY: null, CONTENT_API_URL: null, GHOST_BASE_URL : null, init(){ console.log('[+] SKP CTA SUSCRIBE RUN...'); const scriptTag = document.querySelector('script[data-key][data-api]'); this.CONTENT_API_KEY = scriptTag.getAttribute('data-key'); this.CONTENT_API_URL = scriptTag.getAttribute('data-api'); this.GHOST_BASE_URL = scriptTag.getAttribute('data-ghost'); }, cta_subscribe_form_state(state){ this.subscribe_form.classList.remove('success', 'error', 'loading'); state.length > 0 ? this.subscribe_form.classList.add(state) : null; }, emailValidator(email) { const emailCheck=/^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/i; let isEmpty = email.length === 0; if(isEmpty) throw new Error('Email field is required.'); let valid_email = emailCheck.test(email); if(!valid_email) throw new Error('Enter a valid email address.'); return true; }, async get_integrity_token(){ try{ let res = await fetch(`${this.GHOST_BASE_URL}/members/api/integrity-token/`, { method: 'GET', credentials: 'include', headers: { 'app-pragma': 'no-cache', 'Content-Type': 'application/json', 'Accept': 'application/json', } }); if(res.status != 200) throw new Error('Could not fetch integrity token'); let integrity_token = await res.text(); //console.log(integrity_token); return integrity_token }catch(error){ console.error('[X] Fetch error:', error); throw new Error('Could not fetch integrity token'); } }, async send_magic_link(integrity_token, email){ try{ let res = await fetch(`${this.GHOST_BASE_URL}/members/api/send-magic-link/`, { method: 'POST', credentials: 'include', headers: { 'app-pragma': 'no-cache', 'Content-Type': 'application/json', 'Accept': 'application/json', }, body: JSON.stringify({ email: email, emailType: 'signup', labels: [], autoRedirect: false, urlHistory: [], integrityToken: integrity_token }) }); if(res.status === 429) throw new Error('Too many requests. Try again later.'); if (res.status < 200 || res.status >= 300) throw new Error(res.statusText); }catch(error){ console.error('[X] Fetch error:', error.message); throw new Error(`${error.message}`); } }, async subscribe_user(){ console.log('Subscribe user...'); this.cta_subscribe_form_state('loading'); try{ this.emailValidator(this.email_field); let token = await this.get_integrity_token(); await this.send_magic_link(token, this.email_field); this.cta_subscribe_form_state('success'); }catch(error){ this.cta_subscribe_form_state('error'); this.error_message = error.message; console.error('[X] Subscribe process error:', error.message); } } } } </script> <section x-data="src_index" class="mt-[--gap-90]" x-intersect.once="fetch_src_posts"> <div class="container_ flex flex-col xl:flex-row xl:items-center"> <div class="flex flex-col w-full max-w-3xl xl:max-w-[426px] 2xl:max-w-[497px] pb-11 md:pb-[--gap-45] xl:pb-0"> <div class="flex items-center"> <figure> <div class="w-[3.25rem]"> <?xml version="1.0" encoding="UTF-8"?> <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 224.6 184.82"> <defs> </defs> <path class="fill-[#1f1e1e] dark:fill-[#f2ead7]" d="M63.56,161.04c-27.15-27.15-26.92-71.31,.7-98.17,26.62-25.89,69.47-25.89,96.08,0,27.62,26.86,27.85,71.02,.7,98.17l19.38,19.38c6.51,6.51,17.3,5.69,22.72-1.74,31.97-43.89,28.21-106.45-11.28-145.95-43.65-43.65-115.48-43.65-159.13,0C-6.76,72.23-10.52,134.8,21.46,178.68c5.42,7.44,16.21,8.25,22.72,1.74l19.38-19.38Z"/> <path class="fill-[#282828] dark:fill-[#fff6e0]" d="M103.12,121.25l-39.89,39.89c13.01,13.01,30.67,20.32,49.06,20.32,18.4,0,36.06-7.32,49.06-20.32l-39.89-39.89c-5.07-5.07-13.28-5.07-18.35,0Z"/> <circle id="h" class="fill-[#282828] dark:fill-[#fff6e0]" cx="112.3" cy="115.69" r="40.99"/> </svg> </div> </figure> <figure class="ml-2.5"> <svg class="fill-[#282828] dark:fill-[#fff6e0] mt-0.5" width="286" height="26" viewBox="0 0 286 26" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.56 17.368L2.744 14.344C4.06 15.716 6.104 16.864 8.68 16.864C10.864 16.864 11.928 15.828 11.928 14.764C11.928 13.364 10.304 12.888 8.148 12.384C5.096 11.684 1.176 10.844 1.176 6.672C1.176 3.564 3.864 1.044 8.26 1.044C11.228 1.044 13.692 1.94 15.54 3.648L13.328 6.56C11.816 5.16 9.8 4.516 7.98 4.516C6.188 4.516 5.236 5.3 5.236 6.42C5.236 7.68 6.804 8.072 8.96 8.576C12.04 9.276 15.96 10.2 15.96 14.344C15.96 17.76 13.524 20.336 8.484 20.336C4.9 20.336 2.324 19.132 0.56 17.368ZM26.1971 20L22.6131 14.792L20.9891 16.528V20H17.4331V1.324H20.9891V12.496L26.1131 6.476H30.4811L25.1331 12.608L30.6491 20H26.1971ZM29.8279 13.224C29.8279 9.304 32.7119 6.14 36.8279 6.14C40.8599 6.14 43.6039 9.164 43.6039 13.588V14.372H33.5519C33.7759 16.08 35.1479 17.508 37.4439 17.508C38.7039 17.508 40.1879 17.004 41.0559 16.164L42.6239 18.46C41.2519 19.72 39.1519 20.336 37.0519 20.336C32.9359 20.336 29.8279 17.564 29.8279 13.224ZM36.8279 8.968C34.6159 8.968 33.6639 10.62 33.4959 11.964H40.1599C40.0759 10.676 39.1799 8.968 36.8279 8.968ZM48.6084 25.152H45.0524V6.476H48.6084V8.184C49.6444 6.868 51.1284 6.14 52.7804 6.14C56.2524 6.14 58.7724 8.716 58.7724 13.224C58.7724 17.732 56.2524 20.336 52.7804 20.336C51.1844 20.336 49.7004 19.664 48.6084 18.264V25.152ZM55.0764 13.224C55.0764 10.9 53.7044 9.304 51.6604 9.304C50.5124 9.304 49.1964 9.976 48.6084 10.844V15.632C49.1964 16.472 50.5124 17.172 51.6604 17.172C53.7044 17.172 55.0764 15.576 55.0764 13.224ZM64.8473 20.336C62.3553 20.336 61.0113 19.048 61.0113 16.64V9.584H58.7713V6.476H61.0113V2.78H64.5953V6.476H67.3393V9.584H64.5953V15.688C64.5953 16.528 65.0433 17.172 65.8273 17.172C66.3593 17.172 66.8633 16.976 67.0593 16.78L67.8153 19.468C67.2833 19.944 66.3313 20.336 64.8473 20.336ZM70.4163 4.488C69.2683 4.488 68.2883 3.536 68.2883 2.36C68.2883 1.184 69.2683 0.231999 70.4163 0.231999C71.5923 0.231999 72.5443 1.184 72.5443 2.36C72.5443 3.536 71.5923 4.488 70.4163 4.488ZM68.6523 20V6.476H72.2083V20H68.6523ZM73.7463 13.224C73.7463 9.08 76.7423 6.14 80.9143 6.14C83.6863 6.14 85.3663 7.344 86.2623 8.604L83.9383 10.76C83.2943 9.836 82.3143 9.304 81.0823 9.304C78.9263 9.304 77.4143 10.872 77.4143 13.224C77.4143 15.576 78.9263 17.172 81.0823 17.172C82.3143 17.172 83.2943 16.612 83.9383 15.716L86.2623 17.872C85.3663 19.132 83.6863 20.336 80.9143 20.336C76.7423 20.336 73.7463 17.396 73.7463 13.224ZM104.151 20L100.483 13.308H97.571V20H93.595V1.324H102.331C106.223 1.324 108.603 3.872 108.603 7.344C108.603 10.648 106.531 12.412 104.515 12.888L108.715 20H104.151ZM104.543 7.316C104.543 5.748 103.339 4.74 101.743 4.74H97.571V9.892H101.743C103.339 9.892 104.543 8.884 104.543 7.316ZM108.668 13.224C108.668 9.304 111.552 6.14 115.668 6.14C119.7 6.14 122.444 9.164 122.444 13.588V14.372H112.392C112.616 16.08 113.988 17.508 116.284 17.508C117.544 17.508 119.028 17.004 119.896 16.164L121.464 18.46C120.092 19.72 117.992 20.336 115.892 20.336C111.776 20.336 108.668 17.564 108.668 13.224ZM115.668 8.968C113.456 8.968 112.504 10.62 112.336 11.964H119C118.916 10.676 118.02 8.968 115.668 8.968ZM122.716 18.236L124.256 15.744C125.236 16.668 127.252 17.592 128.932 17.592C130.472 17.592 131.2 17.06 131.2 16.22C131.2 15.268 130.024 14.932 128.484 14.624C126.16 14.176 123.164 13.616 123.164 10.396C123.164 8.128 125.152 6.14 128.708 6.14C131.004 6.14 132.824 6.924 134.14 7.988L132.74 10.424C131.928 9.556 130.388 8.856 128.736 8.856C127.448 8.856 126.608 9.332 126.608 10.116C126.608 10.956 127.672 11.264 129.184 11.572C131.508 12.02 134.616 12.636 134.616 15.996C134.616 18.488 132.516 20.336 128.764 20.336C126.412 20.336 124.144 19.552 122.716 18.236ZM135.248 13.224C135.248 9.304 138.132 6.14 142.248 6.14C146.28 6.14 149.024 9.164 149.024 13.588V14.372H138.972C139.196 16.08 140.568 17.508 142.864 17.508C144.124 17.508 145.608 17.004 146.476 16.164L148.044 18.46C146.672 19.72 144.572 20.336 142.472 20.336C138.356 20.336 135.248 17.564 135.248 13.224ZM142.248 8.968C140.036 8.968 139.084 10.62 138.916 11.964H145.58C145.496 10.676 144.6 8.968 142.248 8.968ZM158.592 20V18.6C157.668 19.692 156.072 20.336 154.308 20.336C152.152 20.336 149.604 18.88 149.604 15.856C149.604 12.692 152.152 11.544 154.308 11.544C156.1 11.544 157.696 12.104 158.592 13.196V11.32C158.592 9.948 157.416 9.052 155.624 9.052C154.168 9.052 152.824 9.584 151.676 10.648L150.332 8.268C151.984 6.812 154.112 6.14 156.24 6.14C159.32 6.14 162.148 7.372 162.148 11.264V20H158.592ZM158.592 16.752V15.072C158.004 14.288 156.884 13.896 155.736 13.896C154.336 13.896 153.188 14.652 153.188 15.94C153.188 17.2 154.336 17.928 155.736 17.928C156.884 17.928 158.004 17.536 158.592 16.752ZM164.556 20V6.476H168.112V8.324C169.064 7.12 170.744 6.168 172.424 6.168V9.64C172.172 9.584 171.836 9.556 171.444 9.556C170.268 9.556 168.7 10.2 168.112 11.068V20H164.556ZM172.657 13.224C172.657 9.08 175.653 6.14 179.825 6.14C182.597 6.14 184.277 7.344 185.173 8.604L182.849 10.76C182.205 9.836 181.225 9.304 179.993 9.304C177.837 9.304 176.325 10.872 176.325 13.224C176.325 15.576 177.837 17.172 179.993 17.172C181.225 17.172 182.205 16.612 182.849 15.716L185.173 17.872C184.277 19.132 182.597 20.336 179.825 20.336C175.653 20.336 172.657 17.396 172.657 13.224ZM195.534 20V11.768C195.534 9.892 194.554 9.304 193.014 9.304C191.642 9.304 190.55 10.088 189.934 10.9V20H186.378V1.324H189.934V8.24C190.802 7.204 192.482 6.14 194.694 6.14C197.662 6.14 199.09 7.764 199.09 10.396V20H195.534ZM216.532 20.336C211.072 20.336 206.732 16.416 206.732 10.676C206.732 4.936 211.072 1.016 216.532 1.016C220.788 1.016 223.168 3.256 224.484 5.58L221.068 7.26C220.284 5.748 218.604 4.544 216.532 4.544C213.284 4.544 210.82 7.148 210.82 10.676C210.82 14.204 213.284 16.808 216.532 16.808C218.604 16.808 220.284 15.632 221.068 14.092L224.484 15.744C223.14 18.068 220.788 20.336 216.532 20.336ZM224.779 13.224C224.779 9.304 227.663 6.14 231.779 6.14C235.811 6.14 238.555 9.164 238.555 13.588V14.372H228.503C228.727 16.08 230.099 17.508 232.395 17.508C233.655 17.508 235.139 17.004 236.007 16.164L237.575 18.46C236.203 19.72 234.103 20.336 232.003 20.336C227.887 20.336 224.779 17.564 224.779 13.224ZM231.779 8.968C229.567 8.968 228.615 10.62 228.447 11.964H235.111C235.027 10.676 234.131 8.968 231.779 8.968ZM249.132 20V11.824C249.132 9.948 248.152 9.304 246.64 9.304C245.24 9.304 244.148 10.088 243.56 10.9V20H240.004V6.476H243.56V8.24C244.428 7.204 246.08 6.14 248.292 6.14C251.26 6.14 252.688 7.82 252.688 10.452V20H249.132ZM259.634 20.336C257.142 20.336 255.798 19.048 255.798 16.64V9.584H253.558V6.476H255.798V2.78H259.382V6.476H262.126V9.584H259.382V15.688C259.382 16.528 259.83 17.172 260.614 17.172C261.146 17.172 261.65 16.976 261.846 16.78L262.602 19.468C262.07 19.944 261.118 20.336 259.634 20.336ZM262.571 13.224C262.571 9.304 265.455 6.14 269.571 6.14C273.603 6.14 276.347 9.164 276.347 13.588V14.372H266.295C266.519 16.08 267.891 17.508 270.187 17.508C271.447 17.508 272.931 17.004 273.799 16.164L275.367 18.46C273.995 19.72 271.895 20.336 269.795 20.336C265.679 20.336 262.571 17.564 262.571 13.224ZM269.571 8.968C267.359 8.968 266.407 10.62 266.239 11.964H272.903C272.819 10.676 271.923 8.968 269.571 8.968ZM277.796 20V6.476H281.352V8.324C282.304 7.12 283.984 6.168 285.664 6.168V9.64C285.412 9.584 285.076 9.556 284.684 9.556C283.508 9.556 281.94 10.2 281.352 11.068V20H277.796Z" fill=""/> </svg> </figure> </div> <div class="mt-[--gap-22-5]"> <h3 class="uppercase text_36 text-skeptic-charcoal dark:text-skeptic-foreground-dark leading-[1.4] tracking-[-0.72px]"><strong>Fact-Based Insights</strong> for <span class="italic">Complex Conversations</span></h3> <p class="mt-[--gap-22-5] text-base text-skeptic-charcoal dark:text-skeptic-foreground-dark leading-[1.6]"> The Skeptic Research Center (SRC) offers clear, single-topic analyses of proprietary polling and survey data to reveal public attitudes on key issues. To empower you with a deeper understanding of what your fellow citizens <span class="italic">really</span> believe and how they <span class="italic">really</span> behave. </p> </div> <div class="mt-[--gap-45] flex justify-start group"> <a id="" href="https://research.skeptic.com" role="button" class="skeptic_btn skeptic_btn_outline max-h-[2.53rem] group-hover:border-skeptic-primary group-hover:bg-skeptic-primary"> <span class="group-hover:text-skeptic-background">Visit Skeptic Research Center</span> <div> <svg class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark group-hover:fill-skeptic-foreground-dark inline-block ml-1.5 transition-transform group-hover:translate-x-1 mt-px" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_1232_1013" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16"> <rect width="16" height="16" fill="#FFF5DF"/> </mask> <g mask="url(#mask0_1232_1013)"> <path d="M5.34935 14.6663L4.16602 13.483L9.64935 7.99967L4.16602 2.51634L5.34935 1.33301L12.016 7.99967L5.34935 14.6663Z" fill=""/> </g> </svg> </div> </a> </div> </div> <div id="src_index_feed" class="w-full min-h-[493px] grid sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-2 1xl:grid-cols-3 gap-x-5 gap-y-10 2xl:gap-x-7 2xl:gap-y-11 xl:ml-12 [&_article:nth-child(n+7)]:hidden xl:[&_article:nth-child(n+5)]:hidden 1xl:[&_article:nth-child(n+5)]:block 1xl:[&_article:nth-child(n+7)]:hidden"> <div class="podcast_loading_skeleton w-full src_loading_skeleton" style="display:none"> <figure class="aspect-[300/169] w-full max-h-[300px] overflow-hidden block"> <div class="flex h-full w-full items-center justify-center rounded-md bg-skeptic-gray motion-safe:animate-pulse dark:bg-skeptic-gray-dark" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="size-12 fill-neutral-600/10 dark:fill-neutral-300/10"> <path fill-rule="evenodd" d="M1 5.25A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25v9.5A2.25 2.25 0 0 1 16.75 17H3.25A2.25 2.25 0 0 1 1 14.75v-9.5Zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-2.69l-2.22-2.219a.75.75 0 0 0-1.06 0l-1.91 1.909.47.47a.75.75 0 1 1-1.06 1.06L6.53 8.091a.75.75 0 0 0-1.06 0l-2.97 2.97ZM12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd" /> </svg> </div> </figure> <div class="flex w-full flex-col gap-3 mt-2.5"> <div class="h-3 w-1/2 animate-pulse rounded-md bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <div class="h-4 w-full animate-pulse rounded-md bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> </div> </div> <div class="podcast_loading_skeleton w-full src_loading_skeleton" style="display:none"> <figure class="aspect-[300/169] w-full max-h-[300px] overflow-hidden block"> <div class="flex h-full w-full items-center justify-center rounded-md bg-skeptic-gray motion-safe:animate-pulse dark:bg-skeptic-gray-dark" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="size-12 fill-neutral-600/10 dark:fill-neutral-300/10"> <path fill-rule="evenodd" d="M1 5.25A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25v9.5A2.25 2.25 0 0 1 16.75 17H3.25A2.25 2.25 0 0 1 1 14.75v-9.5Zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-2.69l-2.22-2.219a.75.75 0 0 0-1.06 0l-1.91 1.909.47.47a.75.75 0 1 1-1.06 1.06L6.53 8.091a.75.75 0 0 0-1.06 0l-2.97 2.97ZM12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd" /> </svg> </div> </figure> <div class="flex w-full flex-col gap-3 mt-2.5"> <div class="h-3 w-1/2 animate-pulse rounded-md bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <div class="h-4 w-full animate-pulse rounded-md bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> </div> </div> <div class="podcast_loading_skeleton w-full src_loading_skeleton" style="display:none"> <figure class="aspect-[300/169] w-full max-h-[300px] overflow-hidden block"> <div class="flex h-full w-full items-center justify-center rounded-md bg-skeptic-gray motion-safe:animate-pulse dark:bg-skeptic-gray-dark" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="size-12 fill-neutral-600/10 dark:fill-neutral-300/10"> <path fill-rule="evenodd" d="M1 5.25A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25v9.5A2.25 2.25 0 0 1 16.75 17H3.25A2.25 2.25 0 0 1 1 14.75v-9.5Zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-2.69l-2.22-2.219a.75.75 0 0 0-1.06 0l-1.91 1.909.47.47a.75.75 0 1 1-1.06 1.06L6.53 8.091a.75.75 0 0 0-1.06 0l-2.97 2.97ZM12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd" /> </svg> </div> </figure> <div class="flex w-full flex-col gap-3 mt-2.5"> <div class="h-3 w-1/2 animate-pulse rounded-md bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <div class="h-4 w-full animate-pulse rounded-md bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> </div> </div> <div class="podcast_loading_skeleton w-full src_loading_skeleton" style="display:none"> <figure class="aspect-[300/169] w-full max-h-[300px] overflow-hidden block"> <div class="flex h-full w-full items-center justify-center rounded-md bg-skeptic-gray motion-safe:animate-pulse dark:bg-skeptic-gray-dark" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="size-12 fill-neutral-600/10 dark:fill-neutral-300/10"> <path fill-rule="evenodd" d="M1 5.25A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25v9.5A2.25 2.25 0 0 1 16.75 17H3.25A2.25 2.25 0 0 1 1 14.75v-9.5Zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-2.69l-2.22-2.219a.75.75 0 0 0-1.06 0l-1.91 1.909.47.47a.75.75 0 1 1-1.06 1.06L6.53 8.091a.75.75 0 0 0-1.06 0l-2.97 2.97ZM12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd" /> </svg> </div> </figure> <div class="flex w-full flex-col gap-3 mt-2.5"> <div class="h-3 w-1/2 animate-pulse rounded-md bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <div class="h-4 w-full animate-pulse rounded-md bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> </div> </div> <div class="podcast_loading_skeleton w-full src_loading_skeleton" style="display:none"> <figure class="aspect-[300/169] w-full max-h-[300px] overflow-hidden block"> <div class="flex h-full w-full items-center justify-center rounded-md bg-skeptic-gray motion-safe:animate-pulse dark:bg-skeptic-gray-dark" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="size-12 fill-neutral-600/10 dark:fill-neutral-300/10"> <path fill-rule="evenodd" d="M1 5.25A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25v9.5A2.25 2.25 0 0 1 16.75 17H3.25A2.25 2.25 0 0 1 1 14.75v-9.5Zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-2.69l-2.22-2.219a.75.75 0 0 0-1.06 0l-1.91 1.909.47.47a.75.75 0 1 1-1.06 1.06L6.53 8.091a.75.75 0 0 0-1.06 0l-2.97 2.97ZM12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd" /> </svg> </div> </figure> <div class="flex w-full flex-col gap-3 mt-2.5"> <div class="h-3 w-1/2 animate-pulse rounded-md bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <div class="h-4 w-full animate-pulse rounded-md bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> </div> </div> <div class="podcast_loading_skeleton w-full src_loading_skeleton" style="display:none"> <figure class="aspect-[300/169] w-full max-h-[300px] overflow-hidden block"> <div class="flex h-full w-full items-center justify-center rounded-md bg-skeptic-gray motion-safe:animate-pulse dark:bg-skeptic-gray-dark" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="size-12 fill-neutral-600/10 dark:fill-neutral-300/10"> <path fill-rule="evenodd" d="M1 5.25A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25v9.5A2.25 2.25 0 0 1 16.75 17H3.25A2.25 2.25 0 0 1 1 14.75v-9.5Zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-2.69l-2.22-2.219a.75.75 0 0 0-1.06 0l-1.91 1.909.47.47a.75.75 0 1 1-1.06 1.06L6.53 8.091a.75.75 0 0 0-1.06 0l-2.97 2.97ZM12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd" /> </svg> </div> </figure> <div class="flex w-full flex-col gap-3 mt-2.5"> <div class="h-3 w-1/2 animate-pulse rounded-md bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <div class="h-4 w-full animate-pulse rounded-md bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> </div> </div> </div> </div> </section> <script> function src_index(){ return { post_feed : document.getElementById('src_index_feed'), skeleton : document.getElementById('src_index_feed').querySelectorAll('.src_loading_skeleton'), src_key : '32e04a48e91e38c2145c0b2b52', html_card: function(url, feature_image, primary_tag, title){ let img_element = `<svg class="fade-in w-full h-full object-cover group-hover:opacity-85 transition-all" width="356" height="200" viewBox="0 0 356 200" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="356" height="200" class="w-full h-full fill-skeptic-gray dark:fill-skeptic-gray-dark" fill=""/> <path class="fill-skeptic-background dark:fill-skeptic-background-dark" d="M143 145C140.25 145 137.897 144.022 135.94 142.065C133.983 140.108 133.003 137.753 133 135V65C133 62.25 133.98 59.8967 135.94 57.94C137.9 55.9833 140.253 55.0033 143 55H213C215.75 55 218.105 55.98 220.065 57.94C222.025 59.9 223.003 62.2533 223 65V135C223 137.75 222.022 140.105 220.065 142.065C218.108 144.025 215.753 145.003 213 145H143ZM143 135H213V65H143V135ZM148 125H208L189.25 100L174.25 120L163 105L148 125Z" fill=""/> </svg>`; if(feature_image){ img_element = `<img class="w-full h-full object-cover transition-opacity group-hover:opacity-85 lazy mix-blend-multiply dark:mix-blend-normal" data-src="${feature_image}">`; } return`<article class="flex flex-col group"> <figure class="aspect-[300/169] w-full max-h-[300px] rounded-md overflow-hidden block"> <a href="${url}" class="transition-opacity group-hover:opacity-85"> ${img_element} </a> </figure> <a href="${url}" class="transition-opacity group-hover:opacity-85"> <div class="src_badge mt-[--gap-11] w-fit"><span>${primary_tag}</span></div> </a> <a href="${url}"> <h4 class="text-sm text-skeptic-charcoal dark:text-skeptic-foreground-dark font-bold leading-[1.38] mt-[--gap-11] transition-color group-hover:text-skeptic-primary"> ${title} </h4> </a> </article>` }, async init(){ console.log('[+] Alpine init src index...'); this.skeleton.forEach((skl) => { skl.style.display = 'block'; }); }, async fetch_src_posts(){ try{ const res = await fetch(`https://research.skeptic.com/ghost/api/content/posts/?key=${this.src_key}&limit=6&fields=title,published_at,feature_image,url,primary_tag&include=tags&order=published_at+desc`); if(res.status != 200) throw new Error(`Failed to fetch SRC index, status: ${res.status}`); const data = await res.json(); //console.log(data); //hide skeleton this.skeleton.forEach((skl) => { skl.remove(); }); for(let item of data.posts){ this.post_feed.insertAdjacentHTML('beforeend', this.html_card(item.url, item.feature_image, item.primary_tag?.name, item.title)); } lazyLoadInstance.update(); }catch(e){ console.error(e.message); this.$dispatch('openNoiseAlert', {type: 'danger', title: 'Error', text: `Could not load Skeptic Research Center Posts: ${e.message}` , duration: 5000}); } } } } </script> <section class="pt-[--gap-67-5] mt-[--gap-90] "> <div class="container_ flex justify-center"> <div x-data="dynamic_paging" class="w-full max-w-[1054px]"> <div class="pb-[--gap-22-5]"> <h2 class="text-[3rem] font-marker sm:text_atomic_48 leading-[1.3] text-center sm:text-left text-skeptic-charcoal dark:text-skeptic-foreground-dark">All Articles</h2> </div> <div id="article_feed" class="flex flex-col mt-[--gap-40] space-y-[--gap-45]"> <article class="card_category_article flex flex-col sm:flex-row items-center sm:space-x-[--gap-45] w-full max-w-[1054px] group"> <figure class="block relative aspect-[89/50] sm:max-h-[12.5rem] w-full sm:max-w-[330px] md:min-w-[340px] md:max-w-[356px]"> <a href="/article/when-artificial-intelligence-takes-the-reins-new-evidence-that-ai-can-scheme-and-deceive/" alt="When Artificial Intelligence Takes the Reins: New Evidence That AI Can Scheme and Deceive"> <img class="w-full h-full object-cover group-hover:opacity-85 transition-all lazy" src="/content/images/size/w100/2025/03/primate-looking-at-AI-robot---firefly.webp" data-src="/content/images/size/w600/2025/03/primate-looking-at-AI-robot---firefly.webp" alt="When Artificial Intelligence Takes the Reins: New Evidence That AI Can Scheme and Deceive"> </a> <a href="/tag/artificial-intelligence/" class="skeptic_tag_badge absolute left-0 top-0 !rounded-none"> <span class="">artificial intelligence</span> </a> </figure> <div class="w-full mt-[--gap-22-5] sm:mt-0 sm:max-w-[460px]"> <a href="/article/when-artificial-intelligence-takes-the-reins-new-evidence-that-ai-can-scheme-and-deceive/" alt="When Artificial Intelligence Takes the Reins: New Evidence That AI Can Scheme and Deceive" class=""> <h3 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text_28 font-bold leading-tight line_clamp_4 group-hover:text-skeptic-primary transition-all">When Artificial Intelligence Takes the Reins: New Evidence That AI Can Scheme and Deceive</h3> <time class="text-skeptic-charcoal dark:text-skeptic-foreground-dark flex items-center space-x-5 text-xs mt-2.5" datetime="2025-03-20"> <span>Mar 20, 2025</span> </time> </a> </div> </article> <article class="card_category_article flex flex-col sm:flex-row items-center sm:space-x-[--gap-45] w-full max-w-[1054px] group"> <figure class="block relative aspect-[89/50] sm:max-h-[12.5rem] w-full sm:max-w-[330px] md:min-w-[340px] md:max-w-[356px]"> <a href="/article/ending-witch-hunting-africa-malawi-persecution/" alt="Witch-Hunting: A Culture War Fought with Skepticism and Compassion"> <img class="w-full h-full object-cover group-hover:opacity-85 transition-all lazy" src="/content/images/size/w100/2025/03/posters-in-Nigeria-that-reinforce-belief-in-witches-from-AfAW-website.jpg" data-src="/content/images/size/w600/2025/03/posters-in-Nigeria-that-reinforce-belief-in-witches-from-AfAW-website.jpg" alt="Witch-Hunting: A Culture War Fought with Skepticism and Compassion"> </a> <a href="/tag/human-rights/" class="skeptic_tag_badge absolute left-0 top-0 !rounded-none"> <span class="">human rights</span> </a> </figure> <div class="w-full mt-[--gap-22-5] sm:mt-0 sm:max-w-[460px]"> <a href="/article/ending-witch-hunting-africa-malawi-persecution/" alt="Witch-Hunting: A Culture War Fought with Skepticism and Compassion" class=""> <h3 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text_28 font-bold leading-tight line_clamp_4 group-hover:text-skeptic-primary transition-all">Witch-Hunting: A Culture War Fought with Skepticism and Compassion</h3> <time class="text-skeptic-charcoal dark:text-skeptic-foreground-dark flex items-center space-x-5 text-xs mt-2.5" datetime="2025-03-18"> <span>Mar 18, 2025</span> </time> </a> </div> </article> <article class="card_category_article flex flex-col sm:flex-row items-center sm:space-x-[--gap-45] w-full max-w-[1054px] group"> <figure class="block relative aspect-[89/50] sm:max-h-[12.5rem] w-full sm:max-w-[330px] md:min-w-[340px] md:max-w-[356px]"> <a href="/article/how-subcultures-become-mainstream/" alt="From the Margins to the Mall: The Lifecycle of Subcultures"> <img class="w-full h-full object-cover group-hover:opacity-85 transition-all lazy" src="/content/images/size/w100/2025/03/Japanese-rockabilly-biker-gang.webp" data-src="/content/images/size/w600/2025/03/Japanese-rockabilly-biker-gang.webp" alt="From the Margins to the Mall: The Lifecycle of Subcultures"> </a> <a href="/tag/counterculture/" class="skeptic_tag_badge absolute left-0 top-0 !rounded-none"> <span class="">counterculture</span> </a> </figure> <div class="w-full mt-[--gap-22-5] sm:mt-0 sm:max-w-[460px]"> <a href="/article/how-subcultures-become-mainstream/" alt="From the Margins to the Mall: The Lifecycle of Subcultures" class=""> <h3 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text_28 font-bold leading-tight line_clamp_4 group-hover:text-skeptic-primary transition-all">From the Margins to the Mall: The Lifecycle of Subcultures</h3> <time class="text-skeptic-charcoal dark:text-skeptic-foreground-dark flex items-center space-x-5 text-xs mt-2.5" datetime="2025-03-18"> <span>Mar 18, 2025</span> </time> </a> </div> </article> <article class="card_category_article flex flex-col sm:flex-row items-center sm:space-x-[--gap-45] w-full max-w-[1054px] group"> <figure class="block relative aspect-[89/50] sm:max-h-[12.5rem] w-full sm:max-w-[330px] md:min-w-[340px] md:max-w-[356px]"> <a href="/article/evolution-thrives-on-cooperation/" alt="Evolution Thrives On Cooperation"> <img class="w-full h-full object-cover group-hover:opacity-85 transition-all lazy" src="/content/images/size/w100/2025/03/Evolution-Thrives-On-Cooperation.webp" data-src="/content/images/size/w600/2025/03/Evolution-Thrives-On-Cooperation.webp" alt="Evolution Thrives On Cooperation"> </a> <a href="/tag/evolution/" class="skeptic_tag_badge absolute left-0 top-0 !rounded-none"> <span class="">evolution</span> </a> </figure> <div class="w-full mt-[--gap-22-5] sm:mt-0 sm:max-w-[460px]"> <a href="/article/evolution-thrives-on-cooperation/" alt="Evolution Thrives On Cooperation" class=""> <h3 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text_28 font-bold leading-tight line_clamp_4 group-hover:text-skeptic-primary transition-all">Evolution Thrives On Cooperation</h3> <time class="text-skeptic-charcoal dark:text-skeptic-foreground-dark flex items-center space-x-5 text-xs mt-2.5" datetime="2025-03-16"> <span>Mar 16, 2025</span> </time> </a> </div> </article> <article class="card_category_article flex flex-col sm:flex-row items-center sm:space-x-[--gap-45] w-full max-w-[1054px] group"> <figure class="block relative aspect-[89/50] sm:max-h-[12.5rem] w-full sm:max-w-[330px] md:min-w-[340px] md:max-w-[356px]"> <a href="/article/bird-brainpower-investigating-remarkable-minds-of-crows/" alt="Bird Brainpower: Investigating the Remarkable Minds of Crows"> <img class="w-full h-full object-cover group-hover:opacity-85 transition-all lazy" src="/content/images/size/w100/2025/03/Reunion-of-the-Crows-illo-by-Moi-Escudero-for-SKEPTIC.webp" data-src="/content/images/size/w600/2025/03/Reunion-of-the-Crows-illo-by-Moi-Escudero-for-SKEPTIC.webp" alt="Bird Brainpower: Investigating the Remarkable Minds of Crows"> </a> <a href="/tag/intelligence/" class="skeptic_tag_badge absolute left-0 top-0 !rounded-none"> <span class="">intelligence</span> </a> </figure> <div class="w-full mt-[--gap-22-5] sm:mt-0 sm:max-w-[460px]"> <a href="/article/bird-brainpower-investigating-remarkable-minds-of-crows/" alt="Bird Brainpower: Investigating the Remarkable Minds of Crows" class=""> <h3 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text_28 font-bold leading-tight line_clamp_4 group-hover:text-skeptic-primary transition-all">Bird Brainpower: Investigating the Remarkable Minds of Crows</h3> <time class="text-skeptic-charcoal dark:text-skeptic-foreground-dark flex items-center space-x-5 text-xs mt-2.5" datetime="2025-03-13"> <span>Mar 13, 2025</span> </time> </a> </div> </article> <article class="card_category_article flex flex-col sm:flex-row items-center sm:space-x-[--gap-45] w-full max-w-[1054px] group"> <figure class="block relative aspect-[89/50] sm:max-h-[12.5rem] w-full sm:max-w-[330px] md:min-w-[340px] md:max-w-[356px]"> <a href="/article/how-american-intelligence-rivalries-hampered-the-battle-against-islamic-terrorism/" alt="Fighting Each Other: How U.S. Intelligence Rivalries Hampered the Battle Against Islamic Terrorism"> <img class="w-full h-full object-cover group-hover:opacity-85 transition-all lazy" src="/content/images/size/w100/2025/03/Fighting-Each-Other-illo-by-A.-Richard-Allen.webp" data-src="/content/images/size/w600/2025/03/Fighting-Each-Other-illo-by-A.-Richard-Allen.webp" alt="Fighting Each Other: How U.S. Intelligence Rivalries Hampered the Battle Against Islamic Terrorism"> </a> <a href="/tag/9-11/" class="skeptic_tag_badge absolute left-0 top-0 !rounded-none"> <span class="">9/11</span> </a> </figure> <div class="w-full mt-[--gap-22-5] sm:mt-0 sm:max-w-[460px]"> <a href="/article/how-american-intelligence-rivalries-hampered-the-battle-against-islamic-terrorism/" alt="Fighting Each Other: How U.S. Intelligence Rivalries Hampered the Battle Against Islamic Terrorism" class=""> <h3 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text_28 font-bold leading-tight line_clamp_4 group-hover:text-skeptic-primary transition-all">Fighting Each Other: How U.S. Intelligence Rivalries Hampered the Battle Against Islamic Terrorism</h3> <time class="text-skeptic-charcoal dark:text-skeptic-foreground-dark flex items-center space-x-5 text-xs mt-2.5" datetime="2025-03-11"> <span>Mar 11, 2025</span> </time> </a> </div> </article> </div> <aside id="skp_index_skeleton" class="flex flex-col space-y-[--gap-45] mt-[--gap-45]" style="display:none;"> <div class="flex flex-col sm:flex-row items-center sm:space-x-[calc(var(--gap-22-5)*2)] w-full max-w-[1054px]"> <figure class="block relative aspect-[89/50] w-full h-full sm:max-h-[12.5rem] sm:max-w-[356px]"> <div class="flex h-full w-full items-center justify-center rounded-md bg-skeptic-gray motion-safe:animate-pulse dark:bg-skeptic-gray-dark" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="size-12 fill-neutral-600/10 dark:fill-neutral-300/10"> <path fill-rule="evenodd" d="M1 5.25A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25v9.5A2.25 2.25 0 0 1 16.75 17H3.25A2.25 2.25 0 0 1 1 14.75v-9.5Zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-2.69l-2.22-2.219a.75.75 0 0 0-1.06 0l-1.91 1.909.47.47a.75.75 0 1 1-1.06 1.06L6.53 8.091a.75.75 0 0 0-1.06 0l-2.97 2.97ZM12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd" /> </svg> </div> </figure> <div class="sm:max-w-[460px] mt-[--gap-22-5] sm:mt-0 w-full"> <div class="flex w-full flex-col gap-5"> <div class="h-5 w-full animate-pulse rounded-md bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <div class="h-3.5 w-1/2 animate-pulse rounded-md bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> </div> </div> </div> <div class="flex flex-col sm:flex-row items-center sm:space-x-[calc(var(--gap-22-5)*2)] w-full max-w-[1054px]"> <figure class="block relative aspect-[89/50] w-full h-full sm:max-h-[12.5rem] sm:max-w-[356px]"> <div class="flex h-full w-full items-center justify-center rounded-md bg-skeptic-gray motion-safe:animate-pulse dark:bg-skeptic-gray-dark" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="size-12 fill-neutral-600/10 dark:fill-neutral-300/10"> <path fill-rule="evenodd" d="M1 5.25A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25v9.5A2.25 2.25 0 0 1 16.75 17H3.25A2.25 2.25 0 0 1 1 14.75v-9.5Zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-2.69l-2.22-2.219a.75.75 0 0 0-1.06 0l-1.91 1.909.47.47a.75.75 0 1 1-1.06 1.06L6.53 8.091a.75.75 0 0 0-1.06 0l-2.97 2.97ZM12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd" /> </svg> </div> </figure> <div class="sm:max-w-[460px] mt-[--gap-22-5] sm:mt-0 w-full"> <div class="flex w-full flex-col gap-5"> <div class="h-5 w-full animate-pulse rounded-md bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <div class="h-3.5 w-1/2 animate-pulse rounded-md bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> </div> </div> </div> <div class="flex flex-col sm:flex-row items-center sm:space-x-[calc(var(--gap-22-5)*2)] w-full max-w-[1054px]"> <figure class="block relative aspect-[89/50] w-full h-full sm:max-h-[12.5rem] sm:max-w-[356px]"> <div class="flex h-full w-full items-center justify-center rounded-md bg-skeptic-gray motion-safe:animate-pulse dark:bg-skeptic-gray-dark" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="size-12 fill-neutral-600/10 dark:fill-neutral-300/10"> <path fill-rule="evenodd" d="M1 5.25A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25v9.5A2.25 2.25 0 0 1 16.75 17H3.25A2.25 2.25 0 0 1 1 14.75v-9.5Zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-2.69l-2.22-2.219a.75.75 0 0 0-1.06 0l-1.91 1.909.47.47a.75.75 0 1 1-1.06 1.06L6.53 8.091a.75.75 0 0 0-1.06 0l-2.97 2.97ZM12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd" /> </svg> </div> </figure> <div class="sm:max-w-[460px] mt-[--gap-22-5] sm:mt-0 w-full"> <div class="flex w-full flex-col gap-5"> <div class="h-5 w-full animate-pulse rounded-md bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> <div class="h-3.5 w-1/2 animate-pulse rounded-md bg-skeptic-gray dark:bg-skeptic-gray-dark" aria-hidden="true"></div> </div> </div> </div> </aside> <div class="mt-2.5"> <div id="skeptic_pagination" class="w-full flex items-center justify-between pt-[--gap-67-5]"> <div class="font-medium text-skeptic-charcoal dark:text-skeptic-foreground-dark"> <a href="" class="flex items-center gap-0 sm:gap-3 group opacity-50 pointer-events-none text-xs uppercase"> <span class="mb-1 inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="transition-all fill-skeptic-charcoal dark:fill-skeptic-foreground-dark group-hover:fill-skeptic-primary" width="24" height="25" viewBox="0 0 24 25" fill="none"> <mask id="mask0_3723_10796" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="25"> <rect y="0.5" width="24" height="24" fill="#D9D9D9"/> </mask> <g mask="url(#mask0_3723_10796)"> <path d="M10 22.5L0 12.5L10 2.5L11.775 4.275L3.55 12.5L11.775 20.725L10 22.5Z" fill=""/> </g> </svg></span> <span class="hidden md:inline-block">Previous Page</span> </a> </div> <div class="font-medium text-skeptic-charcoal dark:text-skeptic-foreground-dark"> <noscript>1 of 4</noscript> <div class=""> <ul id="skp_dynamic_paging_ul" class="flex gap-3"> </ul> </div> </div> <div class="font-medium text-skeptic-charcoal dark:text-skeptic-foreground-dark "> <a href="/page/2/" class="next flex items-center gap-0 sm:gap-3 group text-xs uppercase"> <span class="hidden md:inline-block">Next Page</span> <span class="mb-1 inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="transition-all fill-skeptic-charcoal dark:fill-skeptic-foreground-dark group-hover:fill-skeptic-primary" width="24" height="24" viewBox="0 0 24 24" fill="none"> <mask id="mask0_4189_2445" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"> <rect width="24" height="24" transform="matrix(-1 0 0 1 24 0)" fill="#D9D9D9"/> </mask> <g mask="url(#mask0_4189_2445)"> <path d="M14 22L24 12L14 2L12.225 3.775L20.45 12L12.225 20.225L14 22Z" fill=""/> </g> </svg></span> </a> </div> </div> </div> <div x-show="show_load_more" id="load_more_btn" class="mt-10 group" @click.prevent="loadMore"> <a id="wide_btn" class="skeptic_wide_btn group-hover:bg-skeptic-primary group-hover:border-skeptic-primary"> <span class="text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-background">Load More</span> <svg class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark group-hover:fill-skeptic-background inline-block ml-1" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_941_3898" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="17" height="17"> <rect x="0.5" y="0.5" width="16" height="16" fill=""/> </mask> <g mask="url(#mask0_941_3898)"> <path d="M1.92448 5.75853L3.10781 4.57519L8.59115 10.0585L14.0745 4.5752L15.2578 5.75853L8.59115 12.4252L1.92448 5.75853Z" fill=""/> </g> </svg> </a> </div> </div> </div> </section> <section id="mission_statement" class="mt-[--gap-150] pb-[--gap-67-5]"> <div class="container_ flex justify-center"> <div class="max-w-[1046px]"> <h3 class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text_atomic_72 leading-[1.3] text-left">OUR MISSION</h3> <p class="text-skeptic-charcoal dark:text-skeptic-foreground-dark text_atomic_36 pt-[--gap-22-5] leading-[1.37] text-left"> To explore complex issues with careful analysis and help you make sense of the world. Nonpartisan. Reality-based. </p> <a href="/join-the-movement" alt="Internal link to page about skeptic magazine" class="flex items-center justify-end mt-[--gap-22-5] uppercase cursor-pointer group"> <span class="text-skeptic-charcoal dark:text-skeptic-foreground-dark inline-block text-xs">About Skeptic Magazine</span> <svg class="inline-block ml-1.5 mb-0.5 transition-transform fill-skeptic-charcoal dark:fill-skeptic-foreground-dark group-hover:fill-skeptic-primary group-hover:translate-x-1" width="14" height="14" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_1232_1013" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16"> <rect width="16" height="16" fill=""/> </mask> <g mask="url(#mask0_1232_1013)"> <path d="M5.34935 14.6663L4.16602 13.483L9.64935 7.99967L4.16602 2.51634L5.34935 1.33301L12.016 7.99967L5.34935 14.6663Z" fill=""/> </g> </svg> </a> </div> </div> </section> <script> document.addEventListener('alpine:init', () => { console.log('[+] Alpine init...'); Alpine.data('dynamic_paging', () => ({ post_feed : document.getElementById('article_feed'), skeleton : null, load_more_button: document.getElementById('wide_btn'), show_load_more: true, page: 1, total_pages_count: 4, page_url:`${window.location.protocol}//${window.location.hostname}:${window.location.port}`, page_cache_namespace: 'index', init(){ console.log('[+] Dynamic paging init...'); document.getElementById('skeptic_pagination').style.display = 'none'; //hide pagination this.skeleton = document.querySelector('#skp_index_skeleton'); //load skeleton const urlParams = new URLSearchParams(window.location.search); // Check if the 'page' parameter exists if (urlParams.has('page')) { const pageNumber = urlParams.get('page'); console.log(`Page detected: ${pageNumber}`); if(!isNaN(pageNumber)){ this.restoreCacheData(pageNumber); } }else{ if(this.page === this.total_pages_count){ this.show_load_more = false; } } //window.addEventListener('popstate', (event) => { // console.log('popstate ', event) // if (event.state) { // console.log('[*] Event state ', event.state) // }else{ // console.log('no popstate') // } // // }) }, restoreCacheData(page_in_url){ const cacheKey = `${this.page_cache_namespace}_page_${page_in_url}`; const cachedData = sessionStorage.getItem(cacheKey); if (cachedData) { console.log(`Cache exists for ${cacheKey}`); this.page = Number(page_in_url) // You can now use the cached data (e.g., inject it into the DOM) let collect_cached_articles = ''; for(let i=1; i<=page_in_url; i++){ get_cache = sessionStorage.getItem(`${this.page_cache_namespace}_page_${i}`); if(get_cache){ collect_cached_articles = collect_cached_articles + get_cache; } } this.post_feed.insertAdjacentHTML('beforeend', collect_cached_articles); } else { console.log(`[i] No cache found for ${cacheKey}`); this.page = 1; history.pushState({ page: this.page, page_type:'index' }, '', `?page=${this.page}`); } if(this.page === this.total_pages_count){ this.show_load_more = false; } }, async loadMore(){ console.log('[+] load more btn clicked'); this.load_more_button.disabled = true; this.skeleton.style.display = ''; try{ let res = await fetch(`${this.page_url}/page/${this.page+1}`) if(res.status != 200) throw new Error(`Request failed with status code:${res.status}`); let result = await res.text(); this.page = this.page + 1; const parser = new DOMParser(); const doc = parser.parseFromString(result, 'text/html'); let get_post_feed = doc.querySelector('#article_feed'); let article_cards = get_post_feed.querySelectorAll('article'); let get_pagination = doc.querySelector('#skeptic_pagination'); this.show_load_more_(get_pagination); let articlesHTML = ''; //for sessionStorage cache for(let item of article_cards){ articlesHTML = articlesHTML + item.outerHTML; this.post_feed.insertAdjacentElement('beforeend', item); } history.pushState({ page: this.page, page_type:'index' }, '', `?page=${this.page}`); sessionStorage.setItem(`${this.page_cache_namespace}_page_${this.page}`, articlesHTML); lazyLoadInstance.update(); }catch(err){ console.log('[+] Error in loadMore fce -> ', err.message); }finally{ this.load_more_button.disabled = false; this.skeleton.style.display = 'none'; } }, show_load_more_(pagination){ console.log(pagination) let next_button = pagination.querySelector('.next'); if(next_button == null){ this.show_load_more = false; }else{ this.show_load_more = true; } return; } })) }) </script> </main> <footer class="pt-[--gap-135]"> <div class="container_ pb-[--gap_22-5] flex justify-center"> <div class="flex flex-col md1:flex-row justify-between w-full max-w-[1046px]"> <ul class="skp_footer_nav text-skeptic-charcoal dark:text-skeptic-foreground-dark"> <li class="nav-join-the-movement group"> <a href="https://www.skeptic.com/join-the-movement/" class="group-hover:text-skeptic-primary">Join the Movement</a> </li> <li class="nav-donate group"> <a href="https://www.skeptic.com/donate/" class="group-hover:text-skeptic-primary">Donate</a> </li> <li class="nav-advertising group"> <a href="https://www.skeptic.com/advertising/" class="group-hover:text-skeptic-primary">Advertising</a> </li> <li class="nav-contact group"> <a href="https://www.skeptic.com/contact/" class="group-hover:text-skeptic-primary">Contact</a> </li> <li class="nav-pitch-an-article group"> <a href="https://www.skeptic.com/pitch-an-article/" class="group-hover:text-skeptic-primary">Pitch an Article</a> </li> <li class="nav-team group"> <a href="https://www.skeptic.com/team/" class="group-hover:text-skeptic-primary">Team</a> </li> </ul> <div class="grid grid-cols-3 w-full md1:ml-5 lg:ml-14 gap-x-5 self-start mt-[--gap-45] md1:mt-0"> <div class="text_18 leading-[1.37] pt-1.5 pb-[clamp(1rem,0.3738rem+2.2263vw,2.5rem)] capitalize skp_tag_footer_podcast group"> <a href="/tag/podcast/" alt="tag Podcast link" class="text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary"> Podcast </a> </div> <div class="text_18 leading-[1.37] pt-1.5 pb-[clamp(1rem,0.3738rem+2.2263vw,2.5rem)] capitalize skp_tag_footer_magazine group"> <a href="/tag/magazine/" alt="tag Magazine link" class="text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary"> Magazine </a> </div> <div class="text_18 leading-[1.37] pt-1.5 pb-[clamp(1rem,0.3738rem+2.2263vw,2.5rem)] capitalize skp_tag_footer_article group"> <a href="/tag/article/" alt="tag Article link" class="text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary"> Article </a> </div> <div class="text_18 leading-[1.37] pt-1.5 pb-[clamp(1rem,0.3738rem+2.2263vw,2.5rem)] capitalize skp_tag_footer_crime group"> <a href="/tag/crime/" alt="tag crime link" class="text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary"> crime </a> </div> <div class="text_18 leading-[1.37] pt-1.5 pb-[clamp(1rem,0.3738rem+2.2263vw,2.5rem)] capitalize skp_tag_footer_event group"> <a href="/tag/event/" alt="tag Event link" class="text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary"> Event </a> </div> <div class="text_18 leading-[1.37] pt-1.5 pb-[clamp(1rem,0.3738rem+2.2263vw,2.5rem)] capitalize skp_tag_footer_animals group"> <a href="/tag/animals/" alt="tag animals link" class="text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary"> animals </a> </div> <div class="text_18 leading-[1.37] pt-1.5 pb-[clamp(1rem,0.3738rem+2.2263vw,2.5rem)] capitalize skp_tag_footer_evolution group"> <a href="/tag/evolution/" alt="tag evolution link" class="text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary"> evolution </a> </div> <div class="text_18 leading-[1.37] pt-1.5 pb-[clamp(1rem,0.3738rem+2.2263vw,2.5rem)] capitalize skp_tag_footer_healthcare group"> <a href="/tag/healthcare/" alt="tag healthcare link" class="text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary"> healthcare </a> </div> <div class="text_18 leading-[1.37] pt-1.5 pb-[clamp(1rem,0.3738rem+2.2263vw,2.5rem)] capitalize skp_tag_footer_social-justice group"> <a href="/tag/social-justice/" alt="tag social justice link" class="text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary"> social justice </a> </div> <div class="text_18 leading-[1.37] pt-1.5 pb-[clamp(1rem,0.3738rem+2.2263vw,2.5rem)] capitalize skp_tag_footer_academia group"> <a href="/tag/academia/" alt="tag academia link" class="text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary"> academia </a> </div> <div class="text_18 leading-[1.37] pt-1.5 pb-[clamp(1rem,0.3738rem+2.2263vw,2.5rem)] capitalize skp_tag_footer_critical-thinking group"> <a href="/tag/critical-thinking/" alt="tag critical thinking link" class="text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary"> critical thinking </a> </div> <div class="text_18 leading-[1.37] pt-1.5 pb-[clamp(1rem,0.3738rem+2.2263vw,2.5rem)] capitalize skp_tag_footer_deception group"> <a href="/tag/deception/" alt="tag deception link" class="text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary"> deception </a> </div> <div class="text_18 leading-[1.37] pt-1.5 pb-[clamp(1rem,0.3738rem+2.2263vw,2.5rem)] capitalize skp_tag_footer_intelligence group"> <a href="/tag/intelligence/" alt="tag intelligence link" class="text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary"> intelligence </a> </div> <div class="text_18 leading-[1.37] pt-1.5 pb-[clamp(1rem,0.3738rem+2.2263vw,2.5rem)] capitalize skp_tag_footer_cognition group"> <a href="/tag/cognition/" alt="tag cognition link" class="text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary"> cognition </a> </div> <div class="text_18 leading-[1.37] pt-1.5 pb-[clamp(1rem,0.3738rem+2.2263vw,2.5rem)] capitalize skp_tag_footer_law group"> <a href="/tag/law/" alt="tag law link" class="text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary"> law </a> </div> <div class="text_18 leading-[1.37] pt-1.5 pb-[clamp(1rem,0.3738rem+2.2263vw,2.5rem)] capitalize skp_tag_footer_ethics group"> <a href="/tag/ethics/" alt="tag ethics link" class="text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary"> ethics </a> </div> <div class="text_18 leading-[1.37] pt-1.5 pb-[clamp(1rem,0.3738rem+2.2263vw,2.5rem)] capitalize skp_tag_footer_9-11 group"> <a href="/tag/9-11/" alt="tag 9/11 link" class="text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary"> 9/11 </a> </div> <div class="text_18 leading-[1.37] pt-1.5 pb-[clamp(1rem,0.3738rem+2.2263vw,2.5rem)] capitalize skp_tag_footer_terrorism group"> <a href="/tag/terrorism/" alt="tag terrorism link" class="text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary"> terrorism </a> </div> <div class="text_18 leading-[1.37] pt-1.5 pb-[clamp(1rem,0.3738rem+2.2263vw,2.5rem)] capitalize skp_tag_footer_cooperation group"> <a href="/tag/cooperation/" alt="tag cooperation link" class="text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary"> cooperation </a> </div> <div class="text_18 leading-[1.37] pt-1.5 pb-[clamp(1rem,0.3738rem+2.2263vw,2.5rem)] capitalize skp_tag_footer_darwin group"> <a href="/tag/darwin/" alt="tag darwin link" class="text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary"> darwin </a> </div> <div class="text_18 leading-[1.37] pt-1.5 pb-[clamp(1rem,0.3738rem+2.2263vw,2.5rem)] capitalize skp_tag_footer_human-rights group"> <a href="/tag/human-rights/" alt="tag human rights link" class="text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary"> human rights </a> </div> <div class="text_18 leading-[1.37] pt-1.5 pb-[clamp(1rem,0.3738rem+2.2263vw,2.5rem)] capitalize skp_tag_footer_vigilante-justice group"> <a href="/tag/vigilante-justice/" alt="tag vigilante justice link" class="text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary"> vigilante justice </a> </div> <div class="text_18 leading-[1.37] pt-1.5 pb-[clamp(1rem,0.3738rem+2.2263vw,2.5rem)] capitalize skp_tag_footer_superstition group"> <a href="/tag/superstition/" alt="tag superstition link" class="text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary"> superstition </a> </div> <div class="text_18 leading-[1.37] pt-1.5 pb-[clamp(1rem,0.3738rem+2.2263vw,2.5rem)] capitalize skp_tag_footer_artificial-intelligence group"> <a href="/tag/artificial-intelligence/" alt="tag artificial intelligence link" class="text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary"> artificial intelligence </a> </div> <div class="text_18 leading-[1.37] pt-1.5 pb-[clamp(1rem,0.3738rem+2.2263vw,2.5rem)] capitalize skp_tag_footer_sex group"> <a href="/tag/sex/" alt="tag sex link" class="text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary"> sex </a> </div> </div> </div> </div> <div class="container_ flex justify-center"> <div class="py-11 w-full max-w-[1150px]"> <hr class="border-t border-black dark:border-skeptic-foreground-dark"> </div> </div> <div class="container_ pb-11 flex flex-col md:flex-row justify-center"> <small class="block text-xs leading-[1.37] max-w-[1046px] text-skeptic-charcoal dark:text-skeptic-foreground-dark"> © 1992–2025 Skeptic magazine. All rights reserved. Unauthorized use and/or duplication of this material without express and written permission from this site's author and/or owner is strictly prohibited. Excerpts and links may be used, provided that full and clear credit is given to Skeptic magazine with appropriate and specific direction to the original content. </small> <div class="block text-xs text-skeptic-charcoal dark:text-skeptic-foreground-dark mt-4 md:mt-0 md:ml-5"><a href="/privacy" class="transition-colors hover:text-skeptic-primary whitespace-nowrap">PRIVACY POLICY</a></div> </div> </footer> <div x-data="free_subscribe_modal" class="skp_modal_wrapper" role="dialog" aria-modal="true" @alpinefreemembersubsmodal.window="modal_show = true" x-cloak x-show="modal_show" > <div class="skp_modal_window" @click.away="modal_show=false" x-show="modal_show" x-transition:enter="transition duration-200 delay-75" x-transition:enter-start="opacity-0 translate-y-10 scale-95" x-transition:enter-end="opacity-100 translate-y-0 scale-100" x-transition:leave="transition duration-200 scale-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-10 scale-95" > <div @click.prevent="modal_show=false" role="button" class='size-10 bg-skeptic-primary transition-all duration-200 hover:bg-[#ff5f5f] hover:scale-105 hover:rotate-12 rounded-full absolute top-2 right-2 sm:-top-5 sm:-right-5'> <svg class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_210_113" style="mask-type: alpha;" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"> <rect width="24" height="24" fill="#D9D9D9" /> </mask> <g mask="url(#mask0_210_113)"> <path d="M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z" fill="white"/> </g> </svg> </div> <div class='px-12'> <form id="alpine_subscribe_form" class="free_subscribe_form"> <div id="subscribe_form_input" class="flex-col justify-center items-center gap-8"> <header class="flex w-full flex-col justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="w-full" fill="none" viewBox="0 0 633 130"> <g clip-path="url(#clip0_1_3)"> <mask style="mask-type:luminance" id="mask0_1_3" width="633" height="130" x="0" y="0" maskUnits="userSpaceOnUse"> <path fill="#fff" d="M632.406 0H0v130h632.406V0z"/> </mask> <g mask="url(#mask0_1_3)"> <path class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark" fill="" d="M28.285 96.586c1.483 2.898 3.453 5.247 5.912 7.048 2.458 1.802 5.337 3.133 8.652 4.003a40.333 40.333 0 0 0 10.28 1.305c2.4 0 4.97-.199 7.71-.609 2.742-.409 5.312-1.191 7.71-2.349 2.4-1.157 4.396-2.758 5.998-4.786 1.602-2.027 2.398-4.612 2.398-7.744 0-3.368-1.053-6.091-3.17-8.18-2.116-2.088-4.883-3.828-8.31-5.22-3.426-1.393-7.307-2.61-11.65-3.655a312.494 312.494 0 0 1-13.193-3.48 116.19 116.19 0 0 1-13.364-4.264c-4.344-1.68-8.225-3.855-11.651-6.526-3.427-2.672-6.194-6.005-8.31-10.007-2.116-4.003-3.17-8.85-3.17-14.532 0-6.378 1.345-11.92 4.026-16.62 2.682-4.698 6.194-8.614 10.538-11.746 4.343-3.133 9.252-5.456 14.735-6.962C38.908.757 44.39 0 49.874 0c6.4 0 12.533.722 18.419 2.175C74.178 3.63 79.404 5.978 83.97 9.224c4.566 3.245 8.199 7.396 10.88 12.443 2.681 5.046 4.026 11.164 4.026 18.36H72.833c-.231-3.716-1.002-6.787-2.313-9.224-1.31-2.436-3.058-4.35-5.226-5.743-2.167-1.392-4.651-2.375-7.453-2.958-2.801-.583-5.851-.87-9.166-.87-2.168 0-4.344.235-6.511.696a17.313 17.313 0 0 0-5.911 2.436 14.886 14.886 0 0 0-4.37 4.35c-1.139 1.741-1.713 3.943-1.713 6.614 0 2.436.454 4.412 1.37 5.917.918 1.505 2.717 2.898 5.398 4.177 2.681 1.279 6.39 2.55 11.137 3.828 4.737 1.28 10.94 2.898 18.59 4.873 2.287.461 5.457 1.305 9.51 2.524 4.051 1.218 8.078 3.158 12.079 5.83 4 2.67 7.453 6.239 10.365 10.702 2.913 4.464 4.369 10.181 4.369 17.142 0 5.682-1.088 10.964-3.254 15.837-2.168 4.873-5.398 9.076-9.681 12.617-4.284 3.541-9.595 6.291-15.935 8.266-6.34 1.976-13.681 2.959-22.017 2.959-6.742 0-13.278-.845-19.618-2.524-6.34-1.679-11.933-4.324-16.79-7.918-4.858-3.593-8.713-8.179-11.566-13.748-2.861-5.569-4.232-12.182-4.12-19.84h26.051c0 4.177.745 7.719 2.227 10.616zM135.536 2.958v51.513l47.795-51.513h33.582L169.11 52.034l52.43 75.181h-33.755l-36.836-55.863-15.422 15.836v40.027h-26.899V2.958h26.908zM313.547 2.958V25.93h-64.594v33.588h59.283v21.231h-59.283v23.494h65.966v22.972h-92.865V2.958h91.493zM510.414 2.958v124.257h-26.9V2.958h26.9zM602.251 36.111a27.437 27.437 0 0 0-5.997-6.874c-2.398-1.975-5.115-3.507-8.138-4.612-3.033-1.105-6.194-1.653-9.51-1.653-6.057 0-11.196 1.192-15.42 3.567-4.223 2.376-7.65 5.57-10.28 9.572-2.631 4.003-4.541 8.554-5.74 13.661-1.199 5.108-1.799 10.381-1.799 15.837 0 5.456.6 10.294 1.799 15.228 1.199 4.933 3.109 9.371 5.74 13.313 2.63 3.941 6.057 7.109 10.28 9.484 4.224 2.376 9.363 3.568 15.42 3.568 8.225 0 14.649-2.549 19.276-7.657 4.626-5.108 7.453-11.834 8.481-20.188h26.043c-.685 7.77-2.458 14.793-5.311 21.058-2.853 6.265-6.623 11.599-11.308 16.01-4.686 4.412-10.169 7.771-16.449 10.094-6.279 2.324-13.192 3.481-20.732 3.481-9.363 0-17.793-1.653-25.272-4.96-7.479-3.306-13.793-7.857-18.932-13.661-5.141-5.804-9.082-12.617-11.823-20.449-2.741-7.831-4.112-16.271-4.112-25.32 0-9.05 1.371-17.9 4.112-25.844 2.741-7.945 6.682-14.88 11.823-20.797 5.139-5.917 11.453-10.555 18.932-13.922C560.813 1.679 569.243 0 578.606 0c6.743 0 13.108.983 19.105 2.958 5.996 1.976 11.367 4.847 16.105 8.615 4.738 3.768 8.652 8.44 11.737 14.01 3.084 5.568 5.028 11.946 5.826 19.143h-26.044c-.454-3.133-1.482-6.005-3.084-8.615z"/> <path class="fill-skeptic-primary" fill="" d="M349.699 104.242h-26.9v22.972h26.9v-22.972zM417.976 28.018c-1.541-4.76-4-8.988-7.367-12.704-3.367-3.715-7.736-6.7-13.107-8.962-5.371-2.263-11.882-3.394-19.532-3.394h-55.171v31.673h26.9V24.19h20.903c3.084 0 6.057.235 8.909.696 2.853.461 5.372 1.366 7.539 2.697 2.168 1.332 3.916 3.22 5.226 5.656 1.311 2.437 1.971 5.63 1.971 9.572 0 3.942-.66 7.135-1.971 9.572-1.319 2.436-3.058 4.324-5.226 5.655-2.167 1.332-4.686 2.237-7.539 2.698a55.777 55.777 0 0 1-8.909.696l-18.761.174h-29.042V82.49h29.898l25.273.174c7.65 0 14.161-1.132 19.532-3.394 5.371-2.262 9.74-5.247 13.107-8.962a34.504 34.504 0 0 0 7.367-12.792 47.907 47.907 0 0 0 2.314-14.705c0-4.986-.771-10.033-2.314-14.793z"/> <path class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark" fill="" d="M410.815 2.958c4.086 2.428 7.47 5.508 10.134 9.232 2.99 4.177 5.174 8.946 6.537 14.297 1.37 5.36 2.056 10.903 2.056 16.646s-.686 11.138-2.056 16.55c-1.371 5.421-3.547 10.224-6.537 14.401a32.41 32.41 0 0 1-4.771 5.308v47.814h26.899V25.93h36.667V2.958h-68.929z"/> </g> </g> <defs> <clipPath id="clip0_1_3"> <path fill="#fff" d="M0 0h632.406v130H0z"/> </clipPath> </defs> </svg> <h3 class='text-2xl text-center mt-12 text-skeptic-charcoal dark:text-skeptic-foreground-dark' x-text="modal_title">Modal Title</h3> <div class="flex justify-center mt-8"> <div class="flex text-center items-center gap-2"> <span class="inline-block text_24 text-skeptic-charcoal dark:text-skeptic-foreground-dark">$</span> <span class="inline-block text-[3rem] leading-none font-bold text-skeptic-charcoal dark:text-skeptic-foreground-dark">0</span> <span class="inline-block leading-none text_24 text-[#6f6f6f]">/forever</span> </div> </div> </header> <div class="flex flex-col w-full"> <label for="" class="contact_form_label">Email</label> <input x-model="email_field" id="alpine_subscribe_email" name="email" type="email" class="contact_form" placeholder="Jamie@example.com" autocomplete="email"/> <span class="form_underline"></span> </div> <div class="flex flex-col w-full"> <label for="" class="contact_form_label">Name</label> <input x-model="name_field" name="name" id="" type="text" class="contact_form" placeholder="Jamie" autocomplete="given-name"/> <span class="form_underline"></span> </div> <div class="group w-full"> <button id="subscribe_form_submit" @click.prevent="subscribe_user" class="skeptic_btn skeptic_btn_outline py-3 w-full justify-center group-hover:border-skeptic-primary group-hover:bg-skeptic-primary"> <span class="group-hover:text-skeptic-background">Subscribe</span> </button> <button id="subscribe_form_loading" disabled="true" class="skeptic_btn skeptic_btn_outline py-3 w-full justify-center group-hover:border-skeptic-primary group-hover:bg-skeptic-primary"> <span class="group-hover:text-skeptic-background">Loading...</span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class="size-6 ml-2 fill-black dark:fill-white motion-safe:animate-spin"> <path d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z" opacity=".25" /> <path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z" /> </svg> </button> </div> <div id="subscribe_form_error" class="flex-col justify-center items-center transition-all"> <small id="alpine_subscribe_form_error" class="text-red-500 text-sm"></small> </div> </div> <div id="subscribe_form_success" class="flex-col justify-center items-center transition-all"> <div class="text-5xl">📬</div> <h3 class="mt-8 font-bold text-[1.75rem] text-center text-skeptic-charcoal dark:text-skeptic-foreground-dark">Check your email</h3> <p class="text-lg mt-1 text-center text-skeptic-charcoal dark:text-skeptic-foreground-dark"> We’ve emailed you a magic link — click it to access your account. </p> <div class="group mt-8" @click.prevent="modal_show=false"> <button class="skeptic_btn skeptic_btn_outline py-3 group-hover:border-skeptic-primary group-hover:bg-skeptic-primary"> <span class="group-hover:text-skeptic-background">Ok</span> </button> </div> </div> </form> </div> </div> </div> <div x-data="login_modal" class="skp_modal_wrapper ea" role="dialog" aria-modal="true" @skpopenloginform.window="modal_show = true" x-cloak x-show="modal_show"> <div class="skp_modal_window" @click.away="modal_show=false" x-show="modal_show" x-transition:enter="transition duration-200 delay-75" x-transition:enter-start="opacity-0 translate-y-10 scale-95" x-transition:enter-end="opacity-100 translate-y-0 scale-100" x-transition:leave="transition duration-200 scale-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-10 scale-95" > <div @click.prevent="modal_show=false" role="button" class='size-10 bg-skeptic-primary transition-all duration-200 hover:bg-[#ff5f5f] hover:scale-105 hover:rotate-12 rounded-full absolute top-2 right-2 sm:-top-5 sm:-right-5'> <svg class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_210_114" style="mask-type: alpha;" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"> <rect width="24" height="24" fill="#D9D9D9" /> </mask> <g mask="url(#mask0_210_114)"> <path d="M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z" fill="white"/> </g> </svg> </div> <div class='px-12'> <form id="alpine_login_form" class="login_form"> <div id="subscribe_form_input" class="flex-col justify-center items-center gap-8"> <header class="flex w-full flex-col justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="w-full" fill="none" viewBox="0 0 633 130"> <g clip-path="url(#clip0_1_3)"> <mask style="mask-type:luminance" id="mask0_1_3" width="633" height="130" x="0" y="0" maskUnits="userSpaceOnUse"> <path fill="#fff" d="M632.406 0H0v130h632.406V0z"/> </mask> <g mask="url(#mask0_1_3)"> <path class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark" fill="" d="M28.285 96.586c1.483 2.898 3.453 5.247 5.912 7.048 2.458 1.802 5.337 3.133 8.652 4.003a40.333 40.333 0 0 0 10.28 1.305c2.4 0 4.97-.199 7.71-.609 2.742-.409 5.312-1.191 7.71-2.349 2.4-1.157 4.396-2.758 5.998-4.786 1.602-2.027 2.398-4.612 2.398-7.744 0-3.368-1.053-6.091-3.17-8.18-2.116-2.088-4.883-3.828-8.31-5.22-3.426-1.393-7.307-2.61-11.65-3.655a312.494 312.494 0 0 1-13.193-3.48 116.19 116.19 0 0 1-13.364-4.264c-4.344-1.68-8.225-3.855-11.651-6.526-3.427-2.672-6.194-6.005-8.31-10.007-2.116-4.003-3.17-8.85-3.17-14.532 0-6.378 1.345-11.92 4.026-16.62 2.682-4.698 6.194-8.614 10.538-11.746 4.343-3.133 9.252-5.456 14.735-6.962C38.908.757 44.39 0 49.874 0c6.4 0 12.533.722 18.419 2.175C74.178 3.63 79.404 5.978 83.97 9.224c4.566 3.245 8.199 7.396 10.88 12.443 2.681 5.046 4.026 11.164 4.026 18.36H72.833c-.231-3.716-1.002-6.787-2.313-9.224-1.31-2.436-3.058-4.35-5.226-5.743-2.167-1.392-4.651-2.375-7.453-2.958-2.801-.583-5.851-.87-9.166-.87-2.168 0-4.344.235-6.511.696a17.313 17.313 0 0 0-5.911 2.436 14.886 14.886 0 0 0-4.37 4.35c-1.139 1.741-1.713 3.943-1.713 6.614 0 2.436.454 4.412 1.37 5.917.918 1.505 2.717 2.898 5.398 4.177 2.681 1.279 6.39 2.55 11.137 3.828 4.737 1.28 10.94 2.898 18.59 4.873 2.287.461 5.457 1.305 9.51 2.524 4.051 1.218 8.078 3.158 12.079 5.83 4 2.67 7.453 6.239 10.365 10.702 2.913 4.464 4.369 10.181 4.369 17.142 0 5.682-1.088 10.964-3.254 15.837-2.168 4.873-5.398 9.076-9.681 12.617-4.284 3.541-9.595 6.291-15.935 8.266-6.34 1.976-13.681 2.959-22.017 2.959-6.742 0-13.278-.845-19.618-2.524-6.34-1.679-11.933-4.324-16.79-7.918-4.858-3.593-8.713-8.179-11.566-13.748-2.861-5.569-4.232-12.182-4.12-19.84h26.051c0 4.177.745 7.719 2.227 10.616zM135.536 2.958v51.513l47.795-51.513h33.582L169.11 52.034l52.43 75.181h-33.755l-36.836-55.863-15.422 15.836v40.027h-26.899V2.958h26.908zM313.547 2.958V25.93h-64.594v33.588h59.283v21.231h-59.283v23.494h65.966v22.972h-92.865V2.958h91.493zM510.414 2.958v124.257h-26.9V2.958h26.9zM602.251 36.111a27.437 27.437 0 0 0-5.997-6.874c-2.398-1.975-5.115-3.507-8.138-4.612-3.033-1.105-6.194-1.653-9.51-1.653-6.057 0-11.196 1.192-15.42 3.567-4.223 2.376-7.65 5.57-10.28 9.572-2.631 4.003-4.541 8.554-5.74 13.661-1.199 5.108-1.799 10.381-1.799 15.837 0 5.456.6 10.294 1.799 15.228 1.199 4.933 3.109 9.371 5.74 13.313 2.63 3.941 6.057 7.109 10.28 9.484 4.224 2.376 9.363 3.568 15.42 3.568 8.225 0 14.649-2.549 19.276-7.657 4.626-5.108 7.453-11.834 8.481-20.188h26.043c-.685 7.77-2.458 14.793-5.311 21.058-2.853 6.265-6.623 11.599-11.308 16.01-4.686 4.412-10.169 7.771-16.449 10.094-6.279 2.324-13.192 3.481-20.732 3.481-9.363 0-17.793-1.653-25.272-4.96-7.479-3.306-13.793-7.857-18.932-13.661-5.141-5.804-9.082-12.617-11.823-20.449-2.741-7.831-4.112-16.271-4.112-25.32 0-9.05 1.371-17.9 4.112-25.844 2.741-7.945 6.682-14.88 11.823-20.797 5.139-5.917 11.453-10.555 18.932-13.922C560.813 1.679 569.243 0 578.606 0c6.743 0 13.108.983 19.105 2.958 5.996 1.976 11.367 4.847 16.105 8.615 4.738 3.768 8.652 8.44 11.737 14.01 3.084 5.568 5.028 11.946 5.826 19.143h-26.044c-.454-3.133-1.482-6.005-3.084-8.615z"/> <path class="fill-skeptic-primary" fill="" d="M349.699 104.242h-26.9v22.972h26.9v-22.972zM417.976 28.018c-1.541-4.76-4-8.988-7.367-12.704-3.367-3.715-7.736-6.7-13.107-8.962-5.371-2.263-11.882-3.394-19.532-3.394h-55.171v31.673h26.9V24.19h20.903c3.084 0 6.057.235 8.909.696 2.853.461 5.372 1.366 7.539 2.697 2.168 1.332 3.916 3.22 5.226 5.656 1.311 2.437 1.971 5.63 1.971 9.572 0 3.942-.66 7.135-1.971 9.572-1.319 2.436-3.058 4.324-5.226 5.655-2.167 1.332-4.686 2.237-7.539 2.698a55.777 55.777 0 0 1-8.909.696l-18.761.174h-29.042V82.49h29.898l25.273.174c7.65 0 14.161-1.132 19.532-3.394 5.371-2.262 9.74-5.247 13.107-8.962a34.504 34.504 0 0 0 7.367-12.792 47.907 47.907 0 0 0 2.314-14.705c0-4.986-.771-10.033-2.314-14.793z"/> <path class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark" fill="" d="M410.815 2.958c4.086 2.428 7.47 5.508 10.134 9.232 2.99 4.177 5.174 8.946 6.537 14.297 1.37 5.36 2.056 10.903 2.056 16.646s-.686 11.138-2.056 16.55c-1.371 5.421-3.547 10.224-6.537 14.401a32.41 32.41 0 0 1-4.771 5.308v47.814h26.899V25.93h36.667V2.958h-68.929z"/> </g> </g> <defs> <clipPath id="clip0_1_3"> <path fill="#fff" d="M0 0h632.406v130H0z"/> </clipPath> </defs> </svg> <h3 class='text-2xl text-center mt-12 text-skeptic-charcoal dark:text-skeptic-foreground-dark'>Log In</h3> </header> <div class="flex flex-col w-full"> <label for="" class="contact_form_label">Email</label> <input x-model="email_field" id="alpine_login_email" name="email" type="email" class="contact_form" placeholder="Jamie@example.com" autocomplete="email"/> <span class="form_underline"></span> </div> <div class="group w-full"> <button id="subscribe_form_submit" @click.prevent="login_user" class="skeptic_btn skeptic_btn_outline py-3 w-full justify-center group-hover:border-skeptic-primary group-hover:bg-skeptic-primary"> <span class="group-hover:text-skeptic-background">Log In</span> </button> <button id="subscribe_form_loading" disabled="true" class="skeptic_btn skeptic_btn_outline py-3 w-full justify-center group-hover:border-skeptic-primary group-hover:bg-skeptic-primary"> <span class="group-hover:text-skeptic-background">Loading...</span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class="size-6 ml-2 fill-black dark:fill-white motion-safe:animate-spin"> <path d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z" opacity=".25" /> <path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z" /> </svg> </button> </div> <div id="subscribe_form_error" class="flex-col justify-center items-center transition-all"> <small id="alpine_login_form_error" class="text-red-500 text-sm" data-members-error></small> </div> </div> <div id="subscribe_form_success" class="flex-col justify-center items-center transition-all"> <div class="text-5xl">📬</div> <h3 class="mt-8 font-bold text-[1.75rem] text-center text-skeptic-charcoal dark:text-skeptic-foreground-dark">Check your email</h3> <p class="text-lg mt-1 text-center text-skeptic-charcoal dark:text-skeptic-foreground-dark"> We’ve emailed you a magic link — click it to access your account. </p> <div class="group mt-8" @click.prevent="modal_show=false"> <button class="skeptic_btn skeptic_btn_outline py-3 group-hover:border-skeptic-primary group-hover:bg-skeptic-primary"> <span class="group-hover:text-skeptic-background">Ok</span> </button> </div> </div> </form> </div> </div> </div> <script> document.addEventListener('alpine:init', () => { Alpine.data('free_subscribe_modal', () => ({ alpine_subscribe_form: document.getElementById('alpine_subscribe_form'), alpine_subscribe_form_error: document.getElementById('alpine_subscribe_form_error'), email_field: '', name_field: '', modal_title: '', tier_benefits: [], modal_show: false, CONTENT_API_KEY: null, CONTENT_API_URL: null, GHOST_BASE_URL : null, async init(){ const scriptTag = document.querySelector('script[data-key][data-api]'); this.CONTENT_API_KEY = scriptTag.getAttribute('data-key'); this.CONTENT_API_URL = scriptTag.getAttribute('data-api'); this.GHOST_BASE_URL = scriptTag.getAttribute('data-ghost'); console.log('[+] Free subscribe modal init...'); await this.fetch_api(); this.$watch('modal_show', (value, oldValue) => { if(value){ document.getElementsByTagName('body')[0].style.overflow = 'hidden'; setTimeout(()=>{document.getElementById('alpine_subscribe_email').focus();},200) }else{ document.getElementsByTagName('body')[0].style.overflow = ''; this.subscribe_form_state(''); } }) }, async fetch_api(){ //await new Promise(resolve => setTimeout(resolve, 5000));//DELETE THIS try { const res = await fetch(`${this.CONTENT_API_URL}tiers/?key=${this.CONTENT_API_KEY}&include=benefits,monthly_price,yearly_price&filter=type:free%2Bactive:true`); if (!res.ok) { throw new Error(`Fetch API error status code: ${res.status}`); } const result = await res.json(); if(result.tiers.length === 0) throw new Error('Could not fetch Free Tier info.') this.modal_title = result.tiers[0].name; this.tier_benefits = result.tiers[0].benefits; return result; } catch (error) { // Handle any errors that occur during the fetch or processing console.error('[X] Fetch error:', error); } }, async get_integrity_token(){ try{ let res = await fetch(`${this.GHOST_BASE_URL}/members/api/integrity-token/`, { method: 'GET', credentials: 'include', headers: { 'app-pragma': 'no-cache', 'Content-Type': 'application/json', 'Accept': 'application/json', } }); if(res.status != 200) throw new Error('Could not fetch integrity token'); let integrity_token = await res.text(); //console.log(integrity_token); return integrity_token }catch(error){ console.error('[X] Fetch error:', error); throw new Error('Could not fetch integrity token'); } }, subscribe_form_state(state){ this.alpine_subscribe_form.classList.remove('success', 'error', 'loading'); state.length > 0 ? this.alpine_subscribe_form.classList.add(state) : null; }, emailValidator(email) { const emailCheck=/^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/i; let isEmpty = email.length === 0; if(isEmpty) throw new Error('Email field is required.'); let valid_email = emailCheck.test(email); if(!valid_email) throw new Error('Enter a valid email address.'); return true; }, async send_magic_link(integrity_token, email, name){ try{ let res = await fetch(`${this.GHOST_BASE_URL}/members/api/send-magic-link/`, { method: 'POST', credentials: 'include', headers: { 'app-pragma': 'no-cache', 'Content-Type': 'application/json', 'Accept': 'application/json', }, body: JSON.stringify({ email: email, name: name, emailType: 'signup', labels: [], autoRedirect: false, urlHistory: [], integrityToken: integrity_token }) }); if(res.status === 429) throw new Error('Too many requests. Try again later.'); if (res.status < 200 || res.status >= 300) throw new Error(res.statusText); }catch(error){ console.error('[X] Fetch error:', error.message); throw new Error(`${error.message}`); } }, async subscribe_user(){ console.log('Subscribe user...'); this.subscribe_form_state('loading'); try{ this.emailValidator(this.email_field); if(this.name_field.length === 0 ) throw new Error('Name field is required.'); let token = await this.get_integrity_token(); await this.send_magic_link(token, this.email_field, this.name_field); this.subscribe_form_state('success'); }catch(error){ this.subscribe_form_state('error'); this.alpine_subscribe_form_error.innerText = `${error.message}`; console.error('[X] Subscribe process error:', error.message); } } })) Alpine.data('login_modal', () => ({ login_form: document.getElementById('alpine_login_form'), alpine_login_form_error: document.getElementById('alpine_login_form_error'), email_field: '', modal_show: false, CONTENT_API_KEY: null, CONTENT_API_URL: null, GHOST_BASE_URL : null, async init(){ const scriptTag = document.querySelector('script[data-key][data-api]'); this.CONTENT_API_KEY = scriptTag.getAttribute('data-key'); this.CONTENT_API_URL = scriptTag.getAttribute('data-api'); this.GHOST_BASE_URL = scriptTag.getAttribute('data-ghost'); console.log('[+] Login modal init...'); this.$watch('modal_show', async(value, oldValue) => { if(value){ document.getElementsByTagName('body')[0].style.overflow = 'hidden'; setTimeout(()=>{document.getElementById('alpine_login_email').focus();},200) }else{ document.getElementsByTagName('body')[0].style.overflow = ''; this.login_form_state(''); } }) }, async get_integrity_token(){ try{ let res = await fetch(`${this.GHOST_BASE_URL}/members/api/integrity-token/`, { method: 'GET', credentials: 'include', headers: { 'app-pragma': 'no-cache', 'Content-Type': 'application/json', 'Accept': 'application/json', } }); if(res.status != 200) throw new Error('Could not fetch integrity token'); let integrity_token = await res.text(); console.log(integrity_token); return integrity_token }catch(error){ console.error('[X] Fetch error:', error); throw new Error('Could not fetch integrity token'); } }, login_form_state(state){ this.login_form.classList.remove('success', 'error', 'loading'); state.length > 0 ? this.login_form.classList.add(state) : null; }, emailValidator(email) { const emailCheck=/^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/i; let isEmpty = email.length === 0; if(isEmpty) throw new Error('Email field is required.'); let valid_email = emailCheck.test(email); if(!valid_email) throw new Error('Enter a valid email address.'); return true; }, async send_magic_link(integrity_token, email){ try{ let res = await fetch(`${this.GHOST_BASE_URL}/members/api/send-magic-link/`, { method: 'POST', credentials: 'include', headers: { 'app-pragma': 'no-cache', 'Content-Type': 'application/json', 'Accept': 'application/json', }, body: JSON.stringify({ email: email, labels: [], autoRedirect: false, urlHistory: [], integrityToken: integrity_token }) }); if(res.status === 429) throw new Error('Too many requests. Try again later.'); if (res.status < 200 || res.status >= 300) throw new Error(res.statusText); }catch(error){ console.error('[X] Fetch error:', error.message); throw new Error(`${error.message}`); } }, async login_user(){ console.log('Login user...'); this.login_form_state('loading'); try{ this.emailValidator(this.email_field); let token = await this.get_integrity_token(); await this.send_magic_link(token, this.email_field); this.login_form_state('success'); }catch(error){ this.login_form_state('error'); this.alpine_login_form_error.innerText = `${error.message}`; console.error('[X] Login process error:', error.message); } } })) }) </script> <div id="react-app-modals"></div> <div x-cloak x-data="algolia_box" x-show="modal_show" id="search_wrapper" @alpinealgoliabox.window="modal_show = true"> <div class="agolia_modal_box" @click.away="modal_show=false" x-show="modal_show" x-transition:enter="transition duration-200 delay-75" x-transition:enter-start="opacity-0 translate-y-10 scale-95" x-transition:enter-end="opacity-100 translate-y-0 scale-100" x-transition:leave="transition duration-200 scale-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-10 scale-95" > <div @click.prevent="modal_show=false" role="button" class='z-[9999] size-10 bg-skeptic-primary transition-all duration-200 hover:bg-[#ff5f5f] hover:scale-105 hover:rotate-12 rounded-full absolute top-2 right-2 sm:-top-5 sm:-right-5'> <svg class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="algolia_113" style="mask-type: alpha;" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"> <rect width="24" height="24" fill="#D9D9D9" /> </mask> <g mask="url(#algolia_113)"> <path d="M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z" fill="white"/> </g> </svg> </div> <header> <div id="searchbox" class="relative"></div> </header> <div id="hits" class="agolia_search_hits"></div> <div id="algolia-custom-links" class="hidden px-[--gap-22-5] pt-1 pb-10"> <h3 class="text-xs uppercase text-skeptic-charcoal dark:text-skeptic-foreground-dark">Popular Searches</h3> <ul class="flex flex-col mt-[--gap-22-5]"> <li class="group"> <a href='https://research.skeptic.com' class="py-1.5 block"> <div class="flex items-center space-x-[--gap-11] py-2"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="" class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark "><mask id="mask0_5832_19485" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="22" height="22"><rect x="0.5" y="0.5" width="21" height="21" fill="#D9D9D9"/></mask><g mask="url(#mask0_5832_19485)"><path d="M17.2328 18.3484L12.0047 13.1203C11.5672 13.4411 11.0875 13.6927 10.5655 13.875C10.0436 14.0573 9.48811 14.1484 8.89909 14.1484C7.44032 14.1484 6.20052 13.638 5.17969 12.6172C4.15885 11.5964 3.64844 10.3568 3.64844 8.89844C3.64844 7.4401 4.15885 6.20052 5.17969 5.17969C6.20052 4.15885 7.4401 3.64844 8.89844 3.64844C10.3568 3.64844 11.5964 4.15885 12.6172 5.17969C13.638 6.20052 14.1484 7.44032 14.1484 8.89909C14.1484 9.48811 14.0573 10.0436 13.875 10.5655C13.6927 11.0875 13.4411 11.5672 13.1203 12.0047L18.3484 17.2328L17.2328 18.3484ZM8.89844 12.5734C9.91927 12.5734 10.787 12.2161 11.5016 11.5016C12.2161 10.787 12.5734 9.91927 12.5734 8.89844C12.5734 7.8776 12.2161 7.0099 11.5016 6.29531C10.787 5.58073 9.91927 5.22344 8.89844 5.22344C7.8776 5.22344 7.0099 5.58073 6.29531 6.29531C5.58073 7.0099 5.22344 7.8776 5.22344 8.89844C5.22344 9.91927 5.58073 10.787 6.29531 11.5016C7.0099 12.2161 7.8776 12.5734 8.89844 12.5734Z" fill=""/></g></svg> <div class="text-base font-bold text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary">skeptic research center</div> </div> </a> </li> <li class="group"> <a href='https://skeptic.com/article/when-our-best-friend-becomes-our-worst-enemy-the-story-of-american-bully-xl-attacks-and-the-campaign-that-banned-the-breed-in-britain/' class="py-1.5 block"> <div class="flex items-center space-x-[--gap-11] py-2"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="" class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark "><mask id="mask0_5832_19485" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="22" height="22"><rect x="0.5" y="0.5" width="21" height="21" fill="#D9D9D9"/></mask><g mask="url(#mask0_5832_19485)"><path d="M17.2328 18.3484L12.0047 13.1203C11.5672 13.4411 11.0875 13.6927 10.5655 13.875C10.0436 14.0573 9.48811 14.1484 8.89909 14.1484C7.44032 14.1484 6.20052 13.638 5.17969 12.6172C4.15885 11.5964 3.64844 10.3568 3.64844 8.89844C3.64844 7.4401 4.15885 6.20052 5.17969 5.17969C6.20052 4.15885 7.4401 3.64844 8.89844 3.64844C10.3568 3.64844 11.5964 4.15885 12.6172 5.17969C13.638 6.20052 14.1484 7.44032 14.1484 8.89909C14.1484 9.48811 14.0573 10.0436 13.875 10.5655C13.6927 11.0875 13.4411 11.5672 13.1203 12.0047L18.3484 17.2328L17.2328 18.3484ZM8.89844 12.5734C9.91927 12.5734 10.787 12.2161 11.5016 11.5016C12.2161 10.787 12.5734 9.91927 12.5734 8.89844C12.5734 7.8776 12.2161 7.0099 11.5016 6.29531C10.787 5.58073 9.91927 5.22344 8.89844 5.22344C7.8776 5.22344 7.0099 5.58073 6.29531 6.29531C5.58073 7.0099 5.22344 7.8776 5.22344 8.89844C5.22344 9.91927 5.58073 10.787 6.29531 11.5016C7.0099 12.2161 7.8776 12.5734 8.89844 12.5734Z" fill=""/></g></svg> <div class="text-base font-bold text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary">pitbulls</div> </div> </a> </li> <li class="group"> <a href='https://skeptic.com/contact' class="py-1.5 block"> <div class="flex items-center space-x-[--gap-11] py-2"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="" class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark "><mask id="mask0_5832_19485" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="22" height="22"><rect x="0.5" y="0.5" width="21" height="21" fill="#D9D9D9"/></mask><g mask="url(#mask0_5832_19485)"><path d="M17.2328 18.3484L12.0047 13.1203C11.5672 13.4411 11.0875 13.6927 10.5655 13.875C10.0436 14.0573 9.48811 14.1484 8.89909 14.1484C7.44032 14.1484 6.20052 13.638 5.17969 12.6172C4.15885 11.5964 3.64844 10.3568 3.64844 8.89844C3.64844 7.4401 4.15885 6.20052 5.17969 5.17969C6.20052 4.15885 7.4401 3.64844 8.89844 3.64844C10.3568 3.64844 11.5964 4.15885 12.6172 5.17969C13.638 6.20052 14.1484 7.44032 14.1484 8.89909C14.1484 9.48811 14.0573 10.0436 13.875 10.5655C13.6927 11.0875 13.4411 11.5672 13.1203 12.0047L18.3484 17.2328L17.2328 18.3484ZM8.89844 12.5734C9.91927 12.5734 10.787 12.2161 11.5016 11.5016C12.2161 10.787 12.5734 9.91927 12.5734 8.89844C12.5734 7.8776 12.2161 7.0099 11.5016 6.29531C10.787 5.58073 9.91927 5.22344 8.89844 5.22344C7.8776 5.22344 7.0099 5.58073 6.29531 6.29531C5.58073 7.0099 5.22344 7.8776 5.22344 8.89844C5.22344 9.91927 5.58073 10.787 6.29531 11.5016C7.0099 12.2161 7.8776 12.5734 8.89844 12.5734Z" fill=""/></g></svg> <div class="text-base font-bold text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary">contact skeptics society</div> </div> </a> </li> <li class="group"> <a href='https://skeptic.com/article/the-future-of-common-sense/' class="py-1.5 block"> <div class="flex items-center space-x-[--gap-11] py-2"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="" class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark "><mask id="mask0_5832_19485" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="22" height="22"><rect x="0.5" y="0.5" width="21" height="21" fill="#D9D9D9"/></mask><g mask="url(#mask0_5832_19485)"><path d="M17.2328 18.3484L12.0047 13.1203C11.5672 13.4411 11.0875 13.6927 10.5655 13.875C10.0436 14.0573 9.48811 14.1484 8.89909 14.1484C7.44032 14.1484 6.20052 13.638 5.17969 12.6172C4.15885 11.5964 3.64844 10.3568 3.64844 8.89844C3.64844 7.4401 4.15885 6.20052 5.17969 5.17969C6.20052 4.15885 7.4401 3.64844 8.89844 3.64844C10.3568 3.64844 11.5964 4.15885 12.6172 5.17969C13.638 6.20052 14.1484 7.44032 14.1484 8.89909C14.1484 9.48811 14.0573 10.0436 13.875 10.5655C13.6927 11.0875 13.4411 11.5672 13.1203 12.0047L18.3484 17.2328L17.2328 18.3484ZM8.89844 12.5734C9.91927 12.5734 10.787 12.2161 11.5016 11.5016C12.2161 10.787 12.5734 9.91927 12.5734 8.89844C12.5734 7.8776 12.2161 7.0099 11.5016 6.29531C10.787 5.58073 9.91927 5.22344 8.89844 5.22344C7.8776 5.22344 7.0099 5.58073 6.29531 6.29531C5.58073 7.0099 5.22344 7.8776 5.22344 8.89844C5.22344 9.91927 5.58073 10.787 6.29531 11.5016C7.0099 12.2161 7.8776 12.5734 8.89844 12.5734Z" fill=""/></g></svg> <div class="text-base font-bold text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary">katherine brodsky</div> </div> </a> </li> <li class="group"> <a href='https://skeptic.com/pitch-an-article/' class="py-1.5 block"> <div class="flex items-center space-x-[--gap-11] py-2"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="" class="fill-skeptic-charcoal dark:fill-skeptic-foreground-dark "><mask id="mask0_5832_19485" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="22" height="22"><rect x="0.5" y="0.5" width="21" height="21" fill="#D9D9D9"/></mask><g mask="url(#mask0_5832_19485)"><path d="M17.2328 18.3484L12.0047 13.1203C11.5672 13.4411 11.0875 13.6927 10.5655 13.875C10.0436 14.0573 9.48811 14.1484 8.89909 14.1484C7.44032 14.1484 6.20052 13.638 5.17969 12.6172C4.15885 11.5964 3.64844 10.3568 3.64844 8.89844C3.64844 7.4401 4.15885 6.20052 5.17969 5.17969C6.20052 4.15885 7.4401 3.64844 8.89844 3.64844C10.3568 3.64844 11.5964 4.15885 12.6172 5.17969C13.638 6.20052 14.1484 7.44032 14.1484 8.89909C14.1484 9.48811 14.0573 10.0436 13.875 10.5655C13.6927 11.0875 13.4411 11.5672 13.1203 12.0047L18.3484 17.2328L17.2328 18.3484ZM8.89844 12.5734C9.91927 12.5734 10.787 12.2161 11.5016 11.5016C12.2161 10.787 12.5734 9.91927 12.5734 8.89844C12.5734 7.8776 12.2161 7.0099 11.5016 6.29531C10.787 5.58073 9.91927 5.22344 8.89844 5.22344C7.8776 5.22344 7.0099 5.58073 6.29531 6.29531C5.58073 7.0099 5.22344 7.8776 5.22344 8.89844C5.22344 9.91927 5.58073 10.787 6.29531 11.5016C7.0099 12.2161 7.8776 12.5734 8.89844 12.5734Z" fill=""/></g></svg> <div class="text-base font-bold text-skeptic-charcoal dark:text-skeptic-foreground-dark group-hover:text-skeptic-primary">pitch an article</div> </div> </a> </li> </ul> </div> <footer> <div class="agolia_logo_wrapper"> <span>Search by</span> <svg width="77" height="19" aria-label="Algolia" role="img" id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2196.2 500"><defs><style>.cls-1,.cls-2{fill:#003dff;}.cls-2{fill-rule:evenodd;}</style></defs><path class="cls-2" d="M1070.38,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"></path><rect class="cls-1" x="1845.88" y="104.73" width="62.58" height="277.9" rx="5.9" ry="5.9"></rect><path class="cls-2" d="M1851.78,71.38h50.77c3.26,0,5.9-2.64,5.9-5.9V5.9c0-3.62-3.24-6.39-6.82-5.83l-50.77,7.95c-2.87,.45-4.99,2.92-4.99,5.83v51.62c0,3.26,2.64,5.9,5.9,5.9Z"></path><path class="cls-2" d="M1764.03,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"></path><path class="cls-2" d="M1631.95,142.72c-11.14-12.25-24.83-21.65-40.78-28.31-15.92-6.53-33.26-9.85-52.07-9.85-18.78,0-36.15,3.17-51.92,9.85-15.59,6.66-29.29,16.05-40.76,28.31-11.47,12.23-20.38,26.87-26.76,44.03-6.38,17.17-9.24,37.37-9.24,58.36,0,20.99,3.19,36.87,9.55,54.21,6.38,17.32,15.14,32.11,26.45,44.36,11.29,12.23,24.83,21.62,40.6,28.46,15.77,6.83,40.12,10.33,52.4,10.48,12.25,0,36.78-3.82,52.7-10.48,15.92-6.68,29.46-16.23,40.78-28.46,11.29-12.25,20.05-27.04,26.25-44.36,6.22-17.34,9.24-33.22,9.24-54.21,0-20.99-3.34-41.19-10.03-58.36-6.38-17.17-15.14-31.8-26.43-44.03Zm-44.43,163.75c-11.47,15.75-27.56,23.7-48.09,23.7-20.55,0-36.63-7.8-48.1-23.7-11.47-15.75-17.21-34.01-17.21-61.2,0-26.89,5.59-49.14,17.06-64.87,11.45-15.75,27.54-23.52,48.07-23.52,20.55,0,36.63,7.78,48.09,23.52,11.47,15.57,17.36,37.98,17.36,64.87,0,27.19-5.72,45.3-17.19,61.2Z"></path><path class="cls-2" d="M894.42,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"></path><path class="cls-2" d="M2133.97,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"></path><path class="cls-2" d="M1314.05,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-11.79,18.34-19.6,39.64-22.11,62.59-.58,5.3-.88,10.68-.88,16.14s.31,11.15,.93,16.59c4.28,38.09,23.14,71.61,50.66,94.52,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47h0c17.99,0,34.61-5.93,48.16-15.97,16.29-11.58,28.88-28.54,34.48-47.75v50.26h-.11v11.08c0,21.84-5.71,38.27-17.34,49.36-11.61,11.08-31.04,16.63-58.25,16.63-11.12,0-28.79-.59-46.6-2.41-2.83-.29-5.46,1.5-6.27,4.22l-12.78,43.11c-1.02,3.46,1.27,7.02,4.83,7.53,21.52,3.08,42.52,4.68,54.65,4.68,48.91,0,85.16-10.75,108.89-32.21,21.48-19.41,33.15-48.89,35.2-88.52V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,64.1s.65,139.13,0,143.36c-12.08,9.77-27.11,13.59-43.49,14.7-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-1.32,0-2.63-.03-3.94-.1-40.41-2.11-74.52-37.26-74.52-79.38,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33Z"></path><path class="cls-1" d="M249.83,0C113.3,0,2,110.09,.03,246.16c-2,138.19,110.12,252.7,248.33,253.5,42.68,.25,83.79-10.19,120.3-30.03,3.56-1.93,4.11-6.83,1.08-9.51l-23.38-20.72c-4.75-4.21-11.51-5.4-17.36-2.92-25.48,10.84-53.17,16.38-81.71,16.03-111.68-1.37-201.91-94.29-200.13-205.96,1.76-110.26,92-199.41,202.67-199.41h202.69V407.41l-115-102.18c-3.72-3.31-9.42-2.66-12.42,1.31-18.46,24.44-48.53,39.64-81.93,37.34-46.33-3.2-83.87-40.5-87.34-86.81-4.15-55.24,39.63-101.52,94-101.52,49.18,0,89.68,37.85,93.91,85.95,.38,4.28,2.31,8.27,5.52,11.12l29.95,26.55c3.4,3.01,8.79,1.17,9.63-3.3,2.16-11.55,2.92-23.58,2.07-35.92-4.82-70.34-61.8-126.93-132.17-131.26-80.68-4.97-148.13,58.14-150.27,137.25-2.09,77.1,61.08,143.56,138.19,145.26,32.19,.71,62.03-9.41,86.14-26.95l150.26,133.2c6.44,5.71,16.61,1.14,16.61-7.47V9.48C499.66,4.25,495.42,0,490.18,0H249.83Z"></path></svg> </div> </footer> </div> </div> </div> <script type="module"> import LazyLoad from "https://www.skeptic.com/assets/js/lazyload.min.js?v=c33bb3cc20"; window.lazyLoadInstance = new LazyLoad({}); </script> <script> const hamburger = document.getElementById('hamburger'); hamburger.addEventListener('click', ()=>{ //console.log('[+] Hamburger clicked...'); window.dispatchEvent(new CustomEvent('openNoiseMobileMenu', {detail: { action: true} } )); }); const hamburger_sticky = document.getElementById('hamburger-sticky'); hamburger_sticky.addEventListener('click', ()=>{ //console.log('[+] Sticky Hamburger clicked...'); window.dispatchEvent(new CustomEvent('openNoiseMobileMenu', {detail: { action: true} } )); }); document.addEventListener('alpine:init', () => { Alpine.data('mode_switcher', () => ({ switchToMode: document.documentElement.classList.contains('dark') ? 'Light Mode' : 'Dark Mode', init(){ //console.log('[+] Mode Switcher...'); //console.log('[+] Light icon -> ', this.$refs.light_icon); //console.log('[+] Dark icon -> ', this.$refs.dark_icon); this.$nextTick(() => { if (this.$refs.theme_toggle) { if (document.documentElement.classList.contains('dark')) { this.$refs.theme_toggle.classList.remove('theme-toggle--toggled'); } else { this.$refs.theme_toggle.classList.add('theme-toggle--toggled'); } } }); // Observe changes to the HTML class attribute const observer = new MutationObserver(() => { this.updateSwitchToMode(); }); observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'], }); this.updateSwitchToMode(); }, updateSwitchToMode() { if (document.documentElement.classList.contains('dark')) { this.switchToMode = 'Light Mode'; this.$refs.theme_toggle.classList.remove('theme-toggle--toggled'); } else { this.switchToMode = 'Dark Mode'; this.$refs.theme_toggle.classList.add('theme-toggle--toggled'); } }, switch_mode(){ console.log('[+] Switching mode...'); if(document.documentElement.classList.contains('dark')){ this.$refs.theme_toggle.classList.remove('theme-toggle--toggled'); document.documentElement.classList.remove('dark'); document.documentElement.style.backgroundColor = '#FFF5DF'; localStorage.theme = 'light'; }else{ this.$refs.theme_toggle.classList.add('theme-toggle--toggled'); document.documentElement.classList.add('dark'); document.documentElement.style.backgroundColor = '#1F1E1E'; localStorage.theme = 'dark'; } } })) }) </script> <script src="https://cdn.jsdelivr.net/npm/algoliasearch@4.24.0/dist/algoliasearch-lite.umd.js" integrity="sha256-b2n6oSgG4C1stMT/yc/ChGszs9EY/Mhs6oltEjQbFCQ=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/instantsearch.js@4.75.7/dist/instantsearch.production.min.js" integrity="sha256-3y7+f16/MUo6PGqYGwChbFdK8Y4yzcU9V+ErDCwMTAk=" crossorigin="anonymous"></script> <script> document.addEventListener('DOMContentLoaded', function () { const APP_ID = 'K09GIQJKP0'; //Application ID const SEARCH_API_KEY = '367566bee3cfc5d6efd00e399596a515'; //Search-only API key const searchClient = algoliasearch(APP_ID, SEARCH_API_KEY); const customLinksContainer = document.getElementById('algolia-custom-links'); const searchResultsContainer = document.querySelector('.agolia_search_hits'); const search = instantsearch({ indexName: 'skeptic_magazine', searchClient, insights: true, searchFunction(helper) { const query = helper.state.query; //Show custom suggestion links before search if (!query || query.trim() === '') { customLinksContainer.classList.remove('hidden'); searchResultsContainer.classList.add('hidden'); return; }else { customLinksContainer.classList.add('hidden'); searchResultsContainer.classList.remove('hidden'); helper.search(); } }, }); search.addWidgets([ instantsearch.widgets.configure({ hitsPerPage: 20, attributesToSnippet: ['excerpt', 'author'], }), instantsearch.widgets.searchBox({ container: '#searchbox', placeholder: 'Search for anything...', showReset: false, autofocus: false, // Autofocus on load }), instantsearch.widgets.infiniteHits({ container: '#hits', templates: { empty: ({ query }, { html }) => { return html`<div class="text-skeptic-charcoal dark:text-skeptic-foreground-dark pt-5">No results have been found for <span class="text-skeptic-primary">${ query }</span>.</div>` }, item: (hit, { html, components }) => { const authorMarkup = Array.isArray(hit.author) && hit.author.length > 0 ? html` <div class="hit-author group-hover:text-white"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 21 21" fill="none"> <mask id="mask0_5885_18064" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="21"> <rect width="21" height="21" fill="#6F6F6F"/> </mask> <g mask="url(#mask0_5885_18064)"> <path d="M5.11875 14.9625C5.8625 14.3938 6.69375 13.9453 7.6125 13.6172C8.53125 13.2891 9.49375 13.125 10.5 13.125C11.5063 13.125 12.4688 13.2891 13.3875 13.6172C14.3063 13.9453 15.1375 14.3938 15.8812 14.9625C16.3917 14.3646 16.7891 13.6865 17.0734 12.9281C17.3578 12.1698 17.5 11.3604 17.5 10.5C17.5 8.56042 16.8182 6.90885 15.4547 5.54531C14.0911 4.18177 12.4396 3.5 10.5 3.5C8.56042 3.5 6.90885 4.18177 5.54531 5.54531C4.18177 6.90885 3.5 8.56042 3.5 10.5C3.5 11.3604 3.64219 12.1698 3.92656 12.9281C4.21094 13.6865 4.60833 14.3646 5.11875 14.9625ZM10.5 11.375C9.63958 11.375 8.91406 11.0797 8.32344 10.4891C7.73281 9.89844 7.4375 9.17292 7.4375 8.3125C7.4375 7.45208 7.73281 6.72656 8.32344 6.13594C8.91406 5.54531 9.63958 5.25 10.5 5.25C11.3604 5.25 12.0859 5.54531 12.6766 6.13594C13.2672 6.72656 13.5625 7.45208 13.5625 8.3125C13.5625 9.17292 13.2672 9.89844 12.6766 10.4891C12.0859 11.0797 11.3604 11.375 10.5 11.375ZM10.5 19.25C9.28958 19.25 8.15208 19.0203 7.0875 18.5609C6.02292 18.1016 5.09687 17.4781 4.30938 16.6906C3.52187 15.9031 2.89844 14.9771 2.43906 13.9125C1.97969 12.8479 1.75 11.7104 1.75 10.5C1.75 9.28958 1.97969 8.15208 2.43906 7.0875C2.89844 6.02292 3.52187 5.09687 4.30938 4.30938C5.09687 3.52187 6.02292 2.89844 7.0875 2.43906C8.15208 1.97969 9.28958 1.75 10.5 1.75C11.7104 1.75 12.8479 1.97969 13.9125 2.43906C14.9771 2.89844 15.9031 3.52187 16.6906 4.30938C17.4781 5.09687 18.1016 6.02292 18.5609 7.0875C19.0203 8.15208 19.25 9.28958 19.25 10.5C19.25 11.7104 19.0203 12.8479 18.5609 13.9125C18.1016 14.9771 17.4781 15.9031 16.6906 16.6906C15.9031 17.4781 14.9771 18.1016 13.9125 18.5609C12.8479 19.0203 11.7104 19.25 10.5 19.25ZM10.5 17.5C11.2729 17.5 12.0021 17.387 12.6875 17.1609C13.3729 16.9349 14 16.6104 14.5688 16.1875C14 15.7646 13.3729 15.4401 12.6875 15.2141C12.0021 14.988 11.2729 14.875 10.5 14.875C9.72708 14.875 8.99792 14.988 8.3125 15.2141C7.62708 15.4401 7 15.7646 6.43125 16.1875C7 16.6104 7.62708 16.9349 8.3125 17.1609C8.99792 17.387 9.72708 17.5 10.5 17.5ZM10.5 9.625C10.8792 9.625 11.1927 9.50104 11.4406 9.25312C11.6885 9.00521 11.8125 8.69167 11.8125 8.3125C11.8125 7.93333 11.6885 7.61979 11.4406 7.37188C11.1927 7.12396 10.8792 7 10.5 7C10.1208 7 9.80729 7.12396 9.55938 7.37188C9.31146 7.61979 9.1875 7.93333 9.1875 8.3125C9.1875 8.69167 9.31146 9.00521 9.55938 9.25312C9.80729 9.50104 10.1208 9.625 10.5 9.625Z" fill="#6F6F6F"/> </g> </svg> ${components.Snippet({ hit, attribute: 'author' })} </div> ` : ''; let type_icon = ''; if(hit.type != undefined){ switch(hit.type.toLowerCase()){ case 'article': type_icon = html`<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 21 21" fill="none"> <mask id="mask0_5885_18055" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="21"> <rect width="21" height="21" fill="#D9D9D9"/> </mask> <g mask="url(#mask0_5885_18055)"> <path d="M3.67656 17.8484C3.24344 17.8484 2.87266 17.6942 2.56422 17.3858C2.25578 17.0773 2.10156 16.7066 2.10156 16.2734V4.72344C2.10156 4.29031 2.25578 3.91953 2.56422 3.61109C2.87266 3.30266 3.24344 3.14844 3.67656 3.14844H17.3266C17.7597 3.14844 18.1305 3.30266 18.4389 3.61109C18.7473 3.91953 18.9016 4.29031 18.9016 4.72344V16.2734C18.9016 16.7066 18.7473 17.0773 18.4389 17.3858C18.1305 17.6942 17.7597 17.8484 17.3266 17.8484H3.67656ZM3.67656 16.2734H17.3266V4.72344H3.67656V16.2734ZM5.25156 14.1734H15.7516V12.5984H5.25156V14.1734ZM5.25156 11.0234H8.92656V6.29844H5.25156V11.0234ZM10.5016 11.0234H15.7516V9.44844H10.5016V11.0234ZM10.5016 7.87344H15.7516V6.29844H10.5016V7.87344Z" fill="#6F6F6F"/> </g> </svg>`; break; case 'podcast': type_icon = html`<svg xmlns="http://www.w3.org/2000/svg" width="23" height="24" viewBox="0 0 24 25" fill="none"> <mask id="mask0_5885_18138" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="25"> <rect y="0.5" width="24" height="24" fill="#6F6F6F"/> </mask> <g mask="url(#mask0_5885_18138)"> <path d="M9.5 17L16.5 12.5L9.5 8V17ZM4 20.5C3.45 20.5 2.97917 20.3042 2.5875 19.9125C2.19583 19.5208 2 19.05 2 18.5V6.5C2 5.95 2.19583 5.47917 2.5875 5.0875C2.97917 4.69583 3.45 4.5 4 4.5H20C20.55 4.5 21.0208 4.69583 21.4125 5.0875C21.8042 5.47917 22 5.95 22 6.5V18.5C22 19.05 21.8042 19.5208 21.4125 19.9125C21.0208 20.3042 20.55 20.5 20 20.5H4ZM4 18.5H20V6.5H4V18.5Z" fill="#6F6F6F"/> </g> </svg>`; break; case 'page': type_icon = html`<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"> <mask id="mask0_6010_19704" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="21"> <rect x="0.5" y="0.5" width="20" height="20" fill="#6F6F6F"/> </mask> <g mask="url(#mask0_6010_19704)"> <path d="M7.5 15.5H13.5V14H7.5V15.5ZM7.5 12.5H13.5V11H7.5V12.5ZM5.99417 18.5C5.58139 18.5 5.22917 18.3531 4.9375 18.0594C4.64583 17.7656 4.5 17.4125 4.5 17V4C4.5 3.5875 4.64687 3.23438 4.94062 2.94063C5.23437 2.64688 5.5875 2.5 6 2.5H12.5L16.5 6.5V17C16.5 17.4125 16.3531 17.7656 16.0592 18.0594C15.7653 18.3531 15.4119 18.5 14.9992 18.5H5.99417ZM11.5 7.5V4H6V17H15V7.5H11.5Z" fill="#6F6F6F"/> </g> </svg>`; break; case 'event': type_icon = html`<svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 22 21" fill="none"> <mask id="mask0_6020_19879" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="22" height="21"> <rect x="0.5" width="21" height="21" fill="#6F6F6F"/> </mask> <g mask="url(#mask0_6020_19879)"> <path d="M4.875 7H17.125V5.25H4.875V7ZM4.875 19.25C4.39375 19.25 3.98177 19.0786 3.63906 18.7359C3.29635 18.3932 3.125 17.9813 3.125 17.5V5.25C3.125 4.76875 3.29635 4.35677 3.63906 4.01406C3.98177 3.67135 4.39375 3.5 4.875 3.5H5.75V1.75H7.5V3.5H14.5V1.75H16.25V3.5H17.125C17.6063 3.5 18.0182 3.67135 18.3609 4.01406C18.7036 4.35677 18.875 4.76875 18.875 5.25V10.2156C18.5979 10.0844 18.3135 9.975 18.0219 9.8875C17.7302 9.8 17.4312 9.73437 17.125 9.69062V8.75H4.875V17.5H10.3875C10.4896 17.8208 10.6099 18.1271 10.7484 18.4188C10.887 18.7104 11.051 18.9875 11.2406 19.25H4.875ZM16.25 20.125C15.0396 20.125 14.0078 19.6984 13.1547 18.8453C12.3016 17.9922 11.875 16.9604 11.875 15.75C11.875 14.5396 12.3016 13.5078 13.1547 12.6547C14.0078 11.8016 15.0396 11.375 16.25 11.375C17.4604 11.375 18.4922 11.8016 19.3453 12.6547C20.1984 13.5078 20.625 14.5396 20.625 15.75C20.625 16.9604 20.1984 17.9922 19.3453 18.8453C18.4922 19.6984 17.4604 20.125 16.25 20.125ZM17.7156 17.8281L18.3281 17.2156L16.6875 15.575V13.125H15.8125V15.925L17.7156 17.8281Z" fill="#6F6F6F"/> </g> </svg>`; break; case 'magazine': type_icon = html`<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"> <mask id="mask0_6020_19883" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="21"> <rect x="0.5" y="0.5" width="20" height="20" fill="#6F6F6F"/> </mask> <g mask="url(#mask0_6020_19883)"> <path d="M10.5026 17.168C9.83594 16.6402 9.11372 16.2305 8.33594 15.9388C7.55816 15.6471 6.7526 15.5013 5.91927 15.5013C5.33594 15.5013 4.76302 15.5777 4.20052 15.7305C3.63802 15.8832 3.09983 16.0985 2.58594 16.3763C2.29427 16.5291 2.01302 16.5221 1.74219 16.3555C1.47135 16.1888 1.33594 15.9457 1.33594 15.6263V5.58464C1.33594 5.43186 1.37413 5.28602 1.45052 5.14714C1.52691 5.00825 1.64149 4.90408 1.79427 4.83464C2.43316 4.5013 3.09983 4.2513 3.79427 4.08464C4.48872 3.91797 5.19705 3.83464 5.91927 3.83464C6.72483 3.83464 7.51302 3.9388 8.28385 4.14714C9.05469 4.35547 9.79427 4.66797 10.5026 5.08464V15.168C11.2109 14.7235 11.954 14.3902 12.7318 14.168C13.5095 13.9457 14.2943 13.8346 15.0859 13.8346C15.5859 13.8346 16.0755 13.8763 16.5547 13.9596C17.0339 14.043 17.5165 14.168 18.0026 14.3346V4.33464C18.2109 4.40408 18.4158 4.477 18.6172 4.55339C18.8186 4.62977 19.0165 4.72352 19.2109 4.83464C19.3637 4.90408 19.4783 5.00825 19.5547 5.14714C19.6311 5.28602 19.6693 5.43186 19.6693 5.58464V15.6263C19.6693 15.9457 19.5339 16.1888 19.263 16.3555C18.9922 16.5221 18.7109 16.5291 18.4193 16.3763C17.9054 16.0985 17.3672 15.8832 16.8047 15.7305C16.2422 15.5777 15.6693 15.5013 15.0859 15.5013C14.2526 15.5013 13.447 15.6471 12.6693 15.9388C11.8915 16.2305 11.1693 16.6402 10.5026 17.168ZM12.1693 13.0013V5.08464L16.3359 0.917969V9.2513L12.1693 13.0013ZM8.83594 14.3555V6.10547C8.3776 5.91102 7.90191 5.76172 7.40885 5.65755C6.9158 5.55339 6.41927 5.5013 5.91927 5.5013C5.40538 5.5013 4.90538 5.54991 4.41927 5.64714C3.93316 5.74436 3.46094 5.89019 3.0026 6.08464V14.3555C3.48872 14.1749 3.97135 14.043 4.45052 13.9596C4.92969 13.8763 5.41927 13.8346 5.91927 13.8346C6.41927 13.8346 6.90885 13.8763 7.38802 13.9596C7.86719 14.043 8.34983 14.1749 8.83594 14.3555Z" fill="#6F6F6F"/> </g> </svg>`; break; default: type_icon = ''; } } return html` <a href='${hit.url}'> <div class="hit-item"> <div class="hit-title"> ${components.Highlight({ hit, attribute: 'title' })} </div> <div class="hit-description"> ${components.Snippet({ hit, attribute: 'excerpt' })} </div> <div class="flex items-center space-x-7 mt-[--gap-11]"> <div class="hit-type">${type_icon}<span>${hit.type}</span></div> ${authorMarkup} </div> </div> </a> `}, }, }), ]); search.start(); //Init Algolia search }) document.addEventListener('alpine:init', () => { Alpine.data('algolia_box', () => ({ modal_show: false, init(){ console.log('[+] Algolia box init...'); this.$watch('modal_show', (value, oldValue) => { if(value){ document.getElementsByTagName('body')[0].style.overflow = 'hidden'; setTimeout(()=>{document.querySelector('.ais-SearchBox-input').focus();},200); }else{ document.getElementsByTagName('body')[0].style.overflow = ''; } }) } })) }) // Select the header and the sticky menu const skp_header_nav = document.getElementById('skeptic_header'); const skp_stickyMenu = document.getElementById('skp_sticky_menu'); // Create an Intersection Observer with rootMargin for pixel tolerance const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (!entry.isIntersecting) { // Header is out of the viewport, slide in the sticky menu skp_stickyMenu.style.transform = 'translateY(0)'; } else { // Header is in the viewport, hide the sticky menu skp_stickyMenu.style.transform = 'translateY(-100%)'; } }); }, { root: null, // Use the viewport as the root threshold: 0, // Trigger as soon as any part is out rootMargin: '0px 0px -250px 0px' // Add 150px tolerance }); // Start observing the header observer.observe(skp_header_nav); </script> </body> </html>

CINXE.COM

Skeptic