jae kaplan

using htmx on bear

over the weekend, i decided i wanted to add a now page to my site. the problem here is that i am bad at remembering to update things (especially more than one thing). in my ideal world, i could have it live update with things like what movies i've watched recently (from letterboxd), tv (trakt, which i don't currently use but maybe should), music (only once i fix my scrobbling setup), books (storygraph), etc etc etc.

at a glance, you'd assume that bear doesn't support this sort of thing, given its static-approach. i would say that this is a limitation of imagination; you can actually just throw whatever in here, including in the header and footer.

my first test for this is using htmx to populate a list of recently watched movies (served by a small app at blog-data.jkap.io) on page load. while it's not perfect (i don't love the "loading" flash and layout shift) it was easy to setup and works Well Enough for now.

when i say easy, i mean it. this is the extent of the code:

<div hx-get="https://blog-data.jkap.io/letterboxd" hx-trigger="load">
  <span hx-indicator>loading...</span>
</div>

you can see it in action on my now page. i'm planning to add more in here over time. just gimme a bit.

#htmx