Am meisten freue ich mich ja über Daten, die einfach so über mich erfasst werden, ohne dass ich dazu etwas machen muss. Eine dieser Datenkraken ist last.fm.

Früher, als ich mich anmeldete, hieß das Ding noch Audioscrobbler und man musste ein WinAmp-Plugin installieren. Danach hat er automatisch alles, was ich so gehört habe, in eine Datenbank gespeichert. Später kamen andere Funktionen dazu, wie Band-Empfehlungen, Konzert-Erinnerungen und natürlich alles, was ein Soziales Netzwerk so braucht. Eigentlich nutzte ich nichts davon, scrobbelte aber munter weiter.

Erst mit der erhöhten Spotify-Nutzung lies es irgendwann nach. Zwar hat Spotify einen last.fm-Client integriert, aber am Ende vergisst man es doch, alles zu konfigurieren und andere Sachen sind wichtiger.

Letztens, als ich so meine Internet-Accounts durchging, kam ich auf jeden Fall wieder auf last.fm und versuchte mal meine Daten zu exportieren. Geht auf der Seite direkt leider nicht, aber immerhin gibt es ein paar Third Party-Websites, welche die API implementiert haben und einem ein schönes CSV generieren. Nun habe ich also eine 28 Megabyte große Text-Datei, die alle meine Scrobbles enthält.

Als erstes interessierte mich nun, wie groß meine Scrobble-Lücke wohl ist. Also die Zeit zwischen “Spotify hat noch gescrobbelt” und… jetzt. Ich importierte die CSV also erstmal in eine SQLite Datenbank, weil ich mit SQL-Befehlen leichter umgehen kann, als mit diversen Unix-Tools. Sicherlich wäre auch eine lange Zeile mit sed und awk möglich gewesen, um meine Frage zu beantworten.

Wie auch immer. Importiert, drei Wochen reifen lassen, und jetzt mal schnell eine wunderschöne Ausgabe gezimmert. A-ha!

Zum Einen sieht man, dass mir zwischen Januar 2009 und Juli 2010 schon gut anderthalb Jahre unwiderruflich fehlen. Was war da denn los? Falsch Konfiguriertes Foobar2000? Naja. Was weg ist, ist weg.

Die Lücke, die ich eigentlich suchte, beginnt jedenfalls im Januar 2019. Das ist ja noch gar nicht so schlimm. Ich hoffe, dass ich meine gespielten Tracks noch bis zu diesem Punkt aus der Spotify API pulen kann. Oder aus dem DSGVO-Export. Spotify wird diese Daten ja wohl nicht weg geworfen haben.

Naja, außer mein Account-Transfer letztens kommt mir da in die Quere.

Wird Philipp seine Scrobble-Lücke schließen können? Wo wird er die Daten hinspeichern? Baut er seine eigene Scrobble-Datenbank? In welcher Programmiersprache? Falls euch diese Fragen genauso brennend interessieren, wie mich, dann bleibt dran!

Seit Ewigkeiten besitze ich philippwaldhauer.de, weil waldhauer.de immer besetzt war. Zusätzlich kaufte ich vor ein paar Jahren pwa.io, weil es so schön kurz ist. Naaaja. Auf jeden Fall gab es auf ersterer Adresse jetzt sehr lange ein nicht-aktuelles Portfolio und auf letzterer Adresse meistens nichts zu sehen, also dachte ich mir, ich fasse das mal zusammen und verbinde es mit dem Blog.

Den Gedanken, den knuspermagier abzulegen und direkt alles auf meine Klarnamen zu wechseln, legte ich erstmal ab, dafür leitet philippwaldhauer.de nun aber auf pwa.io und pwa.io zeigt die umgestaltete “Über mich”-Seite auf diesem Blog. Die enthält nun nichtmehr nur einen zehn Jahre alten Text, sondern ein paar Spielereien und Links auf diverse Dinge, die ich so im Internet (oder hauptsächlich auf diesem Blog) treibe. Alles noch WIP, aber release early, release often!!

While implementing my new about page, I wanted to include at least one tiny interactive bit. Since I'm really not that creative, my first idea was a map of Germany, with cute little circles highlighting the cities I lived in until now. They could also do an animation when someone hovers on the city names! How wonderful would that be!

What I thought should be a five minute thing got a bit out of hand and had me googling and asking my friends over days. Why doesn't it work? I did everything the right way! It's not the first time I'm animating a SVG!

Well, this quick video shows the problem: On hover I wanted to resize the circles using transform: scale(2). But unfortunately the circles moved out of the map. But I set transform-origin: center center;. What possibly could be wrong??

The solution is using transform-box: fill-box. It's that easy. I never heard of this property, but if you don't use it, the transform-origin seems to be the center of the whole SVG. Thanks to Daniel for leading me to the correct google search terms.