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/113317284720722003",
"type": "Note",
"summary": null,
"inReplyTo": null,
"published": "2024-10-16T13:15:44Z",
"url": "https://mastodon.social/@anatudor/113317284720722003",
"attributedTo": "https://mastodon.social/users/anatudor",
"to": [
"https://www.w3.org/ns/activitystreams#Public"
],
"cc": [
"https://mastodon.social/users/anatudor/followers",
"https://fosstodon.org/users/codepen"
],
"sensitive": false,
"atomUri": "https://mastodon.social/users/anatudor/statuses/113317284720722003",
"inReplyToAtomUri": null,
"conversation": "tag:mastodon.social,2024-10-16:objectId=823810854:objectType=Conversation",
"content": "<p>Here's another little something from forever ago that I've recently updated on <span class=\"h-card\" translate=\"no\"><a href=\"https://fosstodon.org/@codepen\" class=\"u-url mention\">@<span>codepen</span></a></span>: a circular menu! </p><p><a href=\"https://codepen.io/thebabydino/pen/nKzaPQ\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">codepen.io/thebabydino/pen/nKz</span><span class=\"invisible\">aPQ</span></a></p><p>The code was really outdated, so I redid it to use CSS variables, trigonometry, grid, clip-path, SVG filters for the inner shadow & grain.</p><p>Hope you like it!</p><p><a href=\"https://mastodon.social/tags/CSS\" class=\"mention hashtag\" rel=\"tag\">#<span>CSS</span></a> <a href=\"https://mastodon.social/tags/cssVariables\" class=\"mention hashtag\" rel=\"tag\">#<span>cssVariables</span></a> <a href=\"https://mastodon.social/tags/clipPath\" class=\"mention hashtag\" rel=\"tag\">#<span>clipPath</span></a> <a href=\"https://mastodon.social/tags/cssGradient\" class=\"mention hashtag\" rel=\"tag\">#<span>cssGradient</span></a> <a href=\"https://mastodon.social/tags/SVG\" class=\"mention hashtag\" rel=\"tag\">#<span>SVG</span></a> <a href=\"https://mastodon.social/tags/filter\" class=\"mention hashtag\" rel=\"tag\">#<span>filter</span></a> <a href=\"https://mastodon.social/tags/svgFilter\" class=\"mention hashtag\" rel=\"tag\">#<span>svgFilter</span></a> <a href=\"https://mastodon.social/tags/cssGrid\" class=\"mention hashtag\" rel=\"tag\">#<span>cssGrid</span></a> <a href=\"https://mastodon.social/tags/gridLayout\" class=\"mention hashtag\" rel=\"tag\">#<span>gridLayout</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/dev\" class=\"mention hashtag\" rel=\"tag\">#<span>dev</span></a> <a href=\"https://mastodon.social/tags/web\" class=\"mention hashtag\" rel=\"tag\">#<span>web</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> <a href=\"https://mastodon.social/tags/cssMaths\" class=\"mention hashtag\" rel=\"tag\">#<span>cssMaths</span></a> <a href=\"https://mastodon.social/tags/trigonometry\" class=\"mention hashtag\" rel=\"tag\">#<span>trigonometry</span></a> <a href=\"https://mastodon.social/tags/Maths\" class=\"mention hashtag\" rel=\"tag\">#<span>Maths</span></a> <a href=\"https://mastodon.social/tags/geometry\" class=\"mention hashtag\" rel=\"tag\">#<span>geometry</span></a></p>",
"contentMap": {
"en": "<p>Here's another little something from forever ago that I've recently updated on <span class=\"h-card\" translate=\"no\"><a href=\"https://fosstodon.org/@codepen\" class=\"u-url mention\">@<span>codepen</span></a></span>: a circular menu! </p><p><a href=\"https://codepen.io/thebabydino/pen/nKzaPQ\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">codepen.io/thebabydino/pen/nKz</span><span class=\"invisible\">aPQ</span></a></p><p>The code was really outdated, so I redid it to use CSS variables, trigonometry, grid, clip-path, SVG filters for the inner shadow & grain.</p><p>Hope you like it!</p><p><a href=\"https://mastodon.social/tags/CSS\" class=\"mention hashtag\" rel=\"tag\">#<span>CSS</span></a> <a href=\"https://mastodon.social/tags/cssVariables\" class=\"mention hashtag\" rel=\"tag\">#<span>cssVariables</span></a> <a href=\"https://mastodon.social/tags/clipPath\" class=\"mention hashtag\" rel=\"tag\">#<span>clipPath</span></a> <a href=\"https://mastodon.social/tags/cssGradient\" class=\"mention hashtag\" rel=\"tag\">#<span>cssGradient</span></a> <a href=\"https://mastodon.social/tags/SVG\" class=\"mention hashtag\" rel=\"tag\">#<span>SVG</span></a> <a href=\"https://mastodon.social/tags/filter\" class=\"mention hashtag\" rel=\"tag\">#<span>filter</span></a> <a href=\"https://mastodon.social/tags/svgFilter\" class=\"mention hashtag\" rel=\"tag\">#<span>svgFilter</span></a> <a href=\"https://mastodon.social/tags/cssGrid\" class=\"mention hashtag\" rel=\"tag\">#<span>cssGrid</span></a> <a href=\"https://mastodon.social/tags/gridLayout\" class=\"mention hashtag\" rel=\"tag\">#<span>gridLayout</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/dev\" class=\"mention hashtag\" rel=\"tag\">#<span>dev</span></a> <a href=\"https://mastodon.social/tags/web\" class=\"mention hashtag\" rel=\"tag\">#<span>web</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> <a href=\"https://mastodon.social/tags/cssMaths\" class=\"mention hashtag\" rel=\"tag\">#<span>cssMaths</span></a> <a href=\"https://mastodon.social/tags/trigonometry\" class=\"mention hashtag\" rel=\"tag\">#<span>trigonometry</span></a> <a href=\"https://mastodon.social/tags/Maths\" class=\"mention hashtag\" rel=\"tag\">#<span>Maths</span></a> <a href=\"https://mastodon.social/tags/geometry\" class=\"mention hashtag\" rel=\"tag\">#<span>geometry</span></a></p>"
},
"updated": "2024-10-16T13:23:24Z",
"attachment": [
{
"type": "Document",
"mediaType": "video/mp4",
"url": "https://files.mastodon.social/media_attachments/files/113/317/280/364/725/118/original/41ab785e1ff75c97.mp4",
"name": "Animated GIF. Shows a circular menu with three items, each occupying a third of the visible half circle. The first item, music, with a headphones icon, is selected at first. In this state, it has golden borders and an orange to yellow gradient on both the icon ant the text. The other two menu items in the non-selected state are just grey, their icons are bigger and the text has shrunk to nothing. Upon selecting the second item, music, a submenu pops up at the top. This also contains three interactive items with icons that are grey in the normal state and using the same orange to yellow gradient when hovered/ focused.",
"blurhash": "U9ODF1-UD~oz9WNc$+t6wMs.k?WB.Sn%MIWp",
"focalPoint": [
0,
0
],
"width": 620,
"height": 554
}
],
"tag": [
{
"type": "Mention",
"href": "https://fosstodon.org/users/codepen",
"name": "@codepen@fosstodon.org"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/css",
"name": "#css"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/cssvariables",
"name": "#cssvariables"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/clippath",
"name": "#clippath"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/cssgradient",
"name": "#cssgradient"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/svg",
"name": "#svg"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/filter",
"name": "#filter"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/SVGFilter",
"name": "#SVGFilter"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/cssgrid",
"name": "#cssgrid"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/gridlayout",
"name": "#gridlayout"
},
{
"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/dev",
"name": "#dev"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/web",
"name": "#web"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/webdev",
"name": "#webdev"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/webdevelopment",
"name": "#webdevelopment"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/cssmaths",
"name": "#cssmaths"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/trigonometry",
"name": "#trigonometry"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/maths",
"name": "#maths"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/geometry",
"name": "#geometry"
}
],
"replies": {
"id": "https://mastodon.social/users/anatudor/statuses/113317284720722003/replies",
"type": "Collection",
"first": {
"type": "CollectionPage",
"next": "https://mastodon.social/users/anatudor/statuses/113317284720722003/replies?only_other_accounts=true&page=true",
"partOf": "https://mastodon.social/users/anatudor/statuses/113317284720722003/replies",
"items": []
}
},
"likes": {
"id": "https://mastodon.social/users/anatudor/statuses/113317284720722003/likes",
"type": "Collection",
"totalItems": 9
},
"shares": {
"id": "https://mastodon.social/users/anatudor/statuses/113317284720722003/shares",
"type": "Collection",
"totalItems": 2
}
}