Aaron Parecki's Webmentions are an elegant way to integrate web sites and social media. This could easily be integrated with Mastodon...
Let's do this with curl:
curl -v -d 'source=https%3A%2F%2Fidf.social%2F%40djoerd%2F107475324613938785&target=https%3A%2F%2Faaronparecki.com%2F2017%2F01%2F12%2F13%2Fwebmention-rec' -X POST -H 'Content-Type: application/x-www-form-urlencoded' 'https://webmention.io/aaronpk/webmention'
@djoerd did you try his website on a phone? His profile picture remains vertical when you tilt your phone!!
@djoerd maybe only android? It's the second photo (at bottom) that does this for me.
@arjen It does!!! Websites can read my accelerometer 😮
@djoerd at least, the browser can!
Found the source: appropriately titled "Web APIs You [Probably] Didn't Know Existed"
https://www.youtube.com/watch?v=EZpdEljk5dY
```
<script>
// Lolz. https://www.youtube.com/watch?v=EZpdEljk5dY
// thanks seblog.nl!
let photo = document.querySelector('.about .image img')
if(photo) {
window.addEventListener('deviceorientation', (e) => {
let tiltLR = e.gamma; let tiltFB = e.beta;
photo.style.transform = `rotate(${tiltLR * -1}deg)`
})
}
</script>
```
Cool, it worked! 🙂