wonderfulfrog.com/src/pages/now.html
Devin Haska 4be14ab487 feat: update image handling
- removes old image shortcode
- update to latest 11ty image transform plugin
2025-01-16 22:11:58 -08:00

62 lines
2.2 KiB
HTML

---
title: /now
description: What's going on now and all the latest with myself.
---
{% 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>
{% if recentTrack %}
<p>
🎶 <a href="{{ recentTrack.url }}"
target="_blank"
rel="external noreferrer noopener">{{ recentTrack.artist }} - {{ recentTrack.track }}</a>
</p>
{% endif %}
{% if lastfm.recentAlbums.length > 0 %}
<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>
{% if album.imageUrl %}
<img src="{{ album.imageUrl }}" alt="" />
{% else %}
<div>{{ textContent }}</div>
{% endif %}
</a>
</li>
{% endfor %}
</ul>
{% endif %}
{% if letterboxd.length > 0 %}
<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>
{% if movie.imgSrc %}
<img src="{{ movie.imgSrc }}" alt="" />
{% else %}
<div>{{ textContent }}</div>
{% endif %}
</a>
</li>
{% endfor %}
</ul>
{% endif %}
<p class="[ font-size-s mt-2 ]">
What is a `/now` page? Check out <a href="https://nownownow.com/about">nownownow.com</a>.
</p>