Shannon Connellan

<!doctype html> <html lang="en"> <head> <title>Shannon Connellan | Mashable</title> <meta charset="utf-8"> <link rel="canonical" href="https://mashable.com/author/shannon-connellan"> <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="Mashable is a global, multi-platform media and entertainment company."/> <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="Shannon Connellan"> <meta property="og:url" content="https://mashable.com/author/shannon-connellan"> <meta property="og:description" content="Mashable is a global, multi-platform media and entertainment company."> <meta property="og:image" content="https://helios-i.mashable.com/imagery/defaults/fallback-thumbnail.fill.size_1200x675.1.png"> <meta property="og:image:secure_url" content="https://helios-i.mashable.com/imagery/defaults/fallback-thumbnail.fill.size_1200x675.1.png"> <meta property="og:image:height" content="675"> <meta property="og:image:width" content="1200"> <meta name="twitter:site" content="@mashable"> <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/author/shannon-connellan" /> <link rel="alternate" hreflang="en-us" href="https://mashable.com/author/shannon-connellan" /> <link rel="alternate" hreflang="x-default" href="https://mashable.com/author/shannon-connellan" /> <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":"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":"Person","name":"Shannon Connellan","email":"shannon@mashable.com","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/authors\/03ViZY8xuP4VcGszqNHGLjV\/image.fill.size_1200x675.v1624380984.jpg","width":1200,"height":675,"caption":"A black and white image of a person with a long braid and thick framed glasses."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/authors\/03ViZY8xuP4VcGszqNHGLjV\/image.fill.size_1200x900.v1624380984.jpg","width":1200,"height":900,"caption":"A black and white image of a person with a long braid and thick framed glasses."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/authors\/03ViZY8xuP4VcGszqNHGLjV\/image.fill.size_1200x1200.v1624380984.jpg","width":1200,"height":1200,"caption":"A black and white image of a person with a long braid and thick framed glasses."}],"knowsAbout":[{"@type":"Thing","name":"Movies"},{"@type":"Thing","name":"TV Shows"},{"@type":"Thing","name":"Digital Culture"},{"@type":"Thing","name":"Tech"},{"@type":"Thing","name":"Social Good"}]}</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"ProfilePage","dateCreated":"2017-08-29T00:41:20+00:00","dateModified":"2024-10-31T10:20:22+00:00","hasPart":[{"@type":"Article","headline":"The music of ‘Moana 2’: Auliʻi Cravalho goes ‘Beyond’","url":"https:\/\/mashable.com\/video\/moana-2-auli-i-cravalho-beyond","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/videos\/00F4HXJqE6h5Q1u4O6SyAZ8\/hero-image.fill.size_1200x675.v1732733427.png","width":1200,"height":675,"caption":"A collage shows 'Moana' actor Auliʻi Cravalho and songwriters Abigail Barlow and Emily Bear against an official movie background"},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/videos\/00F4HXJqE6h5Q1u4O6SyAZ8\/hero-image.fill.size_1200x900.v1732733427.png","width":1200,"height":900,"caption":"A collage shows 'Moana' actor Auliʻi Cravalho and songwriters Abigail Barlow and Emily Bear against an official movie background"},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/videos\/00F4HXJqE6h5Q1u4O6SyAZ8\/hero-image.fill.size_1200x1200.v1732733427.png","width":1200,"height":1200,"caption":"A collage shows 'Moana' actor Auliʻi Cravalho and songwriters Abigail Barlow and Emily Bear against an official movie background"}],"datePublished":"2024-11-27T18:50:49+00:00","author":{"@type":"Person","url":"https:\/\/mashable.com\/author\/shannon-connellan","@id":"https:\/\/mashable.com\/author\/shannon-connellan"}},{"@type":"Article","headline":"How to share your live location on Instagram","url":"https:\/\/mashable.com\/article\/how-to-share-location-on-instagram","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/05FQj3F2hGkujkRBjKJspON\/hero-image.fill.size_1200x675.v1732709404.png","width":1200,"height":675,"caption":"A screenshot showing how to share your live location on Instagram."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/05FQj3F2hGkujkRBjKJspON\/hero-image.fill.size_1200x900.v1732709404.png","width":1200,"height":900,"caption":"A screenshot showing how to share your live location on Instagram."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/05FQj3F2hGkujkRBjKJspON\/hero-image.fill.size_1200x1200.v1732709404.png","width":1200,"height":1200,"caption":"A screenshot showing how to share your live location on Instagram."}],"datePublished":"2024-11-27T12:24:57+00:00","author":{"@type":"Person","url":"https:\/\/mashable.com\/author\/shannon-connellan","@id":"https:\/\/mashable.com\/author\/shannon-connellan"}},{"@type":"Article","headline":"'Robot Dreams' review: A stunning, dialogue-free ode to loneliness","url":"https:\/\/mashable.com\/article\/robot-dreams-review","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/04C8ZQ8bU8ZnGi93Oc3l5PQ\/hero-image.fill.size_1200x675.v1717094315.jpg","width":1200,"height":675,"caption":"A summer to remember 🐶💖🤖"},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/04C8ZQ8bU8ZnGi93Oc3l5PQ\/hero-image.fill.size_1200x900.v1717094315.jpg","width":1200,"height":900,"caption":"A summer to remember 🐶💖🤖"},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/04C8ZQ8bU8ZnGi93Oc3l5PQ\/hero-image.fill.size_1200x1200.v1717094315.jpg","width":1200,"height":1200,"caption":"A summer to remember 🐶💖🤖"}],"datePublished":"2024-11-26T10:00:00+00:00","author":{"@type":"Person","url":"https:\/\/mashable.com\/author\/shannon-connellan","@id":"https:\/\/mashable.com\/author\/shannon-connellan"}},{"@type":"Article","headline":"'Sonic the Hedgehog 3' trailer is all about Keanu Reeves as Shadow","url":"https:\/\/mashable.com\/video\/sonic-hedgehog-3-trailer-keanu-reeves-shadow-jim-carrey","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/videos\/04AbZ4c7tdHspM6X6S6tfrN\/hero-image.fill.size_1200x675.v1732547342.png","width":1200,"height":675,"caption":"Shadow the Hedgehog"},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/videos\/04AbZ4c7tdHspM6X6S6tfrN\/hero-image.fill.size_1200x900.v1732547342.png","width":1200,"height":900,"caption":"Shadow the Hedgehog"},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/videos\/04AbZ4c7tdHspM6X6S6tfrN\/hero-image.fill.size_1200x1200.v1732547342.png","width":1200,"height":1200,"caption":"Shadow the Hedgehog"}],"datePublished":"2024-11-25T15:18:12+00:00","author":{"@type":"Person","url":"https:\/\/mashable.com\/author\/shannon-connellan","@id":"https:\/\/mashable.com\/author\/shannon-connellan"}},{"@type":"Article","headline":"'Wicked' proves popular at box office, smashing 'Gladiator II'","url":"https:\/\/mashable.com\/article\/wicked-gladiator-box-office-record-opening-weekend","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/01MuZTRZw0preT4mdY3OuOe\/hero-image.fill.size_1200x675.v1732535112.png","width":1200,"height":675,"caption":"The \"Glicked\" box office battle of the year."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/01MuZTRZw0preT4mdY3OuOe\/hero-image.fill.size_1200x900.v1732535112.png","width":1200,"height":900,"caption":"The \"Glicked\" box office battle of the year."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/01MuZTRZw0preT4mdY3OuOe\/hero-image.fill.size_1200x1200.v1732535112.png","width":1200,"height":1200,"caption":"The \"Glicked\" box office battle of the year."}],"datePublished":"2024-11-25T11:52:32+00:00","author":{"@type":"Person","url":"https:\/\/mashable.com\/author\/shannon-connellan","@id":"https:\/\/mashable.com\/author\/shannon-connellan"}}],"mainEntity":{"@type":"Person","name":"Shannon Connellan","description":"Shannon Connellan is Mashable's UK Editor based in London, formerly Mashable's Australia Editor, but emotionally, she lives in the Creel House . A Tomatometer-approved critic , Shannon writes about everything (but not anything) across entertainment, tech, social good, science, and culture.","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/authors\/03ViZY8xuP4VcGszqNHGLjV\/image.fill.size_1200x675.v1624380984.jpg","width":1200,"height":675,"caption":"A black and white image of a person with a long braid and thick framed glasses."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/authors\/03ViZY8xuP4VcGszqNHGLjV\/image.fill.size_1200x900.v1624380984.jpg","width":1200,"height":900,"caption":"A black and white image of a person with a long braid and thick framed glasses."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/authors\/03ViZY8xuP4VcGszqNHGLjV\/image.fill.size_1200x1200.v1624380984.jpg","width":1200,"height":1200,"caption":"A black and white image of a person with a long braid and thick framed glasses."}],"sameAs":["https:\/\/twitter.com\/shanconnellan","https:\/\/www.linkedin.com\/in\/shannon-connellan-02642a19\/"],"agentInteractionStatistic":{"@type":"InteractionCounter","interactionType":"https:\/\/schema.org\/WriteAction","userInteractionCount":2232},"@id":"https:\/\/mashable.com\/author\/shannon-connellan"}}</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" href="https://helios-i.mashable.com/imagery/authors/03ViZY8xuP4VcGszqNHGLjV/image.fill.size_100x100.v1624380984.jpg" > <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%2Fauthor%2Fshannon-connellan" as="script"> <script type="text/javascript" src="https://g.mashable.com/mashable.js?url=https%3A%2F%2Fmashable.com%2Fauthor%2Fshannon-connellan" 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":"author","content_type":"author","split_test_identifier":null,"split_test_variant":null,"object_uuid":"03ViZY8xuP4VcGszqNHGLjV","object_type":"author","title":null,"canonical_url":"https:\/\/mashable.com\/author\/shannon-connellan","full_published_date":"10\/31\/2024","original_published_date":"08\/29\/2017"}; 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": "author", } </script>  <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>  <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> </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> <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"> <header class="mx-auto mt-8 md:px-16 max-w-8xl"> <div class="py-8 w-full"> <div class="flex flex-col items-center pb-6 border-b-2 border-gray-100 md:flex-row md:pb-8 md:space-x-8"> <div class="flex flex-col justify-center items-center space-y-4 text-center md:flex-row md:justify-start md:space-y-0 md:space-x-6 md:text-left"> <img class="w-24 h-24 rounded-full border-2 border-gray-100" src="https://helios-i.mashable.com/imagery/authors/03ViZY8xuP4VcGszqNHGLjV/image.fill.size_100x100.v1624380984.jpg" alt="A black and white image of a person with a long braid and thick framed glasses." width="100" height="100" > <div class="flex flex-col space-y-2"> <h1 class="w-full text-3xl font-bold lg:text-4xl">Shannon Connellan</h1> <h2 class="w-full text-xl font-bold"></h2> </div> </div> <div class="flex flex-row justify-center pt-4 mt-8 w-full border-t-2 border-gray-100 md:justify-start md:pt-0 md:pl-4 md:mt-0 md:w-auto md:border-t-0 md:border-l-2 md:border-solid space-x4" style="height:75px;align-items:center;"> <a href="https://twitter.com/shanconnellan" class="px-3 hover:text-primary-400" target="_blank" rel="noopener" title="(opens in a new window)"> <svg class="inline-block w-5 h-5 fill-current md:h-4"><use href="/images/icons/spritemap.svg#sprite-twitter-brands"></use></svg> </a> <a href="https://www.linkedin.com/in/shannon-connellan-02642a19/" class="px-3 hover:text-primary-400" target="_blank" rel="noopener" title="(opens in a new window)"> <svg class="inline-block w-5 h-5 fill-current md:h-4"><use href="/images/icons/spritemap.svg#sprite-linkedin-brands"></use></svg> </a> </div> </div> <div class="mx-0 max-w-3xl font-serif editor-content"> <p>Shannon Connellan is Mashable's UK Editor based in London, formerly Mashable's Australia Editor, but emotionally, she lives in the <a href="https://mashable.com/article/stranger-things-creel-house" target="_self" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body">Creel House</a>. A <a href="https://www.rottentomatoes.com/critics/shannon-connellan/movies" target="_blank" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body" title="(opens in a new window)">Tomatometer-approved critic</a>, Shannon writes about everything (but not anything) across entertainment, tech, social good, science, and culture.</p> </div> <div class="mx-0 max-w-3xl font-serif editor-content"> <p>Shannon's written on topics from <a href="https://mashable.com/article/space-junk-debris-removal-european-space-agency" target="_self" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body">space trash</a> to <a href="https://mashable.com/article/heartstopper-netflix-review" target="_self" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body"><em>Heartstopper</em></a>, <a href="https://mashable.com/article/drag-queens-and-kings-on-twitch" target="_self" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body">the rise of drag on Twitch</a>, <a href="https://mashable.com/article/the-northman-valkyrie-braces" target="_self" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body">Viking teeth tattoos in </a><a href="https://mashable.com/article/the-northman-valkyrie-braces" target="_self" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body"><em>The Northman</em></a>, <a href="https://mashable.com/article/malala-yousafzai-literati-book-club" target="_self" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body">Malala Yousafzai's book club</a>, <a href="https://mashable.com/article/meditation-apps-guides-voices-headspace-calm-insight-timer-shine" target="_self" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body">meditation apps</a>, <a href="https://mashable.com/article/only-murders-in-the-building-knitwear-sweaters-cozy-crime" target="_self" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body">knitwear on </a><a href="https://mashable.com/article/only-murders-in-the-building-knitwear-sweaters-cozy-crime" target="_self" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body"><em>Only Murders in the Building</em></a>, <a href="https://mashable.com/article/best-climate-change-documentaries" target="_self" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body">climate change docs</a>, <a href="https://mashable.com/article/nasa-perseverance-mars-mission-rover" target="_self" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body">Mars mission launches</a>, <a href="https://mashable.com/article/keanu-reeves-matt-kindt-ron-garney-brzrkr-comic" target="_self" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body">Keanu Reeves' graphic novel</a>, <a href="https://mashable.com/video/uber-boat-review-video" target="_self" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body">Uber Boat</a>, <a href="https://mashable.com/article/steve-mcqueen-documentaries-uprising-subnormal-black-power" target="_self" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body">Steve McQueen's documentaries</a>, <a href="https://mashable.com/uk/review/swheat-reusable-water-bottle-review" target="_self" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body">sustainable</a> <a href="https://mashable.com/article/lime-gomi-ebike-batteries-portable-speakers" target="_self" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body">design</a>, <a href="https://mashable.com/article/jurasic-world-dominion-dimetrodon" target="_self" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body">non-dinosaurs</a>, <a href="https://mashable.com/article/shon-faye-book-the-transgender-issue-extract" target="_self" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body">must-read books</a>, <a href="https://mashable.com/article/titane-review" target="_self" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body">getting messed up by </a><a href="https://mashable.com/article/titane-review" target="_self" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body"><em>Titane</em></a>, and <a href="https://mashable.com/article/loki-tech-gadgets-marvel-disney" target="_self" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body">reviewing all the retro-magical TVA tech in </a><a href="https://mashable.com/article/loki-tech-gadgets-marvel-disney" target="_self" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body"><em>Loki</em></a><a href="https://mashable.com/article/loki-tech-gadgets-marvel-disney" target="_self" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body">.</a></p><p>Historically, Shannon's encouraged people to dig into every morsel of their cities as Managing Editor of <a href="https://concreteplayground.com/" target="_blank" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body" title="(opens in a new window)">Concrete Playground</a>, and she used to force people listen to her music taste at New York's <a href="https://twitter.com/evradio" target="_blank" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body" title="(opens in a new window)">East Village Radio</a> and Sydney's <a href="https://fbiradio.com/" target="_blank" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body" title="(opens in a new window)">FBi Radio</a>, where she produced and presented shows, ran the office, and edited the blog. She's also written for every street press that would pay her in <em>Fast and the Furious</em> tickets.</p><p></p> </div> </div> </header> <section class="mx-auto md:px-16 max-w-8xl"> <hr class="my-4 mx-auto border border-gray-100"> <div class="font-bold text-xl text-primary-400 md:!leading-6">Areas of Expertise</div> <div class="flex flex-wrap gap-x-6 justify-start mt-4"> <a href="/category/movies" class="text-lg font-bold text-secondary-300"> <h3 class="font-semibold">Movies</h3> </a> <a href="/category/tv-shows" class="text-lg font-bold text-secondary-300"> <h3 class="font-semibold">TV Shows</h3> </a> <a href="/category/digital-culture" class="text-lg font-bold text-secondary-300"> <h3 class="font-semibold">Digital Culture</h3> </a> <a href="/tech" class="text-lg font-bold text-secondary-300"> <h3 class="font-semibold">Tech</h3> </a> <a href="/category/social-good" class="text-lg font-bold text-secondary-300"> <h3 class="font-semibold">Social Good</h3> </a> </div> </section> <section class="mx-auto md:px-16 max-w-8xl"> <section class="mx-auto max-w-8xl"> <hr class="my-8 mx-auto border border-gray-100 "> <div class="mt-12 font-bold header-200 text-primary-400 md:!leading-6">Author Recommended</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="/article/best-australian-horror-movies"> 34 bloody excellent Australian horror movies that'll mess you up (and where to watch them)</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">Ride the Australian New Wave to the present through these terrors.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Thu, 24 Oct 2024 09:00:00 +0000"> 10/24/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="34 bloody excellent Australian horror movies that'll mess you up (and where to watch them)" href="/article/best-australian-horror-movies"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/04SEcOXmk2UEjNsNpW69HwF/hero-image.fill.size_220x133.v1728909181.jpg" alt="Ten posters for Australian horror films are pasted up on a wall." width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/04SEcOXmk2UEjNsNpW69HwF/hero-image.fill.size_220x220.v1728909181.jpg" alt="Ten posters for Australian horror films are pasted up on a wall." width="220" height="220" loading="lazy" > </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="/article/drag-queens-and-kings-on-twitch"> The rise of drag on Twitch</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">"We're trying to give you that whole experience that you would get in a bar, online."</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Fri, 26 Jun 2020 11:12:12 +0000"> 06/26/2020 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="The rise of drag on Twitch" href="/article/drag-queens-and-kings-on-twitch"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/013WzXitWPYxIetmBmaHcMb/hero-image.fill.size_220x133.v1623389997.jpg" alt="An illustration of a drag queen singing, surrounded by lush pastel colours." width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/013WzXitWPYxIetmBmaHcMb/hero-image.fill.size_220x220.v1623389997.jpg" alt="An illustration of a drag queen singing, surrounded by lush pastel colours." width="220" height="220" loading="lazy" > </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="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="/article/kaos-netflix-greek-mythology-character-guide"> Netflix's 'Kaos': A basic guide to the Greek myths and figures in the series</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">Prometheus is a great host in the show, but let's delve deeper.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Fri, 30 Aug 2024 10:05:51 +0000"> 08/30/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="Netflix's 'Kaos': A basic guide to the Greek myths and figures in the series" href="/article/kaos-netflix-greek-mythology-character-guide"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/00wGbJOT1AsWmaVmJbDC18A/hero-image.fill.size_220x133.v1724953604.jpg" alt="Sam Buttery, Suzy Eddie Izzard, and Ché as The Fates in "Kaos."" width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/00wGbJOT1AsWmaVmJbDC18A/hero-image.fill.size_220x220.v1724953604.jpg" alt="Sam Buttery, Suzy Eddie Izzard, and Ché as The Fates in "Kaos."" width="220" height="220" loading="lazy" > </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/beef-netflix-series-interview"> Ali Wong and Steven Yeun on why revenge is a universal touchpoint in ‘Beef’</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">"There's always something..."</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Thu, 06 Apr 2023 13:53:37 +0000"> 04/06/2023 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/mstetson">Mark Stetson</a> and <a href="/author/shannon-connellan">Shannon Connellan</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="Ali Wong and Steven Yeun on why revenge is a universal touchpoint in ‘Beef’" href="/video/beef-netflix-series-interview"> <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/06myFWQ6Cec5rkhwtp29pYf/hero-image.fill.size_220x133.v1680717143.png" alt="Ali Wong and Steven Yeun in Beef" 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/06myFWQ6Cec5rkhwtp29pYf/hero-image.fill.size_220x220.v1680717143.png" alt="Ali Wong and Steven Yeun in Beef" width="220" height="220" loading="lazy" > </div> </div> </a> </div> </div> </div> </section> </section> <section class="mx-auto mt-8 md:px-16 max-w-8xl"> <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 From Shannon Connellan</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/moana-2-auli-i-cravalho-beyond"> The music of ‘Moana 2’: Auliʻi Cravalho goes ‘Beyond’</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">Can we get a Chee Hoo?</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Wed, 27 Nov 2024 18:50:49 +0000"> 4 hours ago </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> and <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="The music of ‘Moana 2’: Auliʻi Cravalho goes ‘Beyond’" href="/video/moana-2-auli-i-cravalho-beyond"> <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/00F4HXJqE6h5Q1u4O6SyAZ8/hero-image.fill.size_220x133.v1732733427.png" alt="A collage shows 'Moana' actor Auliʻi Cravalho and songwriters Abigail Barlow and Emily Bear against an official movie 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/00F4HXJqE6h5Q1u4O6SyAZ8/hero-image.fill.size_220x220.v1732733427.png" alt="A collage shows 'Moana' actor Auliʻi Cravalho and songwriters Abigail Barlow and Emily Bear against an official movie 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="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="/article/how-to-share-location-on-instagram"> How to share your live location on Instagram</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">Finally, Instagram has added the feature pretty much every other messaging app has.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Wed, 27 Nov 2024 12:24:57 +0000"> 11 hours ago </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="How to share your live location on Instagram" href="/article/how-to-share-location-on-instagram"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/05FQj3F2hGkujkRBjKJspON/hero-image.fill.size_220x133.v1732709404.png" alt="A screenshot showing how to share your live location on Instagram." width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/05FQj3F2hGkujkRBjKJspON/hero-image.fill.size_220x220.v1732709404.png" alt="A screenshot showing how to share your live location on Instagram." width="220" height="220" loading="lazy" > </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="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="/article/robot-dreams-review"> 'Robot Dreams' review: A stunning, dialogue-free ode to loneliness</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">Pablo Berger's Oscar-nominated animated film is a poignant examination of connection.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Tue, 26 Nov 2024 10:00:00 +0000"> 11/26/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="'Robot Dreams' review: A stunning, dialogue-free ode to loneliness" href="/article/robot-dreams-review"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/04C8ZQ8bU8ZnGi93Oc3l5PQ/hero-image.fill.size_220x133.v1717094315.jpg" alt="In a still from "Robot Dreams," a dog and a robot have a hot dog in Central Park, New York." width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/04C8ZQ8bU8ZnGi93Oc3l5PQ/hero-image.fill.size_220x220.v1717094315.jpg" alt="In a still from "Robot Dreams," a dog and a robot have a hot dog in Central Park, New York." width="220" height="220" loading="lazy" > </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/sonic-hedgehog-3-trailer-keanu-reeves-shadow-jim-carrey"> 'Sonic the Hedgehog 3' trailer is all about Keanu Reeves as Shadow</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">Woah.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Mon, 25 Nov 2024 15:18:12 +0000"> 11/25/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="'Sonic the Hedgehog 3' trailer is all about Keanu Reeves as Shadow" href="/video/sonic-hedgehog-3-trailer-keanu-reeves-shadow-jim-carrey"> <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/04AbZ4c7tdHspM6X6S6tfrN/hero-image.fill.size_220x133.v1732547342.png" alt="Shadow the Hedgehog" 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/04AbZ4c7tdHspM6X6S6tfrN/hero-image.fill.size_220x220.v1732547342.png" alt="Shadow the Hedgehog" 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="/article/wicked-gladiator-box-office-record-opening-weekend"> 'Wicked' proves popular at box office, smashing 'Gladiator II'</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">Laaaaaa laaaaa, laaaaaa laaaaaa!</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Mon, 25 Nov 2024 11:52:32 +0000"> 11/25/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="'Wicked' proves popular at box office, smashing 'Gladiator II'" href="/article/wicked-gladiator-box-office-record-opening-weekend"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/01MuZTRZw0preT4mdY3OuOe/hero-image.fill.size_220x133.v1732535112.png" alt="Two images: Cynthia Erivo and Ariana Grande in "Wicked" and Pedro Pascal and Maul Mescal in "Gladiator II"." width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/01MuZTRZw0preT4mdY3OuOe/hero-image.fill.size_220x220.v1732535112.png" alt="Two images: Cynthia Erivo and Ariana Grande in "Wicked" and Pedro Pascal and Maul Mescal in "Gladiator II"." width="220" height="220" loading="lazy" > </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="/article/all-we-imagine-as-light-review"> 'All We Imagine As Light' review: A resplendent portrait of womanhood</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">Payal Kapadia's sublime film makes subtle wonder of the everyday.</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:29:07 +0000"> 11/22/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="'All We Imagine As Light' review: A resplendent portrait of womanhood" href="/article/all-we-imagine-as-light-review"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/04HuqULLObs1s3jdc3bmlsh/hero-image.fill.size_220x133.v1732210567.jpg" alt="Kani Kusruti as Prabha and Divya Prabha as Anu in "All We Imagine As Light."" width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/04HuqULLObs1s3jdc3bmlsh/hero-image.fill.size_220x220.v1732210567.jpg" alt="Kani Kusruti as Prabha and Divya Prabha as Anu in "All We Imagine As Light."" width="220" height="220" loading="lazy" > </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="/article/kel-cripe-scram-tiktok-interview"> TikTok's Kel Cripe on the power of one word: 'Scram!'</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">"I never imagined an inside joke with my girlfriend could be what changed my life."</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:40:55 +0000"> 11/22/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="TikTok's Kel Cripe on the power of one word: 'Scram!'" href="/article/kel-cripe-scram-tiktok-interview"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/00KZlJpUBoAbVzAPOK2nwME/hero-image.fill.size_220x133.v1732270424.jpg" alt="A composite image of comedian Kel Cripe with illustrations of wolves and the word "Scram!"" width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/00KZlJpUBoAbVzAPOK2nwME/hero-image.fill.size_220x220.v1732270424.jpg" alt="A composite image of comedian Kel Cripe with illustrations of wolves and the word "Scram!"" width="220" height="220" loading="lazy" > </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="/article/new-to-streaming-november-22-2024"> What's new to streaming this week? (Nov. 22, 2024)</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">What should you watch this weekend?</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:00:00 +0000"> 11/22/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="What's new to streaming this week? (Nov. 22, 2024)" href="/article/new-to-streaming-november-22-2024"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/00MYKs9xQ4xm8UZVk1hXG7o/hero-image.fill.size_220x133.v1732203799.png" alt="Five images from movies and TV shows streaming this week." width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/00MYKs9xQ4xm8UZVk1hXG7o/hero-image.fill.size_220x220.v1732203799.png" alt="Five images from movies and TV shows streaming this week." width="220" height="220" loading="lazy" > </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="/article/alien-romulus-easter-egg"> 'Alien: Romulus' has a great Easter egg right at the start</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">Fans will know.</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:00:00 +0000"> 11/21/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="'Alien: Romulus' has a great Easter egg right at the start" href="/article/alien-romulus-easter-egg"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/02flaCx2LCpyPCaopcl7siM/hero-image.fill.size_220x133.v1723735169.jpg" alt="A man in a spacesuit stands in a spaceship hallway looking worried." width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/02flaCx2LCpyPCaopcl7siM/hero-image.fill.size_220x220.v1723735169.jpg" alt="A man in a spacesuit stands in a spaceship hallway looking worried." width="220" height="220" loading="lazy" > </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="/article/a24-chocolate-bars"> A24 is selling chocolate now. But what would their movies actually taste like?</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">Our humble pitches for an A24 movie-themed chocolate line.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Wed, 20 Nov 2024 18:22:23 +0000"> 11/20/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> and <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="A24 is selling chocolate now. But what would their movies actually taste like?" href="/article/a24-chocolate-bars"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/03Qmmb1NQN7xoDmI3CHHKT7/hero-image.fill.size_220x133.v1732125579.jpg" alt="Three A24 chocolate bars against a red background." width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/03Qmmb1NQN7xoDmI3CHHKT7/hero-image.fill.size_220x220.v1732125579.jpg" alt="Three A24 chocolate bars against a red background." width="220" height="220" loading="lazy" > </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="11" > <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="/article/playstation-portal-update"> PlayStation Portal just got a big update</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">Yep, it's cloud gaming.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Wed, 20 Nov 2024 12:39:28 +0000"> 11/20/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="PlayStation Portal just got a big update" href="/article/playstation-portal-update"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/06aFOqqmXqjuOBxpNBp1IvD/hero-image.fill.size_220x133.v1732105621.jpg" alt="A PlayStation Portal device," width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/06aFOqqmXqjuOBxpNBp1IvD/hero-image.fill.size_220x220.v1732105621.jpg" alt="A PlayStation Portal device," width="220" height="220" loading="lazy" > </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="12" > <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/arcane-finale-teaser-trailer-netflix"> 'Arcane' final act trailer teases one hell of a showdown</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">Steel yourselves.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Wed, 20 Nov 2024 09:58:30 +0000"> 11/20/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="'Arcane' final act trailer teases one hell of a showdown" href="/video/arcane-finale-teaser-trailer-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/02o8CVmbVGdxRMb65XrcZiv/hero-image.fill.size_220x133.v1732096697.jpg" alt="Jinx from Arcane looks devastated." 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/02o8CVmbVGdxRMb65XrcZiv/hero-image.fill.size_220x220.v1732096697.jpg" alt="Jinx from Arcane looks devastated." 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="13" > <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="/article/the-game-awards-nominations-2024"> The Game Awards 2024 nominations: Which games are up for the gold?</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">"Final Fantasy VII Rebirth", "Balatro", "Astro Bot", and "Black Myth: Wukong" dominate this year's noms.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Tue, 19 Nov 2024 11:02:07 +0000"> 11/19/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="The Game Awards 2024 nominations: Which games are up for the gold?" href="/article/the-game-awards-nominations-2024"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/034SCWFnLmpDet8FnMAfTJJ/hero-image.fill.size_220x133.v1732013584.png" alt="Five images from the Game of the Year nominees." width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/034SCWFnLmpDet8FnMAfTJJ/hero-image.fill.size_220x220.v1732013584.png" alt="Five images from the Game of the Year nominees." width="220" height="220" loading="lazy" > </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="14" > <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="/article/beyonce-netflix-nfl-christmas-game"> Beyoncé to perform at Netflix's first NFL Christmas Gameday</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">And she's bringing "Cowboy Carter" special guests.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Mon, 18 Nov 2024 13:17:58 +0000"> 11/18/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="Beyoncé to perform at Netflix's first NFL Christmas Gameday" href="/article/beyonce-netflix-nfl-christmas-game"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/07B6PUYFGvvYRwucCvrGG8M/hero-image.fill.size_220x133.v1731935440.jpg" alt="Beyoncé performs onstage during the "RENAISSANCE WORLD TOUR" at Soldier Field on July 22, 2023." width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/07B6PUYFGvvYRwucCvrGG8M/hero-image.fill.size_220x220.v1731935440.jpg" alt="Beyoncé performs onstage during the "RENAISSANCE WORLD TOUR" at Soldier Field on July 22, 2023." width="220" height="220" loading="lazy" > </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="15" > <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-cynthia-erivo-song"> Ariana Grande and Cynthia Erivo's 44-second 'Wicked' song is catchy</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">It's not "Defying Gravity" but it's fun 💚</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Mon, 18 Nov 2024 10:40:34 +0000"> 11/18/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="Ariana Grande and Cynthia Erivo's 44-second 'Wicked' song is catchy" href="/video/wicked-ariana-grande-cynthia-erivo-song"> <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/05NkqOa8MZuZdGSysW81NKg/hero-image.fill.size_220x133.v1731924482.png" alt="Cynthia Erivo and Arianda Grande appear on green and pink backgrounds, respectively." 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/05NkqOa8MZuZdGSysW81NKg/hero-image.fill.size_220x220.v1731924482.png" alt="Cynthia Erivo and Arianda Grande appear on green and pink backgrounds, respectively." 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="16" > <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/paul-mescal-hot-ones"> Paul Mescal valiantly battles the spice on 'Hot Ones'</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">"This is where the toxic masculinity will kick in. I want to win the wings."</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Fri, 15 Nov 2024 11:36:22 +0000"> 11/15/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="Paul Mescal valiantly battles the spice on 'Hot Ones'" href="/video/paul-mescal-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/07vfIy4BF0pNcbriOqDUwWh/hero-image.fill.size_220x133.v1731670565.png" alt="Paul Mescal on Hot Ones" 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/07vfIy4BF0pNcbriOqDUwWh/hero-image.fill.size_220x220.v1731670565.png" alt="Paul Mescal on Hot Ones" 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="17" > <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="/article/ai-daisy-scam-calls"> Meet 'Daisy' an AI bot that wastes phone scammers' time</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">And it sounds like someone's grandma.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Fri, 15 Nov 2024 11:26:41 +0000"> 11/15/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="Meet 'Daisy' an AI bot that wastes phone scammers' time" href="/article/ai-daisy-scam-calls"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/074a7z2Bc8A0aKpdsxLeR1y/hero-image.fill.size_220x133.v1731668343.png" alt="An elderly woman looks into the camera holding a landline telephone." width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/074a7z2Bc8A0aKpdsxLeR1y/hero-image.fill.size_220x220.v1731668343.png" alt="An elderly woman looks into the camera holding a landline telephone." width="220" height="220" loading="lazy" > </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="18" > <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/back-in-action-trailer-netflix-jamie-foxx-cameron-diaz"> Cameron Diaz and Jamie Foxx kick ass in Netflix's 'Back in Action' trailer</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">Plane fights, highway chases... y'know, spy stuff.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Thu, 14 Nov 2024 15:00:00 +0000"> 11/14/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="Cameron Diaz and Jamie Foxx kick ass in Netflix's 'Back in Action' trailer" href="/video/back-in-action-trailer-netflix-jamie-foxx-cameron-diaz"> <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/02IPWNpxGpBs3eTobcWV4F3/hero-image.fill.size_220x133.v1731502323.jpg" alt="Cameron Diaz and Jamie Foxx in a still from the Netflix film "Back In Action"" 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/02IPWNpxGpBs3eTobcWV4F3/hero-image.fill.size_220x220.v1731502323.jpg" alt="Cameron Diaz and Jamie Foxx in a still from the Netflix film "Back In Action"" 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="19" > <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/queer-eye-season-9-trailer-netflix"> 'Queer Eye' Season 9 trailer introduces the new Fab Five member</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">Meet the latest interior designer in the family.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Wed, 13 Nov 2024 15:50:26 +0000"> 11/13/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="'Queer Eye' Season 9 trailer introduces the new Fab Five member" href="/video/queer-eye-season-9-trailer-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/067s1aq8iJrHikdzMkzHYTC/hero-image.fill.size_220x133.v1731512660.jpg" alt="The cast of "Queer Eye" in a promo shot." 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/067s1aq8iJrHikdzMkzHYTC/hero-image.fill.size_220x220.v1731512660.jpg" alt="The cast of "Queer Eye" in a promo shot." 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="20" > <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/y2k-a24-trailer"> A24's 'Y2K' trailer is the '90s internet remix of our nightmares</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">What if the conspiracy theories were true?</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Wed, 13 Nov 2024 14:00:00 +0000"> 11/13/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="A24's 'Y2K' trailer is the '90s internet remix of our nightmares" href="/video/y2k-a24-trailer"> <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/01CFAUancsE0RiOxyrfNm8C/hero-image.fill.size_220x133.v1731411444.jpg" alt="Jaeden Martell , Rachel Zegler, and Julian Dennison in the film "Y2K"" 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/01CFAUancsE0RiOxyrfNm8C/hero-image.fill.size_220x220.v1731411444.jpg" alt="Jaeden Martell , Rachel Zegler, and Julian Dennison in the film "Y2K"" 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="21" > <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/us-election-amber-ruffin-seth-meyers"> Amber Ruffin reacts to the U.S. election by leaning on Instagram quotes</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">"Because that's the only thing that's keeping me alive."</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Wed, 13 Nov 2024 11:34:11 +0000"> 11/13/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="Amber Ruffin reacts to the U.S. election by leaning on Instagram quotes" href="/video/us-election-amber-ruffin-seth-meyers"> <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/06vXMyIBL7UTVxbGiEfmCIq/hero-image.fill.size_220x133.v1731497027.png" alt="Amber Ruffin appears on "Late Night with Seth Meyers"" 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/06vXMyIBL7UTVxbGiEfmCIq/hero-image.fill.size_220x220.v1731497027.png" alt="Amber Ruffin appears on "Late Night with Seth Meyers"" 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="22" > <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/netflix-mary-trailer"> Netflix's 'Mary' trailer sees Anthony Hopkins as the murderous King Herod</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">The Biblical epic is streaming this December.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Tue, 12 Nov 2024 16:37:07 +0000"> 11/12/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="Netflix's 'Mary' trailer sees Anthony Hopkins as the murderous King Herod" href="/video/netflix-mary-trailer"> <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/01f2Lho0585omTgrarhXaGI/hero-image.fill.size_220x133.v1731413265.jpg" alt="Anthony Hopkins as King Herod in Netflix's "Mary"." 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/01f2Lho0585omTgrarhXaGI/hero-image.fill.size_220x220.v1731413265.jpg" alt="Anthony Hopkins as King Herod in Netflix's "Mary"." 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="23" > <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/carry-on-taron-egerton-netflix-trailer"> 'Carry On' trailer sees Taron Egerton in Christmas airport thriller hell</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">Not all Netflix Christmas movies involve hot snowmen.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Tue, 12 Nov 2024 14:35:28 +0000"> 11/12/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="'Carry On' trailer sees Taron Egerton in Christmas airport thriller hell" href="/video/carry-on-taron-egerton-netflix-trailer"> <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/05MAhfgdXmSYdGfZ4pNaWgN/hero-image.fill.size_220x133.v1731421720.png" alt="Taryn Edgerton acts as a TSA agent in the film "Carry On."" 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/05MAhfgdXmSYdGfZ4pNaWgN/hero-image.fill.size_220x220.v1731421720.png" alt="Taryn Edgerton acts as a TSA agent in the film "Carry On."" 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="24" > <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/mission-impossible-the-final-reckoning-trailer"> 'Mission: Impossible – The Final Reckoning' trailer proves Tom Cruise still good at running</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">Eight films in and still running.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Mon, 11 Nov 2024 14:48:26 +0000"> 11/11/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="'Mission: Impossible – The Final Reckoning' trailer proves Tom Cruise still good at running" href="/video/mission-impossible-the-final-reckoning-trailer"> <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/03Cx8idseXPSfqTTj5xz385/hero-image.fill.size_220x133.v1731335760.png" alt="Tom Cruise in a still from the eighth "Mission Impossible"." 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/03Cx8idseXPSfqTTj5xz385/hero-image.fill.size_220x220.v1731335760.png" alt="Tom Cruise in a still from the eighth "Mission Impossible"." 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="25" > <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="/article/ai-robot-artwork-sale-sothebys"> Ai-Da robot just sold an artwork for $1 million. Yes, it made history.</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">The AI artist's portrait of Alan Turing took 15 individual paintings and a lot of conversation.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Mon, 11 Nov 2024 12:43:03 +0000"> 11/11/2024 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/shannon-connellan">Shannon Connellan</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="Ai-Da robot just sold an artwork for $1 million. Yes, it made history." href="/article/ai-robot-artwork-sale-sothebys"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/03yH0YFP4SIOaJCJ8gnZiXn/hero-image.fill.size_220x133.v1731326983.jpg" alt="AI artist Ai-Da and "AI God", a portrait of Alan Turning." width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/03yH0YFP4SIOaJCJ8gnZiXn/hero-image.fill.size_220x220.v1731326983.jpg" alt="AI artist Ai-Da and "AI God", a portrait of Alan Turning." width="220" height="220" loading="lazy" > </div> </a> </div> </div> </div> <div class="w-full text-center" x-data="contentListShowMore('https://mashable.com/author/shannon-connellan?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> </section> </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> </main> <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>  <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>

CINXE.COM

Shannon Connellan | Mashable