Aaron Parecki's Webmentions are an elegant way to integrate web sites and social media. This could easily be integrated with Mastodon...
Cool, it worked! 🙂
@djoerd as example, I post from my blog to Mastodon, and any responses here end up with my blogpost itself because of webmention. It also allows distributed conversations across multiple blogs making the entire conversation retracable from any of the contributions
@ton Nice! I remember, from the IndyWeb meeting. Did you tweak Mastodon to do this?
@djoerd nah, Bridgy does all the work for me. https://brid.gy/
@ton I see, looks useful! Too bad we still need tools like Bridgy to connect the Fediverse to the IndyWeb. I think that the their goals mostly align.
@djoerd you could do it yourself as well.
@ton Ik heb trouwens de Wordpress IndyWeb "webmention" plugin (nog van onze workshop!), maar ik zie nergens mijn endpoint aangekondigd in de bron van de pagina (<link rel="webmention" ... )
@ton Hmmm, doet het niet meer, denk ik:
"This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress."
@djoerd @ton usually @pfefferle is very responsive.
@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>
```
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'