7

IndieWeb Avatar, yet another Eleventy Image Service API

 2 years ago
source link: https://www.zachleat.com/web/indieweb-avatar/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

IndieWeb Avatar, yet another Eleventy Image Service API

September 20, 2021 #3 Popular 11ty

The Eleventy API ecosystem is growing (again).

I use Twitter avatars everywhere. They require an Twitter Developer account and an API key to implement. They require the talent being pictured to have a Twitter account (not everyone does). I wanted a more open alternative. I decided to build a little image service that would fetch the icon from any web site, optimize it using Eleventy Image, and return that instead.

Demo #

IndieWeb Avatar for 11ty.dev/IndieWeb Avatar for a11yproject.com/IndieWeb Avatar for netlify.com/IndieWeb Avatar for viljamis.com/IndieWeb Avatar for ashur.cab/rera/IndieWeb Avatar for nicolas-hoizey.com/

If you want a live demo in the wild, check out the Eleventy Leaderboards (via Speedlify).

Source Code #

Only one path parameter is supported right now: /[url]/ (must be encoded via e.g. encodeURIComponent)

My version is running on https://v1.indieweb-avatar.11ty.dev/ using the same versioning via Netlify Branch Subdomains strategy as the screenshot and sparkline services.

It makes use of Netlify’s On-Demand Builders to reduce the number of external HTTP requests to generate the images.

Deploy your own #


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK