chore: update tags

This commit is contained in:
Cory Dransfeldt 2023-06-24 13:53:47 -07:00
parent 7adc2f2005
commit ea307246c1
No known key found for this signature in database
8 changed files with 13 additions and 11 deletions

View file

@ -2,7 +2,7 @@
title: 'Adding client-side rendered webmentions to my blog'
date: '2023-02-09'
draft: false
tags: ['webmentions', 'development', 'JavaScript']
tags: ['webmentions', 'development', 'JavaScript', 'API']
---
My blog is currently hosted on weblog.lol which allows for a simple and configurable weblog managed in git with posts formatted in markdown. I wanted to add webmentions to my blog which, as of now, doesn't include a build step. To accomplish this, I've added an intermediary api endpoint to the same Next.js app that powers my [/now](https://coryd.dev/now) page.<!-- excerpt -->

View file

@ -2,7 +2,7 @@
date: '2023-03-18'
title: 'Building my /now page using Eleventy'
draft: false
tags: ['Eleventy', 'JavaScript', 'Last.fm', 'Oku', 'Trakt', 'Letterboxd']
tags: ['Eleventy', 'JavaScript', 'Last.fm', 'Oku', 'Trakt', 'Letterboxd', 'API']
---
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](/now) in [Eleventy](https://www.11ty.dev/).<!-- excerpt -->[^1]

View file

@ -2,7 +2,7 @@
date: '2023-02-18'
title: 'Adding client side webmentions to my Next.js blog'
draft: false
tags: ['Next.js', 'React', 'development', 'indie web']
tags: ['Next.js', 'React', 'development', 'indie web', 'API']
---
The latest iteration of my website is built on [Next.js](https://nextjs.org), specifically [Timothy Lin](https://github.com/timlrx)'s wonderful [Tailwind/Next.js starter blog.](https://github.com/timlrx/tailwind-nextjs-starter-blog).<!-- excerpt --> I've modified it quite a bit, altering the color scheme, dropping components like analytics, comments and a few others while also building out some new pages (like my [now page](https://coryd.dev/now)). As part of this process I wanted to add support for webmentions to the template, integrating mentions from Mastodon, Medium.com and other available sources.

View file

@ -2,7 +2,7 @@
date: '2023-06-21'
title: 'Displaying listening data from Apple Music using MusicKit.js'
draft: false
tags: ['development', 'music', 'Eleventy', 'Apple', 'JavaScript']
tags: ['development', 'music', 'Eleventy', 'Apple', 'JavaScript', 'API']
image: https://cdn.coryd.dev/blog/albums-artists.jpg
---
@ -149,6 +149,7 @@ artists: [
The templating for my site is all written in [liquid.js](https://liquidjs.com) and looks like the following:
{% raw %}
```liquid
{% if recentTracks.size > 0 %}
<h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
@ -198,12 +199,13 @@ The templating for my site is all written in [liquid.js](https://liquidjs.com) a
</div>
{% endif %}
```
{% endraw %}
We have an object containing arrays of objects — we iterate through each object for the appropriate section (tracks aren't displayed at the moment) and build the resulting display[^3]. This isn't perfect by any means, but, it does provide a nice little visualization of what I'm listening to and `240` tracks feels adequate as a rolling window into that activity.
{% image 'https://cdn.coryd.dev/blog/albums-artists.jpg', 'Albums and artists', 'w-full', '600px' %}
{% image '<https://cdn.coryd.dev/blog/albums-artists.jpg>', 'Albums and artists', 'w-full', '600px' %}
[^1]: There are some good options to do this, but there aren't a _ton_ and the age of some of the apps is concerning. [Marvis](https://appaddy.wixsite.com/marvis) is far and away your best choice here.
[^2]: Making sure that you update the values you obtained, including the path to your downloaded `.p8` file.
[^3]: I'm linking each artist or album out to [Rate Your Music](https://rateyourmusic.com) as it's not platform specific and due to the fact that Apple's api doesn't return valid links for library tracks that I've imported into their service.
[^3]: I'm linking each artist or album out to [Rate Your Music](https://rateyourmusic.com) as it's not platform specific and due to the fact that Apple's api doesn't return valid links for library tracks that I've imported into their service.

View file

@ -2,7 +2,7 @@
date: '2023-06-08'
title: 'From ICS to JSON: surfacing anticipated albums'
draft: false
tags: ['development', 'music', 'automation']
tags: ['development', 'music', 'automation', 'API']
image: https://cdn.coryd.dev/blog/album-releases.jpg
---
@ -65,6 +65,6 @@ Rendering the output is as simple as:
{% endraw %}
Leaving us with:
{% image 'https://cdn.coryd.dev/blog/album-releases.jpg', 'Albums I\'m looking forward to', 'w-full', '600px' %}
{% image '<https://cdn.coryd.dev/blog/album-releases.jpg>', 'Albums I\'m looking forward to', 'w-full', '600px' %}
[^1]: At this point, a dev playground.

View file

@ -2,7 +2,7 @@
date: '2023-05-05'
title: 'Now page update: favorite articles from Matter'
draft: false
tags: ['Matter', 'development', 'Eleventy']
tags: ['Matter', 'development', 'Eleventy', 'API']
---
I dropped in a quick update to [my now page](/now) to display the 5 most recent articles from my favorites feed in [Matter](https://getmatter.com/).<!-- excerpt -->

View file

@ -2,7 +2,7 @@
date: '2023-03-19'
title: 'Scheduled Eleventy builds on Vercel with cron-triggered GitHub actions'
draft: false
tags: ['Eleventy', 'JavaScript', 'automation', 'GitHub', 'GitHub actions', 'cron', 'YAML']
tags: ['Eleventy', 'JavaScript', 'automation', 'GitHub', 'GitHub actions', 'cron', 'YAML', 'API']
---
In an effort to get away from client-side Javascript and embrace Eleventy for what it is (a static site generator), I've dropped my [social-utils](https://github.com/cdransf/social-utils) instance offline and my now-playing track display on my home page that still relied on it.<!-- excerpt -->

View file

@ -2,7 +2,7 @@
date: '2023-03-17'
title: 'Webmentions in Eleventy'
draft: false
tags: ['webmentions', 'Eleventy']
tags: ['webmentions', 'Eleventy', 'API']
---
In the interest of continuing to repeat myself I'm writing, once again, about adding webmentions to a blog.<!-- excerpt -->[^1] To quote myself[^2]: