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",
"Hashtag": "as:Hashtag"
}
],
"id": "https://fosstodon.org/users/Greenheart/collections/featured",
"type": "OrderedCollection",
"totalItems": 1,
"orderedItems": [
{
"id": "https://fosstodon.org/users/Greenheart/statuses/113001885902153520",
"type": "Note",
"summary": null,
"inReplyTo": null,
"published": "2024-08-21T20:25:40Z",
"url": "https://fosstodon.org/@Greenheart/113001885902153520",
"attributedTo": "https://fosstodon.org/users/Greenheart",
"to": [
"https://www.w3.org/ns/activitystreams#Public"
],
"cc": [
"https://fosstodon.org/users/Greenheart/followers",
"https://hachyderm.io/users/simonswiss"
],
"sensitive": false,
"atomUri": "https://fosstodon.org/users/Greenheart/statuses/113001885902153520",
"inReplyToAtomUri": null,
"conversation": "tag:fosstodon.org,2024-08-21:objectId=235986727:objectType=Conversation",
"content": "<p>I really enjoyed the visual examples in this talk by <span class=\"h-card\" translate=\"no\"><a href=\"https://hachyderm.io/@simonswiss\" class=\"u-url mention\">@<span>simonswiss</span></a></span>!</p><p>I have a similar experience with Tailwind CSS making it so much easier to collaborate closely with designers and developers - especially during the crucial prototyping stage. In small teams, this saves a lot of time compared to first designing, iterating and *then* implementing.</p><p>📺 Watch the talk: <a href=\"https://www.epicweb.dev/talks/unleashing-designers-with-tailwind-css\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"ellipsis\">epicweb.dev/talks/unleashing-d</span><span class=\"invisible\">esigners-with-tailwind-css</span></a></p><p><a href=\"https://fosstodon.org/tags/webdev\" class=\"mention hashtag\" rel=\"tag\">#<span>webdev</span></a> <a href=\"https://fosstodon.org/tags/tailwindcss\" class=\"mention hashtag\" rel=\"tag\">#<span>tailwindcss</span></a> <a href=\"https://fosstodon.org/tags/webdesign\" class=\"mention hashtag\" rel=\"tag\">#<span>webdesign</span></a> <a href=\"https://fosstodon.org/tags/frontend\" class=\"mention hashtag\" rel=\"tag\">#<span>frontend</span></a> <a href=\"https://fosstodon.org/tags/prototyping\" class=\"mention hashtag\" rel=\"tag\">#<span>prototyping</span></a> <a href=\"https://fosstodon.org/tags/css\" class=\"mention hashtag\" rel=\"tag\">#<span>css</span></a></p>",
"contentMap": {
"en": "<p>I really enjoyed the visual examples in this talk by <span class=\"h-card\" translate=\"no\"><a href=\"https://hachyderm.io/@simonswiss\" class=\"u-url mention\">@<span>simonswiss</span></a></span>!</p><p>I have a similar experience with Tailwind CSS making it so much easier to collaborate closely with designers and developers - especially during the crucial prototyping stage. In small teams, this saves a lot of time compared to first designing, iterating and *then* implementing.</p><p>📺 Watch the talk: <a href=\"https://www.epicweb.dev/talks/unleashing-designers-with-tailwind-css\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"ellipsis\">epicweb.dev/talks/unleashing-d</span><span class=\"invisible\">esigners-with-tailwind-css</span></a></p><p><a href=\"https://fosstodon.org/tags/webdev\" class=\"mention hashtag\" rel=\"tag\">#<span>webdev</span></a> <a href=\"https://fosstodon.org/tags/tailwindcss\" class=\"mention hashtag\" rel=\"tag\">#<span>tailwindcss</span></a> <a href=\"https://fosstodon.org/tags/webdesign\" class=\"mention hashtag\" rel=\"tag\">#<span>webdesign</span></a> <a href=\"https://fosstodon.org/tags/frontend\" class=\"mention hashtag\" rel=\"tag\">#<span>frontend</span></a> <a href=\"https://fosstodon.org/tags/prototyping\" class=\"mention hashtag\" rel=\"tag\">#<span>prototyping</span></a> <a href=\"https://fosstodon.org/tags/css\" class=\"mention hashtag\" rel=\"tag\">#<span>css</span></a></p>"
},
"attachment": [],
"tag": [
{
"type": "Mention",
"href": "https://hachyderm.io/users/simonswiss",
"name": "@simonswiss@hachyderm.io"
},
{
"type": "Hashtag",
"href": "https://fosstodon.org/tags/webdev",
"name": "#webdev"
},
{
"type": "Hashtag",
"href": "https://fosstodon.org/tags/tailwindcss",
"name": "#tailwindcss"
},
{
"type": "Hashtag",
"href": "https://fosstodon.org/tags/webdesign",
"name": "#webdesign"
},
{
"type": "Hashtag",
"href": "https://fosstodon.org/tags/frontend",
"name": "#frontend"
},
{
"type": "Hashtag",
"href": "https://fosstodon.org/tags/prototyping",
"name": "#prototyping"
},
{
"type": "Hashtag",
"href": "https://fosstodon.org/tags/css",
"name": "#css"
}
],
"replies": {
"id": "https://fosstodon.org/users/Greenheart/statuses/113001885902153520/replies",
"type": "Collection",
"first": {
"type": "CollectionPage",
"next": "https://fosstodon.org/users/Greenheart/statuses/113001885902153520/replies?only_other_accounts=true&page=true",
"partOf": "https://fosstodon.org/users/Greenheart/statuses/113001885902153520/replies",
"items": []
}
},
"likes": {
"id": "https://fosstodon.org/users/Greenheart/statuses/113001885902153520/likes",
"type": "Collection",
"totalItems": 1
},
"shares": {
"id": "https://fosstodon.org/users/Greenheart/statuses/113001885902153520/shares",
"type": "Collection",
"totalItems": 0
}
}
]
}