Mastodawn

🏳️‍⚧️ Trans rights are human rights, pass it on 🏳️‍⚧️

So I guess I have some learning to do about this recent supply chain attack and npm stuff 👀

No recent project I'm working on has Axios as a dependency, these in the screenshot are old. But it's time I understood a bit more on how to stay safe. Open to any wisdom!

Found this article regarding the incident

https://snyk.io/blog/axios-npm-package-compromised-supply-chain-attack-delivers-cross-platform/

So from the sounds of it, had I been doing an npm install within that two hour window I could have been affected? just like that? That's scary.

Christian Alder 1d ago

Switching this machine off to go and play a new board game with my favourite person in the world.

Today we're trying Meadow ☺️

https://boardgamegeek.com/boardgame/314491/meadow

#BoardGames

Meadow

Start your journey into nature and collect cards to become a true nature observer.

BoardGameGeek

Christian Alder 1d ago

Making email text HUGE for mormor and morfar 👵🧓🇸🇪

Show thread

Christian Alder 1d ago

I'm silly, I don't know why I didn't expect it to be precise... it's not like I haven't used digital maps before.

I guess it just felt a bit different when _I_ have access to just use it like that, and upon doing so, I got coords right on top of my head.

Show thread

Christian Alder 1d ago

[2 / 2]

Might approach this in a different way.

A form folks can submit? then I can manually add the pin. But what's to stop someone spamming loads of pins? Make them supply an email too? Easily faked, and GDPR issues again.

Maybe I can just ask people direct message me if they wanted to drop a pin 😅

... All this is because I don't want to run analytics on my site, BUT I would enjoy to see where folks are broadly visiting from, if they decide to provide that 🥺

Christian Alder 1d ago

[1 / 2]

Huh, I didn't expect <geolocation> to be so precise 👀

https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API/Using_the_Geolocation_API

I had an idea for next weekends web dev project: A digital map cork board map where folks can "pin" their location ( across a grid system so it's not precise coords ) 🗺️

I was thinking client-side <geolocation> could be used to try and prevent someone clicking for country A when they're in country B... but I feel like this opens up a whole can of worms for GDPR stuff.

Using the Geolocation API - Web APIs | MDN

The Geolocation API is used to retrieve the user's location, so that it can for example be used to display their position using a mapping API. This article explains the basics of how to use it.

MDN Web Docs

Show thread

Christian Alder 2d ago

Still got a ways to go - some of the animation states are a bit clunky and need some work. I'm using the Web Animations API but I'm not too good with it.

https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API

Also want to load up to 3 tracks per record, and some more sfx ☺️

Web Animations API - Web APIs | MDN

The Web Animations API allows for synchronizing and timing changes to the presentation of a Web page, i.e., animation of DOM elements. It does so by combining two models: the Timing Model and the Animation Model.

MDN Web Docs

Show thread

Christian Alder 2d ago

Some little details I'm happy with:

- The volume level changes the speaker animation scale

- The display has a nice animation (Possible flicker effect too to make it more screen like, but I turned it off for now)

- I like the hover effect on the album covers (need to look into why image gets a bit blurry tho) - All done with just CSS.

- The record itself is entirely CSS too, with a repeating-linear-gradient() making the markings on the record.

#HTML #CSS #JavaScript

Christian Alder 2d ago

Weekend project progress 🔊

- Album meta data display
- Buttons with some sfx
- Volume Control
- Arm/Record animation
- 30 second music previews via iTunes API.

#HTML, #CSS, #JavaScript

Personal Website 🚧	https://www.hejchristian.com/
Pronouns	He / Him
Current Location	🇵🇹