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/113401327109692942",
"type": "Note",
"summary": null,
"inReplyTo": null,
"published": "2024-10-31T09:28:49Z",
"url": "https://mastodon.social/@anatudor/113401327109692942",
"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/113401327109692942",
"inReplyToAtomUri": null,
"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> Want to create a triangle with all edges equal in 4 simple <a href=\"https://mastodon.social/tags/CSS\" class=\"mention hashtag\" rel=\"tag\">#<span>CSS</span></a> declarations?</p><p>Such a triangle also has all vertex angles equal = (sum of angles in a triangle)/3 = 180°/3 = 60°</p><p>👉 <a href=\"https://en.wikipedia.org/wiki/Sum_of_angles_of_a_triangle\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">en.wikipedia.org/wiki/Sum_of_a</span><span class=\"invisible\">ngles_of_a_triangle</span></a></p><p>Knowing its edge length a, its height is a·sin(60°).</p><p>Aspect ratio of the box <br />a/(a·sin(60°)) = 1/sin(60°)</p><p><a href=\"https://mastodon.social/tags/cssMaths\" class=\"mention hashtag\" rel=\"tag\">#<span>cssMaths</span></a> <a href=\"https://mastodon.social/tags/Maths\" class=\"mention hashtag\" rel=\"tag\">#<span>Maths</span></a> <a href=\"https://mastodon.social/tags/Mahematics\" class=\"mention hashtag\" rel=\"tag\">#<span>Mahematics</span></a> <a href=\"https://mastodon.social/tags/code\" class=\"mention hashtag\" rel=\"tag\">#<span>code</span></a> <a href=\"https://mastodon.social/tags/trigonometry\" class=\"mention hashtag\" rel=\"tag\">#<span>trigonometry</span></a> <a href=\"https://mastodon.social/tags/triangle\" class=\"mention hashtag\" rel=\"tag\">#<span>triangle</span></a> <a href=\"https://mastodon.social/tags/coding\" class=\"mention hashtag\" rel=\"tag\">#<span>coding</span></a> <a href=\"https://mastodon.social/tags/webDev\" class=\"mention hashtag\" rel=\"tag\">#<span>webDev</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/webDevelopment\" class=\"mention hashtag\" rel=\"tag\">#<span>webDevelopment</span></a> <a href=\"https://mastodon.social/tags/dev\" class=\"mention hashtag\" rel=\"tag\">#<span>dev</span></a></p>",
"contentMap": {
"en": "<p><a href=\"https://mastodon.social/tags/tinyCSStip\" class=\"mention hashtag\" rel=\"tag\">#<span>tinyCSStip</span></a> Want to create a triangle with all edges equal in 4 simple <a href=\"https://mastodon.social/tags/CSS\" class=\"mention hashtag\" rel=\"tag\">#<span>CSS</span></a> declarations?</p><p>Such a triangle also has all vertex angles equal = (sum of angles in a triangle)/3 = 180°/3 = 60°</p><p>👉 <a href=\"https://en.wikipedia.org/wiki/Sum_of_angles_of_a_triangle\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">en.wikipedia.org/wiki/Sum_of_a</span><span class=\"invisible\">ngles_of_a_triangle</span></a></p><p>Knowing its edge length a, its height is a·sin(60°).</p><p>Aspect ratio of the box <br />a/(a·sin(60°)) = 1/sin(60°)</p><p><a href=\"https://mastodon.social/tags/cssMaths\" class=\"mention hashtag\" rel=\"tag\">#<span>cssMaths</span></a> <a href=\"https://mastodon.social/tags/Maths\" class=\"mention hashtag\" rel=\"tag\">#<span>Maths</span></a> <a href=\"https://mastodon.social/tags/Mahematics\" class=\"mention hashtag\" rel=\"tag\">#<span>Mahematics</span></a> <a href=\"https://mastodon.social/tags/code\" class=\"mention hashtag\" rel=\"tag\">#<span>code</span></a> <a href=\"https://mastodon.social/tags/trigonometry\" class=\"mention hashtag\" rel=\"tag\">#<span>trigonometry</span></a> <a href=\"https://mastodon.social/tags/triangle\" class=\"mention hashtag\" rel=\"tag\">#<span>triangle</span></a> <a href=\"https://mastodon.social/tags/coding\" class=\"mention hashtag\" rel=\"tag\">#<span>coding</span></a> <a href=\"https://mastodon.social/tags/webDev\" class=\"mention hashtag\" rel=\"tag\">#<span>webDev</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/webDevelopment\" class=\"mention hashtag\" rel=\"tag\">#<span>webDevelopment</span></a> <a href=\"https://mastodon.social/tags/dev\" class=\"mention hashtag\" rel=\"tag\">#<span>dev</span></a></p>"
},
"attachment": [
{
"type": "Document",
"mediaType": "image/png",
"url": "https://files.mastodon.social/media_attachments/files/113/401/298/996/531/370/original/3e32a49c1df87778.png",
"name": "Equilateral triangle of edge length a. All its angles are equal to 60°. A height is also drawn from the top vertex onto the horizontal base. This splits the equilateral triangle into two congruent right triangles, where this height is a cathetus opposing a 60° angle.",
"blurhash": "U9SY{q%M%Mxu~qay?bt7IUfQxuj[-;j[M{ay",
"focalPoint": [
0,
0
],
"width": 1280,
"height": 1241
},
{
"type": "Document",
"mediaType": "image/png",
"url": "https://files.mastodon.social/media_attachments/files/113/401/301/359/905/392/original/cb457c64ff652d52.png",
"name": "CSS to create a triangle with all edges equal:\n\n```\n.equilateral-triangle {\n width: var(--a, 8em); /* triangle edge length */\n /* box aspect ratio = triangle base/ height */\n aspect-ratio: 1/ sin(60deg);\n background: hotpink; /* just to make it visible */\n clip-path: \n polygon(50% 0 /* top vertex */, \n 0 100% /* bottom left vertex */, \n 100% 100% /* bottom right vertex */)\n}\n```",
"blurhash": "UB9Qm,t7.8Wr%gj[j[j@_NWBoLoe%Nj[ayay",
"focalPoint": [
0,
0
],
"width": 1016,
"height": 548
},
{
"type": "Document",
"mediaType": "video/mp4",
"url": "https://files.mastodon.social/media_attachments/files/113/401/302/567/394/724/original/86ae0a22522f6141.mp4",
"name": "Animated GIF. Shows a CSS-created hotpink equilateral triangle on the left and the Firefox DevTools panel open on the right. The code for this triangle can be seen under the Rules tab in the Inspector:\n\n```\n.equilateral-triangle {\n\twidth: var(--a, 80vmin);\n\taspect-ratio: 1/ sin(60deg);\n\tbackground: hotpink;\n\tclip-path: polygon(50% 0, 0 100%, 100% 100%)\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~K][]~DjbJ5tko|j[aekVkCfkaeoLoLfQa{",
"focalPoint": [
0,
0
],
"width": 1134,
"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/maths",
"name": "#maths"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/mahematics",
"name": "#mahematics"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/code",
"name": "#code"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/trigonometry",
"name": "#trigonometry"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/triangle",
"name": "#triangle"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/coding",
"name": "#coding"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/webdev",
"name": "#webdev"
},
{
"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/webdevelopment",
"name": "#webdevelopment"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/dev",
"name": "#dev"
}
],
"replies": {
"id": "https://mastodon.social/users/anatudor/statuses/113401327109692942/replies",
"type": "Collection",
"first": {
"type": "CollectionPage",
"next": "https://mastodon.social/users/anatudor/statuses/113401327109692942/replies?min_id=113402465311837279&page=true",
"partOf": "https://mastodon.social/users/anatudor/statuses/113401327109692942/replies",
"items": [
"https://mastodon.social/users/anatudor/statuses/113402465311837279"
]
}
},
"likes": {
"id": "https://mastodon.social/users/anatudor/statuses/113401327109692942/likes",
"type": "Collection",
"totalItems": 20
},
"shares": {
"id": "https://mastodon.social/users/anatudor/statuses/113401327109692942/shares",
"type": "Collection",
"totalItems": 10
}
}