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://social.vivaldi.net/users/ajaxStardust/statuses/112303897921349068",
"type": "Note",
"summary": null,
"inReplyTo": null,
"published": "2024-04-20T13:58:09Z",
"url": "https://social.vivaldi.net/@ajaxStardust/112303897921349068",
"attributedTo": "https://social.vivaldi.net/users/ajaxStardust",
"to": [
"https://www.w3.org/ns/activitystreams#Public"
],
"cc": [
"https://social.vivaldi.net/users/ajaxStardust/followers"
],
"sensitive": false,
"atomUri": "https://social.vivaldi.net/users/ajaxStardust/statuses/112303897921349068",
"inReplyToAtomUri": null,
"conversation": "tag:vivaldi.net,2024-04-20:objectId=140240970:objectType=Conversation",
"content": "<p><a href=\"https://statecollegeguitarlessons.com/adb\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">statecollegeguitarlessons.com/</span><span class=\"invisible\">adb</span></a></p><p>Please Click "A" for <a href=\"https://social.vivaldi.net/tags/Aeolean\" class=\"mention hashtag\" rel=\"tag\">#<span>Aeolean</span></a> mode (.webm)<br />Click "M" for Mode Views (SVG variants)</p><p>I'm looking for "mostly vanilla" code. I honestly don't think my vision necessitates the use of a full-on Vue/ React deploy </p><p>Otherwise, I need to find the correct library to work w/ SVG/ UI </p><p>I specify that because -- ULTIMATELY-- the <a href=\"https://social.vivaldi.net/tags/utility\" class=\"mention hashtag\" rel=\"tag\">#<span>utility</span></a> is greater if the user is able to click-on/ click-off the "missing" tones. </p><p># Objective<br />make an <a href=\"https://social.vivaldi.net/tags/interactive\" class=\"mention hashtag\" rel=\"tag\">#<span>interactive</span></a> html page with SVG to capture User input (e.g. assessments) much like what is shown here.<br /><a href=\"https://statecollegeguitarlessons.com/adb/aeolean.webm\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">statecollegeguitarlessons.com/</span><span class=\"invisible\">adb/aeolean.webm</span></a><br /><a href=\"https://social.vivaldi.net/tags/training\" class=\"mention hashtag\" rel=\"tag\">#<span>training</span></a> </p><p>## Detail<br />The images depict dots representing positions of tones of the Aeolean mode (relative minor) of a <a href=\"https://social.vivaldi.net/tags/Major\" class=\"mention hashtag\" rel=\"tag\">#<span>Major</span></a> <a href=\"https://social.vivaldi.net/tags/Scale\" class=\"mention hashtag\" rel=\"tag\">#<span>Scale</span></a> as appears on a standard <a href=\"https://social.vivaldi.net/tags/guitar\" class=\"mention hashtag\" rel=\"tag\">#<span>guitar</span></a> <a href=\"https://social.vivaldi.net/tags/fretboard\" class=\"mention hashtag\" rel=\"tag\">#<span>fretboard</span></a> </p><p>The various SVG's show what is meant to be perceived as "the same mode", with select tones missing. It's a basic, "locate what's missing" <a href=\"https://social.vivaldi.net/tags/Puzzles\" class=\"mention hashtag\" rel=\"tag\">#<span>Puzzles</span></a> </p><p>### Deficit</p><p>I know how to make the SVG "look how" i want enough to satisfy me. <br />I know what I want for the function of the user interaction. </p><p>I don't know efficient JavaScript/ <a href=\"https://social.vivaldi.net/tags/HTML5\" class=\"mention hashtag\" rel=\"tag\">#<span>HTML5</span></a> to do it </p><p>Any libraries that are meant specifically to assist w/ this type of project? <br />There's jQuery UI for example, but I've never messed with it deeply. </p><p>What is your suggestion?<br /><a href=\"https://social.vivaldi.net/tags/guitarteacher\" class=\"mention hashtag\" rel=\"tag\">#<span>guitarteacher</span></a> <a href=\"https://social.vivaldi.net/tags/css\" class=\"mention hashtag\" rel=\"tag\">#<span>css</span></a> <a href=\"https://social.vivaldi.net/tags/javascript\" class=\"mention hashtag\" rel=\"tag\">#<span>javascript</span></a> <a href=\"https://social.vivaldi.net/tags/jquery\" class=\"mention hashtag\" rel=\"tag\">#<span>jquery</span></a> <a href=\"https://social.vivaldi.net/tags/guitarlessons\" class=\"mention hashtag\" rel=\"tag\">#<span>guitarlessons</span></a></p>",
"contentMap": {
"en": "<p><a href=\"https://statecollegeguitarlessons.com/adb\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">statecollegeguitarlessons.com/</span><span class=\"invisible\">adb</span></a></p><p>Please Click "A" for <a href=\"https://social.vivaldi.net/tags/Aeolean\" class=\"mention hashtag\" rel=\"tag\">#<span>Aeolean</span></a> mode (.webm)<br />Click "M" for Mode Views (SVG variants)</p><p>I'm looking for "mostly vanilla" code. I honestly don't think my vision necessitates the use of a full-on Vue/ React deploy </p><p>Otherwise, I need to find the correct library to work w/ SVG/ UI </p><p>I specify that because -- ULTIMATELY-- the <a href=\"https://social.vivaldi.net/tags/utility\" class=\"mention hashtag\" rel=\"tag\">#<span>utility</span></a> is greater if the user is able to click-on/ click-off the "missing" tones. </p><p># Objective<br />make an <a href=\"https://social.vivaldi.net/tags/interactive\" class=\"mention hashtag\" rel=\"tag\">#<span>interactive</span></a> html page with SVG to capture User input (e.g. assessments) much like what is shown here.<br /><a href=\"https://statecollegeguitarlessons.com/adb/aeolean.webm\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">statecollegeguitarlessons.com/</span><span class=\"invisible\">adb/aeolean.webm</span></a><br /><a href=\"https://social.vivaldi.net/tags/training\" class=\"mention hashtag\" rel=\"tag\">#<span>training</span></a> </p><p>## Detail<br />The images depict dots representing positions of tones of the Aeolean mode (relative minor) of a <a href=\"https://social.vivaldi.net/tags/Major\" class=\"mention hashtag\" rel=\"tag\">#<span>Major</span></a> <a href=\"https://social.vivaldi.net/tags/Scale\" class=\"mention hashtag\" rel=\"tag\">#<span>Scale</span></a> as appears on a standard <a href=\"https://social.vivaldi.net/tags/guitar\" class=\"mention hashtag\" rel=\"tag\">#<span>guitar</span></a> <a href=\"https://social.vivaldi.net/tags/fretboard\" class=\"mention hashtag\" rel=\"tag\">#<span>fretboard</span></a> </p><p>The various SVG's show what is meant to be perceived as "the same mode", with select tones missing. It's a basic, "locate what's missing" <a href=\"https://social.vivaldi.net/tags/Puzzles\" class=\"mention hashtag\" rel=\"tag\">#<span>Puzzles</span></a> </p><p>### Deficit</p><p>I know how to make the SVG "look how" i want enough to satisfy me. <br />I know what I want for the function of the user interaction. </p><p>I don't know efficient JavaScript/ <a href=\"https://social.vivaldi.net/tags/HTML5\" class=\"mention hashtag\" rel=\"tag\">#<span>HTML5</span></a> to do it </p><p>Any libraries that are meant specifically to assist w/ this type of project? <br />There's jQuery UI for example, but I've never messed with it deeply. </p><p>What is your suggestion?<br /><a href=\"https://social.vivaldi.net/tags/guitarteacher\" class=\"mention hashtag\" rel=\"tag\">#<span>guitarteacher</span></a> <a href=\"https://social.vivaldi.net/tags/css\" class=\"mention hashtag\" rel=\"tag\">#<span>css</span></a> <a href=\"https://social.vivaldi.net/tags/javascript\" class=\"mention hashtag\" rel=\"tag\">#<span>javascript</span></a> <a href=\"https://social.vivaldi.net/tags/jquery\" class=\"mention hashtag\" rel=\"tag\">#<span>jquery</span></a> <a href=\"https://social.vivaldi.net/tags/guitarlessons\" class=\"mention hashtag\" rel=\"tag\">#<span>guitarlessons</span></a></p>"
},
"updated": "2024-04-20T14:05:04Z",
"attachment": [],
"tag": [
{
"type": "Hashtag",
"href": "https://social.vivaldi.net/tags/aeolean",
"name": "#aeolean"
},
{
"type": "Hashtag",
"href": "https://social.vivaldi.net/tags/utility",
"name": "#utility"
},
{
"type": "Hashtag",
"href": "https://social.vivaldi.net/tags/interactive",
"name": "#interactive"
},
{
"type": "Hashtag",
"href": "https://social.vivaldi.net/tags/training",
"name": "#training"
},
{
"type": "Hashtag",
"href": "https://social.vivaldi.net/tags/major",
"name": "#major"
},
{
"type": "Hashtag",
"href": "https://social.vivaldi.net/tags/scale",
"name": "#scale"
},
{
"type": "Hashtag",
"href": "https://social.vivaldi.net/tags/guitar",
"name": "#guitar"
},
{
"type": "Hashtag",
"href": "https://social.vivaldi.net/tags/fretboard",
"name": "#fretboard"
},
{
"type": "Hashtag",
"href": "https://social.vivaldi.net/tags/puzzles",
"name": "#puzzles"
},
{
"type": "Hashtag",
"href": "https://social.vivaldi.net/tags/html5",
"name": "#html5"
},
{
"type": "Hashtag",
"href": "https://social.vivaldi.net/tags/guitarteacher",
"name": "#guitarteacher"
},
{
"type": "Hashtag",
"href": "https://social.vivaldi.net/tags/css",
"name": "#css"
},
{
"type": "Hashtag",
"href": "https://social.vivaldi.net/tags/javascript",
"name": "#javascript"
},
{
"type": "Hashtag",
"href": "https://social.vivaldi.net/tags/jquery",
"name": "#jquery"
},
{
"type": "Hashtag",
"href": "https://social.vivaldi.net/tags/guitarlessons",
"name": "#guitarlessons"
}
],
"replies": {
"id": "https://social.vivaldi.net/users/ajaxStardust/statuses/112303897921349068/replies",
"type": "Collection",
"first": {
"type": "CollectionPage",
"next": "https://social.vivaldi.net/users/ajaxStardust/statuses/112303897921349068/replies?min_id=112590539876691696&page=true",
"partOf": "https://social.vivaldi.net/users/ajaxStardust/statuses/112303897921349068/replies",
"items": [
"https://social.vivaldi.net/users/ajaxStardust/statuses/112590539876691696"
]
}
},
"likes": {
"id": "https://social.vivaldi.net/users/ajaxStardust/statuses/112303897921349068/likes",
"type": "Collection",
"totalItems": 2
},
"shares": {
"id": "https://social.vivaldi.net/users/ajaxStardust/statuses/112303897921349068/shares",
"type": "Collection",
"totalItems": 4
}
}