CINXE.COM

Ingrid Michaelson Livestreams - VEEPS

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="x-veeps-version" content="47049d0771fb93f7e938b21c5919c24c0d649b18"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="color-scheme" content="dark"> <meta name="theme-color" content="#000000"> <meta name="google-site-verification" content="r-vet48iclisybR8iH1uxtKavLppVD-mMFvp5kexA1M"> <meta content="CjMICzxeEAxSVFtNdUB8EzQSaEYdHHIJZZO3PnhH46h773KPXq0tdKE1" name="csrf-token"> <title> Ingrid Michaelson Livestreams - VEEPS </title> <meta name="description" content="Buy tickets to Ingrid Michaelson livestreams."> <meta property="og:description" content="Buy tickets to Ingrid Michaelson livestreams."> <meta property="og:image" content="https://res.cloudinary.com/veeps/image/upload/t_1280/v1731965151/assets/bwqlqw9jnbkk4peke2yn.jpg"> <meta property="og:site_name" content="VEEPS"> <meta property="og:title" content="Ingrid Michaelson Livestreams - VEEPS"> <meta property="og:type" content="website"> <meta property="og:url" content="https://veeps.com/ingridmichaelson"> <script type="application/ld+json"> {"@context":"https://schema.org","@graph":[{"@context":"https://schema.org","@type":"MusicEvent","description":"Join Ingrid Michaelson at the 18th Annual Holiday Hop live from Webster Hall in New York City, exclusively on Veeps.\n\nRe-live Ingrid's 16th and 17th Annual Holiday Hops by purchasing the Holiday Hop Collection Series Pass! \n\nShop Ingrid's Official Webstore [HERE](https://shop.ingridmichaelson.com/collections/all-items)","endDate":"2025-01-01T07:59:00Z","eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1731965043/assets/drhidani4tlzeavpc1xy.jpg","name":"18th Annual Holiday Hop: Live from New York","performer":[{"@type":"MusicGroup","name":"Ingrid Michaelson"},{"@type":"MusicGroup","name":"Ian Axel"}],"startDate":"2024-12-04T01:00:00Z","url":"https://veeps.com/ingridmichaelson/8ef47471-0d38-4e0f-a87a-33374eb28e7b"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Get in the spirit for Ingrid's Annual Holiday Hop for 2024 by watching last year's 17th Annual Holiday Hop live from Webster Hall in New York City, exclusively on Veeps.\n","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1730838674/assets/zz1mak4ahgzhnfn27riv.jpg","name":"17th Annual Holiday Hop: Live from New York ","performer":[{"@type":"MusicGroup","name":"Ingrid Michaelson"}],"startDate":"2023-12-16T00:30:00Z","url":"https://veeps.com/ingridmichaelson/a13473e5-b05d-4efa-b4bc-92409440b6f7"},{"@context":"https://schema.org","@type":"MusicEvent","description":"Take a trip down memory lane and watch Ingrid's 16th Annual Holiday Hop from 2022, filmed live at City Winery in New York. \n\n","endDate":null,"eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","image":"https://res.cloudinary.com/veeps/image/upload/t_1280/v1730841031/assets/bsyuuanx2ebz7adjx4v8.jpg","name":"16th Annual Holiday Hop","performer":[{"@type":"MusicGroup","name":"Ingrid Michaelson"}],"startDate":"2022-12-05T00:00:00Z","url":"https://veeps.com/ingridmichaelson/2a6dc918-ef0c-4e4d-9c1e-ba9d5a8d7fc2"}]} </script> <link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png"> <link rel="manifest" href="/favicon/site.webmanifest"> <meta name="apple-mobile-web-app-title" content="Veeps"> <meta name="application-name" content="Veeps"> <meta name="msapplication-TileColor" content="#000000"> <link rel="preconnect" href="https://res.cloudinary.com"> <link rel="preconnect" href="api-iam.intercom.io"> <link rel="preconnect" href="https://analytics.google.com"> <link rel="preconnect" href="https://analytics.production.data.primer.io"> <link rel="preconnect" href="https://sdk.api.primer.io"> <link rel="preconnect" href="https://sdk.primer.io"> <link rel="preconnect" href="https://api.primer.io"> <link rel="preload" href="/fonts/VEEPSSaans-VFVF.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/fonts/VEEPSRuderPlakatWeb-Regular.woff2" as="font" type="font/woff2" crossorigin> <style> @font-face { font-family: "VEEPS-Display"; font-weight: 400; src: url("/fonts/VEEPSRuderPlakatWeb-Regular.woff2") format("woff2"), url("/fonts/VEEPSRuderPlakatWeb-Regular.woff") format("woff"); } @font-face { font-family: "VEEPS-Sans"; font-weight: 400 700; src: url("/fonts/VEEPSSaans-VFVF.woff2") format("woff2"), url("/fonts/VEEPSSaans-VFVF.woff") format("woff"); } .veeps-sans {font-family: "VEEPS-Sans";} .veeps-display {font-family: "VEEPS-Display";} </style> <link phx-track-static rel="stylesheet" href="/assets/veeps-e33851c053b9b902df3ba9b0282e1e27.css?vsn=d?v=47049d0771fb93f7e938b21c5919c24c0d649b18"> <script> // NOTE: Must be defined before the tag manager snippet. // It also defines the layer before the org gtag is created so they share // the layer. Google recommends only 1 layer on a site. window.dataLayer = window.dataLayer || []; </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-NQMWRWW"); </script> <script> (function () { const s = document.createElement("script"); s.type = "text/javascript"; s.async = true; s.src = "https://app.termly.io/embed.min.js"; s.id = "ebe60e45-360c-482b-bc78-0169979c3ae1"; s.setAttribute("data-name", "termly-embed-banner"); const x = document.getElementsByTagName("script")[0]; if (x.src !== "https://app.termly.io/embed.min.js") { x.parentNode.insertBefore(s, x); } })() </script> <script> window.__CONFIG__ = { c: { envName: "prod", hash: "47049d0771fb93f7e938b21c5919c24c0d649b18", sentryDsn: "https://aa6faeae7ced4e7ca128b6245482ebdc@o94174.ingest.sentry.io/6135000", sentryEnv: "prd" } }; </script> <script defer phx-track-static type="text/javascript" src="/assets/app-34b24467e0f3665da1aab73f34e553df.js?vsn=d?v=47049d0771fb93f7e938b21c5919c24c0d649b18"> </script> </head> <body class="theme-fan overscroll-none text-body text-white vps-loading-page route-ingridmichaelson non-subscriber region-SG"> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NQMWRWW" height="0" width="0" style="display:none;visibility:hidden"> </iframe> </noscript> <div id="phx-GArnA_9mMRxxNIwC" data-phx-main data-phx-session="SFMyNTY.g2gDaAJhBXQAAAAIdwJpZG0AAAAUcGh4LUdBcm5BXzltTVJ4eE5Jd0N3B3Nlc3Npb250AAAAAHcEdmlld3caRWxpeGlyLlZlZXBzV2ViLkVudGl0eUxpdmV3CnBhcmVudF9waWR3A25pbHcGcm91dGVydxZFbGl4aXIuVmVlcHNXZWIuUm91dGVydwhyb290X3BpZHcDbmlsdwxsaXZlX3Nlc3Npb25oAncTdmVlcHNfY29uc3VtZXJfbWFpbm4IAEOg7oe_VAoYdwlyb290X3ZpZXd3GkVsaXhpci5WZWVwc1dlYi5FbnRpdHlMaXZlbgYA4IkgXpMBYgABUYA.3DMb4TlNJk4gBbhFdP7vXYnB1ZukucNAQUpHKNrjKW4" data-phx-static="SFMyNTY.g2gDaAJhBXQAAAADdwJpZG0AAAAUcGh4LUdBcm5BXzltTVJ4eE5Jd0N3BWZsYXNodAAAAAB3CmFzc2lnbl9uZXdsAAAABncHc3RyZWFtc3cJc3ViZG9tYWludw5sYXlvdXRfYXNzaWduc3cPdHJhY2tpbmdfcGFyYW1zdwpnaG9zdF91c2VydwxjdXJyZW50X3VzZXJqbgYA4IkgXpMBYgABUYA.234tUM7atMm54rRxkRR1fPj_Ojc7Bg-nnpM-3lLflys"><div id="vps-loader" phx-update="ignore"> <div class="vps-spinner" role="status"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div class="sr-only">Loading...</div> </div> </div> <div id="vps-session-update-hook" phx-hook="UpdateSession"></div> <div data-event="noop" id="google-purchase-event" phx-hook="GooglePurchaseEvent" style="display:none"> </div> <header class="fixed top-0 left-0 z-50 w-full transition-transform duration-500 ease-out-circ py-4 px-5 md:py-6 md:px-10 " id="site_header" phx-hook="HeaderScroll"> <div class="absolute inset-0 overflow-hidden -z-10"> <div class="absolute inset-x-0 top-0 -bottom-0.5 pointer-events-none bg-bottom bg-[length:100%_138%] bg-gradient-to-b from-black to-transparent to-[calc(100%_-_2px)]" phx-update="ignore" id="vps_header_bg"> </div> </div> <div class="grid grid-cols-2 grid-rows-1 h-12 lg:grid-cols-[120px_1fr_max-content] 2xl:grid-cols-[minmax(0,_1fr)_2fr_minmax(0,_1fr)] items-center relative"> <a href="/browse" data-phx-link="redirect" data-phx-link-state="push" class="block w-30 z-1" data-testid="header_logo" aria-label="VEEPS"> <svg aria-hidden="true" class="block h-6 w-30" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 120 24"><path fill="currentColor" d="M18.521 0 14.32 15.547 9.643 0H.52l8.844 24h9.77l7.704-24h-8.317Zm31.912 0v24H70.82v-6.801H57.628v-2.267h13.021V8.706H57.628V6.589H70.82V0H50.433Zm60.018 8.706h-5.623c-.605 0-1.096-.303-1.096-1.059s.491-1.058 1.096-1.058h5.334c.605 0 .864.302.864 1.058h7.885c0-4.927-3.223-7.647-9.007-7.647h-5.079c-6.36 0-8.892 2.176-8.892 7.647 0 4.776 2.82 7.285 8.202 7.285h6.228c.604 0 1.095.333 1.095 1.118 0 .786-.462 1.149-1.067 1.149h-5.681c-.605 0-.864-.333-.864-1.149h-7.827c0 5.683 2.533 7.95 8.892 7.95h4.445c7.052 0 10.124-2.267 10.124-7.95 0-4.836-3.275-7.344-9.03-7.344M28.056 0v24h20.418v-6.801H35.25v-2.267H48.3V8.706H35.25V6.589h13.223V0H28.056Zm66.638 7.617c0-5.44-2.36-7.617-8.232-7.617H72.78v24h7.252v-9.068h6.431c5.871 0 8.23-2.086 8.23-7.315Zm-7.138 0c0 .786-.49 1.089-1.095 1.089h-6.429V6.59h6.43c.604 0 1.094.302 1.094 1.028"></path></svg> </a> <nav class="hidden lg:block z-1" data-testid="header_nav_desktop"> <ul class="flex items-center justify-center space-x-2 text-center"> <li> <a href="/browse" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg lt-md:flex lt-md:justify-start"> Browse </a> </li> <li> <a href="/schedule" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg lt-md:flex lt-md:justify-start"> Schedule </a> </li> <li> <a href="/live" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg lt-md:flex lt-md:justify-start"> Live TV </a> </li> <li> <div id="genres_menu_desktop_d0d4e77d-cdcf-4795-a9f4-304af882995a" class="relative group" phx-hook="Dropdown" phx-click-away="[[&quot;remove_attr&quot;,{&quot;attr&quot;:&quot;aria-expanded&quot;,&quot;to&quot;:&quot;#genres_menu_desktop_d0d4e77d-cdcf-4795-a9f4-304af882995a_trigger&quot;}],[&quot;hide&quot;,{&quot;time&quot;:300,&quot;to&quot;:&quot;#genres_menu_desktop_d0d4e77d-cdcf-4795-a9f4-304af882995a_content&quot;,&quot;transition&quot;:[[&quot;ease-out-back&quot;,&quot;duration-300&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}]]"> <button aria-controls="genres_menu_desktop_d0d4e77d-cdcf-4795-a9f4-304af882995a_content" aria-haspopup="true" aria-label="Toggle genres menu" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl aria-expanded:bg-white/30 aria-expanded:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg lt-md:flex lt-md:justify-start [&amp;&gt;svg]:aria-expanded:rotate-180" id="genres_menu_desktop_d0d4e77d-cdcf-4795-a9f4-304af882995a_trigger" type="button" phx-click="[[&quot;toggle_attr&quot;,{&quot;attr&quot;:[&quot;aria-expanded&quot;,&quot;true&quot;,&quot;false&quot;],&quot;to&quot;:&quot;#genres_menu_desktop_d0d4e77d-cdcf-4795-a9f4-304af882995a_trigger&quot;}],[&quot;toggle&quot;,{&quot;time&quot;:300,&quot;ins&quot;:[[&quot;ease-in-out-cubic&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;],[&quot;opacity-100&quot;]],&quot;to&quot;:&quot;#genres_menu_desktop_d0d4e77d-cdcf-4795-a9f4-304af882995a_content&quot;,&quot;outs&quot;:[[&quot;ease-out-back&quot;,&quot;duration-300&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}]]"> Genres <svg aria-hidden="true" viewbox="0 0 16 16" fill="none" class="h-4 w-4 ml-1"><path d="M3 6L8 11L13 6" stroke="currentColor" stroke-width="2"></path></svg> </button> <div id="genres_menu_desktop_d0d4e77d-cdcf-4795-a9f4-304af882995a_content" class="vps-dropdown__content hidden absolute bg-dark-gray p-1.5 rounded-lg top-full w-50 z-10 relative right-0 w-auto mt-1 md:absolute" aria-orientation="vertical"> <nav> <ul class="grid grid-flow-col grid-rows-4"> <li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/alternative" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Alternative </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/comedy" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Comedy </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/country" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Country </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/folk" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Folk </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/indie" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Indie </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/jazz" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Jazz </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/metal" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Metal </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/pop" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Pop </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/randb" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> R&amp;B </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/rap" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Rap </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/rock" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Rock </a> </li> </ul> </nav> </div> </div> </li> </ul> </nav> <div class="flex items-center justify-end space-x-3" data-testid="header_actions"> <div> <div id="search_live" data-phx-session="" data-phx-static="SFMyNTY.g2gDaAJhBXQAAAADdwJpZG0AAAALc2VhcmNoX2xpdmV3BWZsYXNodAAAAAB3CmFzc2lnbl9uZXdqbgYA4YkgXpMBYgABUYA.3k008f-8xgu_xUVB1nk75vhEsr4jkdATe-JRVy-Rbaw" data-phx-parent-id="phx-GArnA_9mMRxxNIwC"><div> <div id="search_consumer_wrapper" class="absolute top-0 left-0 z-50 hidden transition-opacity -right-4 md:left-40 2xl:right-0"> <form id="search_consumer" phx-hook="NoScroll" phx-target="#search_live" phx-change="search-consumer" phx-submit="search-consumer"> <div phx-feedback-for="search[q]" class="relative inline-flex flex-col align-top w-full m-0 bg-black"> <label for="search_consumer_q" class="block mb-4 text-white/50 sr-only"> Find events or artists... </label> <div class="flex flex-nowrap"> <span class="absolute left-0 flex items-center h-10 px-3 top-1"> <svg aria-hidden="true" viewbox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M17 10.5C17 14.0899 14.0899 17 10.5 17C6.91015 17 4 14.0899 4 10.5C4 6.91015 6.91015 4 10.5 4C14.0899 4 17 6.91015 17 10.5ZM15.7618 17.176C14.3145 18.3183 12.4869 19 10.5 19C5.80558 19 2 15.1944 2 10.5C2 5.80558 5.80558 2 10.5 2C15.1944 2 19 5.80558 19 10.5C19 12.4869 18.3183 14.3145 17.176 15.7618L21.9971 20.5829L20.5829 21.9971L15.7618 17.176Z" fill="currentColor"></path></svg> </span> <input type="search" autocomplete="off" autofocus name="search[q]" id="search_consumer_q" class="flex-grow h-12 py-1 pr-16 bg-transparent rounded outline-none pl-15 text-subheading-sm leading-0 placeholder:text-white/50" value="" phx-debounce="1000" placeholder="Find events or artists..."> <span class="absolute right-0 flex items-center h-10 px-3 top-1"> <button class="inline-flex items-center justify-center w-6 h-6 transition-colors rounded-full text-white/50 hover:text-white" id="close_search" type="button" aria-label="Close search" phx-click="[[&quot;push&quot;,{&quot;target&quot;:&quot;#search_live&quot;,&quot;event&quot;:&quot;toggle-search-input&quot;}],[&quot;toggle&quot;,{&quot;display&quot;:&quot;flex&quot;,&quot;ins&quot;:[[&quot;ease-in&quot;,&quot;duration-fast-02&quot;],[&quot;opacity-0&quot;],[&quot;opacity-100&quot;]],&quot;to&quot;:&quot;#consumer_search_results&quot;,&quot;outs&quot;:[[&quot;ease-out&quot;,&quot;duration-fast-02&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;toggle&quot;,{&quot;to&quot;:&quot;#search_consumer_wrapper&quot;}],[&quot;toggle&quot;,{&quot;display&quot;:&quot;inline-flex&quot;,&quot;to&quot;:&quot;#search_icon&quot;}],[&quot;dispatch&quot;,{&quot;detail&quot;:{&quot;class&quot;:&quot;search-active&quot;,&quot;disableBodyScroll&quot;:false},&quot;event&quot;:&quot;phx:noscroll&quot;}]]"> <svg aria-hidden="true" viewbox="0 0 24 24" fill="none"><path d="M5 5L19 19M19 5L5 19" stroke="currentColor" stroke-width="2"></path></svg> </button> </span> </div> </div> </form> </div> <button type="button" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 w-11 h-11 3xl:w-12 3xl:h-12 rounded-lg " id="search_icon" phx-click="[[&quot;push&quot;,{&quot;target&quot;:&quot;#search_live&quot;,&quot;event&quot;:&quot;toggle-search-input&quot;}],[&quot;toggle&quot;,{&quot;display&quot;:&quot;flex&quot;,&quot;ins&quot;:[[&quot;ease-in&quot;,&quot;duration-fast-02&quot;],[&quot;opacity-0&quot;],[&quot;opacity-100&quot;]],&quot;to&quot;:&quot;#consumer_search_results&quot;,&quot;outs&quot;:[[&quot;ease-out&quot;,&quot;duration-fast-02&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;toggle&quot;,{&quot;to&quot;:&quot;#search_consumer_wrapper&quot;}],[&quot;toggle&quot;,{&quot;display&quot;:&quot;inline-flex&quot;,&quot;to&quot;:&quot;#search_icon&quot;}],[&quot;focus&quot;,{&quot;to&quot;:&quot;#search_consumer_q&quot;}],[&quot;dispatch&quot;,{&quot;detail&quot;:{&quot;class&quot;:&quot;search-active&quot;,&quot;disableBodyScroll&quot;:true},&quot;event&quot;:&quot;phx:noscroll&quot;}]]" aria-label="Search"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724179229/product/icons/white/general/Search_dnqcur.svg" alt="" width="24" height="24" class=""> </button> </div> <div id="consumer_search_results" class="fixed inset-0 hidden pt-20 bg-black md:pt-32 -z-1"> <div class="flex-grow overflow-x-hidden overflow-y-auto vps-scrollbar overscroll-contain"> <div class="max-w-full"> <div data-testid="search_results"> </div> </div> </div> </div></div> </div> <div class="flex items-center" id="cart_button"> </div> <div class="hidden md:block" id="desktop_account_menu" phx-hook="SelectItemEvent" data-list-id="account_menu" data-list-name="account_menu_actions" data-testid="logged_out_actions"> <a href="/session/login" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg"> Sign in </a> <a href="/session/signup" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none bg-white active:bg-off-white focus-visible:bg-off-white hover:bg-off-white text-black disabled:bg-white/10 disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg md:hidden lg:inline-flex"> Sign up </a> </div> <div class="lg:hidden" data-testid="mobile_menu"> <button type="button" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none bg-white/10 backdrop-blur-2xl active:bg-white/30 focus-visible:bg-white/30 hover:bg-white/30 text-white disabled:bg-white/10 disabled:text-white/30 w-11 h-11 3xl:w-12 3xl:h-12 rounded-lg " phx-click="[[&quot;show&quot;,{&quot;to&quot;:&quot;#mobile_menu_content&quot;}],[&quot;show&quot;,{&quot;to&quot;:&quot;#mobile_menu_backdrop&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;],[&quot;opacity-100&quot;]]}],[&quot;show&quot;,{&quot;display&quot;:&quot;flex&quot;,&quot;to&quot;:&quot;#mobile_menu_nav&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;ease-in-out-quad&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;,&quot;-translate-y-full&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;]]}],[&quot;show&quot;,{&quot;display&quot;:&quot;flex&quot;,&quot;time&quot;:350,&quot;to&quot;:&quot;#mobile_menu_nav_links&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;ease-in-out-quad&quot;,&quot;delay-150&quot;,&quot;duration-200&quot;],[&quot;opacity-0&quot;,&quot;-translate-y-10&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;]]}],[&quot;dispatch&quot;,{&quot;detail&quot;:{&quot;class&quot;:&quot;menu-active&quot;,&quot;disableBodyScroll&quot;:true},&quot;event&quot;:&quot;phx:noscroll&quot;}]]" aria-label="Open Menu"> <svg aria-hidden="true" class="block" viewbox="0 0 24 24" fill="none"><rect x="3" y="4" width="18" height="2" fill="currentColor"></rect><rect x="3" y="18" width="12" height="2" fill="currentColor"></rect><rect x="3" y="11" width="18" height="2" fill="currentColor"></rect></svg> </button> <div class="fixed inset-0 z-0 overflow-hidden" id="mobile_menu_content" style="display:none"> <div class="absolute inset-0 transition duration-700 bg-black/40 backdrop-blur-sm" id="mobile_menu_backdrop"> </div> <div class="absolute inset-y-0 left-0 flex flex-col h-full max-w-full max-h-full px-5 overflow-y-auto bg-black w-105 pt-25" style="box-shadow: 0px 0px 0px -1px;" id="mobile_menu_nav" phx-click-away="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile_menu_backdrop&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile_menu_nav_links&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;ease-in-out-quad&quot;,&quot;duration-150&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;],[&quot;opacity-0&quot;,&quot;-translate-y-10&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:350,&quot;to&quot;:&quot;#mobile_menu_nav&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;ease-out-quint&quot;,&quot;delay-150&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;],[&quot;opacity-0&quot;,&quot;-translate-y-full&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:350,&quot;to&quot;:&quot;#mobile_menu_content&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;dispatch&quot;,{&quot;detail&quot;:{&quot;class&quot;:&quot;menu-active&quot;,&quot;disableBodyScroll&quot;:false},&quot;event&quot;:&quot;phx:noscroll&quot;}]]" phx-remove="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile_menu_backdrop&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile_menu_nav_links&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;ease-in-out-quad&quot;,&quot;duration-150&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;],[&quot;opacity-0&quot;,&quot;-translate-y-10&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:350,&quot;to&quot;:&quot;#mobile_menu_nav&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;ease-out-quint&quot;,&quot;delay-150&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;],[&quot;opacity-0&quot;,&quot;-translate-y-full&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:350,&quot;to&quot;:&quot;#mobile_menu_content&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;dispatch&quot;,{&quot;detail&quot;:{&quot;class&quot;:&quot;menu-active&quot;,&quot;disableBodyScroll&quot;:false},&quot;event&quot;:&quot;phx:noscroll&quot;}]]"> <button type="button" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 w-11 h-11 3xl:w-12 3xl:h-12 rounded-lg absolute top-4 right-5" navigate="/login" phx-click="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile_menu_backdrop&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile_menu_nav_links&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;ease-in-out-quad&quot;,&quot;duration-150&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;],[&quot;opacity-0&quot;,&quot;-translate-y-10&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:350,&quot;to&quot;:&quot;#mobile_menu_nav&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;ease-out-quint&quot;,&quot;delay-150&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;],[&quot;opacity-0&quot;,&quot;-translate-y-full&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:350,&quot;to&quot;:&quot;#mobile_menu_content&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;dispatch&quot;,{&quot;detail&quot;:{&quot;class&quot;:&quot;menu-active&quot;,&quot;disableBodyScroll&quot;:false},&quot;event&quot;:&quot;phx:noscroll&quot;}]]" aria-label="Close Menu"> <svg aria-hidden="true" class="block" viewbox="0 0 24 24" fill="none"><path d="M5 5L19 19M19 5L5 19" stroke="currentColor" stroke-width="2"></path></svg> </button> <nav class="relative flex flex-col h-full pt-6 overflow-auto" id="mobile_menu_nav_links"> <ul class="flex flex-col mb-2 space-y-2"> <li> <a href="/browse" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg lt-md:flex lt-md:justify-start"> Browse </a> </li> <li> <a href="/schedule" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg lt-md:flex lt-md:justify-start"> Schedule </a> </li> <li> <a href="/live" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg lt-md:flex lt-md:justify-start"> Live TV </a> </li> <li> <div id="genres_menu_desktop_b708f571-c232-4c2c-b36c-d7edfac95ba1" class="relative group" phx-hook="Dropdown" phx-click-away="[[&quot;remove_attr&quot;,{&quot;attr&quot;:&quot;aria-expanded&quot;,&quot;to&quot;:&quot;#genres_menu_desktop_b708f571-c232-4c2c-b36c-d7edfac95ba1_trigger&quot;}],[&quot;hide&quot;,{&quot;time&quot;:300,&quot;to&quot;:&quot;#genres_menu_desktop_b708f571-c232-4c2c-b36c-d7edfac95ba1_content&quot;,&quot;transition&quot;:[[&quot;ease-out-back&quot;,&quot;duration-300&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}]]"> <button aria-controls="genres_menu_desktop_b708f571-c232-4c2c-b36c-d7edfac95ba1_content" aria-haspopup="true" aria-label="Toggle genres menu" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl aria-expanded:bg-white/30 aria-expanded:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg lt-md:flex lt-md:justify-start [&amp;&gt;svg]:aria-expanded:rotate-180" id="genres_menu_desktop_b708f571-c232-4c2c-b36c-d7edfac95ba1_trigger" type="button" phx-click="[[&quot;toggle_attr&quot;,{&quot;attr&quot;:[&quot;aria-expanded&quot;,&quot;true&quot;,&quot;false&quot;],&quot;to&quot;:&quot;#genres_menu_desktop_b708f571-c232-4c2c-b36c-d7edfac95ba1_trigger&quot;}],[&quot;toggle&quot;,{&quot;time&quot;:300,&quot;ins&quot;:[[&quot;ease-in-out-cubic&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;],[&quot;opacity-100&quot;]],&quot;to&quot;:&quot;#genres_menu_desktop_b708f571-c232-4c2c-b36c-d7edfac95ba1_content&quot;,&quot;outs&quot;:[[&quot;ease-out-back&quot;,&quot;duration-300&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}]]"> Genres <svg aria-hidden="true" viewbox="0 0 16 16" fill="none" class="h-4 w-4 ml-1"><path d="M3 6L8 11L13 6" stroke="currentColor" stroke-width="2"></path></svg> </button> <div id="genres_menu_desktop_b708f571-c232-4c2c-b36c-d7edfac95ba1_content" class="vps-dropdown__content hidden absolute bg-dark-gray p-1.5 rounded-lg top-full w-50 z-10 relative right-0 w-auto mt-1 md:absolute" aria-orientation="vertical"> <nav> <ul class="grid grid-flow-col grid-rows-4"> <li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/alternative" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Alternative </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/comedy" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Comedy </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/country" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Country </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/folk" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Folk </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/indie" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Indie </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/jazz" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Jazz </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/metal" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Metal </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/pop" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Pop </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/randb" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> R&amp;B </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/rap" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Rap </a> </li><li class="vps-dropdown__item whitespace-nowrap"> <a href="/browse/rock" data-phx-link="redirect" data-phx-link-state="push" class="vps-dropdown__item-action transition-colors appearance-none flex cursor-pointer disabled:opacity-50 focus:outline-none focus-within:bg-white/10 font-regular hover:bg-white/10 px-4 py-2.5 rounded-md text-body text-left text-white w-full " data-dropdown-item> Rock </a> </li> </ul> </nav> </div> </div> </li> </ul> <div class="flex flex-col flex-grow pb-4 space-y-2" id="mobile_account_menu" phx-hook="SelectItemEvent" data-list-id="account_menu" data-list-name="account_menu_actions"> <a href="/session/login" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none bg-white/10 backdrop-blur-2xl active:bg-white/30 focus-visible:bg-white/30 hover:bg-white/30 text-white disabled:bg-white/10 disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg mt-auto"> Sign in </a> <a href="/session/signup" data-phx-link="redirect" data-phx-link-state="push" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none bg-white active:bg-off-white focus-visible:bg-off-white hover:bg-off-white text-black disabled:bg-white/10 disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg md:hidden lg:inline-flex"> Sign up </a> </div> </nav> </div> </div> </div> </div> </div> </header> <main id="main_content" role="main" class="transition-opacity duration-500 ease-linear opacity-0 animate-page-enter min-h-content md:min-h-content-md" phx-hook="PageTransitions" phx-connected="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;phx:connected&quot;}],[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;opacity-0&quot;,&quot;animate-page-enter&quot;]}]]" phx-remove="[[&quot;add_class&quot;,{&quot;names&quot;:[&quot;opacity-0&quot;]}]]"> <div id="entity_live"> <div id="entity_rails" phx-update="stream"> <section id="rails-entity_hero" class="[&amp;_+_[data-cards-list=&quot;standard&quot;]]:pt-0 " data-cards-list="hero" data-testid="ds_cards_list" data-variant="carousel"> <div class="w-full relative" data-testid="ds_cards_list_items" id="carousel_rails-entity_hero"> <section class="relative flex flex-col justify-end w-full overflow-hidden max-h-available-space h-screen md:min-h-hero-desktop mb-10 md:-mb-24" data-testid="ds_card_hero" data-card="hero"> <div class="absolute inset-0 animate-skeleton"> <picture class="absolute inset-0"> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_hero_wide_webp/v1731965151/assets/bwqlqw9jnbkk4peke2yn.webp" media="(min-width: 640px)" type="image/webp"> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_1280/v1731965151/assets/bwqlqw9jnbkk4peke2yn.jpg" media="(min-width: 640px)" type="image/jpeg"> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_hero_portrait_webp/v1731965167/assets/ysuwxmklquexr2tgdddu.webp" type="image/webp"> <img class="object-cover w-full h-full" data-testid="ds_card_image" loading="eager" fetchpriority="high" src="https://res.cloudinary.com/veeps/image/upload/t_card_hero_portrait/v1731965167/assets/ysuwxmklquexr2tgdddu.jpg" alt=""> </picture> <div class="absolute w-full -bottom-0.25 top-1/3 bg-gradient-hero backface-hidden pointer-events-none"></div> <!-- Mobile mute button --> </div> <div class="relative flex flex-wrap p-5 md:p-10 pb-8 md:pb-38 lg:pb-48 xl:pb-58 xl-short:pb-48 justify-center items-center text-center md:justify-start md:text-left" data-card-content="hero"> <div class="text-heading-md order-2 w-full py-6 3xl:py-8 grid grid-cols-12"> <h1 class="col-span-12 md:col-span-9 xl:col-span-7" data-testid="ds_card_title"> Ingrid Michaelson </h1> </div> <div class="flex flex-wrap justify-center order-5 max-w-full space-x-2 md:w-auto md:pr-6 shrink-0" data-testid="ds_card_action" id="c3e7626d-62a8-4b06-b393-2c724fbf6d4f_actions" phx-hook="SelectItemEvent" data-list-id="c3e7626d-62a8-4b06-b393-2c724fbf6d4f" data-list-name="_hero_actions"> <div class="[&amp;_[data-modal-container]]:bg-dark-gray [&amp;_[data-modal-container]]:p-2 [&amp;_[data-modal-container]]:max-w-105 md:[&amp;_[data-modal-container]]:mx-auto [&amp;_[data-modal-container]]:m-5 [&amp;_[data-modal-container]]:rounded-lg [&amp;_[data-modal-header]]:hidden"> <button type="button" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none bg-transparent text-white/50 active:text-white focus-visible:text-white hover:text-white disabled:text-white/30 flex-col min-w-16 font-semibold uppercase text-[10px] tracking-wide py-1 [&amp;_svg]:mb-1 [&amp;_svg]:mx-1 [&amp;_span]:leading-3 [&amp;_span]:mt-1.5" id="entity_hero_c3e7626d-62a8-4b06-b393-2c724fbf6d4f_share_button" title="Share" data-title="Check out “Ingrid Michaelson” on VEEPS" phx-hook="Share" phx-click="[[&quot;show&quot;,{&quot;to&quot;:&quot;#entity_hero_c3e7626d-62a8-4b06-b393-2c724fbf6d4f_share_button_social_share_modal&quot;}],[&quot;show&quot;,{&quot;to&quot;:&quot;#entity_hero_c3e7626d-62a8-4b06-b393-2c724fbf6d4f_share_button_social_share_modal_bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;],[&quot;opacity-100&quot;]]}],[&quot;show&quot;,{&quot;display&quot;:&quot;flex&quot;,&quot;time&quot;:300,&quot;to&quot;:&quot;#entity_hero_c3e7626d-62a8-4b06-b393-2c724fbf6d4f_share_button_social_share_modal_container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;]]}],[&quot;dispatch&quot;,{&quot;detail&quot;:{&quot;class&quot;:&quot;modal-active&quot;,&quot;disableBodyScroll&quot;:true},&quot;event&quot;:&quot;phx:noscroll&quot;}]]" aria-label="Share" data-close-modal="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#entity_hero_c3e7626d-62a8-4b06-b393-2c724fbf6d4f_share_button_social_share_modal_bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#entity_hero_c3e7626d-62a8-4b06-b393-2c724fbf6d4f_share_button_social_share_modal_container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#entity_hero_c3e7626d-62a8-4b06-b393-2c724fbf6d4f_share_button_social_share_modal&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;dispatch&quot;,{&quot;detail&quot;:{&quot;class&quot;:&quot;modal-active&quot;,&quot;disableBodyScroll&quot;:false},&quot;event&quot;:&quot;phx:noscroll&quot;}],[&quot;pop_focus&quot;,{}]]" data-entity-id="c3e7626d-62a8-4b06-b393-2c724fbf6d4f" data-native-share="false" data-text="Ingrid Michaelson - https://veeps.com/a/c3e7626d-62a8-4b06-b393-2c724fbf6d4f" data-url="https://veeps.com/a/c3e7626d-62a8-4b06-b393-2c724fbf6d4f"> <svg aria-hidden="true" viewbox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.7071 3.29292L12 2.58582L11.2929 3.29292L5.29289 9.29292L6.70711 10.7071L11 6.41424V16H13V6.41424L17.2929 10.7071L18.7071 9.29292L12.7071 3.29292ZM5 16V19H19V16H21V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V16H5Z" fill="currentColor"></path></svg> <span>Share</span> </button> <div id="entity_hero_c3e7626d-62a8-4b06-b393-2c724fbf6d4f_share_button_social_share_modal" phx-remove="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#entity_hero_c3e7626d-62a8-4b06-b393-2c724fbf6d4f_share_button_social_share_modal_bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#entity_hero_c3e7626d-62a8-4b06-b393-2c724fbf6d4f_share_button_social_share_modal_container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#entity_hero_c3e7626d-62a8-4b06-b393-2c724fbf6d4f_share_button_social_share_modal&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;dispatch&quot;,{&quot;detail&quot;:{&quot;class&quot;:&quot;modal-active&quot;,&quot;disableBodyScroll&quot;:false},&quot;event&quot;:&quot;phx:noscroll&quot;}],[&quot;pop_focus&quot;,{}]]" data-cancel="[[&quot;exec&quot;,{&quot;attr&quot;:&quot;phx-remove&quot;}]]" class="fixed z-50 hidden" data-modal> <div id="entity_hero_c3e7626d-62a8-4b06-b393-2c724fbf6d4f_share_button_social_share_modal_bg" class="fixed inset-0 bg-black/70 backdrop-blur-lg" aria-hidden="true"></div> <div class="fixed inset-0 overflow-y-auto" role="dialog" aria-modal="true" tabindex="0"> <div class="flex items-end justify-center min-h-full md:items-center"> <div class="w-full max-h-screen md:max-w-150 md:py-8"> <div id="entity_hero_c3e7626d-62a8-4b06-b393-2c724fbf6d4f_share_button_social_share_modal_container" phx-hook="Phoenix.FocusWrap" class="p-5 md:p-10 relative hidden transition bg-dark-gray/60 backdrop-blur-xl md:rounded-xl" phx-click-away="[[&quot;exec&quot;,{&quot;attr&quot;:&quot;data-cancel&quot;,&quot;to&quot;:&quot;#entity_hero_c3e7626d-62a8-4b06-b393-2c724fbf6d4f_share_button_social_share_modal&quot;}]]" data-modal-container phx-key="escape" phx-window-keydown="[[&quot;exec&quot;,{&quot;attr&quot;:&quot;data-cancel&quot;,&quot;to&quot;:&quot;#entity_hero_c3e7626d-62a8-4b06-b393-2c724fbf6d4f_share_button_social_share_modal&quot;}]]"> <span id="entity_hero_c3e7626d-62a8-4b06-b393-2c724fbf6d4f_share_button_social_share_modal_container-start" tabindex="0" aria-hidden="true"></span> <div class="flex flex-col grow md:block"> <div data-testid="ds_modal_header" class="flex items-center mb-2 -mt-3 -mr-3 shrink-0" data-modal-header> <button type="button" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 w-11 h-11 3xl:w-12 3xl:h-12 rounded-lg flex-none ml-auto focus-visible:outline-none" phx-click="[[&quot;exec&quot;,{&quot;attr&quot;:&quot;data-cancel&quot;,&quot;to&quot;:&quot;#entity_hero_c3e7626d-62a8-4b06-b393-2c724fbf6d4f_share_button_social_share_modal&quot;}]]" aria-label="Close"> <svg aria-hidden="true" class="block pointer-events-none" viewbox="0 0 24 24" fill="none"><path d="M5 5L19 19M19 5L5 19" stroke="currentColor" stroke-width="2"></path></svg> </button> </div> <div id="entity_hero_c3e7626d-62a8-4b06-b393-2c724fbf6d4f_share_button_social_share_modal_content" class="text-white/50 grow" data-modal-content> <div id="share_actions_share" class="[&amp;_button]:justify-start [&amp;_button:hover]:bg-white/10 [&amp;_button:focus]:bg-white/10 [&amp;_a]:justify-start [&amp;_a:hover]:bg-white/10 [&amp;_a:focus]:bg-white/10 grid grid-cols-1 gap-2 divide-y divide-white/10"> <div class="grid grid-cols-1 gap-2 py-2"> <button type="button" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg " data-item-id="facebook-social-link-c3e7626d-62a8-4b06-b393-2c724fbf6d4f" data-item-name="facebook" data-list-item data-type="facebook"> Facebook </button> <button type="button" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg " data-item-id="twitter-social-link-c3e7626d-62a8-4b06-b393-2c724fbf6d4f" data-item-name="twitter" data-list-item data-type="twitter"> Twitter </button> <button type="button" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg " data-item-id="mailto-social-link-c3e7626d-62a8-4b06-b393-2c724fbf6d4f" data-item-name="mailto" data-list-item data-type="mailto"> Email </button> <div> <button type="button" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none btn-transparent active:bg-white/30 active:backdrop-blur-2xl focus-visible:bg-white/30 focus-visible:backdrop-blur-2xl hover:bg-white/30 hover:backdrop-blur-2xl text-white disabled:bg-transparent disabled:text-white/30 px-5 py-2.5 3xl:px-6 3xl:py-3 rounded-lg w-full" id="entity_hero_c3e7626d-62a8-4b06-b393-2c724fbf6d4f_share_button_copy_social_url" data-item-id="copy-social-link-c3e7626d-62a8-4b06-b393-2c724fbf6d4f" data-item-name="copy url" data-list-item data-type="copy"> Copy Link </button> <div phx-feedback-for="url" class="h-0 p-0 opacity-0 pointer-events-none !m-0"> <div id="entity_hero_c3e7626d-62a8-4b06-b393-2c724fbf6d4f_share_button_social_url_group" phx-feedback-for="url" class="relative flex bg-white/10 backdrop-blur-2xl rounded-md text-white w-full text-[16px] leading-6 text-body border-2 transition-colors [&amp;&gt;*]:px-2.5 [&amp;&gt;*]:py-2 3xl:[&amp;&gt;*]:px-3.5 3xl:[&amp;&gt;*]:py-2.5 outline-none placeholder:text-white/50 border-transparent focus-within:border-white/10" data-input-group> <input type="text" name="url" id="entity_hero_c3e7626d-62a8-4b06-b393-2c724fbf6d4f_share_button_social_url" class="w-full bg-transparent outline-none text-inherit placeholder:text-white/50 disabled:text-white/50 disabled:opacity-50 disabled:cursor-not-allowed" value="https://veeps.com/a/c3e7626d-62a8-4b06-b393-2c724fbf6d4f"> </div> </div> </div> </div> </div> </div> </div> <span id="entity_hero_c3e7626d-62a8-4b06-b393-2c724fbf6d4f_share_button_social_share_modal_container-end" tabindex="0" aria-hidden="true"></span> </div> </div> </div> </div> </div> </div> <button type="button" class="transition-colors text-body inline-flex items-center leading-6 text-center justify-center focus:outline-none bg-white/10 backdrop-blur-2xl active:bg-white/30 focus-visible:bg-white/30 hover:bg-white/30 text-white disabled:bg-white/10 disabled:text-white/30 w-11 h-11 3xl:w-12 3xl:h-12 rounded-lg [&amp;&gt;img]:pointer-events-none [&amp;[data-muted=true]&gt;[data-sound=off]]:block [&amp;[data-muted=true]&gt;[data-sound=on]]:hidden [&amp;[data-muted=false]&gt;[data-sound=off]]:hidden [&amp;[data-muted=false]&gt;[data-sound=on]]:block" id="hero_toggle_mute" phx-hook="ToggleMute" aria-label="Mute/Unmute" data-mute data-muted="true" data-video-id="c3e7626d-62a8-4b06-b393-2c724fbf6d4f_hero_video"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724179232/product/icons/white/player/SoundOff_dclkfk.svg" alt="" width="24" height="24" class="" data-sound="off"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724179232/product/icons/white/player/SoundOn_qj2zi1.svg" alt="" width="24" height="24" class="" data-sound="on"> </button> </div> </div> </section> </div> </section><section id="rails-upcoming_events" class="mb-20 only-of-type:mb-0 pt-5 " data-cards-list="standard" data-testid="ds_cards_list" data-variant="carousel" phx-hook="SelectItemEvent" data-direct-children-only="false" data-list-id="rails-upcoming_events" data-list-name="Upcoming Events"> <div class="relative mb-6 text-left lg:mb-10 flex space-x-4 items-center justify-between z-10 px-5 md:px-10" data-testid="ds_cards_list_title" data-cards-list-title="standard"> <h2 class="text-subheading-sm">Upcoming Events</h2> </div> <div class="relative"> <div class="grid grid-flow-col auto-cols-max gap-x-2 md:gap-x-6 -my-5 py-5 px-5 md:px-10 snap-x snap-mandatory scroll-pl-5 md:scroll-pl-10 group/carousel overflow-hidden overflow-x-scroll vps-scrollbar-none" data-testid="ds_cards_list_items" id="carousel_rails-upcoming_events" data-carousel-type="standard" phx-hook="Carousel"> <div class="overflow-visible bg-black rounded-lg aspect-portrait group animate-skeleton flex-shrink-0 w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile snap-start" data-testid="ds_card_standard" data-card="standard" data-item-id="8ef47471-0d38-4e0f-a87a-33374eb28e7b"> <div class="overflow-hidden transition-transform duration-500 rounded-lg group-hover:scale-102 ease-card aspect-content after:block after:absolute after:bottom-0 after:left-0 after:right-0 after:top-2/4 after:bg-gradient-to-t after:from-black/70 after:to-transparent"> <picture> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_portrait_webp/v1731965068/assets/wxv6yfosytkrmmvuy8pw.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1731965068/assets/wxv6yfosytkrmmvuy8pw.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/ingridmichaelson/8ef47471-0d38-4e0f-a87a-33374eb28e7b" data-phx-link="redirect" data-phx-link-state="push" class="flex flex-col justify-end transition-transform duration-500 aspect-content group-hover:-translate-y-2.5 ease-card" data-testid="ds_card_link" data-item-id="8ef47471-0d38-4e0f-a87a-33374eb28e7b" data-item-name="Ingrid Michaelson - 18th Annual Holiday Hop: Live from New York" data-list-item> <div class="p-4 pb-3 text-center 2xl:p-6"> <h3 class="mb-2 text-heading-xs line-clamp-2" data-card-title> Ingrid Michaelson </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> 18th Annual Holiday Hop: Live from New York </p> </div> </a> <div class="absolute inset-x-0 top-0 p-2 group-hover:-translate-y-[5%] group-hover:-translate-x-[1%] ease-card duration-500 transition-transform flex-shrink-0 pointer-events-none" data-testid="ds_card_tags"> <div class="flex items-start space-x-2 py-0.5"> <div class="py-1 md:py-1.5 px-2 3xl:px-3 rounded inline-block text-body tracking-wide capitalize bg-black/10 backdrop-blur-2xl text-white" data-testid="ds_tag_default"> Dec 4 </div> </div> </div> <div class="hidden sm:flex absolute inset-x-0 top-0 z-10 justify-end p-2 group-hover:-translate-y-[5%] group-hover:translate-x-[1%] ease-card duration-500 transition-transform"> <div class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </div> </div> </div> </div> </section><section id="rails-on_demand_events" class="mb-20 only-of-type:mb-0 pt-5 " data-cards-list="standard" data-testid="ds_cards_list" data-variant="carousel" phx-hook="SelectItemEvent" data-direct-children-only="false" data-list-id="rails-on_demand_events" data-list-name="On Demand Events"> <div class="relative mb-6 text-left lg:mb-10 flex space-x-4 items-center justify-between z-10 px-5 md:px-10" data-testid="ds_cards_list_title" data-cards-list-title="standard"> <h2 class="text-subheading-sm">On Demand Events</h2> </div> <div class="relative"> <div class="grid grid-flow-col auto-cols-max gap-x-2 md:gap-x-6 -my-5 py-5 px-5 md:px-10 snap-x snap-mandatory scroll-pl-5 md:scroll-pl-10 group/carousel overflow-hidden overflow-x-scroll vps-scrollbar-none" data-testid="ds_cards_list_items" id="carousel_rails-on_demand_events" data-carousel-type="standard" phx-hook="Carousel"> <div class="overflow-visible bg-black rounded-lg aspect-portrait group animate-skeleton flex-shrink-0 w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile snap-start" data-testid="ds_card_standard" data-card="standard" data-item-id="a13473e5-b05d-4efa-b4bc-92409440b6f7"> <div class="overflow-hidden transition-transform duration-500 rounded-lg group-hover:scale-102 ease-card aspect-content after:block after:absolute after:bottom-0 after:left-0 after:right-0 after:top-2/4 after:bg-gradient-to-t after:from-black/70 after:to-transparent"> <picture> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_portrait_webp/v1730838693/assets/mxvllzapbxfudtcbf8ag.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1730838693/assets/mxvllzapbxfudtcbf8ag.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/ingridmichaelson/a13473e5-b05d-4efa-b4bc-92409440b6f7" data-phx-link="redirect" data-phx-link-state="push" class="flex flex-col justify-end transition-transform duration-500 aspect-content group-hover:-translate-y-2.5 ease-card" data-testid="ds_card_link" data-item-id="a13473e5-b05d-4efa-b4bc-92409440b6f7" data-item-name="Ingrid Michaelson - 17th Annual Holiday Hop: Live from New York " data-list-item> <div class="p-4 pb-3 text-center 2xl:p-6"> <h3 class="mb-2 text-heading-xs line-clamp-2" data-card-title> Ingrid Michaelson </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> 17th Annual Holiday Hop: Live from New York </p> </div> </a> <div class="absolute inset-x-0 top-0 p-2 group-hover:-translate-y-[5%] group-hover:-translate-x-[1%] ease-card duration-500 transition-transform flex-shrink-0 pointer-events-none" data-testid="ds_card_tags"> <div class="flex items-start space-x-2 py-0.5"> </div> </div> <div class="hidden sm:flex absolute inset-x-0 top-0 z-10 justify-end p-2 group-hover:-translate-y-[5%] group-hover:translate-x-[1%] ease-card duration-500 transition-transform"> <div class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </div> </div><div class="overflow-visible bg-black rounded-lg aspect-portrait group animate-skeleton flex-shrink-0 w-card-standard-mobile max-w-card-standard-mobile min-w-card-standard-mobile snap-start" data-testid="ds_card_standard" data-card="standard" data-item-id="2a6dc918-ef0c-4e4d-9c1e-ba9d5a8d7fc2"> <div class="overflow-hidden transition-transform duration-500 rounded-lg group-hover:scale-102 ease-card aspect-content after:block after:absolute after:bottom-0 after:left-0 after:right-0 after:top-2/4 after:bg-gradient-to-t after:from-black/70 after:to-transparent"> <picture> <source srcset="https://res.cloudinary.com/veeps/image/upload/t_card_portrait_webp/v1730841052/assets/anqe1wiapkyogzndo1ac.webp" type="image/webp"> <img src="https://res.cloudinary.com/veeps/image/upload/t_card_portrait/v1730841052/assets/anqe1wiapkyogzndo1ac.jpg" alt="" class="object-cover w-full h-full" loading="lazy" data-testid="ds_card_image"> </picture> <div data-all-access-badge class="absolute top-0 right-0 flex justify-end p-1 sm:p-2 w-11 h-11 sm:w-14 sm:h-14 bg-dark-red" style="background: linear-gradient(45deg, rgba(96,0,0,0), rgba(96,0,0,0) 50%, rgba(96,0,0,1) 50%, rgba(96,0,0,1));"> <svg viewBox="0 0 18 18" fill="none" class="w-4.5 h-4.5"> <path d="M11.8977 1.76782L9.38337 11.1376L6.58458 1.76782H1.125L6.41796 16.2321H12.2648L16.875 1.76782H11.8977Z" fill="#EA0034"></path> </svg> </div> </div> <a href="/ingridmichaelson/2a6dc918-ef0c-4e4d-9c1e-ba9d5a8d7fc2" data-phx-link="redirect" data-phx-link-state="push" class="flex flex-col justify-end transition-transform duration-500 aspect-content group-hover:-translate-y-2.5 ease-card" data-testid="ds_card_link" data-item-id="2a6dc918-ef0c-4e4d-9c1e-ba9d5a8d7fc2" data-item-name="Ingrid Michaelson - 16th Annual Holiday Hop" data-list-item> <div class="p-4 pb-3 text-center 2xl:p-6"> <h3 class="mb-2 text-heading-xs line-clamp-2" data-card-title> Ingrid Michaelson </h3> <p class="text-body text-white/50 line-clamp-1" data-testid="ds_card_subtitle"> 16th Annual Holiday Hop </p> </div> </a> <div class="absolute inset-x-0 top-0 p-2 group-hover:-translate-y-[5%] group-hover:-translate-x-[1%] ease-card duration-500 transition-transform flex-shrink-0 pointer-events-none" data-testid="ds_card_tags"> <div class="flex items-start space-x-2 py-0.5"> </div> </div> <div class="hidden sm:flex absolute inset-x-0 top-0 z-10 justify-end p-2 group-hover:-translate-y-[5%] group-hover:translate-x-[1%] ease-card duration-500 transition-transform"> <div class="transition-opacity opacity-0 group-hover:opacity-100 duration-250" data-testid="ds_card_action"> </div> </div> </div> </div> </div> </section><section id="rails-entity_bio" class="mb-20 px-5 md:px-10 relative " data-cards-list="content" data-testid="ds_cards_list"> <div class="" data-testid="ds_cards_list_items" id="rail_content_rails-entity_bio"> <div data-testid="ds_card_content" data-card="content"> <div class="flex flex-col"> <div id="artist_c3e7626d-62a8-4b06-b393-2c724fbf6d4f_content" class="text-body-1 md:text-body-2 text-white/50 page-content [&amp;&gt;*:last-child]:mb-0 " phx-hook="ReadMore" data-lineclamp="8" data-testid="ds_card_title"> <p> Ingrid Michaelson is a force in the music industry, known for her distinctively soulful folk-pop style. Her music is released on the label she founded, Cabin 24 Records, including her latest studio album For the Dreamers, as well as her gold and platinum hits, &quot;The Way I Am,&quot; &quot;Girls Chase Boys,&quot; and &quot;You and I.&quot; She&#39;s scored songs for television, including “Little Fires Everywhere” (Emmy nomination) and “Tiny Beautiful Things” (both for Hulu), and was executive music producer for Apple TV+’s “Slumberkins,” creating original songs for the series. Michaelson was recently seen as a guest star in Season 3 of Netflix’s “Girls 5 Eva,” and starred in the indie film Humor Me alongside co-stars Jemaine Clement and Elliott Gould. She made her Broadway on stage debut in Natasha, Pierre and The Great Comet of 1812 and recently made her Broadway debut as a composer in 2024 writing the music and lyrics for the musical, The Notebook. She produced The Grammy nominated Notebook Original Broadway Cast Album featuring the viral hit “My Days” performed by Joy Woods. For the latest from Ingrid Michaelson please visit <a href="Ingrid Michaelson is a force in the music industry, known for her distinctively soulful folk-pop style. Her music is released on the label she founded, Cabin 24 Records, including her latest studio album For the Dreamers, as well as her gold and platinum hits, &quot;The Way I Am,&quot; &quot;Girls Chase Boys,&quot; and &quot;You and I.&quot; She&#39;s scored songs for television, including “Little Fires Everywhere” (Emmy nomination) and “Tiny Beautiful Things” (both for Hulu), and was executive music producer for Apple TV+’s “Slumberkins,” creating original songs for the series. Michaelson was recently seen as a guest star in Season 3 of Netflix’s “Girls 5 Eva,” and starred in the indie film Humor Me alongside co-stars Jemaine Clement and Elliott Gould. She made her Broadway on stage debut in Natasha, Pierre and The Great Comet of 1812 and recently made her Broadway debut as a composer in 2024 writing the music and lyrics for the musical, The Notebook. She produced The Grammy nominated Notebook Original Broadway Cast Album featuring the viral hit “My Days” performed by Joy Woods. For the latest from Ingrid Michaelson please visit www.ingridmichaelson.com">www.ingridmichaelson.com</a></p> </div> </div> </div> </div> </section> </div> <div phx-update="ignore" id="app_banner_wrapper"> <section class="hidden vps-app-banner" id="app_banner" phx-hook="AppsBanner"></section> </div> </div> </main> <div id="site_footer" phx-hook="IntercomInit"> </div> <footer class="flex flex-wrap px-5 bg-black border-t border-t-white/15 py-7 md:py-9 md:px-10 gap-y-4" data-testid="footer"> <ul class="flex flex-grow space-x-6" data-testid="footer_links"> <li> <a href="/terms" target="_blank" class="inline-block transition-colors text-white/50 hover:text-white"> Terms </a> </li><li> <a href="/privacy" target="_blank" class="inline-block transition-colors text-white/50 hover:text-white"> Privacy </a> </li><li> <button type="button" id="footer_intercom_trigger" phx-hook="IntercomShow" class="inline-block transition-colors text-white/50 hover:text-white"> Customer Service </button> </li> </ul> <div class="text-white/50"> &copy; 2024, VEEPS Inc. </div> </footer> <div id="cart_live" data-phx-session="" data-phx-static="SFMyNTY.g2gDaAJhBXQAAAADdwJpZG0AAAAJY2FydF9saXZldwVmbGFzaHQAAAAAdwphc3NpZ25fbmV3bAAAAAV3CXN1YmRvbWFpbncObGF5b3V0X2Fzc2lnbnN3D3RyYWNraW5nX3BhcmFtc3cKZ2hvc3RfdXNlcncMY3VycmVudF91c2Vyam4GAOKJIF6TAWIAAVGA.ZwrW_ACn_7estl-5hgrqQYf5QclozWyqX_324hu5UxI" data-phx-parent-id="phx-GArnA_9mMRxxNIwC"><div id="cart-login-hook" class="hidden" data-event-name="cart_login_token_validated" phx-hook="LoginToken"> </div> <div id="cart-countdown-timer-hook" class="hidden" phx-hook="CartCountdownTimer"></div> </div> </div> <div> <div id="unsupported" class="fixed inset-0 hidden px-4 py-40 overflow-y-auto text-center vps-scrollbar" style="background: #000; color: #fff; z-index: 100" hidden> <div class="absolute flex justify-center top-8 inset-x-8 md:justify-start"> <svg aria-hidden="true" class="block h-6 w-30" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 120 24"><path fill="currentColor" d="M18.521 0 14.32 15.547 9.643 0H.52l8.844 24h9.77l7.704-24h-8.317Zm31.912 0v24H70.82v-6.801H57.628v-2.267h13.021V8.706H57.628V6.589H70.82V0H50.433Zm60.018 8.706h-5.623c-.605 0-1.096-.303-1.096-1.059s.491-1.058 1.096-1.058h5.334c.605 0 .864.302.864 1.058h7.885c0-4.927-3.223-7.647-9.007-7.647h-5.079c-6.36 0-8.892 2.176-8.892 7.647 0 4.776 2.82 7.285 8.202 7.285h6.228c.604 0 1.095.333 1.095 1.118 0 .786-.462 1.149-1.067 1.149h-5.681c-.605 0-.864-.333-.864-1.149h-7.827c0 5.683 2.533 7.95 8.892 7.95h4.445c7.052 0 10.124-2.267 10.124-7.95 0-4.836-3.275-7.344-9.03-7.344M28.056 0v24h20.418v-6.801H35.25v-2.267H48.3V8.706H35.25V6.589h13.223V0H28.056Zm66.638 7.617c0-5.44-2.36-7.617-8.232-7.617H72.78v24h7.252v-9.068h6.431c5.871 0 8.23-2.086 8.23-7.315Zm-7.138 0c0 .786-.49 1.089-1.095 1.089h-6.429V6.59h6.43c.604 0 1.094.302 1.094 1.028"></path></svg> </div> <h1 class="mb-4 text-subheading-lg"> We&#8217;re sorry. We do not support this browser version </h1> <p class="my-4 text-subheading-sm text-white/50"> Please update your browser version and try again </p> <div class="flex flex-wrap justify-center vps-scrollbar-none"> <a href="https://www.google.com/chrome" target="" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1718736169/product/chrome_qoqom7.svg" loading="lazy" class="block w-auto h-auto max-h-7"> Chrome </a><a href="https://www.microsoft.com/edge" target="" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1718736130/product/edge_ql5psr.svg" loading="lazy" class="block w-auto h-auto max-h-7"> Microsoft Edge </a><a href="https://support.apple.com/en-us/HT204416" target="" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724130656/product/safari_muwtj4.svg" loading="lazy" class="block w-auto h-auto max-h-7"> Safari </a><a href="https://www.mozilla.org/en-US/firefox/new" target="" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1718735736/product/firefox_kgnjdb.svg" loading="lazy" class="block w-auto h-auto max-h-7"> Firefox </a> </div> <img src="https://res.cloudinary.com/veeps/image/upload/v1713287065/product/AllAccess_emfpzh.svg" class="w-20 h-20 mx-auto mt-4"> <p class="my-4 text-subheading-sm text-white/50"> Watch on one of our premium Smart TV or mobile apps </p> <div class="flex flex-wrap justify-center vps-scrollbar-none"> <a href="https://apps.veeps.com/tvos" target="_self" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724131948/product/tvOS_sxhot8.svg" loading="lazy" class="block w-auto h-auto max-h-7"> Apple TV </a><a href="https://apps.veeps.com/roku" target="_self" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724131949/product/Roku_qewozn.svg" loading="lazy" class="block w-auto h-auto max-h-7"> Roku </a><div id="samsung_tv" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724131948/product/Samsung_bwhqxy.svg" class="block w-auto h-auto max-h-7"> <span class="text-left text-white/50">Visit Samsung App Store and search for Veeps</span> Samsung TV </div><a href="https://www.amazon.com/Veeps/dp/B0CLCWR77F" target="_blank" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724131948/product/FireTV_arv16h.svg" loading="lazy" class="block w-auto h-auto max-h-7"> Fire TV </a> <a href="https://apps.veeps.com/ios" target="_self" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724131947/product/Apple_voleei.svg" loading="lazy" class="block w-auto h-auto max-h-7"> iOS App </a><a href="https://apps.veeps.com/android" target="_self" class="flex flex-col items-start justify-between p-4 bg-white/10 hover:bg-white/5 rounded-2xl w-35 h-35 text-[12px] flex-none m-3"> <img src="https://res.cloudinary.com/veeps/image/upload/v1724131949/product/Android_tzkavz.svg" loading="lazy" class="block w-auto h-auto max-h-7"> Android App </a> </div> <script> function isUnsupported(userAgent) { var supported_browsers = /Edge?\/(79|[89]\d|\d{3,})(\.\d+|)(\.\d+|)|Firefox\/(6[5-9]|[7-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(7[2-9]|[89]\d|\d{3,})\.\d+(\.\d+|)|Maci.* Version\/(12\.([1-9]|\d{2,})|(1[3-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(5[89]|[6-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(12[._]([2-9]|\d{2,})|(1[3-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Opera Mini|Android:?[ /\-](10[7-9]|1[1-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/(7[2-9]|[89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(10[6-9]|1[1-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(10[7-9]|1[1-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(13\.([4-9]|\d{2,})|(1[4-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(8\.([2-9]|\d{2,})|(9|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(13(\.([1-9]|\d{2,})|)|(1[4-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)/; var unsupported_browsers = /Silk|CCleaner/i return !supported_browsers.test(userAgent) || unsupported_browsers.test(userAgent) } if (window.navigator && isUnsupported(window.navigator.userAgent)) { var unsupported = document.getElementById("unsupported") document.body.classList.add("overflow-hidden"); unsupported.classList.remove("hidden"); unsupported.removeAttribute("hidden"); if (/(Mac|iPhone|iPod|iPad)/i.test(window.navigator.platform)) { document.getElementById("mse_link").classList.add("hidden"); document.getElementById("safari_link").classList.remove("hidden"); } } </script> </div> <noscript> <div id="unsupported_no_js" class="fixed inset-0 flex flex-col items-center justify-center p-8 text-center" style="background: #000; color: #fff; z-index: 100"> <div class="absolute flex justify-center top-8 inset-x-8 md:justify-start"> <svg class="w-20" viewbox="0 0 89 25" fill="none"><path d="M86.3565 19.0049C87.8178 19.0049 89 17.8227 89 16.3614C89 14.8836 87.8178 13.7178 86.3565 13.7178C84.8787 13.7178 83.7129 14.8836 83.7129 16.3614C83.7129 17.8227 84.8787 19.0049 86.3565 19.0049Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11.3922 18.5293L17.3728 0.878699H12.4161L8.80826 14.2813H8.71076L5.08669 0.878699H0L6.02927 18.5293H11.3922ZM24.1666 18.908C28.4733 18.908 31.5935 16.5864 32.1136 13.1287H27.7582C27.3194 14.4789 25.9868 15.3515 24.2479 15.3515C21.8264 15.3515 20.25 13.6227 20.25 11.1035V10.8072H32.2598V9.34176C32.2598 3.97414 29.0583 0.5 23.9879 0.5C18.8362 0.5 15.5859 4.15525 15.5859 9.78632C15.5859 15.4339 18.8037 18.908 24.1666 18.908ZM27.7629 7.8599H20.3686C20.5311 5.65358 22.0262 4.05646 24.1064 4.05646C26.2191 4.05646 27.6654 5.60418 27.7629 7.8599ZM41.2885 18.908C45.5951 18.908 48.7154 16.5864 49.2355 13.1287H44.8801C44.4413 14.4789 43.1087 15.3515 41.3698 15.3515C38.9483 15.3515 37.3719 13.6227 37.3719 11.1035V10.8072H49.3817V9.34176C49.3817 3.97414 46.1802 0.5 41.1098 0.5C35.9581 0.5 32.7078 4.15525 32.7078 9.78632C32.7078 15.4339 35.9256 18.908 41.2885 18.908ZM44.8848 7.8599H37.4904C37.653 5.65358 39.1481 4.05646 41.2283 4.05646C43.341 4.05646 44.7873 5.60418 44.8848 7.8599ZM55.2793 24.2921V15.5656H55.3768C56.3032 17.5578 58.2533 18.8092 60.7886 18.8092C65.1439 18.8092 67.8417 15.3845 67.8417 9.70399C67.8417 4.00707 65.1277 0.598789 60.7073 0.598789C58.1883 0.598789 56.2544 1.88307 55.3118 3.95767H55.2143V0.878696H50.5339V24.2921H55.2793ZM59.1147 14.9399C56.7907 14.9399 55.2631 12.8982 55.2631 9.70399C55.2631 6.54269 56.7907 4.45162 59.1147 4.45162C61.4874 4.45162 62.9825 6.50976 62.9825 9.70399C62.9825 12.9147 61.4874 14.9399 59.1147 14.9399ZM75.0798 18.908C79.6789 18.908 82.8317 16.6193 82.8317 13.1452C82.8317 10.5108 81.4178 9.11125 77.9238 8.32093L74.5922 7.59646C73.0646 7.23423 72.317 6.64149 72.317 5.76884C72.317 4.63274 73.3896 3.87535 75.031 3.87535C76.7862 3.87535 77.9075 4.748 78.005 6.164H82.3766C82.3116 2.73925 79.4676 0.5 75.096 0.5C70.6269 0.5 67.7504 2.70632 67.7504 6.06521C67.7504 8.66669 69.4405 10.412 72.7396 11.1694L75.9573 11.8939C77.5175 12.2726 78.1025 12.7665 78.1025 13.6556C78.1025 14.8082 77.0137 15.5326 75.2098 15.5326C73.3246 15.5326 72.1708 14.6765 71.9432 13.1946H67.3116C67.5716 16.6358 70.4319 18.908 75.0798 18.908Z" fill="currentColor"></path></svg> </div> <h1 class="mb-4 font-medium text-subtitle1 md:text-h6"> We&#8217;re sorry. This site requires JavaScript to be enabled. </h1> <p class="text-subtitle2" style="color: #9898A1;"> Please enable JavaScript in your browser to continue. </p> </div> </noscript> </div> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10