---
layout: "layouts/base"
permalink: /now/index.html
title: /now
---

{% set recentTrack = lastfm.recentTracks[0] %}
<h1>/now</h1>
<p>What am I doing right now? Everything on here is automatically generated from various data sources.</p>
<p>
    🎶 <a href="{{ recentTrack.url }}"
    target="_blank"
    rel="external noreferrer noopener">{{ recentTrack.artist }} - {{ recentTrack.track }}</a>
</p>
<h2>💿 Albums</h2>
<ul class="[ media-grid square ][ p-0 ]" role="list">
    {% for album in lastfm.recentAlbums %}
        <li>
            <a href="{{ album.url }}"
               target="_blank"
               rel="external noreferrer noopener">
                {% set textContent %}
                    {{ album.artist }} - {{ album.album }}
                {% endset %}
                <p class="[ visually-hidden ]">{{ textContent }}</p>
                {% image album.imageUrl, "", "", "", textContent %}
            </a>
        </li>
    {% endfor %}
</ul>
<h2>🍿 Movies</h2>
<ul class="[ media-grid poster ][ p-0 ]" role="list">
    {% for movie in letterboxd %}
        <li>
            <a href="{{ movie.url }}"
               target="_blank"
               rel="external noreferrer noopener">
                {% set textContent %}
                    {{ movie.title }}
                {% endset %}
                <p class="[ visually-hidden ]">{{ movie.title }}</p>
                {% image movie.imgSrc, "", "", "" , textContent %}
            </a>
        </li>
    {% endfor %}
</ul>
<p class="[ font-size-s mt-2 ]">
    What is a `/now` page? Check out <a href="https://nownownow.com/about">nownownow.com</a>.
</p>