Skip to main content

11 posts in 'Now Page'

Weaving music data in and out of my personal website

I started integrating music data into my personal website when I added Last.fm artist and album displays to my now page. Initially, I tried sourcing artist images from a few different services, knowing that Last.fm had updated their API to stop serving them. After a fair bit of searching I found that most services that supplied artist images covered only a small fraction of my library and often supplied the wrong image when there were multiple artists sharing the same name.

Categories: How to...Now PageRemote Data

Building a bespoke now-playing web component

I've long had a now playing element on the home page of my site that displays either what I've checked into on Trakt, the Lakers' record and who they're playing when a game is on or the last song I've listened to. After leveraging some new web components on my site, I decided to refactor the code powering this into a web component specific to my needs.

Categories: Remote DataHow to...Now Page

Right here, right now

A brief explanation of the way I built the "Right now" box on my homepage.

Categories: CollectionsData CascadeDatesHow to...Now Page

Now page: grouping episodes of the same tv show

I made a minor update to how I'm normalizing TV data for display on my now page.

Categories: Remote DataHow to...Now Page

Displaying now playing data with matching emoji using Netlify edge functions and Eleventy

My site is built using 11ty and is rebuilt once an hour. These frequent rebuilds accomplish a few things, notably updating webmention data and keeping my now page current.

Categories: How to...Edge FunctionsNow Page

Now Page: Automatically Syncing My Now Pages

How I automatically sync my now page with omg.lol

Categories: How to...Remote DataNow Page

Adding game cover art to my /now page

How I'm using Eleventy-Fetch and the Steam API to fetch recently played games, the games cover art and store page URL to display on my /now page.

Categories: ImagesRemote DataHow to...Now Page

Building and Automating My Now Page

How I built and automated my now page with Eleventy and APIs.

Categories: How to...Remote DataNow Page

Building my /now page using Eleventy

As part of my commitment to writing about things I've written in other frameworks in Eleventy, this is how I re-engineered my /now page in Eleventy.

Categories: Remote DataNow Page

CAUTION

The posts below were published before the release of Eleventy v2.0.0 (Feb 8, 2023). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.

Creating a now page archive with 11ty

Blog and general digital garden of the full stack programmer Simon Dann.

Categories: CollectionsFront MatterHow to...LayoutsNavigationNow Page

Get the blog by email (or RSS)

Powered by Buttondown