ActivityPub Viewer

A small tool to view real-world ActivityPub objects as JSON! Enter a URL or username from Mastodon or a similar service below, and we'll send a request with the right Accept header to the server to view the underlying object.

Open in browser →
{ "@context": [ "https://www.w3.org/ns/activitystreams", { "ostatus": "http://ostatus.org#", "atomUri": "ostatus:atomUri", "inReplyToAtomUri": "ostatus:inReplyToAtomUri", "conversation": "ostatus:conversation", "sensitive": "as:sensitive", "toot": "http://joinmastodon.org/ns#", "votersCount": "toot:votersCount", "blurhash": "toot:blurhash", "focalPoint": { "@container": "@list", "@id": "toot:focalPoint" }, "Hashtag": "as:Hashtag" } ], "id": "https://mastodon.social/users/anatudor/statuses/113079043416179755", "type": "Note", "summary": null, "inReplyTo": null, "published": "2024-09-04T11:27:50Z", "url": "https://mastodon.social/@anatudor/113079043416179755", "attributedTo": "https://mastodon.social/users/anatudor", "to": [ "https://www.w3.org/ns/activitystreams#Public" ], "cc": [ "https://mastodon.social/users/anatudor/followers" ], "sensitive": false, "atomUri": "https://mastodon.social/users/anatudor/statuses/113079043416179755", "inReplyToAtomUri": null, "conversation": "tag:mastodon.social,2024-09-04:objectId=791307286:objectType=Conversation", "content": "<p>Since I&#39;ve seen this again...</p><p>If you&#39;re going to make links bold on `:hover`, then for the love of Satan, please use a font where the *width* doesn&#39;t change when changing the *weight*, so you don&#39;t have the rest of the stuff on that same line dancing out when you hover the link.</p><p><a href=\"https://mastodon.social/tags/CSS\" class=\"mention hashtag\" rel=\"tag\">#<span>CSS</span></a> <a href=\"https://mastodon.social/tags/code\" class=\"mention hashtag\" rel=\"tag\">#<span>code</span></a> <a href=\"https://mastodon.social/tags/font\" class=\"mention hashtag\" rel=\"tag\">#<span>font</span></a> <a href=\"https://mastodon.social/tags/fonts\" class=\"mention hashtag\" rel=\"tag\">#<span>fonts</span></a> <a href=\"https://mastodon.social/tags/coding\" class=\"mention hashtag\" rel=\"tag\">#<span>coding</span></a> <a href=\"https://mastodon.social/tags/frontend\" class=\"mention hashtag\" rel=\"tag\">#<span>frontend</span></a> <a href=\"https://mastodon.social/tags/web\" class=\"mention hashtag\" rel=\"tag\">#<span>web</span></a> <a href=\"https://mastodon.social/tags/dev\" class=\"mention hashtag\" rel=\"tag\">#<span>dev</span></a> <a href=\"https://mastodon.social/tags/webDev\" class=\"mention hashtag\" rel=\"tag\">#<span>webDev</span></a> <a href=\"https://mastodon.social/tags/webDevelopment\" class=\"mention hashtag\" rel=\"tag\">#<span>webDevelopment</span></a></p>", "contentMap": { "en": "<p>Since I&#39;ve seen this again...</p><p>If you&#39;re going to make links bold on `:hover`, then for the love of Satan, please use a font where the *width* doesn&#39;t change when changing the *weight*, so you don&#39;t have the rest of the stuff on that same line dancing out when you hover the link.</p><p><a href=\"https://mastodon.social/tags/CSS\" class=\"mention hashtag\" rel=\"tag\">#<span>CSS</span></a> <a href=\"https://mastodon.social/tags/code\" class=\"mention hashtag\" rel=\"tag\">#<span>code</span></a> <a href=\"https://mastodon.social/tags/font\" class=\"mention hashtag\" rel=\"tag\">#<span>font</span></a> <a href=\"https://mastodon.social/tags/fonts\" class=\"mention hashtag\" rel=\"tag\">#<span>fonts</span></a> <a href=\"https://mastodon.social/tags/coding\" class=\"mention hashtag\" rel=\"tag\">#<span>coding</span></a> <a href=\"https://mastodon.social/tags/frontend\" class=\"mention hashtag\" rel=\"tag\">#<span>frontend</span></a> <a href=\"https://mastodon.social/tags/web\" class=\"mention hashtag\" rel=\"tag\">#<span>web</span></a> <a href=\"https://mastodon.social/tags/dev\" class=\"mention hashtag\" rel=\"tag\">#<span>dev</span></a> <a href=\"https://mastodon.social/tags/webDev\" class=\"mention hashtag\" rel=\"tag\">#<span>webDev</span></a> <a href=\"https://mastodon.social/tags/webDevelopment\" class=\"mention hashtag\" rel=\"tag\">#<span>webDevelopment</span></a></p>" }, "attachment": [ { "type": "Document", "mediaType": "video/mp4", "url": "https://files.mastodon.social/media_attachments/files/113/079/018/753/811/110/original/dd8189c7892b7097.mp4", "name": "Animated GIF. Shows how changing the weight for fa font like HEX Franklin Variable from 400 up to 800 and back down doesn't cause any changes to the letter width, which remains constant.", "blurhash": "UKQ0aR?^%gE1R*flofj[_3MxV@of%2s:ofR*", "focalPoint": [ 0, 0 ], "width": 800, "height": 492 } ], "tag": [ { "type": "Hashtag", "href": "https://mastodon.social/tags/css", "name": "#css" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/code", "name": "#code" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/font", "name": "#font" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/fonts", "name": "#fonts" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/coding", "name": "#coding" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/frontend", "name": "#frontend" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/web", "name": "#web" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/dev", "name": "#dev" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/webdev", "name": "#webdev" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/webdevelopment", "name": "#webdevelopment" } ], "replies": { "id": "https://mastodon.social/users/anatudor/statuses/113079043416179755/replies", "type": "Collection", "first": { "type": "CollectionPage", "next": "https://mastodon.social/users/anatudor/statuses/113079043416179755/replies?min_id=113355872866166151&page=true", "partOf": "https://mastodon.social/users/anatudor/statuses/113079043416179755/replies", "items": [ "https://mastodon.social/users/anatudor/statuses/113355872866166151" ] } }, "likes": { "id": "https://mastodon.social/users/anatudor/statuses/113079043416179755/likes", "type": "Collection", "totalItems": 27 }, "shares": { "id": "https://mastodon.social/users/anatudor/statuses/113079043416179755/shares", "type": "Collection", "totalItems": 7 } }