CINXE.COM
Sign in • Letterboxd
<!DOCTYPE html> <html id="html" lang="en" class="no-mobile no-js"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="description" content="Sign in or create an account to begin your film diary." /> <meta property="og:url" content="https://letterboxd.com/settings/stores/" /> <meta property="og:title" content="Sign in" /> <meta property="og:image" content="https://s.ltrbxd.com/static/img/default-share.a06cd562.png" /> <meta property="fb:app_id" content="173683136069040" /> <meta name="application-name" content="Letterboxd" /> <meta name="theme-color" content="#14181C" /> <meta name="msapplication-TileColor" content="#445566" /> <meta name="apple-itunes-app" content="app-id=1054271011, affiliate-data=11l5KW" /> <meta name="mobile-web-app-capable" content="yes" /> <title>‎Sign in • Letterboxd</title> <script> ((r, n) => { r.dataset.useragent = n.userAgent r.dataset.platform = n.platform })(document.documentElement, navigator) var isMobile = false, isMobileOptimised = false, renderMobile = false, useStaticFonts = false, disableFrameProtection = false, baseURL = "", successMessages = [], errorMessages = [], stickyMessages = [], globals = { autoAddFilm: false , spinners: { ajax_242d35: 'https://s.ltrbxd.com/static/img/spinner-dark-2x.c971db29.gif', spinner_12_2C3641: 'https://s.ltrbxd.com/static/img/spinner-dark-2x.c971db29.gif', spinner_14_20272f: 'https://s.ltrbxd.com/static/img/spinner-dark-2x.c971db29.gif', spinner_16_161B21: 'https://s.ltrbxd.com/static/img/spinner-dark-2x.c971db29.gif' } }, supermodelCSRF = "", gRecaptchaKey = '6Le3mMIUAAAAAEXbwZ7M1R5jEv0V5xbvj7bgXq2g', geolocation = { country: "" }, person = { username: "" , loggedIn: false , showAds: true , role: "guest" , hasExtendedServiceFilters: false , canBulkAddToLists: false , canFilterOwned: false , hasHqRole: false , canHaveHqDashboard: false , hasMemberStatistics: false , blockedMembers: [] , showAdultContent: false , validated: null , trusted: false , hasBlocked : function(member) { for (var i = 0; i !== person.blockedMembers.length; i++) {if (person.blockedMembers[i] === member) return true;} return false; } , viewingTags: [] , hasMoreTags: true , getCustomPoster : function(filmId) { return null; } , getCustomBackdrop : function(filmId) { return null; } }, disableAds = true, analytic_params = {}; supermodelCSRF = 'bd8c9361b4b2d41b57fe'; geolocation.country = 'SG'; analytic_params['user_type'] = 'Visitor'; </script> <script> window.dataLayer = window.dataLayer || []; window.gtag = window.gtag || function () { dataLayer.push(arguments); }; function ga() {} </script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-D3ECBB4D7L"></script> <script> window.dataLayer = window.dataLayer || []; window.gtag = window.gtag || function () { dataLayer.push(arguments); }; gtag('js', new Date()); analytic_params['template'] = '/main/sign-in'; if (analytic_params.member_type) { gtag('set', 'user_properties', { member_type: analytic_params.member_type, }); delete analytic_params.member_type; } var config = { ...analytic_params, 'cookie_domain': 'letterboxd.com', 'optimize_id': 'GTM-TB8HSDN', }; gtag('config', 'G-D3ECBB4D7L', config); </script> <script> ;((data) => { // data.assetPaths = data.assetPaths || {} data.assetPaths = { 'egg-mi': ['https://s.ltrbxd.com/static/js/egg-mi.min.1cab3986.js', 'https://s.ltrbxd.com/static/css/egg-mi.min.974179f1.css'] } })(window.__BXD_DATA = window.__BXD_DATA || {}) </script> <link rel="manifest" href="/manifest.json" /> <link rel="author" type="text/plain" href="/humans.txt" /> <link rel="mask-icon" href="https://s.ltrbxd.com/static/img/icons/letterboxd-decal-l-16px.a8f34e0d.svg" color="#445566" /> <link rel="shortcut icon" sizes="196x196" href="https://s.ltrbxd.com/static/img/icons/touch-icon-192x192.aac7a971.png" /> <link rel="shortcut icon" href="/favicon.ico" /> <link rel="search" type="application/opensearchdescription+xml" title="Letterboxd" href="/static/opensearch.xml" /> <link href="https://s.ltrbxd.com/static/css/main.min.e1322f5d.css" rel="stylesheet" media="screen, projection"/> <link href="https://s.ltrbxd.com/static/css/standalone-flow-sign-in.min.b07a57bf.css" rel="stylesheet" /> <script src="https://s.ltrbxd.com/static/js/standalone-flow-sign-in.min.9c6763d6.js"></script> <link href="https://s.ltrbxd.com/static/css/desktop.min.3f57572a.css" rel="stylesheet" media="screen, projection"/> <script src="https://s.ltrbxd.com/static/js/main.min.85c55609.js"></script> <script> if ( $.cookie("letterboxd.admin.signed.in") === person.username ) { successMessages.push("You are signed in as " + person.username); $(function(){$("#header, #content, body").css("background","#543");}); } </script> </head> <body class="screen-standalone-flow screen-standalone-flow-sign-in standalone-flow-docbody"> <script> ((person) => { if (person && person.loggedIn) { window.location.replace('/loggedin/'); } })(window.person) </script> <div class="standalone-flow standalone-flow-sign-in -pending js-standalone-flow"> <div class="standalone-flow-panel"> <noscript class="standalone-flow-overlay -translucent"> <div class="standalone-flow-overlay -translucent"> <div class="standalone-flow-js-required"> <h1 class="standalone-flow-title heading">JavaScript required</h1> <div class="standalone-flow-text-block body"> <p>To use Letterboxd, JavaScript needs to be enabled in your browser.</p> </div> </div> </div> </noscript> <header class="standalone-flow-header"> <svg class="logo" role="presentation" width="57" height="21" viewBox="0 0 57 21" xmlns="http://www.w3.org/2000/svg"><circle cx="10.5" cy="10.5" r="10.5" fill="#FF8000"/><circle cx="46.5" cy="10.5" r="10.5" fill="#40BCF4"/><circle cx="28.5" cy="10.5" r="10.5" fill="#00E054"/><path fill="#FFF" d="M37.5 5.09c.952 1.58 1.5 3.43 1.5 5.41 0 1.979-.547 3.83-1.5 5.41A10.437 10.437 0 0 1 36 10.5c0-1.901.505-3.685 1.39-5.223ZM19.5 5.09c.952 1.58 1.5 3.43 1.5 5.41 0 1.979-.547 3.83-1.5 5.41A10.437 10.437 0 0 1 18 10.5c0-1.901.505-3.685 1.39-5.223Z"/></svg> <h1 class="heading standalone-flow-title">Sign in to Letterboxd</h1> </header> <div class="standalone-flow-description"></div> <form method="post" action="/user/login.do" class="standalone-flow-body standalone-flow-form js-sign-in-form" data-recaptcha-action="signin" novalidate='true' data-recaptcha-site-key='6Le3mMIUAAAAAEXbwZ7M1R5jEv0V5xbvj7bgXq2g'><input type="hidden" name="__csrf" value="bd8c9361b4b2d41b57fe" /> <input type="hidden" name="authenticationCode" value="" /> <div class="formbody -va-top"> <div class="formrow"> <label class="label standalone-flow-field-label" for="field-username">Username</label> <input type="text" name="username" id="field-username" class="standalone-flow-form-control" disabled="disabled" autofocus required autocorrect='off' autocapitalize='off' autocomplete='username' value="" /> </div> <div class="formrow"> <label class="label standalone-flow-field-label" for="field-password">Password</label> <input type="password" name="password" id="field-password" class="standalone-flow-form-control" disabled="disabled" autocomplete='current-password' value="" /> </div> <div class="formrow -actions"> <label class="standalone-flow-form-check"> <input class="js-remember" type="checkbox" name="remember" disabled="disabled" value="true" /> <span class="label">Remember me</span> </label> <button class="standalone-flow-button -inline -action -activity-indicator" type="submit" disabled> <span class="label">Sign In</span> </button> </div> </div> </form> <div class="standalone-flow-panel-footer -divider"> <a class="linktrigger" href="/user/request-password-reset"><span class="label">Reset your password or retrieve a forgotten username.</span></a> </div> <div class="standalone-flow-overlay standalone-flow-body-overlay js-body-message-overlay" hidden> <div class="standalone-flow-message js-message-frameinvalidrequest" hidden> <div class="body standalone-flow-text-block"> <p>We do not support POST requests in the iframe auth flow. Try again with a GET request.</p> </div> </div> <div class="standalone-flow-message js-message-revealpopupprompt" hidden> <div class="body standalone-flow-text-block"> <p>We鈥檝e opened a new browser window for you to sign in.<br/><br/>No window? <a href="/sign-in-popup" target="bxdSignInFrame" data-js-trigger="popup">Open window and continue</a>.</p> </div> </div> </div> </div> <footer class="standalone-flow-footer"> <nav class="standalone-flow-site-nav"> <div class="navitem"> <a href="/legal/terms-of-use/" target="_blank"> <span class="label">Terms</span> </a> </div> <div class="navitem"> <a href="/legal/privacy-policy/" target="_blank"> <span class="label">Privacy Policy</span> </a> </div> <div class="navitem"> <a href="/contact/" target="_blank"> <span class="label">Contact</span> </a> </div> </nav> </footer> </div> <script> ((data) => { const isInIframe = () => { try { return window.self !== window.top; } catch (e) { return true; } }; /* https://github.com/sindresorhus/dom-loaded/blob/main/license */ const hasLoaded = () => document.readyState === 'interactive' || document.readyState === 'complete'; const domLoaded = new Promise(resolve => { if (hasLoaded()) { resolve(); } else { document.addEventListener('DOMContentLoaded', () => { resolve(); }, { capture: true, once: true, passive: true }); } }); const dispatchCustomEvent = (eventName, detail, element) => { if (typeof detail === 'undefined') detail = {}; if (typeof element === 'undefined') element = document; element.dispatchEvent(new CustomEvent(eventName, { bubbles: true, cancelable: false, detail: detail })); }; domLoaded.then(() => { if (!person.loggedIn) { if (isInIframe()) { try { const frame = window.parent.document.getElementById('partner-iframe'); if (frame && frame.src !== window.location.href) { window.parent.postMessage({ type: 'sign-in.changeiframesrc' }, '*'); } else { dispatchCustomEvent('sign-in.revealpopupprompt', { url: '/sign-in-popup', target: 'bxdSignInFrame', windowContext: window.parent }); } } catch (error) { console.error(error) } return } dispatchCustomEvent('sign-in.formready'); } }); })(window.__BXD_DATA || {}) </script> <form id="backdrop-picker-modal" class="modal fade content-media-picker-modal backdrop-picker-modal" method="post" action="" novalidate="novalidate" tabindex="-1" role="dialog" aria-labelledby="backdrop-picker-modal-title" aria-hidden="true" data-bs-backdrop="static"> <div class="modal-dialog modal-lg modal-fullscreen-sm-down modal-dialog-centered modal-dialog-scrollable"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="backdrop-picker-modal-title">Select your preferred backdrop</a></h5> <button type="button" class="modal-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div id="backdrop-picker-cf90e45c-9bae-4f23-b3fb-e19332ad2e7a" data-backdrop-picker-options='{"id": "cf90e45c-9bae-4f23-b3fb-e19332ad2e7a"}' data-js-target="backdrop-picker"></div> </div> <div class="modal-footer"> <div class="content-media-picker-note" hidden></div> <div class="content-media-picker-controls backdrop-picker-controls" data-backdrop-picker-controls-for="cf90e45c-9bae-4f23-b3fb-e19332ad2e7a"> <div class="modal-action-group -center"> <button class="button -destructive" type="button" data-js-trigger="reset" disabled> <span class="label" data-js-label-for="film" >Reset <span class="js-image-type">poster</span></span> <span class="label" data-js-label-for="object" hidden>Reset for <span class="js-object-name">item</span></span> </button> <button class="button -action" type="submit" data-js-trigger="submit" disabled> <span class="label" data-js-label-for="film" >Save<span class="mob-hide"> changes</span></span> <span class="label" data-js-label-for="object" hidden>Save<span class="mob-hide"> for <span class="js-object-name">item</span></span></span> </button> </div> <div class="objectonly js-objectonly" aria-hidden="true" hidden> <label for="backdrop-picker-frm-object-only" class="option-label -checkbox -medium -reversed"> <input type="checkbox" value="true" class="checkbox" id="backdrop-picker-frm-object-only" data-js-trigger="object-only" disabled /><i class="substitute"></i>This <span class="js-object-name">item</span> only </label> </div> </div> </div> </div> </div> </form> <form id="poster-picker-modal" class="modal fade content-media-picker-modal poster-picker-modal" method="post" action="" novalidate="novalidate" tabindex="-1" role="dialog" aria-labelledby="poster-picker-modal-title" aria-hidden="true" data-bs-backdrop="static"> <div class="modal-dialog modal-lg modal-fullscreen-sm-down modal-dialog-centered modal-dialog-scrollable"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="poster-picker-modal-title">Select your preferred <span class="js-image-type">poster</span></a></h5> <button type="button" class="modal-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div id="poster-picker-4b902abd-3959-4fde-8739-a014e63b80ab" data-poster-picker-options='{"id": "4b902abd-3959-4fde-8739-a014e63b80ab"}' data-js-target="poster-picker"></div> </div> <div class="modal-footer"> <div class="content-media-picker-note" hidden></div> <div class="content-media-picker-controls poster-picker-controls" data-poster-picker-controls-for="4b902abd-3959-4fde-8739-a014e63b80ab"> <div class="modal-action-group -center"> <button class="button -destructive" type="button" data-js-trigger="reset" disabled> <span class="label" data-js-label-for="film" >Reset <span class="js-image-type">poster</span></span> <span class="label" data-js-label-for="object" hidden>Reset for <span class="js-object-name">item</span></span> </button> <button class="button -action" type="submit" data-js-trigger="submit" disabled> <span class="label" data-js-label-for="film" >Save<span class="mob-hide"> changes</span></span> <span class="label" data-js-label-for="object" hidden>Save<span class="mob-hide"> for <span class="js-object-name">item</span></span></span> </button> </div> <div class="objectonly js-objectonly" aria-hidden="true" hidden> <label for="poster-picker-frm-object-only" class="option-label -checkbox -medium -reversed"> <input type="checkbox" value="true" class="checkbox" id="poster-picker-frm-object-only" data-js-trigger="object-only" disabled /><i class="substitute"></i>This <span class="js-object-name">item</span> only </label> </div> </div> </div> </div> </div> </form> </body> </html>