CINXE.COM

‎Welcome to Letterboxd • Letterboxd

<!DOCTYPE html> <html id="html" lang="en" class="no-mobile no-js"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=1024" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="description" content="Welcome to Letterboxd" /> <meta property="og:url" content="https://letterboxd.com/welcome/" /> <meta property="og:title" content="Welcome to Letterboxd" /> <meta property="og:description" content="Welcome to Letterboxd" /> <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>&lrm;Welcome to Letterboxd &bull; Letterboxd</title> <script> ((r, n) => { r.dataset.useragent = n.userAgent r.dataset.platform = n.platform })(document.documentElement, navigator) var isMobile = false, isMobileOptimised = true, 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 = false, analytic_params = {}; supermodelCSRF = 'a6f37edcb42a31fa3044'; 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'] = '/object/welcomepage'; 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> if ( screen.width < 768 ) { var date = new Date(); var maxAge = 365 * 24 * 60 * 60; date.setTime(date.getTime() + maxAge * 1000); var expires = '; expires=' + date.toUTCString(); document.cookie = "useMobileSite=yes" + expires + "; path=/; maxAge=" + maxAge; if ( document.cookie && document.cookie.indexOf("useMobileSite=yes") >= 0 ) { window.location.reload(true); } else { // No cookies. No Mobile version. } } ;((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> <script> window.ramp = window.ramp || {}; window.ramp.que = window.ramp.que || []; window.ramp.passiveMode = false; window.ramp.forcePath = ''; window.ramp.custom_tags = [ '', '', '', '', '', '' ]; </script> <script src="//cdn.intergient.com/1024338/72804/ramp_config.js"></script> <script> window._pwGA4PageviewId = ''.concat(Date.now()); window.dataLayer = window.dataLayer || []; window.gtag = window.gtag || function () { dataLayer.push(arguments); }; gtag('js', new Date()); gtag('config', 'G-L0W7RDZXX3', { 'send_page_view': false }); gtag( 'event', 'ramp_js', { 'send_to': 'G-L0W7RDZXX3', 'pageview_id': window._pwGA4PageviewId } ); (function() { const userAgent = navigator.userAgent || navigator.vendor || window.opera; window.isAndroid = new RegExp("android", "i").test(userAgent); window.isIOS = new RegExp("iPad|iPhone|iPod", "i").test(userAgent) && !window.MSStream; window.adsLocation = 'SG'; })(); </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/desktop.min.3f57572a.css" rel="stylesheet" media="screen, projection"/> <style>.backdrop-header { top: -75px; width: 680px; margin: 0 auto; }</style> <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="welcome backdropped shortbackdropped wide-grid"> <div class="backdrop-container"> <div id="backdrop" class="backdrop-wrapper backdrop-section backdrop-short" data-backdrop="https://a.ltrbxd.com/resized/sm/upload/y1/1r/x7/80/obi-wan-0-1200-0-525-crop.jpg?k=df7f8b9a35" data-support-custom="false" data-backdrop2x="https://a.ltrbxd.com/sm/upload/y1/1r/x7/80/obi-wan.jpg?k=0fa2c7669b" data-backdrop-mobile="https://a.ltrbxd.com/resized/sm/upload/y1/1r/x7/80/obi-wan-0-960-0-340-crop.jpg?k=df7f8b9a35" data-offset="0" > <div class="backdropimage js-backdrop-image" ></div> <div class="backdropmask js-backdrop-fade"></div> </div> </div> <script> var mainMenu = []; mainMenu.push({ "id": 1, "url": "/sign-in/", "name": "Sign in", "cssClassCode": "sign-in-menu", "hideWhenSignedIn": true, "hideWhenNotSignedIn": false, "showInMainNavForMobile": true, "tooltip": "", "selected": false }); mainMenu.push({ "id": 2, "url": "/create-account/", "name": "Create account", "cssClassCode": "create-account-menu", "hideWhenSignedIn": true, "hideWhenNotSignedIn": false, "showInMainNavForMobile": false, "tooltip": "", "selected": false }); mainMenu.push({ "id": 3, "url": "/", "name": "Home", "cssClassCode": "person-home", "hideWhenSignedIn": true, "hideWhenNotSignedIn": true, "showInMainNavForMobile": false, "tooltip": "", "selected": false }); mainMenu.push({ "id": 4, "url": "/activity/", "name": "Activity", "cssClassCode": "main-nav-activity", "hideWhenSignedIn": false, "hideWhenNotSignedIn": true, "showInMainNavForMobile": false, "tooltip": "Activity", "selected": false }); mainMenu.push({ "id": 5, "url": "/films/", "name": "Films", "cssClassCode": "films-page main-nav-films", "hideWhenSignedIn": false, "hideWhenNotSignedIn": false, "showInMainNavForMobile": false, "tooltip": "", "selected": false }); mainMenu.push({ "id": 6, "url": "/lists/", "name": "Lists", "cssClassCode": "lists-page main-nav-lists", "hideWhenSignedIn": false, "hideWhenNotSignedIn": false, "showInMainNavForMobile": false, "tooltip": "", "selected": false }); mainMenu.push({ "id": 7, "url": "/members/", "name": "Members", "cssClassCode": "main-nav-people", "hideWhenSignedIn": false, "hideWhenNotSignedIn": false, "showInMainNavForMobile": false, "tooltip": "", "selected": false }); mainMenu.push({ "id": 8, "url": "/journal/", "name": "Journal", "cssClassCode": "main-nav-journal", "hideWhenSignedIn": false, "hideWhenNotSignedIn": false, "showInMainNavForMobile": false, "tooltip": "", "selected": false }); mainMenu.push({ "id": 9, "url": "/search/", "name": "Search results", "cssClassCode": "", "hideWhenSignedIn": true, "hideWhenNotSignedIn": true, "showInMainNavForMobile": false, "tooltip": "", "selected": false }); </script> <header class="site-header js-hide-in-app" id="header"> <div class="site-header-bg"></div> <section> <h1 class="site-logo"><a href="/" class="logo replace">Letterboxd &mdash; Your life in film</a></h1> <div class="react-component" data-component-class="globals.comps.NavComponent"></div> <form method="post" action="#" id="signin" class="signin signin-form js-header-signin-form js-signin" data-url="/user/login.do" data-recaptcha-action="signin" novalidate='novalidate' autocorrect='off' autocapitalize='off'> <input type="hidden" name="__csrf" value="placeholder" /> <input type="hidden" name="authenticationCode" value="" /> <fieldset class="fieldset"> <div class="fields"> <div class="col"> <label for="username">Username</label> <input type="email" name="username" id="username" class="field signin-field" tabindex="1" data-focus-control="signingIn" autocomplete='email' inputmode='email' value="" /> </div> <div class="col"> <label for="password">Password</label> <input type="password" name="password" id="password" class="field signin-field" tabindex="2" autocomplete='current-password' value="" /> </div> <div class="signin-actions"> <label for="remember" class="option-label -checkbox -small"> <input type="checkbox" name="remember" id="remember" class="checkbox" tabindex="3" value="true" /><i class="substitute"></i> <span class="focus">Remember<span class="mob-hide"> me</span></span> </label> <p class="reset" tabindex="5"><a class="reset-password-link" href="/user/request-password-reset" target="_top">Forgotten<span class="elongated"> username or password</span>?</a></p> </div> <div class="col buttons"> <div class="button-container"><input type="submit" value="Sign in" class="button -action button-green" tabindex="4" /><i></i></div> <div class="close js-close-signin">&times;</div> </div> </div> </fieldset> <div id="signin-message" class="errormessage"></div> </form> <p class="show-when-logged-in"> <a href="#" id="add-new-button" class="button -action button-action button-add">Log</a> </p> <div class="add-menu-wrapper show-when-logged-in"> <a href="#" id="add-menu-button" class="button -action button-action button-add-menu"> <span class="toggle"></span> <em>More...</em> </a> <ul id="add-menu"> <li><a href="/list/new/">Start a new list…</a></li> <li><a href="#" class="js-add-all-films-on-page-to-list">Add all films to a list&hellip;</a></li> <li><a href="#" class="js-add-all-films-on-page-to-watchlist" data-action="/watchlist/add-films/">Add all films to watchlist</a></li> </ul> </div> <div style="display:none"> <div id="fb-root"></div> <div id="add-this-film"></div> <div id="modal" class="modal-legacy"> <article id="add-film" class="not-expanded clearfix"> <section class="not-expanded"> <h1 id="add-film-title">Add to your films…</h1> <fieldset> <div class="row form-row"> <label>Name of Film</label> <input type="text" class="field-large field -reversed -large" id="frm-film-name" data-url="/s/autocompletefilm"/> </div> </fieldset> </section> <aside class="col-4 left gutter-right-1 expanded"> <a id="back-to-film-search" href="#" class="replace back-button">Back</a> <section id="poster-frame" class="poster-list -p150 no-hover"> <div class="poster no-poster"> <span class="frame"></span> </div> </section> </aside> <section class="col col-13 overflow expanded"> <h1 id="diary-entry-form-heading"></h1> <h2 class="headline-2 prettify"><span id="film-title"></span> <small class="metadata" id="film-year"></small></h2> <form method="post" action="/s/save-diary-entry" id="diary-entry-form" class="fields-reversed"> <input type="hidden" name="__csrf" value="placeholder" /> <input type="hidden" name="viewingId" value="" id="frm-viewing-id"/> <input type="hidden" name="filmId" value="" id="frm-film-id"/> <fieldset> <div class="form-row specified-dates"> <div class="col col-6 col-gap overflow js-specify-date"> <div class="needsclick"> <label for="frm-specify-date" class="needsclick option-label -checkbox -default -reversed"> <input type="checkbox" name="specifiedDate" id="frm-specify-date" class="needsclick js-specify-date checkbox " value="true" /><i class="substitute"></i> <span id="frm-specify-date-label">Add film to your&nbsp;diary?</span> </label> <span id="frm-watched-label" style="display:none">Watched on <a href="#" id="add-date" class="modal-link"></a></span> </div> </div> <div class="col col-6 overflow"> <label for="frm-rewatch" id="frm-rewatch-label" class="option-label -checkbox -default"> <input type="checkbox" name="rewatch" id="frm-rewatch" class="checkbox" value="true" /><i class="substitute"></i> I’ve watched this film before </label> </div> <input type="hidden" name="viewingDateStr" id="frm-viewing-date-string" value="" /> </div> <div class="form-row"> <textarea name="review" id="frm-review" class="field" placeholder="Add a review..."></textarea> </div> <div class="form-row clearfix"> <div class="col col-7 has-topnote add-tags"> <label for="frm-tags">Tags</label> <p class="note -topnote mob-hide">Press Tab to complete, Enter to create</p> <div class="autocomplete-tags"> <div id="tag-container"> <input type="text" id="frm-tags" class="tag-input-field field" name="tags" placeholder="eg. netflix" data-url="/s/autocompletetags" /> </div> <div id="current-tags"> </div> </div> </div> <div class="col col-1 col-right like-field"> <label class="option-label -like"> <input id="film-like-checkbox" type="checkbox" name="liked" value="true" class="ajax-working like-checkbox"/><i class="substitute"></i> Like </label> </div> <div class="col col-4 col-right has-topnote rate-film"> <label>Rating</label> <p class="note -topnote rating-text"></p> <input id="frm-rating" name="rating" type="range" min="0" max="10" step="1" value="0"/> <div class="rateit" data-rateit-backingfld="#frm-rating" data-rateit-starwidth="13" data-rateit-starheight="26" data-rateit-resetable="true"></div> </div> </div> <div class="form-row show-for-pv"> <div class="select-viewing"> <label class="label" for="frm-privacy-policy"> Who can view <span class="s icon-14 icon-tip tooltip" target="_blank" title="Only public entries appear on your profile for others"><span class="icon"></span>(Help)</span> </label> <select name="privacyPolicyStr" id="frm-privacy-policy" class="select"> <option value="">Default</option> <option value="—" disabled>—</option> <option value="Anyone">Anyone (public)</option> <option value="Friends">Close Friends (selected by you)</option> <option value="You">You (private)</option> <option value="Draft">Draft entry</option> </select> </div> </div> <div class="form-row clearfix row-last "> <div id="contains-spoilers" class="col col-6 col-gap overflow"> <label for="frm-spoilers" class="label-spoilers option-label -checkbox -default"> <input type="checkbox" name="containsSpoilers" id="frm-spoilers" class="checkbox" value="true" /><i class="substitute"></i> Contains spoilers </label> <p id="frm-spoilers-locked-label" class="note" style="display:none">A moderator has locked this field.</p> </div> <div class="col right"> <input id="diary-entry-submit-button" type="submit" class="button -action button-action" value="Save" /> <a href="#" id="diary-entry-delete-button" class="button button-delete -destructive ajax-click-action" data-confirm="Are you sure you want to delete this entry? It will disappear from your profile, but remain in your account export bundle for 30&nbsp;days, in a folder of deleted&nbsp;items.">Delete</a> </div> </div> </fieldset> </form> </section> </article> </div> </div> <div style="display:none"> <div id="add-to-a-list"></div> <div id="add-to-a-list-modal" data-data-url="/s/load-lists"> <form method="post" action="/s/add-film-to-list" class="not-expanded modal-container -mini"> <input type="hidden" name="__csrf" value="placeholder" /> <input class="film-id" type="hidden" name="filmId"/> <div class="header"> <h1 class="title-2">Add <span class="film-name"></span> to lists</h1> <div id="js-modal-warning" class="text" style="display: none;"></div> <div class="segmented-control js-list-type-toggle -stretched"> <div class="options"> <button class="option -selected" data-list-type="public">Public</button> <button class="option" data-list-type="private">Private</button> </div> </div> </div> <div class="body js-add-to-list-body"> <div class="list-selection -selected js-list-selection" data-list-type="public"> <div class="actions"> <a href class="new js-new-list" data-private-list="false"><span class="plus"></span>New list…</a> <div class="filter"> <input type="text" class="input js-list-filter" id="list-filter-public" autocomplete="off" placeholder="Type to search" /><label for="list-filter-public" class="trigger"></label> <button class="clear js-list-filter-clear">Clear</button> </div> </div> </div> <div class="list-selection js-list-selection" data-list-type="private"> <div class="actions"> <a href class="new js-new-list" data-private-list="true"><span class="plus"></span>New list…</a> <div class="filter"> <input type="text" class="input js-list-filter" id="list-filter-private" autocomplete="off" placeholder="Type to search" /><label for="list-filter-private" class="trigger"></label> <button class="clear js-list-filter-clear">Clear</button> </div> </div> </div> </div> <div class="footer"> <div class="status"> <p class="js-selected-lists-state"></p> </div> <div class="actions"> <input type="submit" class="button -action button-action js-add-to-list-submit" value="Add" disabled /> </div> </div> </form> </div> </div> <template id="share-policy-icon-anyone"><span class="share-policy-icon -anyone -circle">&nbsp;<span class="frame tooltip" data-original-title="Visible to anyone (with link)" data-js-trigger="tooltip"> <svg class="glyph" xmlns="http://www.w3.org/2000/svg" width="14" height="14" xmlns:v="https://vecta.io/nano"><path d="M4.385 5.061c.977-.976 2.559-.976 3.536 0l.985 1.041L7.849 7.16l-.018-.007-1.002-1.052c-.375-.372-.98-.372-1.355-.001l-.437.436c-.106.084-.201.18-.286.285L2.824 8.755a.94.94 0 0 0-.28.692.95.95 0 0 0 .282.687l.401.401a.99.99 0 0 0 1.359.006l.836-.847a3.52 3.52 0 0 0 1.385.816L5.68 11.651a2.5 2.5 0 0 1-1.771.737c-.665 0-1.302-.265-1.771-.736l-.407-.407c-.976-.977-.976-2.559 0-3.537zm5.706-3.451c.665 0 1.302.265 1.771.736l.407.407c.976.977.976 2.559 0 3.537L9.615 8.938c-.977.976-2.559.976-3.537-.001l-1.033-.995.415-.416.133-.15.15-.134.403-.405 1.024 1.059c.347.343.889.37 1.264.08l.09-.079 2.651-2.655c.153-.15.248-.347.274-.562l.007-.131a.95.95 0 0 0-.282-.687l-.401-.401a.99.99 0 0 0-1.359-.006l-.842.841c-.408-.39-.888-.663-1.395-.818L8.32 2.347a2.5 2.5 0 0 1 1.771-.737z"/></svg> </span> <span class="label _sr-only">Visible to anyone (with link)</span> </span></template> <template id="share-policy-icon-friends"><span class="share-policy-icon -friends -circle">&nbsp;<span class="frame tooltip" data-original-title="Visible to the member’s friends (with link)" data-js-trigger="tooltip"> <svg class="glyph" xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill-rule="evenodd" xmlns:v="https://vecta.io/nano"><path d="M10.201 8.732l-.26-.004c1.167 0 1.885.199 2.624.493.431.172.773.378 1.009.595.289.267.426.556.426.834V12l-3.148-.001.001-1.685c0-.515-.188-1.066-.652-1.582zM9.941 3.2c.58 0 1.119.214 1.503.611.342.353.565.853.565 1.489 0 .689-.169 1.45-.545 1.992a1.78 1.78 0 0 1-1.522.815c-.645 0-1.15-.332-1.502-.845-.376-.55-.566-1.312-.566-1.992 0-.635.223-1.128.563-1.473.384-.389.923-.596 1.504-.596zM4.853 7.911c1.458 0 2.136.249 3.06.616.539.215.966.472 1.261.744.362.334.533.696.533 1.043V12H0v-1.686c0-.347.171-.709.533-1.043.294-.272.721-.529 1.261-.744.924-.368 1.601-.616 3.06-.616zm0-6.911c.724 0 1.398.268 1.878.763.427.441.706 1.066.706 1.861 0 .861-.212 1.812-.681 2.49-.426.615-1.052 1.019-1.903 1.019-.806 0-1.438-.414-1.877-1.057-.47-.688-.707-1.64-.707-2.49 0-.794.278-1.41.704-1.841C3.452 1.259 4.126 1 4.853 1z"/></svg> </span> <span class="label _sr-only">Visible to the member’s friends (with link)</span> </span></template> <template id="share-policy-icon-you"><span class="share-policy-icon -you -circle">&nbsp;<span class="frame tooltip" data-original-title="Only visible to you" data-js-trigger="tooltip"> <svg class="glyph" xmlns="http://www.w3.org/2000/svg" width="14" height="14" xmlns:v="https://vecta.io/nano"><path d="M7 1a3.5 3.5 0 0 1 3.5 3.5V5A1.5 1.5 0 0 1 12 6.5v5a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 2 11.5v-5A1.5 1.5 0 0 1 3.5 5v-.5A3.5 3.5 0 0 1 7 1zm0 7a1 1 0 1 0 0 2 1 1 0 1 0 0-2zm0-5.5a2 2 0 0 0-2 2V5h4v-.5a2 2 0 0 0-1.851-1.995L7 2.5z" fill-rule="evenodd"/></svg> </span> <span class="label _sr-only">Only visible to you</span> </span></template> <form id="search" class="js-search-form search-form" action="/search/" method="get" autocorrect="off"> <input autocomplete="false" name="hidden" type="text" style="display:none;" /> <fieldset> <label for="search-q" class="hidden">Search:</label> <input type="text" name="q" id="search-q" class="field -borderless" data-lpignore='true' inputmode='search' value="" /> <input type="submit" value="Search" class="action" /> </fieldset> </form> </section> </header> <div id="content" class="site-body -backdrop"> <div class="content-wrap"> <div class="welcome-page overflow"> <section class="backdrop-header body-text"> <blockquote><p> Take your first step into a&nbsp;larger&nbsp;world… </p></blockquote> </section> </div> <div class="welcome-content"> <div class="body-text -centered -hero"> <p> <a href="#" class="signin-text-link">Sign in</a> or <a href="/create-account/" class="create-account-link">register</a> to get started. We’re your home for logging, rating and reviewing films, your watchlist of titles to see, your source for lists and inspiration, a cast and crew database and an activity stream of passionate film criticism, discussion and discovery. </p> </div> <h1 class="title-hero">How Letterboxd works</h1> </div> <section class="tour"> <div class="tour-item -left"> <figure class="-overlap"> <img src="https://s.ltrbxd.com/static/img/welcome/welcome-markfilm.1b617786.jpg" srcset="https://s.ltrbxd.com/static/img/welcome/welcome-markfilm-2x.187b9c64.jpg 2x" alt="Poster overlays" /> </figure> <div class="body-text -hero" id="mark-watched"> <h2 class="title-1 -mute">Tell us what you’ve seen</h2> <p> Get your Letterboxd underway by visiting our <a href="/films/popular/" target="_blank">Popular</a> section and marking a few films you’ve seen. Click the <i class="ir s icon -inline -watch">‘eye’</i> on any film poster to tell us you’ve watched it (add a <i class="ir s icon -inline -like">‘like’</i> if you liked it and/or a rating). We add all watched titles to your <span class="link-if-member" data-href="/{username}/films/">Films</span> tab and then we can show you reviews containing spoilers (usually hidden) and other cool stuff. If you’re <a href="/pro/" target="_blank">Pro</a> we compute detailed stats based on all your watched films (see <a href="#stats">below</a>). </p> </div> </div> <div class="tour-item -right" id="your-films"> <figure> <img src="https://s.ltrbxd.com/static/img/welcome/welcome-watchedfilms.a32e86c1.jpg" srcset="https://s.ltrbxd.com/static/img/welcome/welcome-watchedfilms-2x.3f18aa0e.jpg 2x" alt="Member’s films" /> </figure> <div class="body-text -hero"> <h2 class="title-1 -mute">Browse your watched films</h2> <p> Now that you’ve added some films, you can find them in the <span class="link-if-member" data-href="/{username}/films/">Films</span> tab of your profile. As you add more content, your profile starts to reflect your taste. You can also browse the films of other members, or the <a href="/films/by/rating/" target="_blank">community</a>, with <strong>Hide watched films</strong> activated to find more great films to watch. </p> <p> If you’ve previously saved film-related activity at IMDb or another service, we can help you <a href="/about/importing-data/" target="_blank">import</a> this, too. </p> </div> </div> <div class="tour-item -left" id="watchlist"> <figure class="-overlap"> <img src="https://s.ltrbxd.com/static/img/welcome/welcome-watchlist.1b86e3a8.jpg" srcset="https://s.ltrbxd.com/static/img/welcome/welcome-watchlist-2x.46ca9ea2.jpg 2x" alt="Member’s films" /> </figure> <div class="body-text -hero"> <h2 class="title-1 -mute">Save films to watch later</h2> <p> One of our most-loved features, the <span class="link-if-member" data-href="/{username}/watchlist/" target="_blank">Watchlist</span>, lets you keep a list of films you want to see. Start in <a href="/films/upcoming/" target="_blank">Most Anticipated</a> and mark a few films you want to see—use the <i class="ir s icon -inline -watchlist">‘clock’</i> on a film or review page, or open the options menu on any poster (shown opposite). If you subsequently log or mark a film as watched, we’ll move it from your Watchlist to your <span class="link-if-member" data-href="/{username}/films/" target="_blank">Films</span> (and add it to your <span class="link-if-member" data-href="/{username}/films/diary/" target="_blank">Diary</span>, if you provide a date—more on that&nbsp;<a href="#logging-films">below</a>). </p> </div> </div> <div class="tour-item -right" id="account-menu"> <figure class="-overlap"> <img src="https://s.ltrbxd.com/static/img/welcome/welcome-usermenu.1f7607bc.jpg" srcset="https://s.ltrbxd.com/static/img/welcome/welcome-usermenu-2x.0e3db2e4.jpg 2x" alt="Member’s menu" /> </figure> <div class="body-text -hero"> <h2 class="title-1 -mute">Your account, profile and&nbsp;settings</h2> <p> Click your username (at the top of each page) for shortcuts to the main sections of your account. Your <span class="link-if-member" data-href="/{username}/">Profile</span>, <span class="link-if-member" data-href="/{username}/films/">Films</span>, <span class="link-if-member" data-href="/{username}/films/diary/">Diary</span>, <span class="link-if-member" data-href="/{username}/watchlist/">Watchlist</span> and other pages are here. </p> <p> You can customize your name, location, website, bio and favorite films in <span class="link-if-member" data-href="/settings/">Settings</span>. We use your <a href="https://www.twitter.com" target="_blank" rel="noopener noreferrer">X / Twitter</a> avatar if you connect your account, or a <a href="https://www.gravatar.com" target="_blank" rel="noopener noreferrer">Gravatar</a> matching the email on&nbsp;your profile. </p> <p> Note: your profile (and any other content you publish, with the exception of private lists) is visible to others, and to search engines. </p> </div> </div> <div class="tour-item -left" id="logging-films"> <figure class="-overlap"> <img src="https://s.ltrbxd.com/static/img/welcome/welcome-logfilm.6e517167.jpg" srcset="https://s.ltrbxd.com/static/img/welcome/welcome-logfilm-2x.02a4ad48.jpg 2x" alt="Diary Entry screen" /> </figure> <div class="body-text -hero"> <h2 class="title-1 -mute">Log a film</h2> <p> Log a film to tell us you watched it on a particular date, and to attach a review, rating and tags. We put all films you log with a date into your <span class="link-if-member" data-href="/{username}/films/diary/">Diary</span>, a great reference for when it comes time to compile your year-end list. </p> <p> You can rate films without logging them too, either on a film or review page, or from the ‘more options’ menu on a poster. </p> <p class="hide-when-logged-out">Try logging a film now…</p> <a class="button -action js-button-add -divider has-icon signin-text-link" href="#">Sign in to add films</a> </div> </div> <div class="tour-item -right" id="activity"> <figure> <img src="https://s.ltrbxd.com/static/img/welcome/welcome-activity.6e43b268.jpg" srcset="https://s.ltrbxd.com/static/img/welcome/welcome-activity-2x.59f045b6.jpg 2x" alt="Activity stream" /> </figure> <div class="body-text -hero"> <h2 class="title-1 -mute">Following and activity</h2> <p> The best way to find members to follow is by reading reviews of films you like, to identify the voices and opinions you dig. Our <a href="/members/" target="_blank">Members</a> page lists popular accounts. </p> <p> As you follow more people, we create a personalized <span class="link-if-member" data-href="/activity/">Activity</span> stream full of reviews and recommendations from these members (and you’re bound to find new people to follow from the Likes included here). Use the <span class="link-if-member" data-href="/activity/incoming/">Incoming</span> tab to see who’s interacting with you, and upgrade to <a href="/pro/" target="_blank">Pro</a> to personalize the types of activity you see on each device. </p> </div> </div> <div class="tour-item -left" id="lists"> <figure> <img src="https://s.ltrbxd.com/static/img/welcome/welcome-list.3be6c8ab.jpg" srcset="https://s.ltrbxd.com/static/img/welcome/welcome-list-2x.972284fe.jpg 2x" alt="List" /> </figure> <div class="body-text -hero"> <h2 class="title-1 -mute">Make and share lists</h2> <p> Lists are a great way to share a collection of related films, or to rank the films of your favorite genre, star, director or franchise. It’s&nbsp;fun to welcome suggestions for your lists from other members. </p> <p> Start a list on your <span class="link-if-member" data-href="/{username}/lists/">Lists</span> tab, then add films on the ‘Edit’ screen (or from the ‘more options’ menu on a poster). The first time you make a list public, it’s shared with your&nbsp;followers. </p> <a class="button -action js-button-add -divider has-icon signin-text-link" href="#">Sign in to make lists</a> </div> </div> <div class="tour-item -right" id="stats"> <figure class="-overlap"> <img src="https://s.ltrbxd.com/static/img/welcome/welcome-stats.fe860fd5.jpg" srcset="https://s.ltrbxd.com/static/img/welcome/welcome-stats-2x.eb29267a.jpg 2x" alt="Stats" /> </figure> <div class="body-text -hero"> <h2 class="title-1 -mute">Upgrade for stats + more!</h2> <p> The more films you log on Letterboxd, the more ways we have to analyze your movie-watching habits. Upgrade to a <a href="/pro/">Pro or Patron</a> account and we’ll generate all-time stats based on every film you’ve added to your profile, and annual stats for each year with at least ten films logged. </p> <p> Stats include overview by week/year, highest rated decades, most watched and highest rated actors and directors, progress against milestone lists, genre, language and country breakdowns, and lots more. </p> </div> </div> </section> </div> <section class="strip"> <div class="content-wrap"> <h2 class="title-hero">Here’s what you’ll find in our main sections…</h2> <ul class="columns-4"> <li class="body-text"> <h3 class="title-2 -mute"><a href="/">Homepage</a></h3> <p>If you’re signed in, you’ll see a selection of popular films, reviews and lists from Letterboxd members. As you follow more people, we personalize this page to show what’s popular in&nbsp;your network.</p> </li> <li class="body-text"> <h3 class="title-2 -mute"><a href="/films/">Films</a></h3> <p>This section shows which films our members are watching and reviewing the most. It’s also your starting point for browsing the whole database, by decade/year, genre, popularity, rating, streaming service and more.</p> </li> <li class="body-text"> <h3 class="title-2 -mute"><a href="/lists/">Lists</a></h3> <p>This section shows our most popular lists, and a selection of recently added content. From here you can create a list of your own, browse more popular lists, or browse by the tags applied to each by its creator.</p> </li> <li class="body-text"> <h3 class="title-2 -mute"><a href="/members/">Members</a></h3> <p>Here you’ll find others whose content is being enjoyed most by our community. Click through to see if you like their style, or locate your real-life Facebook friends that also use Letterboxd.</p> </li> </ul> </div> </section> <div class="content-wrap -section-gap"> <h1 class="title-hero">More tips and tricks</h1> <ul class="columns-4 content-grid"> <li class="body-text"> <figure class="-frame"> <img src="https://s.ltrbxd.com/static/img/welcome/tip-panel.5ff39e7b.jpg" srcset="https://s.ltrbxd.com/static/img/welcome/tip-panel-2x.a2d05a87.jpg 2x" alt="Film actions" /> </figure> <h3 class="title-2 -mute">Film actions</h3> <p>On a film or review page, use these controls to tell us you’ve seen (and liked) the film, and how you rated it. Add it to your <span class="link-if-member" data-href="/{username}/watchlist/">Watchlist</span> if you plan to see it later. You can also log the film or add it to a list from here.</p> </li> <li class="body-text"> <figure class="-frame"> <img src="https://s.ltrbxd.com/static/img/welcome/tip-tags.561e8493.jpg" srcset="https://s.ltrbxd.com/static/img/welcome/tip-tags-2x.c34f1a00.jpg 2x" alt="Tags" /> </figure> <h3 class="title-2 -mute">Tagging films</h3> <p>Adding tags as you log films lets you easily recall them based on any criteria. Tags can be used to encode how, where or with whom you saw a film, or to categorize films by your own genre or content taxonomy.</p> </li> <li class="body-text"> <figure class="-frame"> <img src="https://s.ltrbxd.com/static/img/welcome/tip-renumbering.47cd43ec.jpg" srcset="https://s.ltrbxd.com/static/img/welcome/tip-renumbering-2x.d4872f74.jpg 2x" alt="Numbered list" /> </figure> <h3 class="title-2 -mute">Reordering lists</h3> <p>To quickly move a film to another position when editing, show List Numbers, then click the number of the entry to move. Type a new position and hit Return. The film will instantly move to that&nbsp;position.</p> </li> <li class="body-text"> <figure class="-frame"> <img src="https://s.ltrbxd.com/static/img/welcome/tip-pro.39b7c428.jpg" srcset="https://s.ltrbxd.com/static/img/welcome/tip-pro-2x.27c91260.jpg 2x" alt="Upgrade to Pro" /> </figure> <h3 class="title-2 -mute">Upgrade to Pro!</h3> <p><a href="/pro/">Pro accounts</a> unlock additional capabilities: an all-time Stats page and annual Year in Review pages for each year of activity. Filter your activity view, filter film lists by service availability, clone lists and more!</p> </li> </ul> <div class="welcome-footer body-text -hero -section-gap"> <h2 class="title-hero show-when-logged-in">Next up: <a href="/settings/" target="_blank">complete your profile</a> and add some <a href="/films/popular/" target="_blank">popular films</a> you’ve seen…</h2> <h2 class="title-hero show-when-logged-out"><a href="#" class="signin-text-link">Sign in</a> or <a href="/create-account/" class="create-account-link">create an account</a> to get started!</h2> <p class="body-text -centered">Then grab our <a href="/apps/" target="_blank">apps</a> and see our <a href="/about/" target="_blank">questions</a> page for more&nbsp;answers.</p> </div> <section class="split-columns -section-gap"> <div class="split-column -column-4 -column-left"> <h2 class="title-hero">Import your films</h2> <h3 class="title-2 -mute -long -centered">Free to all members. Create your own CSV file, or import from another service. We support these IMDb exports:</h3> <ul class="icon-list -gap-4"> <li><i class="ir s big-icon -rate"></i> Ratings</li> <li><i class="ir s big-icon -watch"></i> Check-ins</li> <li><i class="ir s big-icon -list"></i> Lists</li> <li><i class="ir s big-icon -watchlist"></i> Watchlists</li> </ul> <div class="-centered-content"> <a class="micro-button -large -gap-1" href="/about/migrating-from-imdb/" target="_blank">Read our IMDb migration&nbsp;guide</a> <p class="body-text -small">or see our <a href="/about/importing-data/" target="_blank">import format documentation</a></p> </div> </div> <div class="split-column -column-7 -column-right"> <h2 class="title-hero">Discover more films</h2> <h3 class="title-2 -mute -long -centered">Here’s a selection of our highest rated narrative feature films. The <a href="/dave/list/official-top-250-narrative-feature-films/" target="_blank">complete list of 250</a> is maintained by the tireless Dave Vis. How many have you seen?</h3> <ul class="poster-list -p70 -grid -scaled64 -scaled64-2rows -gap-3"> <li class="really-lazy-load poster film-poster film-poster-43015 linked-film-poster" data-type="film" data-image-width="70" data-image-height="105" data-film-id="43015" data-item-id="film:43015" data-film-slug="harakiri" data-poster-url="/film/harakiri/image-150/" data-linked="linked" data-target-link="/film/harakiri/" data-target-link-target="" data-cache-busting-key="_85488461" data-show-menu="true" > <img src="https://s.ltrbxd.com/static/img/empty-poster-70.ba992711.png" class="image" width="70" height="105" alt="Harakiri"/> <span class="frame"><span class="frame-title"></span></span> </li> <li class="really-lazy-load poster film-poster film-poster-36192 linked-film-poster" data-type="film" data-image-width="70" data-image-height="105" data-film-id="36192" data-item-id="film:36192" data-film-slug="come-and-see" data-poster-url="/film/come-and-see/image-150/" data-linked="linked" data-target-link="/film/come-and-see/" data-target-link-target="" data-cache-busting-key="_0308090d" data-show-menu="true" > <img src="https://s.ltrbxd.com/static/img/empty-poster-70.ba992711.png" class="image" width="70" height="105" alt="Come and See"/> <span class="frame"><span class="frame-title"></span></span> </li> <li class="really-lazy-load poster film-poster film-poster-51700 linked-film-poster" data-type="film" data-image-width="70" data-image-height="105" data-film-id="51700" data-item-id="film:51700" data-film-slug="12-angry-men" data-poster-url="/film/12-angry-men/image-150/" data-linked="linked" data-target-link="/film/12-angry-men/" data-target-link-target="" data-cache-busting-key="_898104d3" data-show-menu="true" > <img src="https://s.ltrbxd.com/static/img/empty-poster-70.ba992711.png" class="image" width="70" height="105" alt="12 Angry Men"/> <span class="frame"><span class="frame-title"></span></span> </li> <li class="really-lazy-load poster film-poster film-poster-51716 linked-film-poster" data-type="film" data-image-width="70" data-image-height="105" data-film-id="51716" data-item-id="film:51716" data-film-slug="seven-samurai" data-poster-url="/film/seven-samurai/image-150/" data-linked="linked" data-target-link="/film/seven-samurai/" data-target-link-target="" data-cache-busting-key="_8373b3f9" data-show-menu="true" > <img src="https://s.ltrbxd.com/static/img/empty-poster-70.ba992711.png" class="image" width="70" height="105" alt="Seven Samurai"/> <span class="frame"><span class="frame-title"></span></span> </li> <li class="really-lazy-load poster film-poster film-poster-51816 linked-film-poster" data-type="film" data-image-width="70" data-image-height="105" data-film-id="51816" data-item-id="film:51816" data-film-slug="the-godfather-part-ii" data-poster-url="/film/the-godfather-part-ii/image-150/" data-linked="linked" data-target-link="/film/the-godfather-part-ii/" data-target-link-target="" data-cache-busting-key="_0bb814d3" data-show-menu="true" > <img src="https://s.ltrbxd.com/static/img/empty-poster-70.ba992711.png" class="image" width="70" height="105" alt="The Godfather Part II"/> <span class="frame"><span class="frame-title"></span></span> </li> <li class="really-lazy-load poster film-poster film-poster-44542 linked-film-poster" data-type="film" data-image-width="70" data-image-height="105" data-film-id="44542" data-item-id="film:44542" data-film-slug="high-and-low" data-poster-url="/film/high-and-low/image-150/" data-linked="linked" data-target-link="/film/high-and-low/" data-target-link-target="" data-cache-busting-key="_85a183f9" data-show-menu="true" > <img src="https://s.ltrbxd.com/static/img/empty-poster-70.ba992711.png" class="image" width="70" height="105" alt="High and Low"/> <span class="frame"><span class="frame-title"></span></span> </li> <li class="really-lazy-load poster film-poster film-poster-29108 linked-film-poster" data-type="film" data-image-width="70" data-image-height="105" data-film-id="29108" data-item-id="film:29108" data-film-slug="the-human-condition-iii-a-soldiers-prayer" data-poster-url="/film/the-human-condition-iii-a-soldiers-prayer/image-150/" data-linked="linked" data-target-link="/film/the-human-condition-iii-a-soldiers-prayer/" data-target-link-target="" data-cache-busting-key="_8a0d6dea" data-show-menu="true" > <img src="https://s.ltrbxd.com/static/img/empty-poster-70.ba992711.png" class="image" width="70" height="105" alt="The Human Condition III: A Soldier's Prayer"/> <span class="frame"><span class="frame-title"></span></span> </li> <li class="really-lazy-load poster film-poster film-poster-51778 linked-film-poster" data-type="film" data-image-width="70" data-image-height="105" data-film-id="51778" data-item-id="film:51778" data-film-slug="the-shawshank-redemption" data-poster-url="/film/the-shawshank-redemption/image-150/" data-linked="linked" data-target-link="/film/the-shawshank-redemption/" data-target-link-target="" data-cache-busting-key="_8a4ca048" data-show-menu="true" > <img src="https://s.ltrbxd.com/static/img/empty-poster-70.ba992711.png" class="image" width="70" height="105" alt="The Shawshank Redemption"/> <span class="frame"><span class="frame-title"></span></span> </li> <li class="really-lazy-load poster film-poster film-poster-426406 linked-film-poster" data-type="film" data-image-width="70" data-image-height="105" data-film-id="426406" data-item-id="film:426406" data-film-slug="parasite-2019" data-poster-url="/film/parasite-2019/image-150/" data-linked="linked" data-target-link="/film/parasite-2019/" data-target-link-target="" data-cache-busting-key="_0968db69" data-show-menu="true" > <img src="https://s.ltrbxd.com/static/img/empty-poster-70.ba992711.png" class="image" width="70" height="105" alt="Parasite"/> <span class="frame"><span class="frame-title"></span></span> </li> <li class="really-lazy-load poster film-poster film-poster-51818 linked-film-poster" data-type="film" data-image-width="70" data-image-height="105" data-film-id="51818" data-item-id="film:51818" data-film-slug="the-godfather" data-poster-url="/film/the-godfather/image-150/" data-linked="linked" data-target-link="/film/the-godfather/" data-target-link-target="" data-cache-busting-key="_a5328be2" data-show-menu="true" > <img src="https://s.ltrbxd.com/static/img/empty-poster-70.ba992711.png" class="image" width="70" height="105" alt="The Godfather"/> <span class="frame"><span class="frame-title"></span></span> </li> <li class="really-lazy-load poster film-poster film-poster-35988 linked-film-poster" data-type="film" data-image-width="70" data-image-height="105" data-film-id="35988" data-item-id="film:35988" data-film-slug="yi-yi" data-poster-url="/film/yi-yi/image-150/" data-linked="linked" data-target-link="/film/yi-yi/" data-target-link-target="" data-cache-busting-key="_0a9311df" data-show-menu="true" > <img src="https://s.ltrbxd.com/static/img/empty-poster-70.ba992711.png" class="image" width="70" height="105" alt="Yi Yi"/> <span class="frame"><span class="frame-title"></span></span> </li> <li class="really-lazy-load poster film-poster film-poster-51523 linked-film-poster" data-type="film" data-image-width="70" data-image-height="105" data-film-id="51523" data-item-id="film:51523" data-film-slug="city-of-god" data-poster-url="/film/city-of-god/image-150/" data-linked="linked" data-target-link="/film/city-of-god/" data-target-link-target="" data-cache-busting-key="_8e447c64" data-show-menu="true" > <img src="https://s.ltrbxd.com/static/img/empty-poster-70.ba992711.png" class="image" width="70" height="105" alt="City of God"/> <span class="frame"><span class="frame-title"></span></span> </li> <li class="really-lazy-load poster film-poster film-poster-51671 linked-film-poster" data-type="film" data-image-width="70" data-image-height="105" data-film-id="51671" data-item-id="film:51671" data-film-slug="schindlers-list" data-poster-url="/film/schindlers-list/image-150/" data-linked="linked" data-target-link="/film/schindlers-list/" data-target-link-target="" data-cache-busting-key="_0108d01f" data-show-menu="true" > <img src="https://s.ltrbxd.com/static/img/empty-poster-70.ba992711.png" class="image" width="70" height="105" alt="Schindler's List"/> <span class="frame"><span class="frame-title"></span></span> </li> <li class="really-lazy-load poster film-poster film-poster-49595 linked-film-poster" data-type="film" data-image-width="70" data-image-height="105" data-film-id="49595" data-item-id="film:49595" data-film-slug="ikiru" data-poster-url="/film/ikiru/image-150/" data-linked="linked" data-target-link="/film/ikiru/" data-target-link-target="" data-cache-busting-key="_8d65f5fb" data-show-menu="true" > <img src="https://s.ltrbxd.com/static/img/empty-poster-70.ba992711.png" class="image" width="70" height="105" alt="Ikiru"/> <span class="frame"><span class="frame-title"></span></span> </li> <li class="really-lazy-load poster film-poster film-poster-51928 linked-film-poster" data-type="film" data-image-width="70" data-image-height="105" data-film-id="51928" data-item-id="film:51928" data-film-slug="the-lord-of-the-rings-the-return-of-the-king" data-poster-url="/film/the-lord-of-the-rings-the-return-of-the-king/image-150/" data-linked="linked" data-target-link="/film/the-lord-of-the-rings-the-return-of-the-king/" data-target-link-target="" data-cache-busting-key="_81bd790a" data-show-menu="true" > <img src="https://s.ltrbxd.com/static/img/empty-poster-70.ba992711.png" class="image" width="70" height="105" alt="The Lord of the Rings: The Return of the King"/> <span class="frame"><span class="frame-title"></span></span> </li> <li class="really-lazy-load poster film-poster film-poster-31363 linked-film-poster" data-type="film" data-image-width="70" data-image-height="105" data-film-id="31363" data-item-id="film:31363" data-film-slug="the-human-condition-i-no-greater-love" data-poster-url="/film/the-human-condition-i-no-greater-love/image-150/" data-linked="linked" data-target-link="/film/the-human-condition-i-no-greater-love/" data-target-link-target="" data-cache-busting-key="_09ad5dea" data-show-menu="true" > <img src="https://s.ltrbxd.com/static/img/empty-poster-70.ba992711.png" class="image" width="70" height="105" alt="The Human Condition I: No Greater Love"/> <span class="frame"><span class="frame-title"></span></span> </li> <li class="really-lazy-load poster film-poster film-poster-51684 linked-film-poster" data-type="film" data-image-width="70" data-image-height="105" data-film-id="51684" data-item-id="film:51684" data-film-slug="la-haine" data-poster-url="/film/la-haine/image-150/" data-linked="linked" data-target-link="/film/la-haine/" data-target-link-target="" data-cache-busting-key="_0a86d5c0" data-show-menu="true" > <img src="https://s.ltrbxd.com/static/img/empty-poster-70.ba992711.png" class="image" width="70" height="105" alt="La Haine"/> <span class="frame"><span class="frame-title"></span></span> </li> <li class="really-lazy-load poster film-poster film-poster-45108 linked-film-poster" data-type="film" data-image-width="70" data-image-height="105" data-film-id="45108" data-item-id="film:45108" data-film-slug="ran" data-poster-url="/film/ran/image-150/" data-linked="linked" data-target-link="/film/ran/" data-target-link-target="" data-cache-busting-key="_0274a1d4" data-show-menu="true" > <img src="https://s.ltrbxd.com/static/img/empty-poster-70.ba992711.png" class="image" width="70" height="105" alt="Ran"/> <span class="frame"><span class="frame-title"></span></span> </li> <li class="really-lazy-load poster film-poster film-poster-42089 linked-film-poster" data-type="film" data-image-width="70" data-image-height="105" data-film-id="42089" data-item-id="film:42089" data-film-slug="a-brighter-summer-day" data-poster-url="/film/a-brighter-summer-day/image-150/" data-linked="linked" data-target-link="/film/a-brighter-summer-day/" data-target-link-target="" data-cache-busting-key="_0215fc18" data-show-menu="true" > <img src="https://s.ltrbxd.com/static/img/empty-poster-70.ba992711.png" class="image" width="70" height="105" alt="A Brighter Summer Day"/> <span class="frame"><span class="frame-title"></span></span> </li> <li class="really-lazy-load poster film-poster film-poster-51666 linked-film-poster" data-type="film" data-image-width="70" data-image-height="105" data-film-id="51666" data-item-id="film:51666" data-film-slug="the-good-the-bad-and-the-ugly" data-poster-url="/film/the-good-the-bad-and-the-ugly/image-150/" data-linked="linked" data-target-link="/film/the-good-the-bad-and-the-ugly/" data-target-link-target="" data-cache-busting-key="_07f46533" data-show-menu="true" > <img src="https://s.ltrbxd.com/static/img/empty-poster-70.ba992711.png" class="image" width="70" height="105" alt="The Good, the Bad and the Ugly"/> <span class="frame"><span class="frame-title"></span></span> </li> </ul> <div class="-centered-content"> <a class="micro-button -large -gap-1" href="/dave/list/official-top-250-narrative-feature-films/" target="_blank">See the Letterboxd Top 250</a> <p class="body-text -small">or browse our <a href="/films/popular/" target="_blank">most popular films</a></p> </div> </div> </section> <div class="backdrop-credit"> <p class="body-text -small"><a href="/film/star-wars/" target="_blank">Header image from Star Wars (1977)</a></p> </div> </div> </div> <footer id="page-footer" class="page-footer js-page-footer js-hide-in-app"> <div class="content-wrap"> <nav class="footer-nav js-footer-nav"> <ul> <li><a href="/about/">About</a></li> <li class="js-hide-in-app"><a href="/pro/">Pro</a></li> <li><a href="/journal/">News</a></li> <li><a href="/apps/">Apps</a></li> <li><a href="https://apple.co/3TfzHVG" target="_blank" rel="noopener noreferrer">Podcast</a></li> <li><a href="/year-in-review/">Year in Review</a></li> <li><a href="/gift-guide/">Gifts</a></li> <li><a href="/welcome/">Help</a></li> <li><a href="/legal/terms-of-use/">Terms</a></li> <li><a href="/api-beta/">API</a></li> <li><a href="/contact/">Contact</a></li> </ul> </nav> <div class="socials"> <nav class="social-service-list -inline"> <div class="listitem -icononly"> <a class="trigger tooltip" href="https://twitter.com/letterboxd" target="_blank" rel="noopener noreferrer" title="Letterboxd on X"> <svg class="glyph" aria-hidden="true" role="presentation" xmlns="http://www.w3.org/2000/svg" width="17" height="17"><path fill-rule="nonzero" d="m5.4 0 4 6 5-6h2.1l-.3.4-5.9 6.8 6.5 9.5.2.3h-5.3l-4.3-6.3L2 16.9 2 17H0l.3-.4 6.2-7.2L.3.4 0 0h5.3Zm-1 1.5H2.9l4.9 7 .6.9 4.3 6.1h1.6l-5-7.3-.7-.9-4-5.8Z"/></svg> <span class="label">X</span> </a> </div> <div class="listitem -icononly"> <a class="trigger tooltip" href="https://www.threads.net/@letterboxd" target="_blank" rel="noopener noreferrer" title="Letterboxd on Threads"> <svg class="glyph" aria-hidden="true" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="18"><path fill-rule="nonzero" d="M8.1 0c2.8 0 4.9.9 6.3 2.6.7.9 1.3 1.9 1.6 3v.1l-1.6.4c-.3-1-.7-1.8-1.3-2.4-1.1-1.3-2.8-2-5-2-2.1 0-3.8.7-4.9 2-1 1.2-1.5 3-1.5 5.3s.5 4 1.5 5.3c1.1 1.3 2.8 2 5 2 1.9 0 3.2-.4 4.3-1.5 1-1 1.3-2.4.8-3.5-.2-.5-.6-1-1.1-1.2-.2 1-.5 1.7-1 2.3-.7.8-1.6 1.3-2.8 1.3-1 .1-1.8-.1-2.5-.6A2.8 2.8 0 0 1 4.5 11C4.5 9 6 7.8 8.2 7.6l2.3.1c-.1-.5-.3-.9-.6-1.2-.4-.4-1-.6-1.7-.7-.9 0-1.6.3-2 1H6L4.7 6a4 4 0 0 1 3.5-1.7c2.3 0 3.8 1.4 4 3.8v.2h.2v.1c1.2.5 2 1.3 2.4 2.3.8 1.7.5 3.8-1.1 5.4A7.4 7.4 0 0 1 8 18c-2.7 0-4.8-1-6.2-2.6A10 10 0 0 1 0 9c0-2.7.7-4.8 2-6.4C3.2 1 5.3 0 8 0ZM9 9.3h-.6c-1.4 0-2.1.7-2 1.5 0 .8.9 1.3 2 1.3.6 0 1-.2 1.4-.5.4-.4.7-1 .8-2v-.2A8 8 0 0 0 9 9.3h-.1Z"/></svg> <span class="label">Threads</span> </a> </div> <div class="listitem -icononly"> <a class="trigger tooltip" href="https://www.facebook.com/letterboxd" target="_blank" rel="noopener noreferrer" title="Letterboxd on Facebook"> <svg class="glyph" aria-hidden="true" role="presentation" width="19" height="19" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 0a9.5 9.5 0 0 0-1.48 18.89V12H5.6V9.25h2.42V7.41c0-2.38 1.41-3.7 3.58-3.7 1.04 0 2.13.19 2.13.19v2.33h-1.2c-1.18 0-1.54.74-1.54 1.49v1.53h2.63L13.2 12h-2.21v6.89A9.5 9.5 0 0 0 9.5 0Z"/></svg> <span class="label">Facebook</span> </a> </div> <div class="listitem -icononly"> <a class="trigger tooltip" href="https://www.instagram.com/letterboxd" target="_blank" rel="noopener noreferrer" title="Letterboxd on Instagram"> <svg class="glyph" aria-hidden="true" role="presentation" width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M14.12.06c1.07.05 1.8.22 2.43.46.66.26 1.21.6 1.77 1.16.56.55.9 1.11 1.15 1.77.25.63.42 1.36.47 2.43.04.94.06 1.32.06 3.3v1.37c0 1.54 0 2.19-.03 2.77v.22l-.03.58a7.34 7.34 0 0 1-.47 2.43 4.9 4.9 0 0 1-1.15 1.77 4.9 4.9 0 0 1-1.77 1.16c-.64.24-1.36.41-2.43.46l-.61.03h-.23c-.5.02-1.06.03-2.21.03H9.2c-2 0-2.37-.02-3.32-.06a7.34 7.34 0 0 1-2.43-.46 4.9 4.9 0 0 1-1.77-1.16 4.9 4.9 0 0 1-1.16-1.77 7.34 7.34 0 0 1-.46-2.43l-.03-.61v-.2A60.9 60.9 0 0 1 0 11.5V8.75C0 7.7.01 7.17.03 6.7v-.2l.03-.61C.1 4.8.28 4.08.52 3.45a4.9 4.9 0 0 1 1.16-1.77A4.9 4.9 0 0 1 3.45.52 7.34 7.34 0 0 1 5.88.06l.61-.03h.2C7.12 0 7.6 0 8.5 0h2.74c1.62 0 2 .02 2.88.06ZM11.02 2H8.97c-1.7 0-2.05.02-2.92.06a5.4 5.4 0 0 0-1.82.33c-.45.18-.78.39-1.12.73-.34.34-.55.67-.73 1.12-.13.35-.3.86-.33 1.82C2.02 6.93 2 7.29 2 8.98v2.04c0 1.7.02 2.05.06 2.92.04.95.2 1.47.33 1.81.18.46.39.78.73 1.13.34.34.67.55 1.12.73.35.13.86.29 1.82.33.83.04 1.2.05 2.7.06h2.47c1.51 0 1.87-.02 2.71-.06a5.4 5.4 0 0 0 1.81-.33c.46-.18.78-.4 1.12-.73.35-.35.56-.67.73-1.13.14-.34.3-.86.34-1.8a49 49 0 0 0 .06-2.72V8.77a49 49 0 0 0-.06-2.71 5.4 5.4 0 0 0-.34-1.82 3.02 3.02 0 0 0-.73-1.12 3.02 3.02 0 0 0-1.12-.73 5.4 5.4 0 0 0-1.81-.33c-.88-.04-1.23-.06-2.93-.06ZM10 4.86a5.14 5.14 0 1 1 0 10.28 5.14 5.14 0 0 1 0-10.28ZM10 7a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm5.25-3.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5Z"/></svg> <span class="label">Instagram</span> </a> </div> <div class="listitem -icononly"> <a class="trigger tooltip" href="https://www.tiktok.com/@letterboxd" target="_blank" rel="noopener noreferrer" title="Letterboxd on TikTok"> <svg class="glyph" aria-hidden="true" role="presentation" width="17" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M16.48 4.32a4.62 4.62 0 0 1-3.92-2.66A4.04 4.04 0 0 1 12.23 0H9.07v11.85c0 1.93-1.19 3.07-2.65 3.07a2.71 2.71 0 0 1-2.04-.9 2.57 2.57 0 0 1-.6-2.1 2.55 2.55 0 0 1 1.26-1.81 2.7 2.7 0 0 1 2.24-.21V6.77a5.92 5.92 0 0 0-4.08.86 5.7 5.7 0 0 0-2.15 2.55 5.53 5.53 0 0 0 1.26 6.16 5.86 5.86 0 0 0 6.33 1.23 5.78 5.78 0 0 0 2.6-2.08c.64-.94.98-2.03.98-3.15V5.96a7.74 7.74 0 0 0 4.25 1.25V4.32Z"/></svg> <span class="label">TikTok</span> </a> </div> <div class="listitem -icononly"> <a class="trigger tooltip" href="https://www.youtube.com/letterboxdhq" target="_blank" rel="noopener noreferrer" title="Letterboxd on YouTube"> <svg class="glyph" aria-hidden="true" role="presentation" width="23" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M11.74 0c.61 0 2.33.02 4.11.08l.54.02c1.7.06 3.35.18 4.1.38a2.87 2.87 0 0 1 2.03 2.02c.45 1.67.48 5.04.48 5.46v.08c0 .42-.03 3.8-.48 5.46a2.87 2.87 0 0 1-2.03 2.02c-.75.2-2.4.32-4.1.38l-.54.02c-1.78.07-3.5.08-4.11.08H11.26c-.62 0-2.33-.01-4.11-.08l-.54-.02c-1.7-.06-3.36-.18-4.1-.38A2.87 2.87 0 0 1 .48 13.5C.04 11.9 0 8.68 0 8.1v-.2c0-.58.04-3.79.48-5.4A2.87 2.87 0 0 1 2.5.48c.74-.2 2.4-.32 4.1-.38l.54-.02C8.93.02 10.65 0 11.26 0ZM9 4.57v6.86L15 8 9 4.57Z"/></svg> <span class="label">YouTube</span> </a> </div> </nav> </div> <p class="copyright"> &copy; Letterboxd Limited. Made by <a href="/crew/" class="mute">fans</a> in Aotearoa New Zealand. <span class="nobr"><a href="https://letterboxd.com/about/film-data/" class="mute">Film data</a> from <a href="https://www.themoviedb.org" class="mute">TMDb</a>. <a href="#" class="mute mobile-site-switch" data-use-mobile-site="yes">Mobile&nbsp;site</a>. </span> <span class="recap" style="display:none"><br/>This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy" target="_blank" rel="noopener noreferrer" class="mute">privacy policy</a> and <a href="https://policies.google.com/terms" target="_blank" rel="noopener noreferrer" class="mute">terms of service</a>&nbsp;apply.</span> </p> </div> </footer> <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-463fcb7f-d47d-4faa-b048-269b8ab351fe" data-backdrop-picker-options='{"id": "463fcb7f-d47d-4faa-b048-269b8ab351fe"}' 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="463fcb7f-d47d-4faa-b048-269b8ab351fe"> <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-a4d498d1-745e-4201-9ea9-6fa4e507dd26" data-poster-picker-options='{"id": "a4d498d1-745e-4201-9ea9-6fa4e507dd26"}' 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="a4d498d1-745e-4201-9ea9-6fa4e507dd26"> <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> <div id="remove-ads-modal" class="modal fade modal-upgrade-message" tabindex="-1" aria-labelledby="remove-ads-modal-title" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="remove-ads-modal-title">Upgrade to remove&nbsp;ads</h5> <button type="button" class="modal-close modal-close-white" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="body-text -hero"> <p>Letterboxd is an independent service created by a small team, and we rely mostly on the support of our members to maintain our site and apps. Please consider upgrading to a <a href="/pro/">Pro account</a>—for less than a couple bucks a month, you’ll get cool additional features like all-time and annual stats pages (<a href="https://letterboxd.com/jack/stats/">example</a>), the ability to select (and filter by) your favorite streaming services, and no ads!</p> </div> </div> <div class="modal-footer"> <a href="/pro/" class="button -action button-action">Learn more about Pro</a> </div> </div> </div> </div> <script defer src="https://s.ltrbxd.com/static/js/partner-publishers.min.41737ba6.js"></script> </body> </html>

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