what is this?
this is a small, drop-in widget for your website that displays the last film you watched on Letterboxd.
it fetches your RSS feed and shows your most recent film, optionally with a custom text template, and links directly to the film on Letterboxd.
it is lightweight, uses vanilla javascript, and works on any website with minimal setup.
quick demo
to prove it works, the last film I logged was .
you can have it without a link too, like this. the last film I logged was .
you can even display the poster instead of the title, like this:
installation
add the following script tag to your page, anywhere that you want your film title to appear, replacing your-username with your Letterboxd username:
<script src="https://letterboxd-last-film-watched.cheersderek.com/widget.js" data-user="your-username"></script>
that's it!
and if you want to be a bit more advanced
if you want to use a custom text template, use the data-template attribute. the [film] placeholder will be replaced by your last film:
<script src="https://letterboxd-last-film-watched.cheersderek.com/widget.js" data-user="your-username" data-template="🎉 [film] 🎉"></script>
to display the film title as plain text without a link, add data-link="false":
<script src="https://letterboxd-last-film-watched.cheersderek.com/widget.js" data-user="your-username" data-link="false"></script>
to display the poster instead of the title, add data-image="true":
<script src="https://letterboxd-last-film-watched.cheersderek.com/widget.js" data-user="your-username" data-image="true"></script>
you can include multiple widgets on the same page without conflicts.
optional styling is available through the default classes .letterboxd-widget and .letterboxd-widget-link. override them in your css to match your site.