CINXE.COM
The 'Change My Mind' meme is revealing a lot about the internet's strongest beliefs | Mashable
<!doctype html> <html lang="en"> <head> <title>The 'Change My Mind' meme is revealing a lot about the internet's strongest beliefs | Mashable</title> <meta charset="utf-8"> <link rel="canonical" href="https://mashable.com/video/all-the-memes-change-my-mind"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="theme-color" content="#00aeef"> <meta name="application-name" content="Mashable.com"> <meta name="description" content="Pineapple does belong on pizza, SORRY."/> <meta property="fb:app_id" content="122071082108"> <meta property="fb:pages" content="18807449704"/> <meta property="og:site_name" content="Mashable"> <meta property="og:title" content="The 'Change My Mind' meme is revealing a lot about the internet's strongest beliefs"> <meta property="og:url" content="https://mashable.com/video/all-the-memes-change-my-mind"> <meta property="og:description" content="Pineapple does belong on pizza, SORRY."> <meta property="og:image" content="https://helios-i.mashable.com/imagery/videos/05LdvmnJMIJyas3Hvq6EjEP/hero-image.fill.size_1200x675.v1614269994.png"> <meta property="og:image:secure_url" content="https://helios-i.mashable.com/imagery/videos/05LdvmnJMIJyas3Hvq6EjEP/hero-image.fill.size_1200x675.v1614269994.png"> <meta property="og:image:height" content="675"> <meta property="og:image:width" content="1200"> <meta property="og:type" content="article"> <meta property="article:author" content="Francesca Rivera"> <meta property="article:modified_time" content="2022-03-01T17:21:43+00:00"> <meta property="article:published_time" content="2018-03-05T20:30:00+00:00"> <meta property="article:section" content="Life"> <meta property="og:article:tag" content="Photoshop"> <meta property="og:article:tag" content="X/Twitter"> <meta property="og:article:tag" content="Memes"> <meta name="twitter:site" content="@mashable"> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:creator" content="@mashable"> <meta property="twitter:title" content="The 'Change My Mind' meme is revealing a lot about the internet's strongest beliefs"> <meta property="twitter:description" content="Pineapple does belong on pizza, SORRY."> <meta property="twitter:image" content="https://helios-i.mashable.com/imagery/videos/05LdvmnJMIJyas3Hvq6EjEP/hero-image.fill.size_1200x675.v1614269994.png"> <meta name="robots" content="max-image-preview:large"> <link rel="alternate" type="application/rss+xml" title="RSS" href="https://mashable.com/feeds/rss/all"> <link rel="alternate" hreflang="en" href="https://mashable.com/video/all-the-memes-change-my-mind" /> <link rel="alternate" hreflang="en-us" href="https://mashable.com/video/all-the-memes-change-my-mind" /> <link rel="alternate" hreflang="x-default" href="https://mashable.com/video/all-the-memes-change-my-mind" /> <link rel="shortcut icon mask-icon" href="/favicons/favicon.svg" color="#000"> <link rel="icon" type="image/png" href="/favicons/favicon-16x16.png" sizes="16x16"> <link rel="icon" type="image/png" href="/favicons/favicon-32x32.png" sizes="32x32"> <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png"> <link rel="icon" type="image/png" href="/favicons/android-chrome-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/favicons/android-chrome-512x512.png" sizes="512x512"> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","headline":"The 'Change My Mind' meme is revealing a lot about the internet's strongest beliefs","articleBody":"What happens when a troll gets trolled on? Steven Crowder's 'Change My Mind' poster was the perfect slate for a Photoshop war on Twitter — and the memes that came out of it revealed which steadfast topics people just won't change their mind about.","datePublished":"2018-03-05T20:30:00+00:00","publisher":{"@type":"Organization","url":"https:\/\/mashable.com\/","name":"Mashable","logo":{"@type":"ImageObject","url":"https:\/\/mashable.com\/images\/mashable-logomark.png","width":2400,"height":2400},"sameAs":["https:\/\/www.facebook.com\/mashable\/","https:\/\/twitter.com\/mashable","https:\/\/flipboard.com\/@Mashable","https:\/\/www.pinterest.com\/mashable\/","https:\/\/www.youtube.com\/user\/mashable"],"description":"Mashable is a global, multi-platform media and entertainment company.\n Powered by its own proprietary technology, Mashable is the go-to source for tech,\n digital culture and entertainment content for its dedicated and influential audience around the globe.","publishingPrinciples":"https:\/\/mashable.com\/about\/editorial-standards"},"author":[{"@type":"Person","name":"Francesca Rivera","email":"francesca_rivera@ziffdavis.com","url":"https:\/\/mashable.com\/author\/francesca-rivera","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/authors\/01xl8M6U44tGBvz2W3aUkRq\/image.fill.size_1200x675.v1624381005.jpg","width":1200,"height":675},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/authors\/01xl8M6U44tGBvz2W3aUkRq\/image.fill.size_1200x900.v1624381005.jpg","width":1200,"height":900},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/authors\/01xl8M6U44tGBvz2W3aUkRq\/image.fill.size_1200x1200.v1624381005.jpg","width":1200,"height":1200}]}],"image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/videos\/05LdvmnJMIJyas3Hvq6EjEP\/hero-image.fill.size_1200x675.v1614269994.png","width":1200,"height":675},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/videos\/05LdvmnJMIJyas3Hvq6EjEP\/hero-image.fill.size_1200x900.v1614269994.png","width":1200,"height":900},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/videos\/05LdvmnJMIJyas3Hvq6EjEP\/hero-image.fill.size_1200x1200.v1614269994.png","width":1200,"height":1200}],"description":"Pineapple does belong on pizza, SORRY.","mainEntityOfPage":"https:\/\/mashable.com\/video\/all-the-memes-change-my-mind","articleSection":"Life"}</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Organization","url":"https:\/\/mashable.com\/","name":"Mashable","logo":{"@type":"ImageObject","url":"https:\/\/mashable.com\/images\/mashable-logomark.png","width":2400,"height":2400},"sameAs":["https:\/\/www.facebook.com\/mashable\/","https:\/\/twitter.com\/mashable","https:\/\/flipboard.com\/@Mashable","https:\/\/www.pinterest.com\/mashable\/","https:\/\/www.youtube.com\/user\/mashable"],"description":"Mashable is a global, multi-platform media and entertainment company.\n Powered by its own proprietary technology, Mashable is the go-to source for tech,\n digital culture and entertainment content for its dedicated and influential audience around the globe.","publishingPrinciples":"https:\/\/mashable.com\/about\/editorial-standards"}</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mashable.com"},{"@type":"ListItem","position":2,"name":"Life","item":"https:\/\/mashable.com\/life"},{"@type":"ListItem","position":3,"name":"Digital Culture","item":"https:\/\/mashable.com\/category\/digital-culture"}]}</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"VideoObject","name":"The 'Change My Mind' meme is revealing a lot about the internet's strongest beliefs","description":"Pineapple does belong on pizza, SORRY.","uploadDate":"2018-03-05T20:30:00+00:00","thumbnailUrl":"https:\/\/helios-i.mashable.com\/imagery\/videos\/05LdvmnJMIJyas3Hvq6EjEP\/hero-image.fill.size_1200x675.v1614269994.png","contentUrl":"https:\/\/youtube.com\/watch?v=q7UYzRrmnys"}</script> <link rel="preconnect" href="//cdn.ziffstatic.com"> <link rel="preconnect" href="//www.googletagmanager.com"> <link rel="preload" href="/css/app.css?id=6270d11be6c64d4dc4b2f66186bf2ae9" as="style"> <link rel="preload" href="/fonts/Outfit.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" as="image" imagesrcset="https://helios-i.mashable.com/imagery/videos/05LdvmnJMIJyas3Hvq6EjEP/hero-image.fill.size_400x225.v1614269994.png 400w, https://helios-i.mashable.com/imagery/videos/05LdvmnJMIJyas3Hvq6EjEP/hero-image.fill.size_800x450.v1614269994.png 800w, https://helios-i.mashable.com/imagery/videos/05LdvmnJMIJyas3Hvq6EjEP/hero-image.fill.size_1248x702.v1614269994.png 1600w" imagesizes="(max-width: 1280px) 100vw, 1280px" > <link rel="manifest" href="/manifest.json" crossorigin="use-credentials"> <link rel="stylesheet" href="/css/app.css?id=6270d11be6c64d4dc4b2f66186bf2ae9"> <link rel="preload" href="https://g.mashable.com/mashable.js?url=https%3A%2F%2Fmashable.com%2Fvideo%2Fall-the-memes-change-my-mind" as="script"> <script type="text/javascript" src="https://g.mashable.com/mashable.js?url=https%3A%2F%2Fmashable.com%2Fvideo%2Fall-the-memes-change-my-mind" defer></script> <link rel="preload" as="image" href="/images/icons/spritemap.svg"> <link rel="preload" href="https://cdn.ziffstatic.com/jst/zdconsent.js" as="script"> <script type="text/javascript" src="https://cdn.ziffstatic.com/jst/zdconsent.js" defer></script> <link rel="preload" href="https://cdn.static.zdbb.net/js/z0WVjCBSEeGLoxIxOQVEwQ.min.js" as="script"> <script type="text/javascript" src="https://cdn.static.zdbb.net/js/z0WVjCBSEeGLoxIxOQVEwQ.min.js" defer></script> <script src="/js/ga-session.js?id=a369edb1387d56de7a50d35b4d472e18"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-BPBF083TYP"></script> <script> window.globalGAInfo = {"page_view_type":"Standard","template":"video","content_type":"VideoHub","split_test_identifier":null,"split_test_variant":null,"object_uuid":"05LdvmnJMIJyas3Hvq6EjEP","object_type":"video","title":"The \u0027Change My Mind\u0027 meme is revealing a lot about the internet\u0027s strongest beliefs","canonical_url":"https:\/\/mashable.com\/video\/all-the-memes-change-my-mind","full_published_date":"03\/05\/2018","original_published_date":"03\/05\/2018","channel_name":"Life","job_function":"Fun\/Entertaining","level_of_effort":"Multi-day","story_flags":"","content_source_name":"Internal","video_show_name":"","content_source_type":"Internal","author_name":"Mashable Studios","day_published":5,"month_published":3,"year_published":2018,"days_since_updated":2454,"weeks_since_updated":350,"days_since_originally_published":2454,"weeks_since_originally_published":350,"categories":"Digital Culture","sections":"Life,Digital Culture","tags":"photoshop,twitter,memes","post_lead_type":"YouTube Video Lead"}; window.globalGAInfo.page_path = window.location.pathname; window.dataLayer = window.dataLayer || []; gtag = window.gtag = function(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-BPBF083TYP',{ 'send_page_view': false, 'session': cookies.get('session'), template: window.globalGAInfo.template || null, split_test_identifier: window.globalGAInfo.split_test_identifier || null, split_test_variant: window.globalGAInfo.split_test_variant || null, ad_block: window.adblock ? 'Blocked' : 'NotBlocked' }); if (typeof window._ziffIntlGeoRedirect === 'undefined') { if(window.globalGAInfo.template === 'article' || window.globalGAInfo.template === 'deals' || window.globalGAInfo.template === 'comparison' || window.globalGAInfo.template === 'longform' || window.globalGAInfo.template === 'viral_video' || window.globalGAInfo.template === 'review' || window.globalGAInfo.template === 'roundup' || window.globalGAInfo.template === 'video' || window.globalGAInfo.template === 'gift_guide' || window.globalGAInfo.template === 'live_blog') { gtag('event', 'page_view', { author: window.globalGAInfo.author_name || null, categories: window.globalGAInfo.categories || null, channel_name: window.globalGAInfo.channel_name || null, content_lead_type: window.globalGAInfo.post_lead_type || null, content_source_name: window.globalGAInfo.content_source_name || null, content_source_type: window.globalGAInfo.content_source_type || null, day_published: window.globalGAInfo.day_published || null, days_since_originally_published: window.globalGAInfo.days_since_originally_published || null, days_since_updated: window.globalGAInfo.days_since_updated || null, first_published_at: window.globalGAInfo.original_published_date || null, focus_keyword: window.globalGAInfo.focus_keyword || null, job_function: window.globalGAInfo.job_function || null, level_of_effort: window.globalGAInfo.level_of_effort || null, linked_phrases: window.linked_phrases || null, month_published: window.globalGAInfo.month_published || null, object_type: window.globalGAInfo.object_type || null, object_uuid: window.globalGAInfo.object_uuid || null, pageview_type: window.globalGAInfo.page_view_type || null, published_at: window.globalGAInfo.full_published_date || null, revenue_page_type: window.globalGAInfo.revenue_page_type || null, story_flags: window.globalGAInfo.story_flags || null, tags: window.globalGAInfo.tags || null, video_show_name: window.globalGAInfo.video_show_name || null, weeks_since_originally_published: window.globalGAInfo.weeks_since_originally_published || null, weeks_since_updated: window.globalGAInfo.weeks_since_updated || null, year_published: window.globalGAInfo.year_published || null, }); } else { gtag('event', 'page_view'); } } </script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-MN78SWW');</script> <script type='text/javascript'> (function() { let sections = ''; if (window.globalGAInfo.sections) { sections = window.globalGAInfo.sections.split(',').map(item => 'Category - ' + item.trim()).join(','); } //Adding tags into sections with "Tag - " prefix for chartbeat reporting if (window.globalGAInfo.tags) { sections += (sections !== '' ? ',' : '') + window.globalGAInfo.tags.split(',').map(item => 'Tag - ' + item.trim()).join(','); } if (window.globalGAInfo.content_type) { sections += (sections !== '' ? ',' : '') + 'Content Type - ' + window.globalGAInfo.content_type; } var _sf_async_config = window._sf_async_config = (window._sf_async_config || {}); /** CONFIGURATION START **/ _sf_async_config.uid = 65789; _sf_async_config.domain = 'mashable.com'; _sf_async_config.useCanonical = true; _sf_async_config.useCanonicalDomain = true; _sf_async_config.sections = sections; _sf_async_config.authors = window.globalGAInfo.author_name || ''; _sf_async_config.type = window.globalGAInfo.content_type || ''; /** CONFIGURATION END **/ function loadChartbeat() { var e = document.createElement('script'); var n = document.getElementsByTagName('script')[0]; e.type = 'text/javascript'; e.async = true; e.src = '//static.chartbeat.com/js/chartbeat_video.js'; n.parentNode.insertBefore(e, n); } loadChartbeat(); })(); </script> <script> var facebookPixelLoaded = false; window.addEventListener('load', function(){ document.addEventListener('scroll', facebookPixelScript); document.addEventListener('mousemove', facebookPixelScript); }) function facebookPixelScript() { if (!facebookPixelLoaded) { facebookPixelLoaded = true; document.removeEventListener('scroll', facebookPixelScript); document.removeEventListener('mousemove', facebookPixelScript); !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','//connect.facebook.net/en_US/fbevents.js'); fbq('init', '1453039084979896'); fbq('track', "PageView"); } } </script> <script type="text/javascript" id="pogo" src="https://cdn.ziffstatic.com/pg/mashable.js" async></script> <link rel="preload" as="script" href="https://cdn.ziffstatic.com/pg/mashable.js"> <link rel="preload" as="script" href="https://cdn.ziffstatic.com/pg/mashable.prebid.js"> <link rel="preload" as="style" href="https://cdn.ziffstatic.com/pg/mashable.css" onload="this.onload=null;this.rel='stylesheet'"> <link rel="preload" as="script" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js"> <script type="text/javascript" src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" async></script> <script> window.PogoConfig = { "template": "video", "category": "life", "tags": ["digital-culture","photoshop","twitter","memes"], } </script> <!-- Start BounceX tag. Deploy at the document head. --> <script> (function(d) { var bounceExchangeLoaded = false; window.addEventListener('load', function(){ document.addEventListener('scroll', bounceExchangeScript); document.addEventListener('mousemove', bounceExchangeScript); }) function bounceExchangeScript() { if (!bounceExchangeLoaded) { bounceExchangeLoaded = true; document.removeEventListener('scroll', bounceExchangeScript); document.removeEventListener('mousemove', bounceExchangeScript); var e = d.createElement('script'); e.src = d.location.protocol + '//tag.bounceexchange.com/3441/i.js'; e.async = true; d.getElementsByTagName("head")[0].appendChild(e); } } }(document)); </script> <!-- End BounceX tag --> <script src="https://cdn.p-n.io/pushly-sdk.min.js?domain_key=TXpY3X8ls7A4Zbp78hzgCks4F8YHWBaGK9tn" async></script> <script> var PushlySDK = window.PushlySDK || []; function pushly() { PushlySDK.push(arguments) } pushly('load', { domainKey: 'TXpY3X8ls7A4Zbp78hzgCks4F8YHWBaGK9tn', sw: '/js/pushly-sdk-worker.js', }); pushly('on_prompt_shown', function() { if (window.gtag) { gtag('event', 'Pushly_on_prompt_shown', { 'event_category': 'impressions', 'event_label': 'Pushly_on_prompt_shown' }); } }); pushly('on_permission_allowed', function() { if (window.gtag) { gtag('event', 'Pushly_on_permission_allowed', { 'event_category': 'clicks', 'event_label': 'Pushly_on_permission_allowed' }); } }); </script> <style> * .pogoPgWrap { transition: all .01s ease; } @font-face{font-display:optional;font-family:outfit;font-weight:100 800;src:url(/fonts/Outfit.woff2) format("woff2")} </style> <script async src="https://launcher.spot.im/spot/sp_oHE136vk"></script> </head> <body class=""> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MN78SWW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <nav x-data="{navOpen: false}" class="top-0 z-30 py-3 w-full bg-white border-b-2 border-primary-400" data-ga-module="global_nav"> <div class="flex relative justify-between items-center px-4 pl-3 mx-auto max-w-8xl"> <button @click="navOpen = true; $nextTick(() => $refs.firstMenuItem.focus());" class="flex-shrink px-2" aria-label="Menu"> <svg class="inline-block w-7 h-7 fill-current"><use href="/images/icons/spritemap.svg#sprite-hamburger"></use></svg> </button> <a href="https://mashable.com" class="flex items-center mr-8 w-full xl:w-auto" aria-label="Home" data-ga-click data-ga-element="navigation_logo" data-ga-action="navigation_logo" data-ga-item="logo"> <div x-data="{animate: false, reverse: false}" x-init="setTimeout(() => animate = true, 1000)"> <svg x-ref="wordmark" id="mashable-wordmark-animated" class="inline-block -mb-3 w-40 h-11 fill-current hover:fill-secondary-100" :class="{ 'animate': animate, 'animate-reverse': reverse }" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2200 650" shape-rendering="geometricPrecision" text-rendering="geometricPrecision"><style><![CDATA[.animate #euSMf1FbiNs11_to{animation:euSMf1FbiNs11_to__to 1s linear 1 normal forwards}.animate-reverse #euSMf1FbiNs11_to{animation:euSMf1FbiNs11_to__back 1s linear 1 normal forwards}@keyframes euSMf1FbiNs11_to__to{0%{transform:translate(2326.395841px,218.229656px)}45%{transform:translate(2326.395841px,218.229656px)}73%{transform:translate(662.384075px,215.434656px)}100%{transform:translate(662.384075px,215.434656px)}}@keyframes euSMf1FbiNs11_to__back{0%{transform:translate(662.384075px,215.434656px)}45%{transform:translate(662.384075px,215.434656px)}73%{transform:translate(2326.395841px,218.229656px)}100%{transform:translate(2326.395841px,218.229656px)}}.animate #euSMf1FbiNs15_to{animation:euSMf1FbiNs15_to__to 1s linear 1 normal forwards}.animate-reverse #euSMf1FbiNs15_to{animation:euSMf1FbiNs15_to__back 1s linear 1 normal forwards}@keyframes euSMf1FbiNs15_to__to{0%{transform:translate(144.277373px,1260.854733px)}41%{transform:translate(144.277373px,331.868153px)}100%{transform:translate(144.277373px,331.868153px)}}@keyframes euSMf1FbiNs15_to__back{0%{transform:translate(144.277373px,331.868153px)}41%{transform:translate(144.277373px,331.868153px)}100%{transform:translate(144.277373px,1260.854733px)}}.animate #euSMf1FbiNs19_to{animation:euSMf1FbiNs19_to__to 1s linear 1 normal forwards}.animate-reverse #euSMf1FbiNs19_to{animation:euSMf1FbiNs19_to__back 1s linear 1 normal forwards}@keyframes euSMf1FbiNs19_to__to{0%{transform:translate(144.277373px,1003.724046px)}60%{transform:translate(144.277373px,1003.724046px)}80%{transform:translate(145.277373px,766.938989px)}100%{transform:translate(145.277373px,766.938989px)}}@keyframes euSMf1FbiNs19_to__back{0%{transform:translate(145.277373px,766.938989px)}60%{transform:translate(145.277373px,766.938989px)}80%{transform:translate(144.277373px,1003.724046px)}100%{transform:translate(144.277373px,1003.724046px)}}.animate #euSMf1FbiNs22_to{animation:euSMf1FbiNs22_to__to 1s linear 1 normal forwards}.animate-reverse #euSMf1FbiNs22_to{animation:euSMf1FbiNs22_to__back 1s linear 1 normal forwards}@keyframes euSMf1FbiNs22_to__to{0%{transform:translate(5474.895347px,1202.280706px)}60%{transform:translate(5474.895347px,1202.280706px)}90%{transform:translate(13.364022px,1202.286993px)}100%{transform:translate(13.364022px,1202.286993px)}}@keyframes euSMf1FbiNs22_to__back{0%{transform:translate(13.364022px,1202.286993px)}60%{transform:translate(13.364022px,1202.286993px)}90%{transform:translate(5474.895347px,1202.280706px)}100%{transform:translate(5474.895347px,1202.280706px)}}]]></style><g id="euSMf1FbiNs2" transform="matrix(1 0 0 1 327.55203400000028 85.59466518500005)"><polygon id="euSMf1FbiNs3" points="221.679659,0.620000 221.679659,0.669994 221.589769,0.620000 143.495006,136.034612 65.410231,0.620000 65.320341,0.669994 65.320341,0.620000 0,0.620000 0,264.620000 65.320341,264.620000 65.320341,131.265154 119.594153,225.374460 119.594153,225.374460 129.252375,242.112558 157.747625,242.112558 170.312302,220.325034 221.679659,131.265154 221.679659,264.620000 287,264.620000 287,0.620000 221.679659,0.620000" fill="currentColor" stroke="none" stroke-width="1"/><path id="euSMf1FbiNs4" d="M442.390000,897.214899C442.390000,839.553909,481.940898,800.570000,521.811158,800.570000C549.465848,800.570000,567.150479,814.747785,577.439900,829.245519L583.867046,805.729194L642.390000,805.729194L642.390000,987.410806L583.867046,987.410806L577.439900,963.894481C567.150479,978.392215,549.495788,992.570000,521.811158,992.570000C481.920938,992.570000,442.390000,953.586091,442.390000,897.214899ZM574.545689,896.574999C574.545689,876.578124,562.010758,861.780436,543.677425,861.780436C524.715349,861.780436,511.841098,877.887919,511.841098,896.574999C511.841098,915.901979,524.705369,931.359564,543.677425,931.359564C562.010758,931.359564,574.545689,916.541879,574.545689,896.574999Z" transform="matrix(1 0 0 1 -127.05000000000000 -727.75999999999999)" fill="currentColor" stroke="none" stroke-width="1"/><path id="euSMf1FbiNs5" d="M812.223369,813.460670L812.223369,868.883557C799.336738,861.473171,775.822886,855.002834,755.848108,855.002834C744.261137,855.002834,738.132739,857.262952,738.132739,861.773187C738.132739,866.283422,744.581053,869.183573,762.296422,873.053774C793.538254,879.814126,825.110000,891.054712,825.110000,930.406761C825.110000,968.408741,795.117841,992.590000,740.712065,992.590000C712.719383,992.590000,689.825369,986.149665,674.359412,977.769228L674.359412,918.176124C690.785118,929.176697,710.759895,938.177166,737.492906,938.177166C751.019370,938.177166,758.747350,935.917048,758.747350,930.766780C758.747350,924.966478,749.089875,923.036377,727.185601,917.236075C699.192919,909.825689,672.110000,896.294985,672.110000,862.133205C672.110000,826.691359,701.102420,800.590000,752.628949,800.590000C774.213306,800.569999,797.077329,805.410251,812.223369,813.460670Z" transform="matrix(1 0 0 1 -127.05000000000000 -727.75999999999999)" fill="currentColor" stroke="none" stroke-width="1"/><path id="euSMf1FbiNs6" d="M920.501202,819.668695L920.822692,819.668695C930.869277,809.056557,947.697307,800.379339,967.438845,800.379339C1005.957451,800.379339,1030.230000,823.837750,1030.230000,864.650596L1030.230000,986.760000L960.968845,986.760000L960.968845,882.643356C960.968845,867.862164,954.488798,861.439028,941.880334,861.439028C928.608796,861.439028,920.511248,870.116246,920.511248,881.685870L920.511248,986.760000L851.230000,986.760000L851.230000,727.760000L920.501202,727.760000Z" transform="matrix(1 0 0 1 -127.05000000000000 -727.75999999999999)" fill="currentColor" stroke="none" stroke-width="1"/><path id="euSMf1FbiNs7" d="M1053.890000,897.214899C1053.890000,839.553909,1093.440898,800.570000,1133.311158,800.570000C1160.955868,800.570000,1178.650479,814.747785,1188.939900,829.245519L1195.367046,805.729194L1253.890000,805.729194L1253.890000,987.410806L1195.367046,987.410806L1188.939900,963.894481C1178.650479,978.392215,1160.995788,992.570000,1133.311158,992.570000C1093.440898,992.570000,1053.890000,953.586091,1053.890000,897.214899ZM1186.045689,896.574999C1186.045689,876.578124,1173.500778,861.780436,1155.177425,861.780436C1136.215349,861.780436,1123.341098,877.887919,1123.341098,896.574999C1123.341098,915.901979,1136.205369,931.359564,1155.177425,931.359564C1173.500778,931.359564,1186.045689,916.541879,1186.045689,896.574999Z" transform="matrix(1 0 0 1 -127.05000000000000 -727.75999999999999)" fill="currentColor" stroke="none" stroke-width="1"/><path id="euSMf1FbiNs8" d="M1357.242375,827.972530C1367.531796,812.559819,1388.759341,800.347289,1411.264331,800.347289C1453.060739,800.347289,1488.430000,837.931972,1488.430000,896.053644C1488.430000,954.175317,1449.847166,991.760000,1408.050758,991.760000C1381.683493,991.760000,1363.679501,977.623374,1353.380100,963.167726L1346.952954,986.615783L1288.430000,986.615783L1288.430000,727.760000L1357.292275,727.760000ZM1356.603653,896.073583C1356.603653,916.311490,1369.138583,930.757168,1387.471916,930.757168C1406.114631,930.757168,1418.978902,915.663478,1418.978902,896.392605C1418.978902,877.450722,1406.114631,861.380029,1387.142575,861.380029C1369.138583,861.380029,1356.603653,876.154698,1356.603653,896.073583Z" transform="matrix(1 0 0 1 -127.05000000000000 -727.75999999999999)" fill="currentColor" stroke="none" stroke-width="1"/><path id="euSMf1FbiNs9" d="M1514.920000,727.760000L1583.920000,727.760000L1583.920000,986.760000L1514.920000,986.760000Z" transform="matrix(1 0 0 1 -127.05000000000000 -727.75999999999999)" fill="currentColor" stroke="none" stroke-width="1"/><path id="euSMf1FbiNs10" d="M1789.715993,914.612181L1676.080565,914.612181C1684.748180,932.009463,1704.653808,940.058205,1726.163442,940.058205C1745.740298,940.058205,1763.075529,933.619211,1779.125562,926.530319L1779.125562,979.042114C1760.505132,988.040708,1739.274456,992.570000,1716.529437,992.570000C1647.198476,992.570000,1609.320000,951.656393,1609.320000,896.894949C1609.320000,840.193809,1649.768872,800.570000,1703.368610,800.570000C1751.837517,800.570000,1791.320000,832.784966,1791.320000,893.675452C1791.329416,900.685633,1790.793115,907.685839,1789.715993,914.612181ZM1726.482251,876.618117C1726.163442,864.060080,1717.814635,853.101792,1703.049801,853.101792C1689.570164,853.101792,1678.332152,862.100386,1673.520131,876.618117Z" transform="matrix(1 0 0 1 -127.05000000000000 -727.75999999999999)" fill="currentColor" stroke="none" stroke-width="1"/></g><g id="euSMf1FbiNs11_to" transform="translate(2326.395841,218.229656)"><polygon id="euSMf1FbiNs11" points="2994.404278,1003.400000 1373.292899,1003.400000 1167.283721,1164.601894 916.220000,1387.164859 2994.404278,1387.164859 2994.404278,1003.400000" transform="scale(0.922440,0.922440) translate(-1188.489990,-1195.614990)" fill="rgb(255,255,255)" stroke="none" stroke-width="1"/></g><g id="euSMf1FbiNs12" transform="matrix(1 0 0 1 0 -4)" mask="url(#euSMf1FbiNs14)"><polygon id="euSMf1FbiNs13" points="-0.124694,383.594023 0.000007,787.553039 0.000007,842.876599 0.000007,1388.080235 457.526979,1383.558047 457.526979,628.534061 457.526979,573.210501 458.403224,0 -0.124694,383.594023" transform="matrix(0.44272113509609 0 0 0.43153125079610 43.00491365445770 18.64549964827933)" fill="currentColor" stroke="none" stroke-width="1"/><mask id="euSMf1FbiNs14" mask-type="alpha"><g id="euSMf1FbiNs15_to" transform="translate(144.277373,1260.854733)"><polygon id="euSMf1FbiNs15" points="-0.124694,383.429007 -0.000073,787.214245 -0.000073,842.514006 -0.000073,1387.483103 452.947836,1385.590461 457.231375,628.263675 457.231375,572.963914 458.107053,0 -0.124694,383.429007" transform="scale(0.938390,0.938390) translate(-228.750000,-725.840023)" fill="currentColor" stroke="none" stroke-width="1"/></g></mask></g><g id="euSMf1FbiNs16" transform="matrix(1 0 0 1 0 -4)" mask="url(#euSMf1FbiNs18)"><polygon id="euSMf1FbiNs17" points="-0.124694,383.160079 -0.000226,786.662112 -0.000226,841.923087 3.273209,1314.095486 489.720027,1314.095486 486.446592,1026.057228 456.669898,572.562051 457.544501,0 -0.124694,383.160079" transform="matrix(0.44299752680467 0 0 0.45278292652264 42.94168905111819 3.22018284927219)" fill="rgb(255,255,255)" stroke="none" stroke-width="1"/><mask id="euSMf1FbiNs18" mask-type="alpha"><g id="euSMf1FbiNs19_to" transform="translate(144.277373,1003.724046)"><polygon id="euSMf1FbiNs19" points="-0.124694,383.022539 -0.000070,786.379730 -0.000070,841.620869 -0.000070,1386.012253 452.957811,1384.121616 457.241445,627.597662 457.241445,572.356523 458.117142,0 -0.124694,383.022539" transform="scale(0.442998,0.442998) translate(-228.750000,-725.840023)" fill="rgb(0,0,0)" stroke="none" stroke-width="1"/></g></mask></g><g id="euSMf1FbiNs20" transform="matrix(0.44964075354686 0 0 0.44964075354686 -85.59085363638468 -7.93672154314413)"><g id="euSMf1FbiNs21" mask="url(#euSMf1FbiNs35)"><g id="euSMf1FbiNs22_to" transform="translate(5474.895347,1202.280706)"><g id="euSMf1FbiNs22" transform="translate(-1027.768089,-1215.630979)"><polygon id="euSMf1FbiNs23" points="632.859436,1003.400000 545.466598,1003.400000 87.980000,1388.151601 174.242154,1388.151601 632.859436,1003.400000" transform="matrix(1 0 0 1 1278.41180423626361 20.01597926568184)" fill="currentColor" stroke="none" stroke-width="1"/><polygon id="euSMf1FbiNs24" points="632.859436,1003.400000 545.466598,1003.400000 87.980000,1388.151601 174.242154,1388.151601 632.859436,1003.400000" transform="matrix(1 0 0 1 279.34607797268734 20.01597926568184)" fill="currentColor" stroke="none" stroke-width="1"/><polygon id="euSMf1FbiNs25" points="797.209436,1003.400000 709.824999,1003.400000 252.330000,1388.151601 338.593738,1388.151601 797.209436,1003.400000" transform="matrix(1 0 0 1 1278.41180423626383 20.01597926568184)" fill="currentColor" stroke="none" stroke-width="1"/><polygon id="euSMf1FbiNs26" points="797.209436,1003.400000 709.824999,1003.400000 252.330000,1388.151601 338.593738,1388.151601 797.209436,1003.400000" transform="matrix(1 0 0 1 279.34607797268734 20.01597926568184)" fill="currentColor" stroke="none" stroke-width="1"/><polygon id="euSMf1FbiNs27" points="963.879436,1003.400000 876.494999,1003.400000 419,1388.151601 505.263738,1388.151601 963.879436,1003.400000" transform="matrix(1 0 0 1 1278.41180423626383 20.01597926568184)" fill="currentColor" stroke="none" stroke-width="1"/><polygon id="euSMf1FbiNs28" points="963.879436,1003.400000 876.494999,1003.400000 419,1388.151601 505.263738,1388.151601 963.879436,1003.400000" transform="matrix(1 0 0 1 279.34607797268734 20.01597926568184)" fill="currentColor" stroke="none" stroke-width="1"/><polygon id="euSMf1FbiNs29" points="1128.219436,1003.400000 1040.834999,1003.400000 583.340000,1388.151601 669.603738,1388.151601 1128.219436,1003.400000" transform="matrix(1 0 0 1 1277.96797339258319 22.59894977233307)" fill="currentColor" stroke="none" stroke-width="1"/><polygon id="euSMf1FbiNs30" points="1128.219436,1003.400000 1040.834999,1003.400000 583.340000,1388.151601 669.603738,1388.151601 1128.219436,1003.400000" transform="matrix(1 0 0 1 278.90224712900635 22.59894977233307)" fill="currentColor" stroke="none" stroke-width="1"/><polygon id="euSMf1FbiNs31" points="1296.749436,1003.400000 1209.356598,1003.400000 751.870000,1388.151601 838.132154,1388.151601 1296.749436,1003.400000" transform="matrix(1 0 0 1 1278.41180423626565 20.01597926568184)" fill="currentColor" stroke="none" stroke-width="1"/><polygon id="euSMf1FbiNs32" points="1296.749436,1003.400000 1209.356598,1003.400000 751.870000,1388.151601 838.132154,1388.151601 1296.749436,1003.400000" transform="matrix(1 0 0 1 279.34607797268723 20.01597926568184)" fill="currentColor" stroke="none" stroke-width="1"/><polygon id="euSMf1FbiNs33" points="1461.099436,1003.400000 1373.714999,1003.400000 916.220000,1388.151601 1002.483738,1388.151601 1461.099436,1003.400000" transform="matrix(1 0 0 1 1278.41180423626429 20.01597926568184)" fill="currentColor" stroke="none" stroke-width="1"/><polygon id="euSMf1FbiNs34" points="1461.099436,1003.400000 1373.714999,1003.400000 916.220000,1388.151601 1002.483738,1388.151601 1461.099436,1003.400000" transform="matrix(1 0 0 1 279.34607797268723 20.01597926568184)" fill="currentColor" stroke="none" stroke-width="1"/></g></g><mask id="euSMf1FbiNs35" mask-type="alpha"><rect id="euSMf1FbiNs36" width="668.168909" height="172.855395" rx="0" ry="0" transform="matrix(6.63914743458407 0 0 3.36734374316499 306.31173456484885 871.81575675521890)" fill="rgb(210,219,237)" stroke="none" stroke-width="0"/></mask></g></g><polygon id="euSMf1FbiNs37" points="221.679659,0.620000 221.679659,0.669994 221.589769,0.620000 143.495006,136.034612 65.410231,0.620000 65.320341,0.669994 65.320341,0.620000 0,0.620000 0,264.620000 65.320341,264.620000 65.320341,131.265154 119.594153,225.374460 119.594153,225.374460 129.252375,242.112558 157.747625,242.112558 170.312302,220.325034 221.679659,131.265154 221.679659,264.620000 287,264.620000 287,0.620000 221.679659,0.620000" transform="matrix(1 0 0 1 327.55203400000005 85.78466519499989)" fill="currentColor" stroke="none" stroke-width="1"/></svg> </div> </a> <div class="flex hidden flex-grow items-center space-x-6 text-sm font-semibold tracking-wide xl:block" data-ga-element="navigation_link" data-ga-action="navigation_link" data-ga-item="title"> <a href="/category/black-friday" class="text-secondary-300 hover:text-primary-400" data-ga-click data-ga-label="$text">Black Friday</a> <a href="/gift-lab" class="text-secondary-300 hover:text-primary-400" data-ga-click data-ga-label="$text">Gift Lab</a> <a href="https://mashable.com/tech" data-ga-click data-ga-label="$text">Tech</a> <a href="https://mashable.com/science" data-ga-click data-ga-label="$text">Science</a> <a href="https://mashable.com/life" data-ga-click data-ga-label="$text">Life</a> <a href="https://mashable.com/category/social-good" data-ga-click data-ga-label="$text">Social Good</a> <a href="https://mashable.com/entertainment" data-ga-click data-ga-label="$text">Entertainment</a> <a href="https://mashable.com/deals" data-ga-click data-ga-label="$text">Deals</a> <a href="https://mashable.com/shopping" data-ga-click data-ga-label="$text">Shopping</a> <a href="https://games.mashable.com/" data-ga-click data-ga-label="$text" target="_blank">Games</a> </div> <div x-data="window.navSearch()" x-init="init('prod_site_search_autocomplete')" @click="searchOpen = true" @click.outside="searchOpen = false" class="absolute right-0 py-3 mx-4 lg:py-2 lg:mx-4 lg:max-w-xs xl:max-w-sm lg:min-w-20" :class="{ 'mx-0 bg-white ': searchOpen }"> <div class="relative cursor-pointer"> <input x-ref="searchInput" x-model="query" x-on:input='evt=>query=evt.target.value' x-on:keyup="onKeyUp" x-on:keydown="onKeyDown" :class="{ 'visible': searchOpen, 'invisible': !searchOpen }" aria-label="Search Mashable Content" placeholder="Search" class="invisible py-1 pr-2 pl-8 w-full text-sm lg:border focus:outline-none lg:focus:border-gray-400"> <svg x-cloak x-show="searchOpen" class="inline-block absolute top-0 left-0 mt-2 ml-2 w-4 h-4 fill-current"><use href="/images/icons/spritemap.svg#sprite-search-solid"></use></svg> <div x-cloak x-show="!searchOpen" class="flex absolute top-1 flex-row justify-between py-1 w-full"> <div class="flex absolute top-0 flex-row justify-between py-0.5 w-full"> <div class="flex flex-row justify-end items-center w-full"> <button class="flex" aria-label="Search"><svg class="inline-block ml-2 w-4 h-4 fill-current"><use href="/images/icons/spritemap.svg#sprite-search-solid"></use></svg></button> <span x-cloak x-show="!searchOpen" class="hidden ml-2 text-sm text-base font-semibold lg:block">Search</span> </div> </div> <button x-cloak x-show="searchOpen" @click.stop="searchOpen = false" class="inline-block absolute right-2 text-sm font-semibold lg:hidden">Cancel</button> </div> <div x-cloak x-show="searchOpen" class="absolute z-40 w-full bg-white shadow"> <template x-for="[key, value] in Object.entries(results)" :key="key" hidden> <ul class="my-2" x-show="value && value.length > 0"> <li class="py-2 pr-5 pl-8 text-sm text-gray-600" x-text="key + ':'"></li> <template x-for="(item, index) in value" :key="index" hidden> <li class="" :class="{'bg-gray-100': index + '-' + key === selectedIndex}" @mouseenter="selectedIndex = index + '-' + key" > <a class="block py-2 pr-5 pl-8 leading-tight no-underline break-words cursor-pointer transition-bg" :href="item.url" :name="item.title" x-html="item.title" > Search Result </a> </li> </template> <hr class="my-4 mr-5 ml-8 border border-gray-100 border-1"> </ul> </template> </div> </div> </div> </div> <div x-show="navOpen" x-trap="navOpen" x-cloak @click.outside="navOpen = false" x-transition:enter="transition duration-300 ease-out" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-1" x-transition:leave="transition duration-300 ease-out" x-transition:leave-end="opacity-0" class="flex fixed top-0 z-30 flex-col w-screen h-screen bg-white shadow-md" style="max-width:400px"> <div class="flex relative px-4 mt-4"> <button @click="navOpen = false" x-ref="firstMenuItem" class="absolute" aria-label="Close"> <svg class="inline-block w-6 h-6 fill-current"><use href="/images/icons/spritemap.svg#sprite-times-solid"></use></svg> </button> <div class="relative flex-shrink mx-auto text-center text-primary-400"> <svg class="inline-block w-6 h-6 opacity-0 fill-current"><use href="/images/icons/spritemap.svg#sprite-mashable-m"></use></svg> <svg class="absolute top-0 left-0 -mt-1 -ml-5 w-12 h-12 fill-current"><use href="/images/icons/spritemap.svg#sprite-logomark"></use></svg> </div> </div> <div class="flex overflow-auto overscroll-none flex-col flex-grow py-6 px-8 mt-6" data-ga-element="side_navigation_link" data-ga-action="side_navigation_link" data-ga-item="title"> <a href="/category/black-friday" data-ga-click data-ga-label="$text" class="mt-6 uppercase text-secondary-300 header-300 hover:text-primary-400">Black Friday</a> <a href="/gift-lab" data-ga-click data-ga-label="$text" class="mt-6 uppercase text-secondary-300 header-300 hover:text-primary-400">Gift Lab</a> <div x-data="{drawerOpen: false}" class="mt-6"> <button @click="drawerOpen = !drawerOpen" class="uppercase cursor-pointer select-none header-300"> <span class="font-semibold">Tech</span> <div class="inline-block relative"> <svg x-show="drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-minus-solid"></use></svg> <svg x-show="!drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-plus-solid"></use></svg> </div> </button> <div x-show="drawerOpen" class="text-base"> <a href="https://mashable.com/category/apps-software" class="block mt-4" data-ga-click data-ga-label="$text">Apps & Software</a> <a href="https://mashable.com/category/artificial-intelligence" class="block mt-4" data-ga-click data-ga-label="$text">Artificial Intelligence</a> <a href="https://mashable.com/category/cybersecurity" class="block mt-4" data-ga-click data-ga-label="$text">Cybersecurity</a> <a href="https://mashable.com/category/cryptocurrency" class="block mt-4" data-ga-click data-ga-label="$text">Cryptocurrency</a> <a href="https://mashable.com/category/mobile" class="block mt-4" data-ga-click data-ga-label="$text">Mobile</a> <a href="https://mashable.com/category/smart-home" class="block mt-4" data-ga-click data-ga-label="$text">Smart Home</a> <a href="https://mashable.com/category/social-media" class="block mt-4" data-ga-click data-ga-label="$text">Social Media</a> <a href="https://mashable.com/category/tech-industry" class="block mt-4" data-ga-click data-ga-label="$text">Tech Industry</a> <a href="https://mashable.com/category/transportation" class="block mt-4" data-ga-click data-ga-label="$text">Transportation</a> <a href="https://mashable.com/tech" class="block mt-4 font-bold" data-ga-click data-ga-label="$text">All Tech</a> </div> </div> <div x-data="{drawerOpen: false}" class="mt-6"> <button @click="drawerOpen = !drawerOpen" class="uppercase cursor-pointer select-none header-300"> <span class="font-semibold">Science</span> <div class="inline-block relative"> <svg x-show="drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-minus-solid"></use></svg> <svg x-show="!drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-plus-solid"></use></svg> </div> </button> <div x-show="drawerOpen" class="text-base"> <a href="https://mashable.com/category/space" class="block mt-4" data-ga-click data-ga-label="$text">Space</a> <a href="https://mashable.com/category/climate-change" class="block mt-4" data-ga-click data-ga-label="$text">Climate Change</a> <a href="https://mashable.com/category/environment" class="block mt-4" data-ga-click data-ga-label="$text">Environment</a> <a href="https://mashable.com/science" class="block mt-4 font-bold" data-ga-click data-ga-label="$text">All Science</a> </div> </div> <div x-data="{drawerOpen: false}" class="mt-6"> <button @click="drawerOpen = !drawerOpen" class="uppercase cursor-pointer select-none header-300"> <span class="font-semibold">Life</span> <div class="inline-block relative"> <svg x-show="drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-minus-solid"></use></svg> <svg x-show="!drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-plus-solid"></use></svg> </div> </button> <div x-show="drawerOpen" class="text-base"> <a href="https://mashable.com/category/digital-culture" class="block mt-4" data-ga-click data-ga-label="$text">Digital Culture</a> <a href="https://mashable.com/category/family-parenting" class="block mt-4" data-ga-click data-ga-label="$text">Family & Parenting</a> <a href="https://mashable.com/category/health-wellness" class="block mt-4" data-ga-click data-ga-label="$text">Health & Wellness</a> <a href="https://mashable.com/category/sex-dating-relationships" class="block mt-4" data-ga-click data-ga-label="$text">Sex, Dating & Relationships</a> <a href="https://mashable.com/category/sleep" class="block mt-4" data-ga-click data-ga-label="$text">Sleep</a> <a href="https://mashable.com/category/careers" class="block mt-4" data-ga-click data-ga-label="$text">Careers</a> <a href="https://mashable.com/category/mental-health" class="block mt-4" data-ga-click data-ga-label="$text">Mental Health</a> <a href="https://mashable.com/life" class="block mt-4 font-bold" data-ga-click data-ga-label="$text">All Life</a> </div> </div> <div x-data="{drawerOpen: false}" class="mt-6"> <button @click="drawerOpen = !drawerOpen" class="uppercase cursor-pointer select-none header-300"> <span class="font-semibold">Social Good</span> <div class="inline-block relative"> <svg x-show="drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-minus-solid"></use></svg> <svg x-show="!drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-plus-solid"></use></svg> </div> </button> <div x-show="drawerOpen" class="text-base"> <a href="https://mashable.com/category/activism" class="block mt-4" data-ga-click data-ga-label="$text">Activism</a> <a href="https://mashable.com/category/gender" class="block mt-4" data-ga-click data-ga-label="$text">Gender</a> <a href="https://mashable.com/category/lgbtq" class="block mt-4" data-ga-click data-ga-label="$text">LGBTQ</a> <a href="https://mashable.com/category/racism" class="block mt-4" data-ga-click data-ga-label="$text">Racial Justice</a> <a href="https://mashable.com/category/sustainability" class="block mt-4" data-ga-click data-ga-label="$text">Sustainability</a> <a href="https://mashable.com/category/politics" class="block mt-4" data-ga-click data-ga-label="$text">Politics</a> <a href="https://mashable.com/category/social-good" class="block mt-4 font-bold" data-ga-click data-ga-label="$text">All Social Good</a> </div> </div> <div x-data="{drawerOpen: false}" class="mt-6"> <button @click="drawerOpen = !drawerOpen" class="uppercase cursor-pointer select-none header-300"> <span class="font-semibold">Entertainment</span> <div class="inline-block relative"> <svg x-show="drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-minus-solid"></use></svg> <svg x-show="!drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-plus-solid"></use></svg> </div> </button> <div x-show="drawerOpen" class="text-base"> <a href="https://mashable.com/category/games" class="block mt-4" data-ga-click data-ga-label="$text">Games</a> <a href="https://mashable.com/category/movies" class="block mt-4" data-ga-click data-ga-label="$text">Movies</a> <a href="https://mashable.com/category/podcasts" class="block mt-4" data-ga-click data-ga-label="$text">Podcasts</a> <a href="https://mashable.com/category/tv-shows" class="block mt-4" data-ga-click data-ga-label="$text">TV Shows</a> <a href="https://mashable.com/category/watch-guides" class="block mt-4" data-ga-click data-ga-label="$text">Watch Guides</a> <a href="https://mashable.com/entertainment" class="block mt-4 font-bold" data-ga-click data-ga-label="$text">All Entertainment</a> </div> </div> <div x-data="{drawerOpen: false}" class="mt-6"> <button @click="drawerOpen = !drawerOpen" class="uppercase cursor-pointer select-none header-300"> <span class="font-semibold">SHOP THE BEST</span> <div class="inline-block relative"> <svg x-show="drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-minus-solid"></use></svg> <svg x-show="!drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-plus-solid"></use></svg> </div> </button> <div x-show="drawerOpen" class="text-base"> <a href="https://mashable.com/roundup/best-laptops" class="block mt-4" data-ga-click data-ga-label="$text">Laptops</a> <a href="https://mashable.com/roundup/best-cheap-laptops" class="block mt-4" data-ga-click data-ga-label="$text">Budget Laptops</a> <a href="https://mashable.com/roundup/best-dating-apps" class="block mt-4" data-ga-click data-ga-label="$text">Dating Apps</a> <a href="https://mashable.com/roundup/best-sexting-apps" class="block mt-4" data-ga-click data-ga-label="$text">Sexting Apps</a> <a href="https://mashable.com/roundup/best-hookup-apps" class="block mt-4" data-ga-click data-ga-label="$text">Hookup Apps</a> <a href="https://mashable.com/roundup/best-vpns" class="block mt-4" data-ga-click data-ga-label="$text">VPNs</a> <a href="https://mashable.com/roundup/best-robot-vacuums" class="block mt-4" data-ga-click data-ga-label="$text">Robot Vaccuums</a> <a href="https://mashable.com/roundup/best-robot-vacuum-and-mop" class="block mt-4" data-ga-click data-ga-label="$text">Robot Vaccum & Mop</a> <a href="https://mashable.com/article/best-noise-cancelling-headphones" class="block mt-4" data-ga-click data-ga-label="$text">Headphones</a> <a href="https://mashable.com/roundup/best-portable-bluetooth-speakers" class="block mt-4" data-ga-click data-ga-label="$text">Speakers</a> <a href="https://mashable.com/roundup/best-kindles" class="block mt-4" data-ga-click data-ga-label="$text">Kindles</a> <a href="https://mashable.com/gifts" class="block mt-4" data-ga-click data-ga-label="$text">Gift Guides</a> <a href="https://mashable.com/mashable-choice" class="block mt-4" data-ga-click data-ga-label="$text">Mashable Choice</a> <a href="https://mashable.com/category/mashable-selects" class="block mt-4" data-ga-click data-ga-label="$text">Mashable Selects</a> <a href="https://mashable.com/category/sex-dating-relationships" class="block mt-4" data-ga-click data-ga-label="$text">All Sex, Dating & Relationships</a> <a href="https://mashable.com/category/laptops" class="block mt-4" data-ga-click data-ga-label="$text">All Laptops</a> <a href="https://mashable.com/category/headphones" class="block mt-4" data-ga-click data-ga-label="$text">All Headphones</a> <a href="https://mashable.com/category/robot-vacuums" class="block mt-4" data-ga-click data-ga-label="$text">All Robot Vacuums</a> <a href="https://mashable.com/category/vpn" class="block mt-4" data-ga-click data-ga-label="$text">All VPN</a> <a href="https://mashable.com/shopping" class="block mt-4" data-ga-click data-ga-label="$text">All Shopping</a> </div> </div> <div class="mt-6"> <a href="https://games.mashable.com/" class="uppercase cursor-pointer select-none header-300" data-ga-click data-ga-label="$text" target="_blank"><span class="font-semibold">Games</span></a> </div> <div x-data="{drawerOpen: false}" class="mt-6"> <button @click="drawerOpen = !drawerOpen" class="uppercase cursor-pointer select-none header-300"> <span class="font-semibold">Product Reviews</span> <div class="inline-block relative"> <svg x-show="drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-minus-solid"></use></svg> <svg x-show="!drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-plus-solid"></use></svg> </div> </button> <div x-show="drawerOpen" class="text-base"> <a href="https://mashable.com/review/adult-friend-finder-review-dating-site" class="block mt-4" data-ga-click data-ga-label="$text">Adult Friend Finder</a> <a href="https://mashable.com/review/bumble-premium-review" class="block mt-4" data-ga-click data-ga-label="$text">Bumble Premium</a> <a href="https://mashable.com/review/tinder-platinum-review" class="block mt-4" data-ga-click data-ga-label="$text">Tinder Platinum</a> <a href="https://mashable.com/review/kindle-paperwhite-signature-edition" class="block mt-4" data-ga-click data-ga-label="$text">Kindle Paperwhite</a> <a href="https://mashable.com/article/ps5-vs-ps5-slim-differences" class="block mt-4" data-ga-click data-ga-label="$text">PS5 vs PS5 Slim</a> <a href="https://mashable.com/review" class="block mt-4 font-bold" data-ga-click data-ga-label="$text">All Reviews</a> <a href="https://mashable.com/shopping" class="block mt-4 font-bold" data-ga-click data-ga-label="$text">All Shopping</a> </div> </div> <div class="mt-6"> <a href="https://mashable.com/deals" class="uppercase cursor-pointer select-none header-300" data-ga-click data-ga-label="$text"><span class="font-semibold">Deals</span></a> </div> <div class="mt-6"> <a href="https://mashable.com/newsletters" class="uppercase cursor-pointer select-none header-300" data-ga-click data-ga-label="$text"><span class="font-semibold">Newsletters</span></a> </div> <div x-data="{drawerOpen: false}" class="mt-6"> <button @click="drawerOpen = !drawerOpen" class="uppercase cursor-pointer select-none header-300"> <span class="font-semibold">VIDEOS</span> <div class="inline-block relative"> <svg x-show="drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-minus-solid"></use></svg> <svg x-show="!drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-plus-solid"></use></svg> </div> </button> <div x-show="drawerOpen" class="text-base"> <a href="https://mashable.com/shows" class="block mt-4" data-ga-click data-ga-label="$text">Mashable Shows</a> <a href="https://mashable.com/videos" class="block mt-4 font-bold" data-ga-click data-ga-label="$text">All Videos</a> </div> </div> </div> </div> </nav> <header class="max-w-7xl px-4 mt-8 text-primary-400 font-sans mx-auto"> <div class="flex flex-wrap subtitle-2 "> <div class="max-w-3xl"> <section style=""> <div class="text-gray-700 subtitle-2 text-uppercase" style=""> <a href="https://mashable.com" style="" aria-label="Navigate to the Home page">Home</a> <span class="ml-1">></span> <a class="ml-1 " href="/life" style="" aria-label="Navigate to the Life category">Life</a> <span class="ml-1">></span> <a class="ml-1 " href="/category/digital-culture" style="" aria-label="Navigate to the Digital Culture category">Digital Culture</a> </div> </section> </div> </div> <h1 class="mt-4 header-100 leading-tight max-w-5xl ">The 'Change My Mind' meme is revealing a lot about the internet's strongest beliefs</h1> <div class="mt-2 leading-tight md:leading-normal text-xl max-w-5xl ">Pineapple does belong on pizza, SORRY.</div> <div class="w-full subtitle-2 mt-8 text-left md:flex md:flex-wrap md:items-baseline md:space-x-8 "> <div> By <span class="text-primary-400">Mashable Studios</span> on <time datetime="Mon, 05 Mar 2018 20:30:00 +0000">March 5, 2018</time> </div> <div class="flex flex-initial content-start mt-4 text-base md:mt-0"> <a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fmashable.com%2Fvideo%2Fall-the-memes-change-my-mind" data-ga-element="social-share-link" data-ga-action="social_share_link" data-ga-position="1" data-ga-label="facebook" data-ga-click aria-label="Facebook Share" class="pr-3 hover:text-primary-400" target="_blank" rel="noopener" title="(opens in a new window)"> <svg class="inline-block w-5 h-4 fill-current"><use href="/images/icons/spritemap.svg#sprite-facebook-f-brands"></use></svg> <span class="sr-only">Share on Facebook</span> </a> <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fmashable.com%2Fvideo%2Fall-the-memes-change-my-mind&text=The+%27Change+My+Mind%27+meme+is+revealing+a+lot+about+the+internet%27s+strongest+beliefs" data-ga-element="social-share-link" data-ga-action="social_share_link" data-ga-position="2" data-ga-label="twitter" data-ga-click aria-label="Twitter Share" class="px-3 hover:text-primary-400" target="_blank" rel="noopener" title="(opens in a new window)"> <svg class="inline-block w-5 h-4 fill-current"><use href="/images/icons/spritemap.svg#sprite-twitter-brands"></use></svg> <span class="sr-only">Share on Twitter</span> </a> <a href="https://share.flipboard.com/bookmarklet/popout?v=2&url=https%3A%2F%2Fmashable.com%2Fvideo%2Fall-the-memes-change-my-mind&title=The+%27Change+My+Mind%27+meme+is+revealing+a+lot+about+the+internet%27s+strongest+beliefs" data-ga-element="social-share-link" data-ga-action="social_share_link" data-ga-position="3" data-ga-label="flipboard" data-ga-click aria-label="Flipboard Share" class="px-3 hover:text-primary-400" target="_blank" rel="noopener" title="(opens in a new window)"> <svg class="inline-block w-5 h-4 fill-current"><use href="/images/icons/spritemap.svg#sprite-flipboard-brands"></use></svg> <span class="sr-only">Share on Flipboard</span> </a> </div> </div> <div class=""> </div> </header> <div class="flex flex-col px-4 mx-auto mt-8 max-w-7xl lg:flex-row"> <div class="w-full lg:mr-4 lg:w-2/3"> <div class="w-full"> <div id="video-container-q7UYzRrmnys"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/05LdvmnJMIJyas3Hvq6EjEP/hero-image.fill.size_1248x702.v1614269994.png" alt="The 'Change My Mind' meme is revealing a lot about the internet's strongest beliefs" width="1248" height="702" srcset="https://helios-i.mashable.com/imagery/videos/05LdvmnJMIJyas3Hvq6EjEP/hero-image.fill.size_400x225.v1614269994.png 400w, https://helios-i.mashable.com/imagery/videos/05LdvmnJMIJyas3Hvq6EjEP/hero-image.fill.size_800x450.v1614269994.png 800w, https://helios-i.mashable.com/imagery/videos/05LdvmnJMIJyas3Hvq6EjEP/hero-image.fill.size_1248x702.v1614269994.png 1600w" sizes="(max-width: 1280px) 100vw, 1280px" > </div> </div> <script> window.videoEmbeds = window.videoEmbeds || []; window.videoEmbeds.push({ elemId: "video-container-q7UYzRrmnys", alternativeContainerId: 'stickyVideoContainer', data: {"url":"https:\/\/youtube.com\/watch?v=q7UYzRrmnys","slug":"q7UYzRrmnys","cardId":726973,"duration":74}, videoPlayerType: "video-page", allowSticky: 1, category: 'Life', subcategory: 'Digital Culture', tags: ["Photoshop","X\/Twitter","Memes"], }); </script> </div> </div> <div class="mt-4 w-full lg:mt-0 lg:w-1/3"> <div class="text-lg font-bold border-b border-gray-100">Watch Next</div> <div class="flex mt-4" data-ga-module="recommendation-recirc" data-ga-element="content-stripe" data-ga-action="content-stripe" data-ga-position="1" > <a href="/video/halle-berry-never-let-go" class="hidden mr-4 w-1/3 text-xl lg:block" data-ga-item="image" data-ga-label="Halle Berry reveals a crucial piece of backstory for her character in the survival thriller 'Never Let Go'" data-ga-click> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/04iElHsWpZERTikw7LuoDfm/hero-image.fill.size_220x133.v1726875124.jpg" alt="Never Let Go" width="220" height="133" loading="lazy" > </div> </a> <div class="w-full lg:w-2/3"> <a href="/video/halle-berry-never-let-go" class="block leading-tight" data-ga-item="title" data-ga-label="Halle Berry reveals a crucial piece of backstory for her character in the survival thriller 'Never Let Go'" data-ga-click> <span class="mr-1 font-semibold">Halle Berry reveals a crucial piece of backstory for her character in the survival thriller 'Never Let Go'</span> <span class="text-xs text-gray-600">2:43</span> </a> </div> </div> <div class="flex mt-4 pt-4 border-t border-gray-100" data-ga-module="recommendation-recirc" data-ga-element="content-stripe" data-ga-action="content-stripe" data-ga-position="2" > <a href="/video/salems-lot-trailer-max" class="hidden mr-4 w-1/3 text-xl lg:block" data-ga-item="image" data-ga-label="'Salem's Lot' trailer has a nightmarish Easter egg for fans of the original Stephen King adaptation" data-ga-click> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/07fKdU1vM6TTj55ie3ex6xw/hero-image.fill.size_220x133.v1726214543.jpg" alt="A group of people stand at the foot of a hill, looking up at a large house." width="220" height="133" loading="lazy" > </div> </a> <div class="w-full lg:w-2/3"> <a href="/video/salems-lot-trailer-max" class="block leading-tight" data-ga-item="title" data-ga-label="'Salem's Lot' trailer has a nightmarish Easter egg for fans of the original Stephen King adaptation" data-ga-click> <span class="mr-1 font-semibold">'Salem's Lot' trailer has a nightmarish Easter egg for fans of the original Stephen King adaptation</span> </a> </div> </div> <div class="flex mt-4 pt-4 border-t border-gray-100" data-ga-module="recommendation-recirc" data-ga-element="content-stripe" data-ga-action="content-stripe" data-ga-position="3" > <a href="/video/netflix-its-whats-inside-trailer" class="hidden mr-4 w-1/3 text-xl lg:block" data-ga-item="image" data-ga-label="Netflix's 'It's What's Inside' trailer teases a mind-bending party game gone horribly wrong" data-ga-click> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/06Y0Yv8xhX1PoTVmzhYoSHE/hero-image.fill.size_220x133.v1725976845.webp" alt="A woman's image is distorted in a mirror under a purple light." width="220" height="133" loading="lazy" > </div> </a> <div class="w-full lg:w-2/3"> <a href="/video/netflix-its-whats-inside-trailer" class="block leading-tight" data-ga-item="title" data-ga-label="Netflix's 'It's What's Inside' trailer teases a mind-bending party game gone horribly wrong" data-ga-click> <span class="mr-1 font-semibold">Netflix's 'It's What's Inside' trailer teases a mind-bending party game gone horribly wrong</span> </a> </div> </div> <div class="flex mt-4 pt-4 border-t border-gray-100" data-ga-module="recommendation-recirc" data-ga-element="content-stripe" data-ga-action="content-stripe" data-ga-position="4" > <a href="/video/yankees-fan-ball-mookie-betts-reactions" class="hidden mr-4 w-1/3 text-xl lg:block" data-ga-item="image" data-ga-label="Watch Yankees fans disrupt Mookie Betts' catch, spark internet frenzy" data-ga-click> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/02zgkdDQYwpbWMVv8WkRMg7/hero-image.fill.size_220x133.v1730298194.png" alt="yankee fan taking ball from mookie betts" width="220" height="133" loading="lazy" > </div> </a> <div class="w-full lg:w-2/3"> <a href="/video/yankees-fan-ball-mookie-betts-reactions" class="block leading-tight" data-ga-item="title" data-ga-label="Watch Yankees fans disrupt Mookie Betts' catch, spark internet frenzy" data-ga-click> <span class="mr-1 font-semibold">Watch Yankees fans disrupt Mookie Betts' catch, spark internet frenzy</span> </a> </div> </div> </div> </div> <main class="justify-between items-stretch px-4 mx-auto lg:flex max-w-8xl"> <section class="flex-grow 2xl:pr-4" data-ga-module="content_body"> <article data-autopogo class="mt-8 font-serif editor-content"> <p>What happens when a troll gets trolled on? Steven Crowder's 'Change My Mind' poster was the perfect slate for a Photoshop war on Twitter — and the memes that came out of it revealed which steadfast topics people just won't change their mind about.</p> <section class="mx-auto max-w-7xl"> <div class="flex flex-wrap mt-8 w-full font-sans subtitle-2 editor-content"> <p> <span class="mr-1.5 font-sans font-bold">Topics</span> <a class="underline-link hover:no-underline text-secondary-300 mr-1.5" href="https://mashable.com/category/photoshop" aria-label="Navigate to the Photoshop tag" data-ga-click data-ga-label="$text">Photoshop</a> <a class="underline-link hover:no-underline text-secondary-300 mr-1.5" href="https://mashable.com/category/twitter" aria-label="Navigate to the X/Twitter tag" data-ga-click data-ga-label="$text">X/Twitter</a> <a class="underline-link hover:no-underline text-secondary-300 " href="https://mashable.com/category/memes" aria-label="Navigate to the Memes tag" data-ga-click data-ga-label="$text">Memes</a> </p> </div> </section> </article> <div class="mx-auto max-w-3xl" data-spotim-module="conversation" data-spot-id="sp_oHE136vk" data-post-id="18935" data-post-url="/video/all-the-memes-change-my-mind" data-article-tags="Digital Culture, Life"> </div> <div class="mx-auto max-w-3xl" data-spotim-module="pitc" data-spot-id="sp_oHE136vk" data-article-tags="Digital Culture, Life"></div> </section> <aside style="width:300px;" class="hidden flex-none 2xl:block" data-ga-module="content_rail"> <div class="sticky top-0 pt-16 mt-8"> <div id="stickyVideoContainer"> </div> <div data-pogo="sidebar"></div> </div> </aside> </main> <div class="px-4 mx-auto w-full 2xl:px-0 full-width"> <div data-pogo="nativespotlight"></div> </div> <div class="justify-between items-stretch px-4 mx-auto lg:flex max-w-8xl"> <section class="flex-grow 2xl:pr-4" data-ga-module="content_body"> <section class="mx-auto max-w-3xl"> </section> <div class="mx-auto max-w-3xl"> <section class="mx-auto max-w-8xl"> <hr class="my-8 mx-auto border border-gray-100 md:my-12"> <div class="mt-12 font-bold header-200 text-primary-400 md:!leading-6">Latest Videos</div> <div class="justify-center mt-8 w-full" data-module="content-list" data-ga-module="content-list" data-ga-element="content-stripe" data-ga-action="content-stripe"> <div class="w-full" data-ga-position="1" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/video/james-acaster-hecklers-welcome-hbo-max"> James Acaster's 'Hecklers Welcome' was created as a form of "immersion therapy"</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">It was "everything I'm scared about getting ready to do comedy again."</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Sat, 23 Nov 2024 18:51:02 +0000"> 13 minutes ago </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/mstetson">Mark Stetson</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="James Acaster's 'Hecklers Welcome' was created as a form of "immersion therapy"" href="/video/james-acaster-hecklers-welcome-hbo-max"> <div class="hidden border border-gray-100 md:block"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/00UJbCriMztGqFdpYCU2z3C/hero-image.fill.size_220x133.v1732388036.png" alt="James Acaster Hecklers Welcome" width="220" height="133" loading="lazy" > </div> </div> <div class="border border-gray-100 md:hidden"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/00UJbCriMztGqFdpYCU2z3C/hero-image.fill.size_220x220.v1732388036.png" alt="James Acaster Hecklers Welcome" width="220" height="220" loading="lazy" > </div> </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="2" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/video/wicked-ariana-grande-jeff-goldblum"> How director Jon M. Chu made 'Wicked' with Ariana Grande and Cynthia Erivo</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">"Jon M. Chu had the film in his head."</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Fri, 22 Nov 2024 15:30:24 +0000"> 11/22/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/ty-cole">Ty Cole</a> and Warren Shaw </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="How director Jon M. Chu made 'Wicked' with Ariana Grande and Cynthia Erivo" href="/video/wicked-ariana-grande-jeff-goldblum"> <div class="hidden border border-gray-100 md:block"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/01hhE9qBNMFBXGsiHBaFCRz/hero-image.fill.size_220x133.v1732289412.png" alt="How Jon Chu made 'Wicked'" width="220" height="133" loading="lazy" > </div> </div> <div class="border border-gray-100 md:hidden"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/01hhE9qBNMFBXGsiHBaFCRz/hero-image.fill.size_220x220.v1732289412.png" alt="How Jon Chu made 'Wicked'" width="220" height="220" loading="lazy" > </div> </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div data-pogo="native"></div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="3" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/video/bowen-yang-hot-ones"> Bowen Yang takes on 'Hot Ones', stays impressively cool</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">He also talks favourite "SNL" sketches and most memorable "Wicked" moment.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Fri, 22 Nov 2024 12:24:23 +0000"> 11/22/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/sam-haysom">Sam Haysom</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="Bowen Yang takes on 'Hot Ones', stays impressively cool" href="/video/bowen-yang-hot-ones"> <div class="hidden border border-gray-100 md:block"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/06zFBhJnKif8Z44y57cBNqC/hero-image.fill.size_220x133.v1732276333.jpg" alt="A man sits at a table covered in sauce bottles, sipping a glass of milk." width="220" height="133" loading="lazy" > </div> </div> <div class="border border-gray-100 md:hidden"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/06zFBhJnKif8Z44y57cBNqC/hero-image.fill.size_220x220.v1732276333.jpg" alt="A man sits at a table covered in sauce bottles, sipping a glass of milk." width="220" height="220" loading="lazy" > </div> </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="4" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/video/pigeon-robot-flying-aviation"> A pigeon-like robot could help improve aviation</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">It's all about maintaining balance during turbulence.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Fri, 22 Nov 2024 10:51:14 +0000"> 11/22/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/teodosia-dobriyanova">Teodosia Dobriyanova</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="A pigeon-like robot could help improve aviation" href="/video/pigeon-robot-flying-aviation"> <div class="hidden border border-gray-100 md:block"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/02O2AFVcXLdRmdFGlUORSSl/hero-image.fill.size_220x133.v1732264444.png" alt="A collage juxtaposes PigeonBot II (left) and a real pigeon (right), both in flight and against a blue sky background" width="220" height="133" loading="lazy" > </div> </div> <div class="border border-gray-100 md:hidden"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/02O2AFVcXLdRmdFGlUORSSl/hero-image.fill.size_220x220.v1732264444.png" alt="A collage juxtaposes PigeonBot II (left) and a real pigeon (right), both in flight and against a blue sky background" width="220" height="220" loading="lazy" > </div> </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="5" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/video/man-on-the-inside-ted-danson-michael-schur-netflix"> Ted Danson and Michael Schur on stepping outside of their comfort zone in 'A Man on the Inside'</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">"I'm not truly happy unless I am interacting with other people."</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Thu, 21 Nov 2024 21:27:50 +0000"> 11/21/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By Warren Shaw </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="Ted Danson and Michael Schur on stepping outside of their comfort zone in 'A Man on the Inside'" href="/video/man-on-the-inside-ted-danson-michael-schur-netflix"> <div class="hidden border border-gray-100 md:block"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/07J1BD9RzR8wqj0fyenOm8E/hero-image.fill.size_220x133.v1732224461.jpg" alt="A Man on the Inside" width="220" height="133" loading="lazy" > </div> </div> <div class="border border-gray-100 md:hidden"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/07J1BD9RzR8wqj0fyenOm8E/hero-image.fill.size_220x220.v1732224461.jpg" alt="A Man on the Inside" width="220" height="220" loading="lazy" > </div> </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="6" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/video/the-merry-gentlemen-netflix"> Britt Robertson and Chad Michael Murray bring small-town magic to 'The Merry Gentlemen'</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">Saving the bar, one dance at a time</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Thu, 21 Nov 2024 20:51:30 +0000"> 11/21/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/emmett-smith">Emmett Smith</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="Britt Robertson and Chad Michael Murray bring small-town magic to 'The Merry Gentlemen'" href="/video/the-merry-gentlemen-netflix"> <div class="hidden border border-gray-100 md:block"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/02rcYJt3VLz1SsOXPKbhPG3/hero-image.fill.size_220x133.v1732207130.png" alt="temp thumb" width="220" height="133" loading="lazy" > </div> </div> <div class="border border-gray-100 md:hidden"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/02rcYJt3VLz1SsOXPKbhPG3/hero-image.fill.size_220x220.v1732207130.png" alt="temp thumb" width="220" height="220" loading="lazy" > </div> </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="7" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/video/elio-trailer-pixar"> 'Elio' trailer: Pixar goes full alien abduction mode</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">We're headed to space!</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Thu, 21 Nov 2024 19:39:54 +0000"> 11/21/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/belen-edwards">Belen Edwards</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="'Elio' trailer: Pixar goes full alien abduction mode" href="/video/elio-trailer-pixar"> <div class="hidden border border-gray-100 md:block"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/06rJWEdN8Sie3Un8N1uBWfu/hero-image.fill.size_220x133.v1732217835.jpg" alt="A boy and an alien in "Elio."" width="220" height="133" loading="lazy" > </div> </div> <div class="border border-gray-100 md:hidden"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/06rJWEdN8Sie3Un8N1uBWfu/hero-image.fill.size_220x220.v1732217835.jpg" alt="A boy and an alien in "Elio."" width="220" height="220" loading="lazy" > </div> </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="8" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/video/laid-trailer-stephanie-hsu-zosia-mamet"> Stephanie Hsu might be dealing with a sex curse in 'Laid' trailer</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">What do you do when all your exes start dying?</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Thu, 21 Nov 2024 16:49:34 +0000"> 11/21/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/belen-edwards">Belen Edwards</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="Stephanie Hsu might be dealing with a sex curse in 'Laid' trailer" href="/video/laid-trailer-stephanie-hsu-zosia-mamet"> <div class="hidden border border-gray-100 md:block"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/01OGg9qQPXJdSwBJY3ysrSy/hero-image.fill.size_220x133.v1732207620.jpg" alt="Stephanie Hsu in "Laid."" width="220" height="133" loading="lazy" > </div> </div> <div class="border border-gray-100 md:hidden"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/01OGg9qQPXJdSwBJY3ysrSy/hero-image.fill.size_220x220.v1732207620.jpg" alt="Stephanie Hsu in "Laid."" width="220" height="220" loading="lazy" > </div> </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="9" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/video/wallace-and-gromit-vengeance-most-fowl-trailer-feathers-mcgraw"> 'Wallace and Gromit: Vengeance Most Fowl' trailer: Feathers McGraw, evil gnomes, and more</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">The villainous penguin is back for revenge.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Thu, 21 Nov 2024 14:17:09 +0000"> 11/21/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/belen-edwards">Belen Edwards</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="'Wallace and Gromit: Vengeance Most Fowl' trailer: Feathers McGraw, evil gnomes, and more" href="/video/wallace-and-gromit-vengeance-most-fowl-trailer-feathers-mcgraw"> <div class="hidden border border-gray-100 md:block"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/038RYJTAVgjnq5IyU75dS1j/hero-image.fill.size_220x133.v1732198459.jpg" alt="Wallace and Gromit tied up." width="220" height="133" loading="lazy" > </div> </div> <div class="border border-gray-100 md:hidden"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/038RYJTAVgjnq5IyU75dS1j/hero-image.fill.size_220x220.v1732198459.jpg" alt="Wallace and Gromit tied up." width="220" height="220" loading="lazy" > </div> </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="10" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/video/daily-show-trump-dr-oz-linda-mcmahon-parody-training"> 'Daily Show' trolls Trump's new celebrity cabinet picks with parody training video</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">"If you're watching this, you're a random television personality Donald Trump just appointed to run a huge federal agency..."</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Thu, 21 Nov 2024 10:38:51 +0000"> 11/21/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/sam-haysom">Sam Haysom</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="'Daily Show' trolls Trump's new celebrity cabinet picks with parody training video" href="/video/daily-show-trump-dr-oz-linda-mcmahon-parody-training"> <div class="hidden border border-gray-100 md:block"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/04JKXnwhHoUJqfFtlojPubu/hero-image.fill.size_220x133.v1732184274.jpg" alt="A woman sits behind a talk show desk. In the top left is an image of a man." width="220" height="133" loading="lazy" > </div> </div> <div class="border border-gray-100 md:hidden"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/04JKXnwhHoUJqfFtlojPubu/hero-image.fill.size_220x220.v1732184274.jpg" alt="A woman sits behind a talk show desk. In the top left is an image of a man." width="220" height="220" loading="lazy" > </div> </div> </a> </div> </div> </div> <div class="w-full text-center" x-data="contentListShowMore('https://mashable.com/video/all-the-memes-change-my-mind?ajax=1&page=2')" x-show="showMoreUrl"> <div id="showMoreDiv"></div> <hr class="hidden my-8 mx-auto border border-gray-100 md:block border-1"> <button id="showMoreButton" x-on:click="getNextPage" class="py-3 px-6 mx-auto mt-16 mb-4 text-base font-bold text-white md:my-4 bg-secondary-300 btn-primary" data-ga-label="Show more" data-ga-action="show-more" data-ga-element="show-more" data-ga-item="button" data-ga-click> Show more </button> </div> </section> </div> </section> <aside style="width:300px;" class="hidden flex-none 2xl:block" data-ga-module="content_rail"> <div class="sticky top-0 pt-16 mt-8"> <div data-pogo="sidebar"></div> </div> </aside> </div> <div x-data="window.newsletter()" x-init="init()" class="py-9 px-6 mt-20 text-center text-black rounded border md:mt-32 bg-warmgray-100 border-warmgray-100" data-ga-impression data-ga-category="newsletters" data-ga-module="footer_nl_signup" data-ga-label="Top Stories"> <div x-show="!isSuccess" class="flex flex-col mx-auto max-w-4xl font-sans md:flex-row"> <div class="font-bold leading-8 text-left md:w-1/2 header-300">The biggest stories of the day delivered to your inbox.</div> <div class="flex flex-col md:mt-2 md:w-1/2"> <form x-ref="subscribeForm" class="flex flex-row mt-8 h-12 border-b-2 md:mt-0 text-primary-400 border-primary-400 focus-within:text-secondary-300" data-initial-lists="top-stories" x-on:submit.prevent="submit()"> <input aria-describedby="emailSubscribeErrorContainer" x-ref="emailInput" type="email" x-model="email" class="py-2 px-4 w-4/6 text-base font-normal leading-5 placeholder-gray-600 text-gray-600 bg-white md:w-3/4" placeholder="Email Address" aria-label="Email"> <input x-bind:value="selectedListsValue()" type="hidden" name="lists" value=""> <input type="hidden" name="source" value="site-footer"> <input type="hidden" name="courierList" value="Mashable On-Site - Top Stories Daily"> <button :disabled="isLoading" type="submit" class="py-2 px-1 w-2/6 font-bold leading-5 text-center bg-white md:w-1/4 subtitle-1"> <span x-cloak x-show="isLoading" class="text-primary-400">Loading...</span> <span x-show="!isLoading" :class="{'text-red': isError}" class="text-sm">Subscribe</span> </button> </form> <div x-cloak x-show="isError" class="flex flex-row px-4 mt-4 text-red"> <svg class="inline-block w-4 h-4 leading-4 fill-current"><use href="/images/icons/spritemap.svg#sprite-exclamation-square"></use></svg> <div id="emailSubscribeErrorContainer" x-text="error" class="ml-1 font-bold leading-4 text-left subtitle-2"></div> </div> </div> </div> <div x-show="!isSuccess" class="mx-auto mt-4 max-w-4xl font-sans leading-normal text-left subtitle-1"> This newsletter may contain advertising, deals, or affiliate links. Subscribing to a newsletter indicates your consent to our <a href="https://www.ziffdavis.com/terms-of-use" class="underline" target="_blank" rel="noopener" title="(opens in a new window)">Terms of Use</a> and <a href="https://www.ziffdavis.com/ztg-privacy-policy" class="underline" target="_blank" rel="noopener" title="(opens in a new window)">Privacy Policy</a>. You may unsubscribe from the newsletters at any time. </div> <div x-cloak x-show="isSuccess" class="py-1 text-center"> <svg class="inline-block w-24 h-20 leading-4 fill-current"><use href="/images/icons/spritemap.svg#sprite-mailbox-regular"></use></svg> <div class="header-300">Thanks for signing up. See you at your inbox!</div> </div> </div> <footer class="py-12 mx-auto w-full font-sans text-center text-white bg-primary-400" data-ga-module="global_footer" data-ga-action="footer_link"> <div class="flex flex-col px-8 md:mx-auto lg:px-4 max-w-8xl"> <div class="inline-block relative mb-4 ml-5 text-left text-white"> <svg class="inline-block w-6 h-6 fill-current"><use href="/images/icons/spritemap.svg#sprite-mashable-m"></use></svg> <svg class="absolute top-0 left-0 -mt-1 -ml-5 w-12 h-12 fill-current"><use href="/images/icons/spritemap.svg#sprite-logomark"></use></svg> </div> <div class="my-8 text-left lg:mr-7" x-data="{ menuSelected: '', prevMenuSelected: '', open: false, openMenuSelected(menu) { if(this.menuSelected === menu) { return this.open = !this.open } this.menuSelected = menu this.open = true }, validation(menu) { if(this.menuSelected === menu && this.open) return 'flex' return 'hidden' }, showIcon(menu) { return this.menuSelected === menu && this.open } }"> <ul class="flex flex-col justify-between mt-8 space-y-8 text-2xl font-bold text-white lg:flex-row lg:mt-0 lg:space-y-0 lg:space-x-12"> <li> <div class="flex justify-between items-center"> <a href="https://mashable.com/tech" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">TECH</a> <button class="lg:hidden" @click="openMenuSelected('tech')"> <svg x-show="showIcon('tech')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-up-light"></use></svg> <svg x-show="!showIcon('tech')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-down-light"></use></svg> </button> </div> <div class="flex-col lg:flex" :class="validation('tech')"> <a class="py-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/cryptocurrency">Cryptocurrency</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/social-media">Social Media</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/artificial-intelligence">Artificial Intelligence</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/android">Android</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/apple">Apple</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/cameras">Cameras</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/microsoft">Microsoft</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/tiktok">TikTok</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/mobile">Mobile</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/wifirouters">Wifi/Routers</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/tvs">TVs</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/speakers">Speakers</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/desktops">Desktops</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/laptops">Laptops</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/headphones">Headphones</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/tech-industry">Tech Industry</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/antivirus">Antivirus</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/vpn">VPN</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/productivity">Productivity</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/creative-software">Creative Software</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/tablets">Tablets</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/smart-home">Smart Home</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/transportation">Transportation</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/gaming-consoles">Gaming Consoles</a> </div> </li> <li> <div> <div class="flex justify-between items-center"> <a href="https://mashable.com/science" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">SCIENCE</a> <button class="lg:hidden" @click="openMenuSelected('science')"> <svg x-show="showIcon('science')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-up-light"></use></svg> <svg x-show="!showIcon('science')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-down-light"></use></svg> </button> </div> <div class="flex-col lg:flex" :class="validation('science')"> <a class="py-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/animals">Animals</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/nasa">NASA</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/rocket-launches">Rocket Launches</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/climate-change">Climate Change</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/environment">Environment</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/space">Space</a> </div> </div> <div class="pt-8 lg:pt-14"> <div class="flex justify-between items-center"> <a href="https://games.mashable.com/" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">GAMES</a> <button class="lg:hidden" @click="openMenuSelected('games')"> <svg x-show="showIcon('games')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-up-light"></use></svg> <svg x-show="!showIcon('games')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-down-light"></use></svg> </button> </div> <div class="flex-col lg:flex" :class="validation('games')"> <a class="py-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://games.mashable.com/category/daily">Daily</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://games.mashable.com/category/puzzles">Puzzles</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://games.mashable.com/category/word">Word</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://games.mashable.com/category/card">Card</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://games.mashable.com/category/arcade">Arcade</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://games.mashable.com/category/casino">Casino</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/wordle">Wordle</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/connections">Connections</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/strands">Strands</a> </div> </div> <div class="pt-8 lg:pt-14"> <a href="https://mashable.com/category/social-good" style="text-wrap: nowrap" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">SOCIAL GOOD</a> </div> <div class="pt-8 lg:pt-14"> <div class="flex justify-between items-center"> <a href="https://mashable.com/deals" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">DEALS</a> <button class="lg:hidden" @click="openMenuSelected('deals')"> <svg x-show="showIcon('deals')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-up-light"></use></svg> <svg x-show="!showIcon('deals')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-down-light"></use></svg> </button> </div> <div class="flex-col lg:flex" :class="validation('deals')"> <a class="py-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/about/deals-coverage-explained">How we Select Deals</a> </div> </div> </li> <li> <div> <div class="flex justify-between items-center"> <a href="https://mashable.com/entertainment" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">ENTERTAINMENT</a> <button class="lg:hidden" @click="openMenuSelected('entertainment')"> <svg x-show="showIcon('entertainment')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-up-light"></use></svg> <svg x-show="!showIcon('entertainment')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-down-light"></use></svg> </button> </div> <div class="flex-col lg:flex" :class="validation('entertainment')"> <a class="py-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/true-crime">True Crime</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/music">Music</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/marvel">Marvel</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/dc-comics">DC Comics</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/disney">Disney</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/pixar">Pixar</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/streaming">Streaming</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/hbo">HBO</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/hulu">Hulu</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/peacock">Peacock</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/movies">Movies</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/tv-shows">TV Shows</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/podcasts">Podcasts</a> </div> </div> <div class="pt-8 lg:pt-14"> <div class="flex justify-between items-center"> <a href="https://mashable.com/life" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">LIFE</a> <button class="lg:hidden" @click="openMenuSelected('life')"> <svg x-show="showIcon('life')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-up-light"></use></svg> <svg x-show="!showIcon('life')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-down-light"></use></svg> </button> </div> <div class="flex-col lg:flex" :class="validation('life')"> <a class="py-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/mental-health">Mental Health</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/family-parenting">Family & Parenting</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/careers">Careers</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/sleep">Sleep</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/house-home">House & Home</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/health-wellness">Health & Wellness</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/education">Education</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/sex-dating-relationships">Sex, Dating & Relationships</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/digital-culture">Digital Culture</a> </div> </div> </li> <li> <div> <div class="flex justify-between items-center"> <a href="https://mashable.com/roundups" class="text-white hover:text-accent" style="text-wrap: nowrap" data-ga-click data-ga-label="$text">SHOP THE BEST</a> <button class="lg:hidden" @click="openMenuSelected('shop')"> <svg x-show="showIcon('shop')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-up-light"></use></svg> <svg x-show="!showIcon('shop')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-down-light"></use></svg> </button> </div> <div class="flex-col lg:flex" :class="validation('shop')"> <a class="py-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/roundup/best-dating-apps-2024">Dating Apps</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/roundup/best-sexting-apps-2024">Sexting Apps</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/roundup/best-hookup-apps">Hookup Apps</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/roundup/best-vpns">VPNs</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/roundup/best-robot-vacuums">Robot Vaccuums</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/roundup/best-robot-vacuum-and-mop">Robot Vaccum & Mop</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/roundup/best-noise-cancelling-headphones">Headphones</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/roundup/best-portable-bluetooth-speakers">Speakers</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/roundup/best-kindles">Kindles</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/gifts">Gift Guides</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/mashable-choice">Mashable Choice</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/mashable-selects">Mashable Selects</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/kitchen">All Kitchen</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/beauty">All Beauty</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/robot-vacuums">All Robot Vacuums</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/earbuds">All Earbuds</a> </div> </div> <div class="pt-8 lg:pt-14"> <div class="flex justify-between items-center"> <a href="https://mashable.com/review" class="text-white hover:text-accent" data-ga-click="" data-ga-label="$text">REVIEWS</a> <button class="lg:hidden" @click="openMenuSelected('reviews')"> <svg x-show="showIcon('reviews')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-up-light"></use></svg> <svg x-show="!showIcon('reviews')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-down-light"></use></svg> </button> </div> <div class="flex-col lg:flex" :class="validation('reviews')"> <a class="py-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/review/adult-friend-finder-review-dating-site">Adult Friend Finder</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/review/bumble-premium-review">Bumble Premium</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/review/tinder-platinum-review">Tinder Platinum</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/review/kindle-paperwhite-signature-edition">Kindle Paperwhite</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/article/ps5-vs-ps5-slim-differences">PS5 vs PS5 Slim</a> </div> </div> </li> <li> <div> <div class="flex justify-between items-center"> <a href="" class="text-white hover:text-white" data-ga-click="" data-ga-label="$text">EVENTS</a> <button class="lg:hidden" @click="openMenuSelected('events')"> <svg x-show="showIcon('events')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-up-light"></use></svg> <svg x-show="!showIcon('events')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-down-light"></use></svg> </button> </div> <div class="flex-col lg:flex" :class="validation('events')"> <a class="py-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/prime-day">Prime Day</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/black-friday">Black Friday</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/cyber-monday">Cyber Monday</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/samsung-unpacked">Samsung Galaxy Unpacked</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/wwdc">WWDC</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/ces">CES</a> </div> </div> <div class="pt-8 lg:pt-14"> <a href="https://mashable.com/videos" style="text-wrap: nowrap" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">VIDEOS</a> </div> </li> </ul> <hr class="my-12 lg:my-16 border-primary-300"> <ul class="flex flex-col mt-12 space-y-4 text-sm font-bold text-white md:flex-row md:space-y-0 md:space-x-6"> <li><a href="https://mashable.com/about/mashable-staff-masthead" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">About Mashable</a></li> <li><a href="https://mashable.com/about/editorial-standards" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">Editorial Standards</a></li> <li><a href="https://mashable.com/about/contact-us" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">Contact Us</a></li> <li><a href="https://www.j2global.com/careers/jobs/?brand=Mashable" rel="noopener" class="text-white hover:text-accent" data-ga-click data-ga-label="$text" target="_blank" title="(opens in a new window)">We're Hiring</a></li> <li><a href="https://mashable.com/newsletters" rel="noopener" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">Newsletters</a></li> <li><a href="https://mashable.com/sitemap" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">Sitemap</a></li> </ul> <ul class="flex flex-row flex-wrap my-8 text-white md:mt-5 md:mb-8 md:space-x-8"> <li><a href="https://www.facebook.com/mashable/" aria-label="Mashable Facebook Page" rel="noopener" data-ga-click data-ga-label="facebook" target="_blank" title="(opens in a new window)"> <svg class="inline-block mt-6 mr-8 w-5 h-5 text-white fill-current md:mt-0 md:mr-0 hover:text-accent"><use href="/images/icons/spritemap.svg#sprite-facebook-f-brands"></use></svg></a></li> <svg class="inline-block mt-6 mr-8 w-5 h-5 text-white fill-current md:mt-0 md:mr-0 hover:text-accent"><use href="/images/icons/spritemap.svg#sprite-facebook-f-brands"></use></svg></a></li> <li><a href="https://twitter.com/mashable" aria-label="Mashable Twitter Page" rel="noopener" data-ga-click data-ga-label="twitter" target="_blank" title="(opens in a new window)"> <svg class="inline-block mt-6 mr-8 w-5 h-5 text-white fill-current md:mt-0 md:mr-0 hover:text-accent"><use href="/images/icons/spritemap.svg#sprite-twitter-brands"></use></svg></a></li> <li><a href="http://instagram.com/Mashable" aria-label="Mashable Instagram Page" rel="noopener" data-ga-click data-ga-label="instagram" target="_blank" title="(opens in a new window)"> <svg class="inline-block mt-6 mr-8 w-5 h-5 text-white fill-current md:mt-0 md:mr-0 hover:text-accent"><use href="/images/icons/spritemap.svg#sprite-instagram-brands"></use></svg></a></li> <li><a href="https://www.youtube.com/user/mashable" aria-label="Mashable Youtube Page" rel="noopener" data-ga-click data-ga-label="youtube" target="_blank" title="(opens in a new window)"> <svg class="inline-block mt-6 mr-8 w-5 h-5 text-white fill-current md:mt-0 md:mr-0 hover:text-accent"><use href="/images/icons/spritemap.svg#sprite-youtube"></use></svg></a></li> <li><a href="https://www.pinterest.com/mashable/" aria-label="Mashable Pinterest Page" rel="noopener" data-ga-click data-ga-label="pinterest" target="_blank" title="(opens in a new window)"> <svg class="inline-block mt-6 mr-8 w-5 h-5 text-white fill-current md:mt-0 md:mr-0 hover:text-accent"><use href="/images/icons/spritemap.svg#sprite-pinterest"></use></svg></a></li> <li><a href=" https://www.tiktok.com/@mashable" aria-label="Mashable Tiktok Page" rel="noopener" data-ga-click data-ga-label="tiktok" target="_blank" title="(opens in a new window)"> <svg class="inline-block mt-6 mr-8 w-5 h-5 text-white fill-current md:mt-0 md:mr-0 hover:text-accent"><use href="/images/icons/spritemap.svg#sprite-tiktok"></use></svg></a></li> <li><a href="https://flipboard.com/@Mashable" aria-label="Mashable Flipboard Page" rel="noopener" data-ga-click data-ga-label="flipboard" target="_blank" title="(opens in a new window)"> <svg class="inline-block mt-6 mr-8 w-5 h-5 text-white fill-current md:mt-0 md:mr-0 hover:text-accent"><use href="/images/icons/spritemap.svg#sprite-flipboard-brands"></use></svg></a></li> <li><a href="https://www.linkedin.com/company/mashable" aria-label="Mashable Linkedin Page" rel="noopener" data-ga-click data-ga-label="linkedin" target="_blank" title="(opens in a new window)"> <svg class="inline-block mt-6 mr-8 w-5 h-5 text-white fill-current md:mt-0 md:mr-0 hover:text-accent"><use href="/images/icons/spritemap.svg#sprite-linkedin"></use></svg></a></li> <li><a href="https://mashable.com/feeds/rss/all" aria-label="Mashable Feeds Page" rel="noopener" data-ga-click data-ga-label="rss"> <svg class="inline-block mt-6 mr-8 w-5 h-5 text-white fill-current md:mt-0 md:mr-0 hover:text-accent"><use href="/images/icons/spritemap.svg#sprite-rss-solid"></use></svg></a></li> </ul> <div class="font-sans leading-5 subtitle-1">©2005–2024 Mashable, Inc., a Ziff Davis company. All Rights Reserved.</div> <div class="mt-2 font-sans leading-5 subtitle-1">Mashable is a registered trademark of Ziff Davis and may not be used by third parties without express written permission.</div> <ul class="flex flex-col flex-wrap justify-start mt-8 space-y-4 font-sans underline lg:flex-row lg:space-y-0 lg:space-x-6 subtitle-2"> <li><a href="https://www.ziffdavis.com/about" rel="noopener" class="text-white hover:text-accent" data-ga-click data-ga-label="$text" target="_blank" title="(opens in a new window)">About Ziff Davis</a></li> <li><a href="https://www.ziffdavis.com/ztg-privacy-policy" rel="noopener" class="text-white hover:text-accent" data-ga-click data-ga-label="$text" target="_blank" title="(opens in a new window)">Privacy Policy</a></li> <li><a href="https://www.ziffdavis.com/terms-of-use" rel="noopener" class="text-white hover:text-accent" data-ga-click data-ga-label="$text" target="_blank" title="(opens in a new window)">Terms of Use</a></li> <li><a href="https://ziffmedia.com/" rel="noopener" class="text-white hover:text-accent" data-ga-click data-ga-label="$text" target="_blank" title="(opens in a new window)">Advertise</a></li> <li><a href="https://www.ziffdavis.com/accessibility" rel="noopener" class="text-white hover:text-accent" data-ga-click data-ga-label="$text" target="_blank" title="(opens in a new window)">Accessibility</a></li> <li><a href="https://dsar.mashable.com" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">Do Not Sell My Personal Information</a></li> <li> <button class="block" onclick="window.zdconsent.showConsentTool();" data-ga-click data-ga-label="zd_consent"> <img src="https://c.evidon.com/pub/icong1.png" class="inline-block mr-2" alt="ZiffDavis AdChoices" width="14px" height="18px" loading="lazy">AdChoices </button> </li> <li class="lg:pt-0"><a href="https://www.bbb.org/us/ny/new-york/profile/digital-media/ziff-davis-llc-0121-531/#sealclick" rel="noopener" aria-label="BBB Accredited Business Logo" data-ga-click data-ga-label="BBB Accredited Business Logo" target="_blank" title="(opens in a new window)"><svg width="96" height="50" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 78 45"> <defs> <style> .cls-1 { fill: none; } .cls-2 { fill: #fff; } .cls-2, .cls-3 { fill-rule: evenodd; } .cls-4, .cls-3 { fill: #005f85; } .cls-5 { clip-path: url(#clippath); } </style> <clipPath id="clippath"> <rect class="cls-1" width="78" height="45"/> </clipPath> </defs> <!-- Generator: Adobe Illustrator 28.6.0, SVG Export Plug-In . SVG Version: 1.2.0 Build 709) --> <g> <g id="Layer_1"> <g class="cls-5"> <g> <path class="cls-3" d="M4,30.8c-2.1,0-3.8-1.8-3.8-4V4C.1,1.8,1.9,0,4,0h70.2c2.1,0,3.8,1.8,3.8,4v22.7c0,2.2-1.7,4-3.8,4H4Z"/> <path class="cls-2" d="M4.2.6c-1.9,0-3.4,1.5-3.4,3.4v22.7c0,1.9,1.5,3.4,3.4,3.4h23.8V.6H4.2ZM60.1,21.2l.5-.7c.4.4.9.6,1.4.6s.8-.2.8-.5-.4-.4-.9-.5c-.7-.2-1.6-.4-1.6-1.4s.6-1.3,1.7-1.3,1.3.2,1.7.6l-.5.7c-.4-.3-.8-.5-1.3-.5-.4,0-.6.2-.6.4s.4.4.9.5c.7.2,1.6.4,1.6,1.4s-.6,1.4-1.8,1.4c-.8,0-1.5-.3-1.9-.7h0ZM56.1,21.2l.5-.7c.4.4.9.6,1.4.6s.8-.2.8-.5-.4-.4-.9-.5c-.7-.2-1.6-.4-1.6-1.4s.6-1.3,1.7-1.3,1.3.2,1.7.6l-.5.7c-.4-.3-.8-.5-1.3-.5-.4,0-.6.2-.6.4s.4.4.9.5c.7.2,1.6.4,1.6,1.4s-.6,1.4-1.8,1.4c-.8,0-1.5-.3-1.9-.7h0ZM41.5,21.2l.5-.7c.4.4.9.6,1.4.6s.8-.2.8-.5-.4-.4-.9-.5c-.7-.2-1.6-.4-1.6-1.4s.6-1.3,1.7-1.3,1.3.2,1.7.6l-.5.7c-.4-.3-.8-.5-1.3-.5-.4,0-.6.2-.6.4s.4.4.9.5c.7.2,1.6.4,1.6,1.4s-.6,1.4-1.8,1.4c-.8,0-1.4-.3-1.9-.7h0ZM37,20.1v-2.6h1v2.6c0,.6.4,1,1,1s1-.4,1-1v-2.6h1v2.6c0,1.1-.6,1.8-2,1.8-1.3,0-2-.7-2-1.8h0ZM50.7,21.8l-2.1-2.9v2.9h-.9v-4.4h1l2,2.8v-2.8h.9v4.4h-.9ZM45.8,21.8v-4.4h.9v4.4h-.9ZM52.5,21.8v-4.4h3.1v.8h-2.2v.9h2.1v.8h-2.1v1h2.2v.8h-3.1ZM32.6,21.8v-4.4h2.3c.8,0,1.3.5,1.3,1.1s-.3.9-.8,1c.5,0,.8.5.8,1.1s-.4,1.2-1.3,1.2h-2.4s0,0,0,0ZM35.3,20.5c0-.3-.2-.5-.6-.5h-1.2v1h1.2c.4,0,.6-.2.6-.5ZM35.2,18.7c0-.3-.2-.5-.5-.5h-1.2v1h1.2c.3,0,.5-.2.5-.5h0s0,0,0,0ZM36.9,12.1c0-1.3,1-2.3,2.3-2.3.8,0,1.5.4,1.8,1.1l-.8.4c-.2-.4-.6-.6-1-.6-.8,0-1.4.6-1.4,1.4s.6,1.4,1.4,1.4c.4,0,.8-.2,1-.6l.8.4c-.3.5-.9,1.1-1.8,1.1-1.3,0-2.3-.9-2.3-2.3ZM41.5,12.1c0-1.3,1-2.3,2.3-2.3.8,0,1.5.4,1.8,1.1l-.8.4c-.2-.4-.6-.6-1-.6-.8,0-1.4.6-1.4,1.4s.6,1.4,1.4,1.4c.4,0,.8-.2,1-.6l.8.4c-.3.5-.9,1.1-1.8,1.1-1.3,0-2.3-.9-2.3-2.3ZM48.7,14.3l-.9-1.6h-.7v1.6h-.9v-4.4h2.1c.9,0,1.5.6,1.5,1.4s-.5,1.2-1,1.3l1,1.7h-1.1s0,0,0,0ZM35.6,14.3l-.3-.7h-1.9l-.3.7h-1.1l1.7-4.4h1.2l1.7,4.4h-1.1ZM68.8,14.3v-4.4h1.7c1.4,0,2.3.9,2.3,2.2s-1,2.2-2.3,2.2h-1.7ZM64.9,14.3v-4.4h3.1v.8h-2.2v.9h2.1v.8h-2.1v1h2.2v.8h-3.1ZM59.2,14.3v-4.4h.9v4.4h-.9ZM54.4,14.3v-4.4h1.7c1.4,0,2.3.9,2.3,2.2s-1,2.2-2.3,2.2h-1.7ZM50.5,14.3v-4.4h3.1v.8h-2.2v.9h2.1v.8h-2.1v1h2.2v.8h-3.1ZM62,14.3v-3.6h-1.3v-.8h3.5v.8h-1.3v3.6h-.9ZM71.9,12.1c0-.8-.5-1.4-1.4-1.4h-.8v2.7h.8c.9,0,1.4-.6,1.4-1.4h0ZM57.5,12.1c0-.8-.5-1.4-1.4-1.4h-.8v2.7h.8c.9,0,1.4-.6,1.4-1.4h0ZM34.4,10.8l-.7,1.9h1.4l-.7-1.9ZM48.8,11.3c0-.4-.3-.6-.7-.6h-1v1.2h1c.4,0,.7-.2.7-.6h0Z"/> <path class="cls-3" d="M10,25.4c.6.3.9.5,1,1.2.2,1.4-1,1.9-2.2,1.9h-2.8v-5.9h2.8c1,0,1.9.5,1.9,1.6s-.3,1-.8,1.2h0ZM15.5,25.4c.6.3.9.5,1,1.2.2,1.4-1,1.9-2.2,1.9h-2.8v-5.9h2.8c1,0,1.9.5,1.9,1.6s-.3,1-.8,1.2h0ZM22,26.6c-.1-.8-.4-1-1-1.2.5-.3.8-.7.8-1.2,0-1.1-.9-1.6-1.9-1.6h-2.8v5.9h2.8c1.2,0,2.4-.5,2.2-1.9h0ZM22.8,27.1h0c0-.8.6-1.4,1.4-1.4s1.4.6,1.4,1.4h0c0,.8-.6,1.4-1.4,1.4-.7,0-1.4-.6-1.4-1.4ZM25.4,27.1h0c0-.7-.6-1.2-1.2-1.2s-1.2.6-1.2,1.2h0c0,.7.6,1.2,1.2,1.2s1.2-.6,1.2-1.2ZM23.6,26.3h.6c.2,0,.3,0,.4.1,0,0,.1.2.1.3h0c0,.2-.2.4-.4.4l.4.6h-.3l-.4-.5h-.4v.5h-.2v-1.4s0,0,0,0ZM8.9,27.4h-1.6v-1.3h1.6c1.2,0,1.1,1.3,0,1.3ZM14.4,27.4h-1.6v-1.3h1.6c1.2,0,1.1,1.3,0,1.3ZM18.3,26v1.3h1.6c1.1,0,1.2-1.3,0-1.3h-1.6ZM24.2,27c.2,0,.3,0,.3-.2h0c0-.2-.1-.2-.3-.2h-.4v.5h.4ZM7.3,23.7h1.4c.9,0,.9,1.3,0,1.3h-1.5v-1.3ZM18.3,23.7h1.4c.9,0,.9,1.3,0,1.3h-1.5v-1.3ZM12.8,23.7h1.4c.9,0,.9,1.3,0,1.3h-1.5v-1.3ZM8.7,19.9h2.7l.5,1.6h4.4l.5-1.6h2.7l-.4-1.2h-10l-.4,1.2h0ZM12,10.3l-1.3,1.8c-.7.9-.5,2.5.4,3.1l2.4,1.7c.4.3.4.6.2.9l.4.3,1.2-1.7c.8-1,.7-2.5-.4-3.3l-2.4-1.8c-.3-.2-.3-.5-.2-.8l-.3-.2h0ZM14,2.4l-2,2.8c-.9,1.3-.6,3.6.7,4.5l3.3,2.4c.7.5.8,1.8.3,2.4l.3.2,2.3-3.2c1-1.5,1-3.6-.6-4.8l-3.6-2.6c-.5-.4-.7-1-.3-1.6l-.3-.2h0Z"/> </g> </g> <path class="cls-4" d="M6.2,43.9c-.6,0-1.1,0-1.6-.3-.5-.2-.9-.5-1.2-.8-.4-.4-.6-.8-.8-1.3-.2-.5-.3-1-.3-1.6s0-1.1.3-1.5c.2-.5.5-.9.8-1.3.4-.4.8-.6,1.2-.8.5-.2,1-.3,1.6-.3s1.2.1,1.6.3c.5.2.9.5,1.2.8l-.9.9c-.2-.2-.5-.4-.8-.6-.3-.1-.7-.2-1.1-.2s-.7,0-1,.2c-.3.1-.6.3-.8.6-.2.2-.4.5-.5.9-.1.3-.2.7-.2,1.1s0,.8.2,1.1c.1.3.3.6.5.9.2.2.5.4.8.6.3.1.7.2,1,.2s.9,0,1.2-.2c.3-.1.6-.3.8-.6l.9.9c-.4.4-.8.6-1.2.8-.5.2-1,.3-1.6.3ZM10.1,43.8v-7.9h1.2v7.9h-1.2ZM12.6,43.8v-5.3h1.2v5.3h-1.2ZM13.2,37.5c-.2,0-.4,0-.5-.2-.1-.1-.2-.3-.2-.5s0-.4.2-.5c.1-.1.3-.2.5-.2s.4,0,.5.2c.1.1.2.3.2.5s0,.4-.2.5c-.1.1-.3.2-.5.2ZM17.6,43.9c-.5,0-1-.1-1.4-.4-.4-.2-.7-.6-1-1-.2-.4-.4-.9-.4-1.4s.1-1,.4-1.4c.2-.4.6-.7,1-1,.4-.2.9-.4,1.4-.4s.8,0,1.1.2c.4.2.7.4.9.7l-.8.8c-.2-.2-.3-.3-.6-.4-.2,0-.4-.1-.7-.1s-.6,0-.8.2c-.2.1-.4.3-.5.5-.1.2-.2.5-.2.8s0,.6.2.8c.1.2.3.4.5.6.2.1.5.2.8.2s.5,0,.7-.1c.2,0,.4-.2.6-.4l.8.8c-.2.3-.6.5-.9.7-.4.2-.7.2-1.1.2ZM23.9,43.8l-2.2-2.7,2.2-2.6h1.4l-2.6,2.9v-.7c0,0,2.7,3.1,2.7,3.1h-1.5ZM20.6,43.8v-7.9h1.2v7.9h-1.2ZM29.1,43.8v-6c0-.4,0-.8.3-1.1.2-.3.4-.5.7-.7.3-.2.7-.3,1.1-.3s.6,0,.8.2c.2.1.4.3.6.5l-.8.8c0,0-.2-.2-.3-.2-.1,0-.2,0-.4,0-.3,0-.5,0-.7.2-.2.2-.2.4-.2.7v6h-1.2ZM27.8,39.6v-1.1h4.1v1.1h-4.1ZM35,43.9c-.5,0-1-.1-1.4-.4-.4-.2-.8-.6-1-1-.2-.4-.4-.9-.4-1.4s.1-1,.4-1.4c.2-.4.6-.7,1-1,.4-.2.9-.4,1.4-.4s1,.1,1.4.4c.4.2.7.6,1,1,.2.4.4.9.4,1.4s-.1,1-.4,1.4c-.2.4-.6.8-1,1-.4.2-.9.4-1.4.4ZM35,42.7c.3,0,.6,0,.8-.2.2-.1.4-.3.5-.6.1-.2.2-.5.2-.8s0-.6-.2-.8c-.1-.2-.3-.4-.5-.5-.2-.1-.5-.2-.8-.2s-.6,0-.8.2c-.2.1-.4.3-.5.5-.1.2-.2.5-.2.8s0,.6.2.8c.1.2.3.4.5.6.2.1.5.2.8.2ZM38.8,43.8v-5.3h1.2v5.3h-1.2ZM40,40.9l-.4-.2c0-.7.1-1.2.4-1.6.3-.4.8-.6,1.4-.6s.5,0,.7.1c.2,0,.4.2.6.5l-.8.8c0-.1-.2-.2-.3-.2-.1,0-.3,0-.4,0-.3,0-.6.1-.8.3-.2.2-.3.5-.3,1ZM46.7,40.9v-1.1h1.9c.3,0,.5,0,.7-.2.2-.1.4-.3.5-.5.1-.2.2-.4.2-.7s0-.5-.2-.7c-.1-.2-.3-.3-.5-.5-.2-.1-.4-.2-.7-.2h-1.9v-1.1h2c.5,0,.9,0,1.3.3.4.2.7.5.9.8.2.4.3.8.3,1.3s-.1.9-.3,1.3c-.2.4-.5.6-.9.8-.4.2-.8.3-1.3.3h-2ZM45.8,43.8v-7.7h1.3v7.7h-1.3ZM52.3,43.8v-5.3h1.2v5.3h-1.2ZM53.5,40.9l-.4-.2c0-.7.1-1.2.4-1.6.3-.4.8-.6,1.4-.6s.5,0,.7.1c.2,0,.4.2.6.5l-.8.8c0-.1-.2-.2-.3-.2-.1,0-.3,0-.4,0-.3,0-.6.1-.8.3-.2.2-.3.5-.3,1ZM59,43.9c-.5,0-1-.1-1.4-.4-.4-.2-.8-.6-1-1-.2-.4-.4-.9-.4-1.4s.1-1,.4-1.4c.2-.4.6-.7,1-1,.4-.2.9-.4,1.4-.4s1,.1,1.4.4c.4.2.7.6,1,1,.2.4.4.9.4,1.4s-.1,1-.4,1.4c-.2.4-.6.8-1,1-.4.2-.9.4-1.4.4ZM59,42.7c.3,0,.6,0,.8-.2.2-.1.4-.3.5-.6.1-.2.2-.5.2-.8s0-.6-.2-.8c-.1-.2-.3-.4-.5-.5-.2-.1-.5-.2-.8-.2s-.6,0-.8.2c-.2.1-.4.3-.5.5-.1.2-.2.5-.2.8s0,.6.2.8c.1.2.3.4.5.6.2.1.5.2.8.2ZM63.4,43.8v-6.2c0-.4,0-.7.2-.9.2-.3.4-.5.7-.7.3-.2.6-.2,1-.2s.5,0,.7.1c.2,0,.4.2.6.4l-.8.8c0,0-.2-.1-.2-.1,0,0-.2,0-.3,0-.2,0-.4,0-.5.2-.1.1-.2.3-.2.5v6.2h-1.2ZM62.1,39.6v-1.1h5.1v1.1h-5.1ZM66.6,43.8v-5.3h1.2v5.3h-1.2ZM67.2,38.1c-.2,0-.4,0-.5-.2-.1-.1-.2-.3-.2-.5s0-.4.2-.5c.1-.1.3-.2.5-.2s.4,0,.5.2c.1.1.2.3.2.5s0,.4-.2.5c-.1.1-.3.2-.5.2ZM69.1,43.8v-7.9h1.2v7.9h-1.2ZM74.1,43.9c-.5,0-1-.1-1.4-.4-.4-.2-.8-.6-1-1-.2-.4-.4-.9-.4-1.4s.1-1,.4-1.4c.2-.4.6-.7,1-1,.4-.2.9-.4,1.4-.4s.9.1,1.3.3c.4.2.7.5.9.9.2.4.3.8.3,1.4s0,.2,0,.3c0,0,0,.2,0,.3h-4.3v-1h3.7l-.5.4c0-.3,0-.6-.2-.8s-.3-.4-.5-.5c-.2-.1-.4-.2-.7-.2s-.6,0-.8.2c-.2.1-.4.3-.5.6-.1.2-.2.5-.2.8s0,.6.2.9c.1.2.3.4.6.6.2.1.5.2.8.2s.5,0,.7-.1c.2,0,.4-.2.6-.4l.8.8c-.3.3-.6.5-.9.7-.4.2-.8.2-1.2.2Z"/> </g> </g> </svg></a></li> </ul> </div> </div> </footer> <script defer src="/js/app.js?id=9093eb45b2010dd0cc99f31396178dbc"></script> </body> </html>