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/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 &amp; 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 &amp; 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 } }