CINXE.COM
Membership Plus
<!DOCTYPE html> <html lang="en" class="h-full"> <head> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="GuDDzWudB8rnPEXGpvFV6quWrwoqNx1T7gNQ4R4MUnZUpo5xUVw8mg6V7dRKigeRv0uPm-WmvulJ3CWBSN9R1g" /> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="preconnect" href="https://alpha.uscreencdn.com"> <link rel="preconnect"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"> <script src="https://assets-gke.uscreencdn.com/vite/assets/web-components-p7BH4iA_.js" crossorigin="anonymous" type="module"></script><link rel="modulepreload" href="https://assets-gke.uscreencdn.com/vite/assets/preload-helper-B8hUOznO.js" as="script" crossorigin="anonymous"> <script src="https://assets-gke.uscreencdn.com/vite/assets/storefront_hotwire-Be8lnBoK.js" crossorigin="anonymous" type="module"></script><link rel="modulepreload" href="https://assets-gke.uscreencdn.com/vite/assets/preload-helper-B8hUOznO.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://assets-gke.uscreencdn.com/vite/assets/stream_actions-qocBE_wt.js" as="script" crossorigin="anonymous"><link rel="stylesheet" href="https://assets-gke.uscreencdn.com/vite/assets/storefront_hotwire-Bf76VUY8.css" media="screen" /> <script src="https://assets-gke.uscreencdn.com/vite/assets/storefront_analytics-C3fkmH2X.js" crossorigin="anonymous" type="module"></script><link rel="modulepreload" href="https://assets-gke.uscreencdn.com/vite/assets/analytics-D5FWfBpk.js" as="script" crossorigin="anonymous"> <link rel="stylesheet" href="https://assets-gke.uscreencdn.com/vite/assets/tailwind-DtSMLOOt.css" media="all" /> <link rel="stylesheet" href="https://assets-gke.uscreencdn.com/vite/assets/storefront_common-UgTNt1SK.css" media="all" /> <script> //<![CDATA[ window.gon={};gon.global={"uppy_companion_url":"https://uppy.uscreen.io/","assets_cdn_url":"https://alpha.uscreencdn.com","mixpanel_token":"44e8d04b49529b306bd4a1c79afcc56e"};gon.feature_flags=["themeless","vertical_video_thumbnails","show_captcha","show_captcha_v3","confirm_email_on_gift_card_sign_up","live_events_feed","allow_invite_people","hotwire_catalog","community_without_header","allow_website_code_customization","sign_in_with_hotwire","allow_new_prices_to_existing_members","external_login_google","external_login_apple","improved_go_live_ex","mobile_calendar","calendar_push_notifications","apps_update_requests","live_chat_with_sse","studio_beta","overage_billing_for_live_streaming","banner_with_live_stream_overage","automate_billing_for_ott_svod","go_live_from_mobile","paypal_beta","client_emails_footer","omni_analytics","community_notifications_v1","direct_messages","force_shortened_checkout","force_new_join_page","new_video_get_access_page","on_hold_hotwire","tailwind_latest","rich_user_profile","postmark_transactional_delivery","rewind_live_event","subscription_management_on_people_page","invoices_based_subscriber_analytics_chart","passwordless_sign_in","pause_subscriptions","google_play_subscriptionsv2"];gon.settings={"primary_color":"#000000","commenting":true,"my_library":true,"stats_id":"c43v645rpolt89529v2pesifn","analytics_env_id":"production","chapter_style":"sidebar","store_title":"Membership+","continue_watching":true,"mark_as_watched":false,"live_event_feed_link":"webcal://membershipplus.uscreen.tv/live_event_feed.ics","locale":"en","autoplay":true,"uplayer":false,"apps":{"show_popup":false,"icon_url":"https://alpha.uscreencdn.com/hybrid_apps/35938/assets/icon.png","ios":{"url":null,"name":"Membership+"},"android":{"url":"https://play.google.com/store/apps/details?id=tv.uscreen.membership","name":"Membership+"}},"show_notifications_center":false,"time_format":null,"local_timezone":null};gon.currency="USD";gon.locale="en";gon.country="SG";gon.stripe="pk_live_DImPqz7QOOyx70XCA9DSifxb";gon.recaptcha_v3_pub_key="6LenX-EZAAAAAAITxgGIXKB3S2OVKsM5r5tg0wKL";gon.store_id=35938;gon.pixel_user=null;gon.pixel_store=35938;gon.pixel_session="905dfdeb-eb51-49b4-aa60-54592eabf928";gon.impersonated=null;gon.request_referer=null;gon.ga_id=null;gon.pixel_email=null;gon.environment="production";gon.analytics={"user_id":null,"store_id":35938,"pixel_session":"905dfdeb-eb51-49b4-aa60-54592eabf928","impersonated":null,"request_referer":null,"ga_id":null,"email":null,"environment":"production"}; //]]> </script> <script> var sentryDsn = 'https://a7a5d334e15546e5908bf92cc68c8833@o282387.ingest.sentry.io/5277605' var sentryStorefrontActive = true var sentryStorefrontSampleRate = 1.0 var railsEnv = 'production' var analyticsHost = 'https://stats.uscreen.io' var analyticsConfig = null var storeId = 35938 </script> <link rel="shortcut icon" href="https://alpha.uscreencdn.com/images/favicontypes/36137/favnico.1712931146.ico"> <script type="module" crossorigin src="https://cdn.jsdelivr.net/npm/@uscreentv/video-player@1.2.1/+esm" ></script> <script type="text/javascript" data-turbo-eval="false"> !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.async=!0,p.src=s.api_host+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled onFeatureFlags getFeatureFlag getFeatureFlagPayload reloadFeatureFlags group updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures getActiveMatchingSurveys getSurveys".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]); posthog.init("phc_xjBFiavpPBShpxdpMYHb5wr34JjdBURqAiFO5bXMFV2", { api_host: 'https://ph.uuxpixel.com', disable_session_recording: true, loaded: function (posthog) { // we should call posthog identify once user is logged in const posthogUserIdentified = window.localStorage.getItem('posthog-user-identified') const posthogGroupIdentified = window.localStorage.getItem('posthog-group-identified') if (posthogGroupIdentified !== 'true') { posthog.group('company', '35938', { id: '35938', name: 'Membership+' }) window.localStorage.setItem('posthog-group-identified', 'true') } } }) posthog.onFeatureFlags(function() { if (posthog.isFeatureEnabled('session_recording') ) { posthog.startSessionRecording() } }) // we should reset posthog on logout // https://posthog.com/docs/libraries/js#reset-after-logout document.addEventListener('DOMContentLoaded', () => { const signOutLink = document.querySelector('a[href="/sign_out"]') if (signOutLink) { const handleClick = () => { posthog.reset() window.localStorage.setItem('posthog-user-identified', 'false') window.localStorage.setItem('posthog-group-identified', 'false') signOutLink.removeEventListener('click', handleClick) } signOutLink.addEventListener('click', handleClick) } }) </script> <title>Membership Plus</title> <meta name="description" content=""> <!-- Twitter Card data --> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="Membership Plus" /> <meta name="twitter:description" content="" /> <meta name="twitter:image" content="https://alpha.uscreencdn.com/198xnull/images/logotypes/36137/untitled-design-4.1719259957.png?auto=webp" /> <!-- Open Graph data --> <meta property="og:title" content="Membership Plus" > <meta property="og:type" content="website" /> <meta property="og:url" content="https://membershipplus.uscreen.tv/catalog" > <meta property="og:image" content="https://alpha.uscreencdn.com/1110xnull/images/logotypes/36137/untitled-design-4.1719259957.png?auto=webp" > <meta property="og:image:width" content="740" > <meta property="og:image:height" content="420" > <meta property="og:description" content="" > <meta property="og:site_name" content="Membership+" /> <link rel="canonical" href="https://membershipplus.uscreen.tv/catalog" /> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebPage", "name": "Catalog", "description": "", "publisher": { "@type": "Organization", "name": "Membership+" } } </script> <!-- Google Analytics --> <!-- End Google Analytics --> <!-- Google Tag Manager --> <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-KGN72H8'); </script> <!-- End Google Tag Manager --> <style> :root { --primary: #000000; --primary-rgb: 0, 0, 0; --contrast-text-color: #FFFFFF; --contrast-to-primary-color: #fff; } </style> <style id="custom-theme-styles" media="none"> body.light { --main-color-h: 0; --main-color-s: 100; --main-color-l: 100; --ds-bg-main: hsl(0, 100%, 100%); --ds-bg-default: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 96%); --ds-bg-inset: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 91%); --ds-bg-overlay: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 98%); --ds-bg-subtle: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 91%); --ds-border-default: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 85%); --ds-fg-default: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 8%); --ds-fg-muted: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 25%); --ds-fg-subtle: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 50%); } body.dark { --main-color-h: 0; --main-color-s: 100; --main-color-l: 0; --ds-bg-main: hsl(0, 100%, 0%); --ds-bg-default: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 10%); --ds-bg-overlay: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 2%); --ds-bg-inset: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 6%); --ds-bg-subtle: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 15%); --ds-border-default: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 20%); --ds-fg-default: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 98%); --ds-fg-muted: hsl(var(--main-color-h), calc(var(--main-color-s) * 1%), 70%); --ds-fg-subtle: hsl(var(--main-color-h), clamp(7%, calc(calc(var(--main-color-s) - 10) * 1%), 100%), 60%); } </style> <meta property="og:image" content="https://s3.us-east-1.amazonaws.com/unode1/assets%2Fassets%2F35938%2Funtitled-design-24.1716388870.png"> <meta name="facebook:image" content="https://s3.us-east-1.amazonaws.com/unode1/assets%2Fassets%2F35938%2Funtitled-design-24.1716388870.png"> </head> <body dir="ltr" class="light themeless group/body min-h-screen flex flex-col" > <turbo-frame id="website_modal"></turbo-frame> <div id="flash_messages"> </div> <div class="sticky top-0 z-[100]"> <header id="website-header" class="sticky top-0 z-[100] flex bg-ds-main h-20 border-b border-ds-default" data-controller="themeless--header" > <div class="container flex justify-between items-center my-auto"> <div class="flex justify-start w-[8.75rem] flex-none"> <a class="max-w-36 me-auto text-sm md:text-base text-ds-default" id="store-logo" data-type="main_logo" href="/"> <img alt="Membership+" src="https://alpha.uscreencdn.com/images/logotypes/36137/untitled-design-4.1719259957.png" /> </a> </div> <nav id="website-links" class="h-full min-w-0 mx-auto hidden md:flex justify-center -mb-px" data-themeless--header-target="navigation"> <ul class="h-full flex justify-start space-x-4 invisible" data-themeless--header-target="navigationLinks"> <li class="relative group/item"> <a class="flex items-center min-w-max overflow-y-hidden text-center px-4 pt-8 pb-7 h-full border-b border-b-4 hover:text-primary font-medium border-transparent text-ds-default" target="_self" data-type="home" href="/"><span class="flex items-center"><span>Home</span></span></a> </li> <li class="relative group/item"> <a class="flex items-center min-w-max overflow-y-hidden text-center px-4 pt-8 pb-7 h-full border-b border-b-4 hover:text-primary font-medium border-primary text-primary" target="_self" data-type="catalog" href="/catalog"><span class="flex items-center"><span>Catalog</span></span></a> </li> <li class="relative group/item"> <a class="flex items-center min-w-max overflow-y-hidden text-center px-4 pt-8 pb-7 h-full border-b border-b-4 hover:text-primary font-medium border-transparent text-ds-default" target="_self" data-type="community" href="/community"><span class="flex items-center"><span>Community</span></span></a> </li> <li class="relative group/item"> <a class="flex items-center min-w-max overflow-y-hidden text-center px-4 pt-8 pb-7 h-full border-b border-b-4 hover:text-primary font-medium border-transparent text-ds-default" target="_self" data-type="calendar" href="/calendar"><span class="flex items-center"><span>Calendar</span></span></a> </li> <li class="relative group/item"> <a class="flex items-center min-w-max overflow-y-hidden text-center px-4 pt-8 pb-7 h-full border-b border-b-4 hover:text-primary font-medium border-transparent text-ds-default pl-6" target="_blank" href="https://apps.apple.com/us/app/membership/id1667863504"><span class="flex items-center"><span>Download the App</span><ds-icon name="chevron-down" class="ms-1 mt-0.5" size="20"></ds-icon></span></a><ul class="group-hover/item:block hidden absolute top-full min-w-full left-0 bg-ds-default border ds-border-default rounded-md md:rounded-sm -mt-3 z-[1]"><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://apps.apple.com/us/app/membership/id1667863504">Download on iOS</a></li><li class="min-w-full text-nowrap"><a class="flex items-center px-6 h-10 min-w-full hover:text-primary font-medium" href="https://play.google.com/store/apps/details?id=tv.uscreen.membership">Download on Android</a></li></ul> </li> </ul> </nav> <div class="flex space-x-2 items-center justify-end relative flex-none"> <ds-button style="--font-size: var(--font-size-4-5)" class="hidden lg:block" size="big" variant="regular" href="/sign_in">Sign in</ds-button> <div class="relative flex items-center"> <input type="checkbox" id="menu-toggle" class="peer hidden" data-themeless--header-target="toggle" data-action="change->themeless--header#onMenuToggle"> <label for="menu-toggle" class="overlay hidden peer-checked:block fixed inset-0 "></label> <label for="menu-toggle" class="cursor-pointer flex items-center justify-center p-2 rounded bg-ds-subtle hover:opacity-80 lg:hidden w-12" data-themeless--header-target="toggleBurger" > <ds-icon class="text-ds-default block p-1" name="burger" size="24"></ds-icon> <ds-icon class="text-ds-default hidden p-1" name="cross" size="24"></ds-icon> </label> <div id="main-menu" class="invisible" data-themeless--header-target="menu"> <div class="overflow-hidden relative box-border h-full flex w-full"> <nav class="h-auto max-h-full w-full min-h-0 overflow-y-auto px-4 py-2 border-ds-default" data-themeless--header-target="menuNavigation"> <ul class="flex flex-col space-y-1"> <li class="text-base md:text-sm font-normal leading-tight md:leading-none"> <a class="block py-2 h-10 md:h-8 hover:underline" href="/sign_in">Sign in</a> </li> <li class="text-base md:text-sm font-normal leading-tight md:leading-none"> <a class="block py-2 min-h-10 md:min-h-8 hover:underline underline-offset-2" target="_self" data-type="home" href="/"><span class="flex items-center justify-items-stretch"><span>Home</span></span></a> </li> <li class="text-base md:text-sm font-normal leading-tight md:leading-none"> <a class="block py-2 min-h-10 md:min-h-8 hover:underline underline-offset-2 underline" target="_self" data-type="catalog" href="/catalog"><span class="flex items-center justify-items-stretch"><span>Catalog</span></span></a> </li> <li class="text-base md:text-sm font-normal leading-tight md:leading-none"> <a class="block py-2 min-h-10 md:min-h-8 hover:underline underline-offset-2" target="_self" data-type="community" href="/community"><span class="flex items-center justify-items-stretch"><span>Community</span></span></a> </li> <li class="text-base md:text-sm font-normal leading-tight md:leading-none"> <a class="block py-2 min-h-10 md:min-h-8 hover:underline underline-offset-2" target="_self" data-type="calendar" href="/calendar"><span class="flex items-center justify-items-stretch"><span>Calendar</span></span></a> </li> <li class="text-base md:text-sm font-normal leading-tight md:leading-none"> <a class="block py-2 min-h-10 md:min-h-8 hover:underline underline-offset-2" target="_blank" href="https://apps.apple.com/us/app/membership/id1667863504"><span class="flex items-center justify-items-stretch"><span>Download the App</span><ds-icon name="chevron-down" class="ms-1 mt-0.5 min-w-6 flex-1 hover:opacity-70" size="18" data-action="click->themeless--header#toggleSubmenuLinks:prevent"></ds-icon></span></a><ul class="hidden"><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://apps.apple.com/us/app/membership/id1667863504">Download on iOS</a></li><li><a class="block py-2 h-10 md:h-9 hover:underline underline-offset-2 pl-4" href="https://play.google.com/store/apps/details?id=tv.uscreen.membership">Download on Android</a></li></ul> </li> <ds-viewport data-action="change->themeless--header#onScrollAnchorChange"> <div class="w-full h-[1px]"></div> </ds-viewport> </ul> </nav> <div aria-hidden="true" class="absolute top-0 left-0 right-0 bottom-0 pointer-events-none opacity-1 translate-y-0 aria-hidden:translate-y-10 aria-hidden:opacity-0 transition-all" style="box-shadow: 0px -60px 30px -32px var(--ds-bg-overlay) inset;" data-themeless--header-target="menuNavigationScrollShadow"></div> </div> <div class="p-4 border-ds-default border-t bg-ds-overlay text-xs font-normal"> <div class="flex flex-wrap gap-y-2"> <a class="block w-full mb-2 text-primary hover:underline underline-offset-2" data-turbo="true" data-turbo-frame="website_modal" href="/about/apps">Get the app -></a> <a class="text-ds-muted text-sm md:text-[11px]" href="https://membershipplus.uscreen.tv/"> <span class="hover:underline underline-offset-2">Home</span> </a> <span class="flex items-center font-medium mx-1 last:hidden">∙</span> <a class="text-ds-muted text-sm md:text-[11px]" href="/pages/about-us"> <span class="hover:underline underline-offset-2">About</span> </a> <span class="flex items-center font-medium mx-1 last:hidden">∙</span> <a class="text-ds-muted text-sm md:text-[11px]" href="https://membershipplus.uscreen.tv/catalog"> <span class="hover:underline underline-offset-2">Content Library</span> </a> <span class="flex items-center font-medium mx-1 last:hidden">∙</span> <a class="text-ds-muted text-sm md:text-[11px]" href="https://forms.gle/nretexMx41KXymRr8"> <span class="hover:underline underline-offset-2">Submit Feedback</span> </a> <span class="flex items-center font-medium mx-1 last:hidden">∙</span> <a class="text-ds-muted text-sm md:text-[11px]" href="https://membershipplus.uscreen.tv/pages/contact"> <span class="hover:underline underline-offset-2">Contact</span> </a> <span class="flex items-center font-medium mx-1 last:hidden">∙</span> <a class="text-ds-muted text-sm md:text-[11px]" href="https://membershipplus.uscreen.tv/pages/terms-conditions/"> <span class="hover:underline underline-offset-2">Terms</span> </a> <span class="flex items-center font-medium mx-1 last:hidden">∙</span> </div> </div> </div> </div> </div> </div> </header> </div> <main class="flex-1 bg-ds-default"> <script> window.hotwireCatalog = true window.addEventListener('turbo:before-fetch-request', function (event) { event.detail.fetchOptions.headers['X-Fastly-Origin'] = "membership-be9d" }) </script> <script> window.apiUrl = "https://api.uscreencdn.com" window.apiOrigin = "membership-be9d" </script> <div id="flash_messages"> </div> <div class="catalog-page" data-turbo="false"> <div class="storefront-widgets-container flex flex-col gap-4 sm:gap-3 fixed z-10 bottom-4 right-4 sm:bottom-auto sm:mt-10 sm:right-0 sm:mr-5"> </div> <turbo-frame id="catalog"> <turbo-frame id="catalog_featured" src="https://api.uscreencdn.com/catalog/featured_categories?featured_category_id=201629&preview=false"> <div class="px-[3%] my-4 sm:my-8"> <div class="skeleton-wrapper skeleton-wrapper__gray h-80 sm:h-[25rem] 2xl:h-[31.25rem]"> <ds-spinner class="catalog-filter-preloader__spinner"></ds-spinner> </div> </div> </turbo-frame> <turbo-frame id="catalog_filters" src="https://api.uscreencdn.com/catalog/filters?preview=false"> <div class="skeleton-wrapper catalog-filter-preloader"> <div class="skeleton-card catalog-filter-preloader__filters"></div> <div class="skeleton-card catalog-filter-preloader__search"></div> </div> </turbo-frame> <turbo-frame id="catalog_content" src="https://api.uscreencdn.com/catalog/initial_categories?continue_watching=true&featured_category_id=201629&my_library=true&preview=false&user=false"> <div class="catalog-area"> <div class="content-row"> <div class="skeleton-category-carousel overflow-hidden"> <div class="category-carousel__title-wrapper"> <div class="skeleton-card category-carousel__title"></div> </div> <div class="category-carousel__grid"> <div class="skeleton-card category-carousel__slide"><div class="category-carousel__slide-height"></div></div> <div class="skeleton-card category-carousel__slide"><div class="category-carousel__slide-height"></div></div> <div class="skeleton-card category-carousel__slide"><div class="category-carousel__slide-height"></div></div> <div class="skeleton-card category-carousel__slide"><div class="category-carousel__slide-height"></div></div> <div class="skeleton-card category-carousel__slide"><div class="category-carousel__slide-height"></div></div> <div class="skeleton-card category-carousel__slide"><div class="category-carousel__slide-height"></div></div> <div class="skeleton-card category-carousel__slide"><div class="category-carousel__slide-height"></div></div> </div> </div> <div class="skeleton-category-carousel overflow-hidden"> <div class="category-carousel__title-wrapper"> <div class="skeleton-card category-carousel__title"></div> </div> <div class="category-carousel__grid"> <div class="skeleton-card category-carousel__slide"><div class="category-carousel__slide-height"></div></div> <div class="skeleton-card category-carousel__slide"><div class="category-carousel__slide-height"></div></div> <div class="skeleton-card category-carousel__slide"><div class="category-carousel__slide-height"></div></div> <div class="skeleton-card category-carousel__slide"><div class="category-carousel__slide-height"></div></div> <div class="skeleton-card category-carousel__slide"><div class="category-carousel__slide-height"></div></div> <div class="skeleton-card category-carousel__slide"><div class="category-carousel__slide-height"></div></div> <div class="skeleton-card category-carousel__slide"><div class="category-carousel__slide-height"></div></div> </div> </div> <div class="skeleton-category-carousel overflow-hidden"> <div class="category-carousel__title-wrapper"> <div class="skeleton-card category-carousel__title"></div> </div> <div class="category-carousel__grid"> <div class="skeleton-card category-carousel__slide"><div class="category-carousel__slide-height"></div></div> <div class="skeleton-card category-carousel__slide"><div class="category-carousel__slide-height"></div></div> <div class="skeleton-card category-carousel__slide"><div class="category-carousel__slide-height"></div></div> <div class="skeleton-card category-carousel__slide"><div class="category-carousel__slide-height"></div></div> <div class="skeleton-card category-carousel__slide"><div class="category-carousel__slide-height"></div></div> <div class="skeleton-card category-carousel__slide"><div class="category-carousel__slide-height"></div></div> <div class="skeleton-card category-carousel__slide"><div class="category-carousel__slide-height"></div></div> </div> </div> </div> </div> </turbo-frame></turbo-frame> </div> </main> <footer class="px-[3%] py-8 lg:py-6 w-full bg-ds-main border-t border-ds-default bg-ds-default text-ds-muted text-ds-base-regular"> <div class="container flex flex-col space-y-4 justify-center"> <div class="flex flex-wrap justify-center items-center space-y-2 space-x-2 text-center md:text-left rtl:md:text-right"> <p class="mt-2 flex justify-center space-x-2 w-full md:w-fit text-center text-sm font-normal leading-5 text-ds-muted"> <span id="store-title">© 2024 Membership+</span> <span class="ms-2 text-sm font-normal leading-5 text-ds-muted hidden md:inline-block">∙</span> </p> <p class="text-sm font-normal leading-5 text-ds-muted"> <a class="hover:underline underline-offset-2" target="_blank" href="https://membershipplus.uscreen.tv/">Home</a> </p> <p class="text-sm font-normal leading-5 text-ds-muted last-of-type:hidden">∙</p> <p class="text-sm font-normal leading-5 text-ds-muted"> <a class="hover:underline underline-offset-2" target="_self" href="/pages/about-us">About</a> </p> <p class="text-sm font-normal leading-5 text-ds-muted last-of-type:hidden">∙</p> <p class="text-sm font-normal leading-5 text-ds-muted"> <a class="hover:underline underline-offset-2" target="_blank" href="https://membershipplus.uscreen.tv/catalog">Content Library</a> </p> <p class="text-sm font-normal leading-5 text-ds-muted last-of-type:hidden">∙</p> <p class="text-sm font-normal leading-5 text-ds-muted"> <a class="hover:underline underline-offset-2" target="_blank" href="https://forms.gle/nretexMx41KXymRr8">Submit Feedback</a> </p> <p class="text-sm font-normal leading-5 text-ds-muted last-of-type:hidden">∙</p> <p class="text-sm font-normal leading-5 text-ds-muted"> <a class="hover:underline underline-offset-2" target="_blank" href="https://membershipplus.uscreen.tv/pages/contact">Contact</a> </p> <p class="text-sm font-normal leading-5 text-ds-muted last-of-type:hidden">∙</p> <p class="text-sm font-normal leading-5 text-ds-muted"> <a class="hover:underline underline-offset-2" target="_blank" href="https://membershipplus.uscreen.tv/pages/terms-conditions/">Terms</a> </p> <p class="text-sm font-normal leading-5 text-ds-muted last-of-type:hidden">∙</p> <div class="mt-4 md:!ms-4 w-full md:w-fit text-center text-primary hover:underline underline-offset-2 leading-5"> <a class="text-sm text-primary font-medium" data-turbo="true" data-turbo-frame="website_modal" href="/about/apps">Get the app -></a> </div> </div> <div class="flex justify-center space-x-4 rtl:space-x-reverse"> <ds-button only-icon href="https://www.youtube.com/@Uscreen" target="_blank"> <ds-icon name='youtube' size="16px"></ds-icon> </ds-button> <ds-button only-icon href="https://www.instagram.com/uscreentv/" target="_blank"> <ds-icon name='instagram' size="16px"></ds-icon> </ds-button> <ds-button only-icon href="https://www.facebook.com/groups/377834087172947/?hoisted_section_header_type=recently_seen&multi_permalinks=574044347551919" target="_blank"> <ds-icon name='facebook' size="16px"></ds-icon> </ds-button> <ds-button only-icon href="https://www.linkedin.com/company/uscreen-tv/mycompany/" target="_blank"> <ds-icon name='linkedin' size="16px"></ds-icon> </ds-button> </div> </div> <div class="flex mt-0 md:mt-4 items-center justify-center"> <div class="uscreen-block flex justify-center my-4 md:m-0 md:justify-end"> <style> .powered-by-uscreen { align-items: center; display: flex; font-size: 0.875rem; font-family: 'Inter', sans-serif; line-height: 1; --branding-text-color: #B0B0B0; --branding-text-hovered-color: #888888; } .dark .powered-by-uscreen { --branding-text-color: #8A8A8A; --branding-text-hovered-color: #adadad; } .powered-by-uscreen { color: var(--branding-text-color); } .powered-by-uscreen svg { margin-right: 5px; } .powered-by-uscreen:hover { color: var(--branding-text-hovered-color); } .powered-by-uscreen:hover #logo-element { fill: #006AFF; color: #006AFF; } </style> <a class="footer-background-color powered-by-uscreen" href="https://www.uscreen.tv?utm_category=product&utm_medium=branding&utm_source=35938&utm_campaign=web&utm_content=powered_by" target="_blank" class="footer-background-color powered-by-uscreen"> <svg width="18" height="18" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M142.613 99.0397C141.243 99.8997 139.783 100.6 138.283 101.14V109.68C138.283 131.13 120.833 148.59 99.3925 148.59H99.1525C77.8225 148.47 60.4725 130.8 60.4725 109.2V43.1197C60.4725 34.0597 53.1026 26.6897 44.0425 26.6897C34.9825 26.6897 27.6125 34.0597 27.6125 43.1197V109.11C27.6125 128.22 35.0826 146.31 48.6525 160.05C62.2725 173.84 80.2725 181.44 99.3325 181.45H99.3625C138.933 181.45 171.123 149.26 171.123 109.69V81.1997L142.613 99.0397Z" fill="#8A8A8A"/> <path id="logo-element" d="M176.312 47.9197L134.252 21.5797C129.882 18.8397 124.212 21.9897 124.212 27.1397V79.8097C124.212 84.9697 129.882 88.1097 134.252 85.3697L176.312 59.0397C180.412 56.4697 180.412 50.4897 176.312 47.9197Z" fill="#adadad"/> </svg> <div data-controller="pixel-viewport-check"> <span data-pixel-viewport-check-target="observableSection" class="powered-by-uscreen-text">Powered by Uscreen</span> </div> </a> </div> </div> </footer> </body> </html>