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/113402465311837279",
"type": "Note",
"summary": null,
"inReplyTo": "https://mastodon.social/users/anatudor/statuses/113401327109692942",
"published": "2024-10-31T14:18:17Z",
"url": "https://mastodon.social/@anatudor/113402465311837279",
"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/113402465311837279",
"inReplyToAtomUri": "https://mastodon.social/users/anatudor/statuses/113401327109692942",
"conversation": "tag:mastodon.social,2024-10-31:objectId=835997025:objectType=Conversation",
"content": "<p><a href=\"https://mastodon.social/tags/tinyCSStip\" class=\"mention hashtag\" rel=\"tag\">#<span>tinyCSStip</span></a>/ fun fact: same aspect ratio is also what we need for a regular hexagon because that can made up of only equilateral triangles!</p><p>We just need more points for the clip-path (6 for a hexagon vs. 3 for a triangle).</p><p><a href=\"https://mastodon.social/tags/CSS\" class=\"mention hashtag\" rel=\"tag\">#<span>CSS</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/mathematics\" class=\"mention hashtag\" rel=\"tag\">#<span>mathematics</span></a> <a href=\"https://mastodon.social/tags/frontend\" class=\"mention hashtag\" rel=\"tag\">#<span>frontend</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> <br /><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/webDevelopment\" class=\"mention hashtag\" rel=\"tag\">#<span>webDevelopment</span></a> <a href=\"https://mastodon.social/tags/webDev\" class=\"mention hashtag\" rel=\"tag\">#<span>webDev</span></a> <a href=\"https://mastodon.social/tags/hexagon\" class=\"mention hashtag\" rel=\"tag\">#<span>hexagon</span></a></p>",
"contentMap": {
"en": "<p><a href=\"https://mastodon.social/tags/tinyCSStip\" class=\"mention hashtag\" rel=\"tag\">#<span>tinyCSStip</span></a>/ fun fact: same aspect ratio is also what we need for a regular hexagon because that can made up of only equilateral triangles!</p><p>We just need more points for the clip-path (6 for a hexagon vs. 3 for a triangle).</p><p><a href=\"https://mastodon.social/tags/CSS\" class=\"mention hashtag\" rel=\"tag\">#<span>CSS</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/mathematics\" class=\"mention hashtag\" rel=\"tag\">#<span>mathematics</span></a> <a href=\"https://mastodon.social/tags/frontend\" class=\"mention hashtag\" rel=\"tag\">#<span>frontend</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> <br /><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/webDevelopment\" class=\"mention hashtag\" rel=\"tag\">#<span>webDevelopment</span></a> <a href=\"https://mastodon.social/tags/webDev\" class=\"mention hashtag\" rel=\"tag\">#<span>webDev</span></a> <a href=\"https://mastodon.social/tags/hexagon\" class=\"mention hashtag\" rel=\"tag\">#<span>hexagon</span></a></p>"
},
"attachment": [
{
"type": "Document",
"mediaType": "image/png",
"url": "https://files.mastodon.social/media_attachments/files/113/402/428/646/737/089/original/5f3dec3c9184f358.png",
"name": "Regular hexagon with circumradii drawn to all its vertices. This splits it into 6 equilateral triangles and we can see the box that tightly fits this regular hexagon has the same aspect ratio as an equilateral triangle, as it fits two equilateral triangle edges along its width and two equilateral triangle heights along its height.",
"blurhash": "UDRysgxu~qxut7ayt7j[t7ay%Mj[-;fQM{j[",
"focalPoint": [
0,
0
],
"width": 1024,
"height": 941
},
{
"type": "Document",
"mediaType": "image/png",
"url": "https://files.mastodon.social/media_attachments/files/113/402/429/438/767/622/original/6306b989958f1ee3.png",
"name": "CSS to create a regular hexagon.\n\n```\n.regular-hexagon {\n width: var(--d, 90vmin); /* hex diagonal = twice hex edge length */\n aspect-ratio: 1/ sin(60deg);\n background: hotpink; /* just to make it visible */\n clip-path: \n polygon(25% 0 /* 1st point: top left */, \n 75% 0 /* 2nd point: top right */, \n 100% 50% /* 3rd point: middle right */, \n 75% 100% /* 4th point: bottom right */, \n 25% 100% /* 5th point: bottom left */, \n 0 50% /* 6th point: middle left */)\n}\n```",
"blurhash": "UB8|@st7%gW;-;oekCj[_NWUj]oL%Naeaef6",
"focalPoint": [
0,
0
],
"width": 1308,
"height": 586
},
{
"type": "Document",
"mediaType": "video/mp4",
"url": "https://files.mastodon.social/media_attachments/files/113/402/459/695/705/041/original/1b374599b543042a.mp4",
"name": "Animated GIF. Shows a CSS-created hotpink regular hexagon on the left and the Firefox DevTools panel open on the right. The code for this hexagon can be seen under the Rules tab in the Inspector:\n\n```\n.regular-hexagon {\n\twidth: var(--d, 97vmin);\n\taspect-ratio: 1/sin(60deg);\n\tbackground: hotpink;\n\tclip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);\n}\n```\n\nBefore the `polygon()` function, there's a button toggling the CSS Shape Editor in Firefox DevTools. On clicking it, hollow circles show at the coordinates of the points listed inside the `polygon()` function. On hovering any of these coordinates inside the function, the corresponding circle fills up. This way, we can see what coordinate corresponds to what point.",
"blurhash": "U~I3;3}^-WWUi{i{jFfko|kpkCf6o1oLjufQ",
"focalPoint": [
0,
0
],
"width": 1292,
"height": 480
}
],
"tag": [
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/tinyCSStip",
"name": "#tinyCSStip"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/css",
"name": "#css"
},
{
"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/mathematics",
"name": "#mathematics"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/frontend",
"name": "#frontend"
},
{
"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/web",
"name": "#web"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/dev",
"name": "#dev"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/webdevelopment",
"name": "#webdevelopment"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/webdev",
"name": "#webdev"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/hexagon",
"name": "#hexagon"
}
],
"replies": {
"id": "https://mastodon.social/users/anatudor/statuses/113402465311837279/replies",
"type": "Collection",
"first": {
"type": "CollectionPage",
"next": "https://mastodon.social/users/anatudor/statuses/113402465311837279/replies?only_other_accounts=true&page=true",
"partOf": "https://mastodon.social/users/anatudor/statuses/113402465311837279/replies",
"items": []
}
},
"likes": {
"id": "https://mastodon.social/users/anatudor/statuses/113402465311837279/likes",
"type": "Collection",
"totalItems": 3
},
"shares": {
"id": "https://mastodon.social/users/anatudor/statuses/113402465311837279/shares",
"type": "Collection",
"totalItems": 0
}
}