diff --git a/src/posts/2023/adding-client-side-rendered-webmentions-to-my-blog.md b/src/posts/2023/adding-client-side-rendered-webmentions-to-my-blog.md index d288439d..f1c1d4d4 100644 --- a/src/posts/2023/adding-client-side-rendered-webmentions-to-my-blog.md +++ b/src/posts/2023/adding-client-side-rendered-webmentions-to-my-blog.md @@ -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. diff --git a/src/posts/2023/building-my-now-page-using-eleventy.md b/src/posts/2023/building-my-now-page-using-eleventy.md index a233eb4b..9fae18f9 100644 --- a/src/posts/2023/building-my-now-page-using-eleventy.md +++ b/src/posts/2023/building-my-now-page-using-eleventy.md @@ -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/).[^1] diff --git a/src/posts/2023/client-side-webmentions-in-nextjs.md b/src/posts/2023/client-side-webmentions-in-nextjs.md index a9c5e07d..11aaf0de 100644 --- a/src/posts/2023/client-side-webmentions-in-nextjs.md +++ b/src/posts/2023/client-side-webmentions-in-nextjs.md @@ -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). 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. diff --git a/src/posts/2023/displaying-listening-data-from-apple-music-using-musickit.md b/src/posts/2023/displaying-listening-data-from-apple-music-using-musickit.md index 30bc70a4..3206d099 100644 --- a/src/posts/2023/displaying-listening-data-from-apple-music-using-musickit.md +++ b/src/posts/2023/displaying-listening-data-from-apple-music-using-musickit.md @@ -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 %}

@@ -198,12 +199,13 @@ The templating for my site is all written in [liquid.js](https://liquidjs.com) a {% 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 '', '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. \ No newline at end of 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. diff --git a/src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md b/src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md index aa593b4a..b48d9d8e 100644 --- a/src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md +++ b/src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md @@ -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 '', 'Albums I\'m looking forward to', 'w-full', '600px' %} [^1]: At this point, a dev playground. diff --git a/src/posts/2023/now-page-update-matter-favorites.md b/src/posts/2023/now-page-update-matter-favorites.md index dd485287..2a815143 100644 --- a/src/posts/2023/now-page-update-matter-favorites.md +++ b/src/posts/2023/now-page-update-matter-favorites.md @@ -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/). diff --git a/src/posts/2023/scheduled-eleventy-builds-cron-github-actions.md b/src/posts/2023/scheduled-eleventy-builds-cron-github-actions.md index 7a242c5b..3f0240f3 100644 --- a/src/posts/2023/scheduled-eleventy-builds-cron-github-actions.md +++ b/src/posts/2023/scheduled-eleventy-builds-cron-github-actions.md @@ -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. diff --git a/src/posts/2023/webmentions-in-eleventy.md b/src/posts/2023/webmentions-in-eleventy.md index d371edf4..858e4c08 100644 --- a/src/posts/2023/webmentions-in-eleventy.md +++ b/src/posts/2023/webmentions-in-eleventy.md @@ -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.[^1] To quote myself[^2]: