CINXE.COM

Not Available

<!DOCTYPE html> <html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# "> <head> <meta charset="utf-8" /> <script type="text/javascript">var turner_metadata = {"app_name":"tcm.com","business_unit":"tcm","mvpd_id":"no mvpd set","view_type":"web","page_name":"tcm:www:\/unavailable","friendly_page_name":"tcm:www:\/unavailable","full_url":"prod.tcm.com\/unavailable","url":"http:\/\/prod.tcm.com\/unavailable","content_type":"other:static","template_type":"tcm_frontend_pages.watchtcm.unavailable","title":" | Turner Classic Movies","canonical":"https:\/\/www.tcm.com\/unavailable"};</script> <meta name="title" content="Turner Classic Movies - TCM.com" /> <link rel="canonical" href="https://www.tcm.com/unavailable" /> <meta name="Generator" content="Drupal 8 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta property="fb:app_id" content="114445117946" /> <meta property="fb:admins" content="100001482580831" /> <meta property="og:sitename" content="Turner Classic Movies" /> <meta property="og:type" content="website" /> <meta property="og:url" content="http://prod.tcm.com/unavailable" /> <meta property="og:title" content="Turner Classic Movies - TCM.com" /> <meta property="og:description" content="Turner Classic Movies presents the greatest classic films of all time from one of the largest film libraries in the world. Find extensive video, photos, articles, forums, and archival content from some of the best movies ever made only at TCM.com." /> <meta property="og:image" content="https://prod-images.tcm.com/img/global/logo-TCM-share-1200x630.jpg" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta name="description" content="Turner Classic Movies presents the greatest classic films of all time from one of the largest film libraries in the world. Find extensive video, photos, articles, forums, and archival content from some of the best movies ever made only at TCM.com." /> <link rel="shortcut icon" href="/themes/custom/bogart/favicon.ico" type="image/vnd.microsoft.icon" /> <title>Not Available</title> <link rel="stylesheet" media="all" href="/core/assets/vendor/normalize-css/normalize.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/misc/normalize-fixes.css?snn1ta" /> <link rel="stylesheet" media="all" href="https://turnip.cdn.turner.com/top/auth/3.0.3/authmanager.min.css" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/ajax-progress.module.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/align.module.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/autocomplete-loading.module.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/fieldgroup.module.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/container-inline.module.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/clearfix.module.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/details.module.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/hidden.module.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/item-list.module.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/js.module.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/nowrap.module.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/position-container.module.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/progress.module.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/reset-appearance.module.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/resize.module.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/sticky-header.module.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/system-status-counter.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/system-status-report-counters.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/system-status-report-general-info.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/tabledrag.module.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/tablesort.module.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/tree-child.module.css?snn1ta" /> <link rel="stylesheet" media="all" href="/modules/custom/tcm-admin/css/style.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/base/elements.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/layout.css?snn1ta" /> <link rel="stylesheet" media="all" href="/themes/custom/bogart/third-party/css/bootstrap/bootstrap.min.css?snn1ta" /> <link rel="stylesheet" media="all" href="/themes/custom/bogart/build/css/overrides.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/action-links.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/breadcrumb.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/button.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/collapse-processed.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/container-inline.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/details.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/exposed-filters.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/field.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/form.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/icons.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/inline-form.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/item-list.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/link.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/links.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/menu.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/more-link.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/pager.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/tabledrag.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/tableselect.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/tablesort.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/tabs.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/textarea.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/ui-dialog.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/messages.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/block.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/book.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/breadcrumb.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/captions.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/comments.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/contextual.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/demo-block.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/dropbutton.component.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/featured-top.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/feed-icon.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/field.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/form.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/forum.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/header.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/help.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/highlighted.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/item-list.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/list-group.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/list.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/main-content.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/menu.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/messages.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/node.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/node-preview.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/page-title.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/pager.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/panel.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/primary-menu.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/search-form.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/search-results.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/secondary-menu.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/shortcut.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/skip-link.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/sidebar.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/site-branding.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/site-footer.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/table.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/tablesort-indicator.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/tabs.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/text-formatted.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/toolbar.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/featured-bottom.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/password-suggestions.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/ui.widget.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/vertical-tabs.component.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/views.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/buttons.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/image-button.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/components/ui-dialog.css?snn1ta" /> <link rel="stylesheet" media="all" href="/themes/custom/bogart/third-party/css/slick/slick.css?snn1ta" /> <link rel="stylesheet" media="all" href="/themes/custom/bogart/third-party/css/slick/slick-theme.css?snn1ta" /> <link rel="stylesheet" media="all" href="/core/themes/bartik/css/colors.css?snn1ta" /> <link rel="stylesheet" media="print" href="/core/themes/bartik/css/print.css?snn1ta" /> <link rel="stylesheet" media="all" href="//fonts.googleapis.com/css?family=Lato:300,400,700,900|Playfair+Display:400,700" /> <link rel="stylesheet" media="all" href="//fast.fonts.net/cssapi/08b9bf81-2b2b-40e6-8460-679256d7b6e5.css" /> <link rel="stylesheet" media="all" href="/themes/custom/bogart/build/css/bogart.css?snn1ta" /> <script> window.WM = window.WM || {}; window.WM.UserConsentConfig = { cookieDomain: 'tcm.com', domId: (!window.location.host.startsWith('www.') && window.location.host !== 'tcm.com') ? 'd90c7671-0c87-4773-a03d-f35bc2c125fe-test' : 'd90c7671-0c87-4773-a03d-f35bc2c125fe', brand: 'TCM', src: 'https://cdn.cookielaw.org/scripttemplates/otSDKStub.js', compatCategories: { 'ads-general': ['ads-contextual', 'ads-person', 'ads-person-prof', 'vendor'], 'behavior-general': ['content-person', 'vendor'], 'perf-general': ['measure-content', 'vendor'] } }; </script> <script src="/themes/custom/bacall/js/user-consent.min.js"></script> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"","currentPath":"unavailable","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en","currentQuery":{"q":"unavailable"}},"pluralDelimiter":"\u0003","site_env":"production","api_endpoint":"https:\/\/tcmws.tcm.com\/tcmws\/","api_base":"https:\/\/tcmws.tcm.com","s3_base_bucket":"tcm-prod-www","images_base_path":"https:\/\/prod-images.tcm.com\/","top_appid":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJuZXR3b3JrIjoidGNtIiwicHJvZHVjdCI6InR2ZSIsInBsYXRmb3JtIjoid2ViLXRvcDIiLCJhcHBJZCI6InRjbS10dmUtd2ViLXRvcDItdjJrMmEwIn0.uC4OgeltFVyQwcHlNdpm0oSkBQiRK3iffrWa_zzVhNc","top_software_statement":"eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJiNTg3MWNjYy1hODBmLTRiZjItYWM1NC1jYTJmOGE5NDY2NzEiLCJuYmYiOjE1MzcxOTA4NDgsImlzcyI6ImF1dGguYWRvYmUuY29tIiwiaWF0IjoxNTM3MTkwODQ4fQ.wuUbr7ALwe_CEahLjPExABoONe7dWHYLJUK1VzDy3rXZyCYiTpXNsDNKU1tV03QfSSPz8toIJLkWoZtFhoU9DVqOt3N-8xz6wj0jimGV4LCIsb9wA-S72ChV9b-am6AQsk_cTI5OEaVmnCxxh1DLqbuU1HsRkCh-_0js9mx7STogUsOubGuYQ376ptQzRtrPLiXcM2hozvMXXsDer-ZC_9Esnw5Vb8Fn-Z85ZbOiIFGsdVBYNGMVZ_rWXzjf_5WkbqW194cQTSPa3PV2XzavH9fp-YF8owFRkPE_gE6Ne0ZUBhma3odzHQJUDW1ouve5KVrIbB0wQfKrws1o9dDSkA","top_companyid_vod":"2ce1023b-1d87-45cf-867c-ffd303b98325","top_companyid_live":"4e89d867-11f5-4022-a4d1-5714473fbae2","top_customerkey":"dbd2f42d442bf97bff830c96f7eb79d33d42e79a","user":{"uid":0,"permissionsHash":"8191ebd2a6dc00189eddbe0fb127bf948236d1acbdda6bc280219394fc424ffa"}}</script> <!--[if lte IE 8]> <script src="/core/assets/vendor/html5shiv/html5shiv.min.js?v=3.7.3"></script> <![endif]--> <script src="/core/assets/vendor/domready/ready.min.js?v=1.0.8"></script> <script src="/core/assets/vendor/modernizr/modernizr.min.js?v=3.3.1"></script> <script src="/core/assets/vendor/jquery/jquery.min.js?v=3.2.1"></script> <script src="/core/assets/vendor/jquery/jquery-extend-3.4.0.js?v=3.2.1"></script> <script src="/core/misc/drupalSettingsLoader.js?v=8.7.4"></script> <script src="/core/misc/drupal.js?v=8.7.4"></script> <script src="/core/misc/drupal.init.js?v=8.7.4"></script> <script src="//lightning.tcm.com/launch/7be62238e4c3/c73dc41e5e91/launch-071c28d4580f.min.js"></script> <script src="https://turnip.cdn.turner.com/top/freeview/2.14.2-8/freeview.min.js"></script> <script src="https://turnip.cdn.turner.com/top/auth/2.14.2-8/auth.min.js"></script> <script src="https://turnip.cdn.turner.com/top/player/2.14.2-8/player.min.js"></script> </head> <body class="layout-no-sidebars with-subnav"> <header class="watch__header hidden" role="banner" aria-label="Site header"> <div class="section layout-container clearfix"> <!-- the above will be deleted once yml files correctly recognize CDN's --> <meta property="og:url" content="https://www.tcm.com/" id="ogurl"/> <meta property="og:title" content="Watch TCM - View a live stream of the TCM television network anytime, anywhere." id="ogtitle"/> <meta property="og:site_name" content="Watch TCM" id="ogsite"/> <meta property="og:description" content="Watch TCM is the convenient way to watch great classic films when you want, where you want uncut, commercial free... and it's absolutely free." id="ogdescr"/> <meta property="og:image" content='https://prod-images.tcm.com/v5cache/TCM/Images/Dynamic/i385/Casablanca1942_610_610x329_01252016035436.jpg' id="ogthumb"/> <meta property="og:image:type" content="image/jpeg" /> <meta property="og:image:width" content="630" /> <meta property="og:image:height" content="1200" /> <style> .is-active{color:#05c6de!important} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script> (function () { 'use strict'; function clamp(element, options) { options = options || {}; var win = window; var opt = { clamp: options.clamp || 2, useNativeClamp: typeof options.useNativeClamp !== 'undefined' ? options.useNativeClamp : true, splitOnChars: options.splitOnChars || ['.', '-', '–', '—', ' '], //Split on sentences (periods), hypens, en-dashes, em-dashes, and words (spaces). animate: options.animate || false, truncationChar: options.truncationChar || '…', truncationHTML: options.truncationHTML }; var sty = element.style; var originalText = element.innerHTML; var supportsNativeClamp = typeof element.style.webkitLineClamp !== 'undefined'; var clampValue = opt.clamp; var isCSSValue = clampValue.indexOf && (clampValue.indexOf('px') > -1 || clampValue.indexOf('em') > -1); var truncationHTMLContainer; if (opt.truncationHTML) { truncationHTMLContainer = document.createElement('span'); truncationHTMLContainer.innerHTML = opt.truncationHTML; } // UTILITY FUNCTIONS __________________________________________________________ /** * Return the current style for an element. * @param {HTMLElement} elem The element to compute. * @param {string} prop The style property. * @returns {number} */ function computeStyle(elem, prop) { if (!win.getComputedStyle) { win.getComputedStyle = function (el) { this.el = el; this.getPropertyValue = function (prop) { var re = /(\-([a-z]){1})/g; if (prop === 'float') { prop = 'styleFloat'; } if (re.test(prop)) { prop = prop.replace(re, function () { return arguments[2].toUpperCase(); }); } return el.currentStyle && el.currentStyle[prop] ? el.currentStyle[prop] : null; }; return this; }; } return win.getComputedStyle(elem, null).getPropertyValue(prop); } /** * Returns the line-height of an element as an integer. */ function getLineHeight(elem) { var lh = computeStyle(elem, 'line-height'); if (lh === 'normal') { // Normal line heights vary from browser to browser. The spec recommends // a value between 1.0 and 1.2 of the font size. Using 1.1 to split the diff. lh = parseFloat(computeStyle(elem, 'font-size')) * 1.2; } return parseFloat(lh); } /** * Returns the maximum number of lines of text that should be rendered based * on the current height of the element and the line-height of the text. */ function getMaxLines(height) { var availHeight = height || element.clientHeight; var lineHeight = getLineHeight(element); return Math.max(Math.floor(availHeight / lineHeight), 0); } /** * Returns the maximum height a given element should have based on the line- * height of the text and the given clamp value. */ function getMaxHeight(clmp) { var lineHeight = getLineHeight(element); return lineHeight * clmp; } var splitOnChars = opt.splitOnChars.slice(0); var splitChar = splitOnChars[0]; var chunks; var lastChunk; /** * Gets an element's last child. That may be another node or a node's contents. */ function getLastChild(elem) { //Current element has children, need to go deeper and get last child as a text node if (elem.lastChild.children && elem.lastChild.children.length > 0) { return getLastChild(Array.prototype.slice.call(elem.children).pop()); } //This is the absolute last child, a text node, but something's wrong with it. Remove it and keep trying else if (!elem.lastChild || !elem.lastChild.nodeValue || elem.lastChild.nodeValue === '' || elem.lastChild.nodeValue === opt.truncationChar) { elem.lastChild.parentNode.removeChild(elem.lastChild); return getLastChild(element); } //This is the last child we want, return it else { return elem.lastChild.nodeValue; } } function applyEllipsis(elem, str) { return str + opt.truncationChar; } /** * Removes one character at a time from the text until its width or * height is beneath the passed-in max param. */ function truncate(targetValue, maxHeight) { if (!maxHeight) {return;} /** * Resets global variables. */ function reset() { splitOnChars = opt.splitOnChars.slice(0); splitChar = splitOnChars[0]; chunks = null; lastChunk = null; } var nodeValue = targetValue.replace(opt.truncationChar, ''); //Grab the next chunks if (!chunks) { //If there are more characters to try, grab the next one if (splitOnChars.length > 0) { splitChar = splitOnChars.shift(); } //No characters to chunk by. Go character-by-character else { splitChar = ''; } chunks = nodeValue.split(splitChar); } //If there are chunks left to remove, remove the last one and see if // the nodeValue fits. if (chunks.length > 1) { //console.log('chunks', chunks); lastChunk = chunks.pop(); //console.log('lastChunk', lastChunk); targetValue = applyEllipsis(targetValue, chunks.join(splitChar)); } //No more chunks can be removed using this character else { chunks = null; } //Insert the custom HTML before the truncation character element.innerHTML = targetValue; if (truncationHTMLContainer) { targetValue = targetValue.replace(opt.truncationChar, ''); element.innerHTML = targetValue + ' ' + truncationHTMLContainer.innerHTML + opt.truncationChar; } //Search produced valid chunks if (chunks) { //It fits if (element.scrollHeight <= maxHeight) { //There's still more characters to try splitting on, not quite done yet if (splitOnChars.length >= 0 && splitChar !== '') { targetValue = applyEllipsis(targetValue, chunks.join(splitChar) + splitChar + lastChunk); chunks = null; } //Finished! else { return element.innerHTML; } } } //No valid chunks produced else { //No valid chunks even when splitting by letter, time to move //on to the next node if (splitChar === '') { targetValue = applyEllipsis(targetValue, ''); targetValue = getLastChild(element); reset(); } } //If you get here it means still too big, let's keep truncating if (opt.animate) { setTimeout(function () { truncate(targetValue, maxHeight); }, opt.animate === true ? 10 : opt.animate); } else { return truncate(targetValue, maxHeight); } } // CONSTRUCTOR ________________________________________________________________ if (clampValue === 'auto') { clampValue = getMaxLines(); } else if (isCSSValue) { clampValue = getMaxLines(parseInt(clampValue, 10)); } var clampedText; if (supportsNativeClamp && opt.useNativeClamp) { sty.overflow = 'hidden'; sty.textOverflow = 'ellipsis'; sty.webkitBoxOrient = 'vertical'; sty.display = '-webkit-box'; sty.webkitLineClamp = clampValue; if (isCSSValue) { sty.height = opt.clamp + 'px'; } } else { var height = Math.ceil(getMaxHeight(clampValue)); if (height < element.scrollHeight) { clampedText = truncate(getLastChild(element), height); } } return { 'original': originalText, 'clamped': clampedText }; } window.$clamp = clamp; })(); // give active states to watchlive and films page when linking from tcm.com with analytics in url. if (location.search == '?ecid=subnavwatchlive' || location.search == '?ecid=subnavmoviesondemand'){ setTimeout(function(){ $('.menu-item.menu-item--active-trail').find('a').addClass('is-active') },100) } </script> <script src="https://momentjs.com/downloads/moment.min.js"></script> <nav class="navbar navbar-fixed-top watch-navbar" role="navigation"> <div class="watch-navbar__wrap"> <div class="navbar-header watch__section"> <button type="button" class="watch-navbar-toggle"> <span class="sr-only">Toggle navigation</span> <span class="icon-menu"></span> </button> <a href="/watchtcm" data-drupal-link-system-path="watchtcm" class="is-active desktop-icon" > <img class="icon-watch-tcm-logo" src="https://prod-images.tcm.com/img/global/logo-WatchTCM-animated-singleplay.gif" onmouseover="this.src='https://prod-images.tcm.com/img/global/logo-WatchTCM-animated.gif';" onmouseout="this.src='https://prod-images.tcm.com/img/global/logo-WatchTCM_white.png';" alt="Animated TCM logo"/> </a> </div> <div id="navbar" class="navbar-collapse collapse watch__section"> <nav role="navigation" aria-labelledby="block-mainnavigation-menu" id="block-mainnavigation" class="block block-menu navigation menu--main"> <h2 class="visually-hidden" id="block-mainnavigation-menu">Main navigation</h2> <div class="watch__menu"> <ul class="clearfix menu"> <li class="menu-item"> <a href="/watchtcm/livestream" data-drupal-link-system-path="watchtcm/livestream">Watch Live</a> </li> <li class="menu-item"> <a href="/watchtcm/films" data-drupal-link-system-path="watchtcm/films">Films</a> </li> <li class="menu-item"> <a href="/watchtcm/watchlist" data-drupal-link-system-path="watchtcm/watchlist">Watchlist</a> </li> <li class="menu-item"> <a href="/" data-drupal-link-system-path="&lt;front&gt;">TCM.COM</a> </li> </ul> </div> </nav> <div class="watch-navbar__right-container" id="auth-controls"> <a href="/watchtcm/settings" aria-label="Go to the settings page"><span class="icon-gear"></span></a> <!-- btn content controlled in Auth.js --> <button class="watch-button watch-button--medium watch-navbar__right-container__signin" id="user-auth-btn"></button> </div> </div> <!--/.navbar-collapse --> </div> <hr class="nav-hr--gray"> </nav> <!-- ______________________ HAMBURGER _______________________ --> <nav class="watch-hamburger"> <a href="#" class="watch-hamburger__close-button"> <span class="icon-close"></span> </a> <div class="watch-hamburger__wrap"> <nav role="navigation" aria-labelledby="block-mainnavigation-menu" id="block-mainnavigation" class="block block-menu navigation menu--main"> <h2 class="visually-hidden" id="block-mainnavigation-menu">Main navigation</h2> <div class="watch__menu"> <ul class="clearfix menu"> <li class="menu-item"> <a href="/watchtcm/livestream" data-drupal-link-system-path="watchtcm/livestream">Watch Live</a> </li> <li class="menu-item"> <a href="/watchtcm/films" data-drupal-link-system-path="watchtcm/films">Films</a> </li> <li class="menu-item"> <a href="/watchtcm/watchlist" data-drupal-link-system-path="watchtcm/watchlist">Watchlist</a> </li> <li class="menu-item"> <a href="/" data-drupal-link-system-path="&lt;front&gt;">TCM.COM</a> </li> </ul> </div> </nav> </div> </nav> </div> </header> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <head> <!-- used for tcm.com/unavailable ... not the 404 page. where content is unavalilabel in your area --> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" /> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" /> <script type="text/javascript"> // ensighten tracking variable window.turner_metadata = { template_type: "adbp:section front" }; var head = document.getElementsByTagName('head')[0]; var js = document.createElement("script"); js.type = "text/javascript"; // js.src = "https://agility.tcm.com/turner/tcm-qa/Bootstrap.js"; js.src = "//lightning.tcm.com/launch/7be62238e4c3/c73dc41e5e91/launch-91202830546f-staging.min.js" head.appendChild(js); </script> <!-- ><script src="//agility.tcm.com/turner/tcm-qa/Bootstrap.js"></script> --> <style> .tcm_main { background-image: url('https://prod-images.tcm.com/v5cache/TCM/Images/international-lander-bkg_preview.jpeg'); background-size: cover; /* <------ */ background-repeat: no-repeat; background-position: center center; /* optional, center the image */ min-height: 950px; } @font-face { font-family: 'flama_semicondensedbasic'; src: url('/themes/custom/bogart/fonts/flamasemicondensed/flamasemicondensed-basic-webfont.woff2') format('woff2'), url('/themes/custom/bogart/fonts/flamasemicondensed/flamasemicondensed-basic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'flama_semicondensedblack'; src: url('/themes/custom/bogart/fonts/flamasemicondensed/flamasemicondensed-black-webfont.woff2') format('woff2'), url('/themes/custom/bogart/fonts/flamasemicondensed/flamasemicondensed-black-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'flama_semicondensedbold'; src: url('/themes/custom/bogart/fonts/flamasemicondensed/flamasemicondensed-bold-webfont.woff2') format('woff2'), url('/themes/custom/bogart/fonts/flamasemicondensed/flamasemicondensed-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'flama_semicondensedbook'; src: url('/themes/custom/bogart/fonts/flamasemicondensed/flamasemicondensed-book-webfont.woff2') format('woff2'), url('/themes/custom/bogart/fonts/flamasemicondensed/flamasemicondensed-book-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'flama_semicondensedextrabold'; src: url('/themes/custom/bogart/fonts/flamasemicondensed/flamasemicondensed-extrabold-webfont.woff2') format('woff2'), url('/themes/custom/bogart/fonts/flamasemicondensed/flamasemicondensed-extrabold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'flama_semicondensedlight'; src: url('/themes/custom/bogart/fonts/flamasemicondensed/flamasemicondensed-light-webfont.woff2') format('woff2'), url('/themes/custom/bogart/fonts/flamasemicondensed/flamasemicondensed-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'flama_semicondensedmedium'; src: url('/themes/custom/bogart/fonts/flamasemicondensed/flamasemicondensed-medium-webfont.woff2') format('woff2'), url('/themes/custom/bogart/fonts/flamasemicondensed/flamasemicondensed-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'flama_semicondensedsemibold'; src: url('/themes/custom/bogart/fonts/flamasemicondensed/flamasemicondensed-semibold-webfont.woff2') format('woff2'), url('/themes/custom/bogart/fonts/flamasemicondensed/flamasemicondensed-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'flama_semicondensedultralight'; src: url('/themes/custom/bogart/fonts/flamasemicondensed/flamasemicondensed-ultralight-webfont.woff2') format('woff2'), url('/themes/custom/bogart/fonts/flamasemicondensed/flamasemicondensed-ultralight-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } .TCMHeader{background: #2A2A2A; } .tcm-marker{ background: #f02632; height: 2px; width: 35px; position: absolute; top: 50%; margin-left: -3%; } .tcm-marker2{ background: #f02632; height: 6px; width: 35px; margin-bottom: 25px; } .tcm-h1 { font-family: 'Lato'; font-size: 50px; font-weight: bold; margin-top: 0%; color: #000; } .header { padding: 0; width: 100%; } .tcm_logo{width:10%;padding-top:15px;padding-bottom:15px;} .watch-navbar{display:none;} .tcm-marker2 { background: #f02632; height: 6px; width: 35px; margin-bottom: 60px; } .tcm-h1 { font-family: 'Lato'; font-size: 36px; font-weight: bold; margin-top: 2%; } p{ font-size: 18px; font-family: 'Lato'; color: #000; } #main-wrapper, #page, #page-wrapper, body, html { font-family: "Lato", sans-serif; background: #fff; color: #ffffff; font-size: 100%; } .watch__section{display:none;} .watch-footer__rights { float: left; line-height: 25px; color: #000; width:100%; } </style> </head> <body> <header class="header TCMHeader"> <div class="header-inner"> <div class="logo"> <center> <img class="tcm_logo" src="https://prod-images.tcm.com/img/global/logo-TCM_white.png" alt="Logo"> </center> </header> </div> </div> <div class="tcm_main"> <center style="padding-top:2%"><h1 class="tcm-h1">Not Available</h1></center> <center><div class="tcm-marker2"></div></center> <center><p>Oh no! Turner Classic Movies isn't available in your region.</p></center> </div> <footer class="watch-footer__wrap"> <center> <div class="watch-footer__rights">TM &amp; &copy; 2024 Turner Classic Movies, Inc. All Rights Reserved.</div> </center> <div class="watch-footer__menu"> <div class="region region-footer"> <nav role="navigation" aria-labelledby="block-footer-menu" id="block-footer" class="block block-menu navigation menu--footer"> <h2 class="visually-hidden" id="block-footer-menu">Footer</h2> <div class="watch__menu"> </div> </nav> </div> </div> </footer> </body> </div> <footer class="watch-footer__wrap watch__section hidden"> <div class="watch-footer__rights"> TM &amp; &copy; 2024 Turner Classic Movies, Inc. All Rights Reserved. </div> <div class="watch-footer__menu"> <div class="region region-footer"> <nav role="navigation" aria-labelledby="block-footer-menu" id="block-footer" class="block block-menu navigation menu--footer"> <h2 class="visually-hidden" id="block-footer-menu">Footer</h2> <div class="watch__menu"> <ul class="clearfix menu"> <li class="menu-item"> <a href="/code-of-conduct" data-drupal-link-system-path="node/3">Code of Conduct</a> </li> <li class="menu-item"> <a href="https://www.turner.com/pressroom">Press Room</a> </li> <li class="menu-item"> <a href="https://policies.warnerbros.com/privacy/" target="_blank">Privacy Policy</a> </li> <li class="menu-item"> <a href="https://policies.warnerbros.com/terms/en-us/" target="_blank">Terms of Use</a> </li> <li class="menu-item"> <a href="#Do Not Sell My info" class="ot-sdk-show-settings">Cookies Settings</a> </li> </ul> </div> </nav> </div> </div> </footer> <script src="https://policies.warnerbros.com/js/wbPolicyUpdatedNotice.js"> </script> <script> $('a[href^="https://www.tcm.com/code-of-conduct.html"]').attr('target','_blank'); $('a[href^="https://www.turner.com/pressroom"]').attr('target','_blank'); </script> <div id="mvpd-intercept" > <div class="info-container"> <img id="logo-container" src="/themes/custom/bacall/img/global/watch-tcm-transparent.svg"> <img id="mvpd-logo" src=""> <p>Welcome, DISH customer! Please note that we cannot save your viewing history due to an arrangement with DISH.</p> <p>Watchlist and resume progress features have been disabled.</p> <div class="btn"> ACCEPT </div> </div> </div> <script src="https://prod-images.tcm.com/Ensighten/ensighten.js"></script> <script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script> <script src="/themes/custom/bogart/third-party/js/bootstrap/bootstrap.js?snn1ta"></script> <script src="/themes/custom/bogart/third-party/js/slick/slick.js?snn1ta"></script> <script src="/themes/custom/bogart/build/js/bogart.combined.js?snn1ta"></script> <script src="//i.cdn.turner.com/ads/adfuel/ais/tcm-ais.js"></script> <script src="/modules/custom/tcm-metadata/js/mobile-detect.min.js?snn1ta"></script> <script src="/modules/custom/tcm-metadata/js/tcm-analytics.js?snn1ta"></script> </body> </html>

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