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.
{
"@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/111703814355071102",
"type": "Note",
"summary": null,
"inReplyTo": null,
"published": "2024-01-05T14:29:00Z",
"url": "https://mastodon.social/@anatudor/111703814355071102",
"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/111703814355071102",
"inReplyToAtomUri": null,
"conversation": "tag:mastodon.social,2024-01-05:objectId=613670242:objectType=Conversation",
"content": "<p>`background-blend-mode` is not applied in Safari when at least one of the layers blended has `background-clip: text`.</p><p>Bug 267129 🪲 <a href=\"https://bugs.webkit.org/show_bug.cgi?id=267129\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">bugs.webkit.org/show_bug.cgi?i</span><span class=\"invisible\">d=267129</span></a></p><p>Live test <a href=\"https://codepen.io/thebabydino/pen/MWxYYJw?editors=1100\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">codepen.io/thebabydino/pen/MWx</span><span class=\"invisible\">YYJw?editors=1100</span></a></p><p>There are workarounds, but involve using a pseudo that wouldn't otherwise be needed at best & multiple text copies if 2+ `background` layers need to be restricted to `text`. If the text should also be `contenteditable`... 😭 </p><p><a href=\"https://mastodon.social/tags/css\" class=\"mention hashtag\" rel=\"tag\">#<span>css</span></a> <a href=\"https://mastodon.social/tags/Safari\" class=\"mention hashtag\" rel=\"tag\">#<span>Safari</span></a> <a href=\"https://mastodon.social/tags/SafariBug\" class=\"mention hashtag\" rel=\"tag\">#<span>SafariBug</span></a> <a href=\"https://mastodon.social/tags/bug\" class=\"mention hashtag\" rel=\"tag\">#<span>bug</span></a> <a href=\"https://mastodon.social/tags/bugs\" class=\"mention hashtag\" rel=\"tag\">#<span>bugs</span></a> <a href=\"https://mastodon.social/tags/code\" class=\"mention hashtag\" rel=\"tag\">#<span>code</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/webDev\" class=\"mention hashtag\" rel=\"tag\">#<span>webDev</span></a> <a href=\"https://mastodon.social/tags/webDevelpment\" class=\"mention hashtag\" rel=\"tag\">#<span>webDevelpment</span></a></p>",
"contentMap": {
"en": "<p>`background-blend-mode` is not applied in Safari when at least one of the layers blended has `background-clip: text`.</p><p>Bug 267129 🪲 <a href=\"https://bugs.webkit.org/show_bug.cgi?id=267129\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">bugs.webkit.org/show_bug.cgi?i</span><span class=\"invisible\">d=267129</span></a></p><p>Live test <a href=\"https://codepen.io/thebabydino/pen/MWxYYJw?editors=1100\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">codepen.io/thebabydino/pen/MWx</span><span class=\"invisible\">YYJw?editors=1100</span></a></p><p>There are workarounds, but involve using a pseudo that wouldn't otherwise be needed at best & multiple text copies if 2+ `background` layers need to be restricted to `text`. If the text should also be `contenteditable`... 😭 </p><p><a href=\"https://mastodon.social/tags/css\" class=\"mention hashtag\" rel=\"tag\">#<span>css</span></a> <a href=\"https://mastodon.social/tags/Safari\" class=\"mention hashtag\" rel=\"tag\">#<span>Safari</span></a> <a href=\"https://mastodon.social/tags/SafariBug\" class=\"mention hashtag\" rel=\"tag\">#<span>SafariBug</span></a> <a href=\"https://mastodon.social/tags/bug\" class=\"mention hashtag\" rel=\"tag\">#<span>bug</span></a> <a href=\"https://mastodon.social/tags/bugs\" class=\"mention hashtag\" rel=\"tag\">#<span>bugs</span></a> <a href=\"https://mastodon.social/tags/code\" class=\"mention hashtag\" rel=\"tag\">#<span>code</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/webDev\" class=\"mention hashtag\" rel=\"tag\">#<span>webDev</span></a> <a href=\"https://mastodon.social/tags/webDevelpment\" class=\"mention hashtag\" rel=\"tag\">#<span>webDevelpment</span></a></p>"
},
"updated": "2024-01-05T14:53:37Z",
"attachment": [
{
"type": "Document",
"mediaType": "image/png",
"url": "https://files.mastodon.social/media_attachments/files/111/703/796/616/315/765/original/b2a28b05c2bfa55d.png",
"name": "Collage.\n\nLeft: Screenshot of the expected result. Shows 3 panels.\n\nTop panel shows a top to bottom red to black gradient blended with a repeating diagonal blue to black gradient.\n\nMiddle panel shows the same, except the top layer is clipped to the text \"CAT\", so the blending only happens in that text area. The rest of the panel is only covered in the bottom background layer.\n\nBottom panel has both layers clipped to the same text \"CAT\", so the blending only happens in that area, while the rest is transparent.\n\nRight: Screenshot of the Epiphany result. Shows 3 panels.\n\nTop panel shows a top to bottom red to black gradient blended with a repeating diagonal blue to black gradient.\n\nMiddle panel shows almost same, except the top layer is clipped to the text \"CAT\" and the blending doesn't happen anymore, the top layer overlaps and covers the bottom one in that area. The rest of the panel is only covered in the bottom background layer.\n\nBottom panel shows almost the same, except both layers are clipped to the same \"CAT\" text. All around the text remains transparent.",
"blurhash": "UzKvj~s,ayWCD6ayayoL^,a#j[f6V@bFayju",
"focalPoint": [
0,
0
],
"width": 1212,
"height": 816
}
],
"tag": [
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/css",
"name": "#css"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/safari",
"name": "#safari"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/safaribug",
"name": "#safaribug"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/bug",
"name": "#bug"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/bugs",
"name": "#bugs"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/code",
"name": "#code"
},
{
"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/webdev",
"name": "#webdev"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/webdevelpment",
"name": "#webdevelpment"
}
],
"replies": {
"id": "https://mastodon.social/users/anatudor/statuses/111703814355071102/replies",
"type": "Collection",
"first": {
"type": "CollectionPage",
"next": "https://mastodon.social/users/anatudor/statuses/111703814355071102/replies?only_other_accounts=true&page=true",
"partOf": "https://mastodon.social/users/anatudor/statuses/111703814355071102/replies",
"items": []
}
},
"likes": {
"id": "https://mastodon.social/users/anatudor/statuses/111703814355071102/likes",
"type": "Collection",
"totalItems": 2
},
"shares": {
"id": "https://mastodon.social/users/anatudor/statuses/111703814355071102/shares",
"type": "Collection",
"totalItems": 0
}
}