readmefm

readmefm

8 devlogs
3h 39m
•  Ship certified
Created by BnaJns

a last.fm currently playing/last played displayer for your readmes

Timeline

Ship 1

1 payout of shell 84.0 shells

BnaJns

7 days ago

BnaJns Covers 8 devlogs and 3h 39m

Final changes, added mobile responsiveness following feedback that the site is unusable on mobile without using the desktop site option on browsers, and also added a favicon because why not.

Update attachment

This took way longer than expected, working tho. Finished up the readme, pushed it, and then for some reason github camo decided that it's not happy for some reason, so I did some debugging and testing, and the issue(s) were probably using Google fonts, so I opted to use a local woff2 file instead, wrong charset in the header, also added a cache expiry but that probably didn't break anything, using inline for album art instead/fallback, but it works now. As for the readme, it's short and concise, explains everything you'd need to know, no need to overcomplicate things.

Update attachment

Setup on nest complete and tested. Simple stuff, I setup the systemd user service, setup the github actions CI to pull & restart on new commits, and tested it on my own readme in github and it works perfectly. The only thing left is to just write the readme and docs and yadayada and that's pretty much it for now.

Update attachment

Index page is complete now, everything seems to be functional, and it's basic and does it's job. The h1, link to the github repo, param options, username input, and the output link and also added a preview. The final things I have to do is just to make a proper readme, deploy it to nest along with a github action, testing, and that's pretty much it.

Update attachment

Made progress on the site design and functionality. Should be pretty simple to use, just insert your last.fm username, select the theme/params, click generate and it gives you the markdown url. I also will probably add a preview along with the generated url, but I might have to fix the content-type that is currently being returned, since it's not svg+xml right now, so it'll probably appear broken. Pretty much it for now.

Update attachment
Earned sticker

Added a few customization options, and made the edges rounded. For the customization options I added a few pretty simple options, theme (light or dark), hideUsername (whether to show username is listening to or just now playing), and noScrobbles (doesn't fetch or show the scrobble count). I decided to make the edges rounded, cause in my opinion it just looks nicer, but I also might make it a customizable whether to just have it rectangular or rounded. I also changed my mind on the overengineering thing, I'll probably just keep this simple for now and just have the current/last song display. Few last things I still have to do though is make the index.html page, i'll probably keep it as a simple no-scroll page, and the readme.md, which i'll also try to keep simple, and also will have to test if the SVG actually works on github readmes

Update attachment

Got the API request working, and the SVG working as well. Messed around with the design for a while but decided to settle with this for now, and I might add links/extra info such as scrobble count under the white line later. Pretty much functional at this point, but overengineering never hurt nobody (probably). A few ideas I have in mind right now are also displaying the current obsession/top track, maybe adding a constant album/artist/song display, etc, of course on separate paths. In short it's functional atp but I'll look into adding more stuff

Update attachment

I decided to make readmefm, since last time I checked there aren't any good spotify/last.fm song displayers out there to my knowledge, so I decided I would just make one myself. The idea is simple, you put the link in your readme with your username parameter, and it'll display your currently or last played song on last.fm. I'll be using node.js for this since it's the logical choice, and there isn't much else to explain for now.

Update attachment