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/112675690182750980",
"type": "Note",
"summary": null,
"inReplyTo": "https://mastodon.social/users/anatudor/statuses/112673023276330964",
"published": "2024-06-25T05:49:48Z",
"url": "https://mastodon.social/@anatudor/112675690182750980",
"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/112675690182750980",
"inReplyToAtomUri": "https://mastodon.social/users/anatudor/statuses/112673023276330964",
"conversation": "tag:mastodon.social,2024-06-24:objectId=737374348:objectType=Conversation",
"content": "<p>3⃣ Pure CSS morphing polyhedra: dodecahedron → rhombicosidodecahedron → snub dodecahedron → rhombicosidodecahedron → icosahedron <a href=\"https://codepen.io/thebabydino/pen/gOjGyby\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">codepen.io/thebabydino/pen/gOj</span><span class=\"invisible\">Gyby</span></a></p><p>Positions & makes faces morph using CSS transforms. Which depend on CSS vars to keep code compact <a href=\"https://css-tricks.com/logical-operations-with-css-variables/\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">css-tricks.com/logical-operati</span><span class=\"invisible\">ons-with-css-variables/</span></a></p><p><a href=\"https://mastodon.social/tags/CSS\" class=\"mention hashtag\" rel=\"tag\">#<span>CSS</span></a> <a href=\"https://mastodon.social/tags/3D\" class=\"mention hashtag\" rel=\"tag\">#<span>3D</span></a> <a href=\"https://mastodon.social/tags/pureCSS\" class=\"mention hashtag\" rel=\"tag\">#<span>pureCSS</span></a> <a href=\"https://mastodon.social/tags/noJS\" class=\"mention hashtag\" rel=\"tag\">#<span>noJS</span></a> <a href=\"https://mastodon.social/tags/booleanLogic\" class=\"mention hashtag\" rel=\"tag\">#<span>booleanLogic</span></a> <a href=\"https://mastodon.social/tags/cssVariables\" class=\"mention hashtag\" rel=\"tag\">#<span>cssVariables</span></a> <a href=\"https://mastodon.social/tags/transform\" class=\"mention hashtag\" rel=\"tag\">#<span>transform</span></a> <a href=\"https://mastodon.social/tags/css3d\" class=\"mention hashtag\" rel=\"tag\">#<span>css3d</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/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> <a href=\"https://mastodon.social/tags/polyhedra\" class=\"mention hashtag\" rel=\"tag\">#<span>polyhedra</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> <a href=\"https://mastodon.social/tags/3dGeometry\" class=\"mention hashtag\" rel=\"tag\">#<span>3dGeometry</span></a> <a href=\"https://mastodon.social/tags/mathematics\" class=\"mention hashtag\" rel=\"tag\">#<span>mathematics</span></a> <a href=\"https://mastodon.social/tags/platonicSolids\" class=\"mention hashtag\" rel=\"tag\">#<span>platonicSolids</span></a> <a href=\"https://mastodon.social/tags/Archimedean\" class=\"mention hashtag\" rel=\"tag\">#<span>Archimedean</span></a></p>",
"contentMap": {
"en": "<p>3⃣ Pure CSS morphing polyhedra: dodecahedron → rhombicosidodecahedron → snub dodecahedron → rhombicosidodecahedron → icosahedron <a href=\"https://codepen.io/thebabydino/pen/gOjGyby\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">codepen.io/thebabydino/pen/gOj</span><span class=\"invisible\">Gyby</span></a></p><p>Positions & makes faces morph using CSS transforms. Which depend on CSS vars to keep code compact <a href=\"https://css-tricks.com/logical-operations-with-css-variables/\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">css-tricks.com/logical-operati</span><span class=\"invisible\">ons-with-css-variables/</span></a></p><p><a href=\"https://mastodon.social/tags/CSS\" class=\"mention hashtag\" rel=\"tag\">#<span>CSS</span></a> <a href=\"https://mastodon.social/tags/3D\" class=\"mention hashtag\" rel=\"tag\">#<span>3D</span></a> <a href=\"https://mastodon.social/tags/pureCSS\" class=\"mention hashtag\" rel=\"tag\">#<span>pureCSS</span></a> <a href=\"https://mastodon.social/tags/noJS\" class=\"mention hashtag\" rel=\"tag\">#<span>noJS</span></a> <a href=\"https://mastodon.social/tags/booleanLogic\" class=\"mention hashtag\" rel=\"tag\">#<span>booleanLogic</span></a> <a href=\"https://mastodon.social/tags/cssVariables\" class=\"mention hashtag\" rel=\"tag\">#<span>cssVariables</span></a> <a href=\"https://mastodon.social/tags/transform\" class=\"mention hashtag\" rel=\"tag\">#<span>transform</span></a> <a href=\"https://mastodon.social/tags/css3d\" class=\"mention hashtag\" rel=\"tag\">#<span>css3d</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/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> <a href=\"https://mastodon.social/tags/polyhedra\" class=\"mention hashtag\" rel=\"tag\">#<span>polyhedra</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> <a href=\"https://mastodon.social/tags/3dGeometry\" class=\"mention hashtag\" rel=\"tag\">#<span>3dGeometry</span></a> <a href=\"https://mastodon.social/tags/mathematics\" class=\"mention hashtag\" rel=\"tag\">#<span>mathematics</span></a> <a href=\"https://mastodon.social/tags/platonicSolids\" class=\"mention hashtag\" rel=\"tag\">#<span>platonicSolids</span></a> <a href=\"https://mastodon.social/tags/Archimedean\" class=\"mention hashtag\" rel=\"tag\">#<span>Archimedean</span></a></p>"
},
"attachment": [
{
"type": "Document",
"mediaType": "video/mp4",
"url": "https://files.mastodon.social/media_attachments/files/112/675/653/940/963/728/original/7eb66f72944c3a67.mp4",
"name": "Animation. Shows a rotating dodecahedron which expands to a rhombicosidodecahedron. The triangular and pentagonal faces of the dodecahedron then rotate one way, distorting the square faces into two triangles in different planes intersecting along the original (now rotated square diagonal), until these triangles become equilateral ones and we have a snub dodecahedron. Then we go back to the rhombicosidodecahedron shape and we rotate its triangular and pentagonal faces the other way to get the other possible snub dodecahedron. Then we go back to the rhombicosidodecahedron again and then this collapses into an icosahedron. Finally, this entire animation reverses until we get back to the initial dodecahedron, then the cycle repeats itself.",
"blurhash": "UgD*zua|0#j@WVazoLj@5Sjt=_a|oLoLa|WW",
"focalPoint": [
0,
0
],
"width": 830,
"height": 648
}
],
"tag": [
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/css",
"name": "#css"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/3d",
"name": "#3d"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/purecss",
"name": "#purecss"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/nojs",
"name": "#nojs"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/booleanlogic",
"name": "#booleanlogic"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/cssvariables",
"name": "#cssvariables"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/transform",
"name": "#transform"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/css3d",
"name": "#css3d"
},
{
"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/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"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/polyhedra",
"name": "#polyhedra"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/maths",
"name": "#maths"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/geometry",
"name": "#geometry"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/3dgeometry",
"name": "#3dgeometry"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/mathematics",
"name": "#mathematics"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/platonicsolids",
"name": "#platonicsolids"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/Archimedean",
"name": "#Archimedean"
}
],
"replies": {
"id": "https://mastodon.social/users/anatudor/statuses/112675690182750980/replies",
"type": "Collection",
"first": {
"type": "CollectionPage",
"next": "https://mastodon.social/users/anatudor/statuses/112675690182750980/replies?min_id=112675769472447965&page=true",
"partOf": "https://mastodon.social/users/anatudor/statuses/112675690182750980/replies",
"items": [
"https://mastodon.social/users/anatudor/statuses/112675769472447965"
]
}
},
"likes": {
"id": "https://mastodon.social/users/anatudor/statuses/112675690182750980/likes",
"type": "Collection",
"totalItems": 10
},
"shares": {
"id": "https://mastodon.social/users/anatudor/statuses/112675690182750980/shares",
"type": "Collection",
"totalItems": 2
}
}