This is a basic note
This is a basic note
{
"type": [
"h-entry"
],
"properties": {
"content": [
"This is a basic note"
]
}
}
{
"type": [
"h-entry"
],
"properties": {
"url": "http://examples.tpxl.io#basic-note",
"published": [
"2020-10-20T06:25:25.921Z"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Author Name"
],
"url": [
"http://example.com/author"
]
}
}
],
"content": [
"This is a basic note"
]
}
}
<article class="h-entry">
<p class="e-content">This is a basic note</p>
<footer>
<a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
<time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
</footer>
</article>
With HTML
content :)
You can include images inside the content if it makes sense
{
"type": [
"h-entry"
],
"properties": {
"name": [
"This is an article"
],
"content": [
{
"html": "<p>With <code>HTML</code> content :)</p><p>You can include images inside the content if it makes sense</p><img src=\"https://placeimg.com/400/300\" />",
"value": "With HTML content :) \n\nYou can include images inside the content if it makes sense"
}
]
}
}
{
"type": [
"h-entry"
],
"properties": {
"url": "http://examples.tpxl.io#basic-article",
"published": [
"2020-10-20T06:25:25.921Z"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Author Name"
],
"url": [
"http://example.com/author"
]
}
}
],
"name": [
"This is an article"
],
"content": [
{
"html": "<p>With <code>HTML</code> content :)</p><p>You can include images inside the content if it makes sense</p><img src=\"https://placeimg.com/400/300\" />",
"value": "With HTML content :) \n\nYou can include images inside the content if it makes sense"
}
]
}
}
<article class="h-entry">
<header>
<h1 class="p-name">This is an article</h1>
</header>
<div class="e-content">
<p>With <code>HTML</code> content :)</p>
<p>You can include images inside the content if it makes sense</p>
<img src="https://placeimg.com/400/300" />
</div>
<footer>
<a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
<time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
</footer>
</article>
Wow look at this reply to https://example.com
{
"type": [
"h-entry"
],
"properties": {
"in-reply-to": [
"https://example.com"
],
"content": [
"Wow look at this reply to https://example.com"
]
}
}
{
"type": [
"h-entry"
],
"properties": {
"url": "http://examples.tpxl.io#reply",
"published": [
"2020-10-20T06:25:25.921Z"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Author Name"
],
"url": [
"http://example.com/author"
]
}
}
],
"in-reply-to": [
"https://example.com"
],
"content": [
"Wow look at this reply to https://example.com"
]
}
}
<article class="h-entry">
<p class="e-content">Wow look at this reply to https://example.com</p>
<a class="u-in-reply-to" href="https://example.com">Replied to https://example.com</a>
<footer>
<a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
<time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
</footer>
</article>
{
"type": [
"h-entry"
],
"properties": {
"like-of": [
"https://example.com"
]
}
}
{
"type": [
"h-entry"
],
"properties": {
"url": "http://examples.tpxl.io#like",
"published": [
"2020-10-20T06:25:25.921Z"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Author Name"
],
"url": [
"http://example.com/author"
]
}
}
],
"like-of": [
"https://example.com"
]
}
}
<article class="h-entry">
<a class="u-like-of" href="https://example.com">Like of https://example.com</a>
<footer>
<a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
<time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
</footer>
</article>
{
"type": [
"h-entry"
],
"properties": {
"content": "Video note",
"video": [
"http://a/vidjo.mov"
]
}
}
{
"type": [
"h-entry"
],
"properties": {
"url": "http://examples.tpxl.io#video-note",
"published": [
"2020-10-20T06:25:25.921Z"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Author Name"
],
"url": [
"http://example.com/author"
]
}
}
],
"content": "Video note",
"video": [
"http://a/vidjo.mov"
]
}
}
<article class="h-entry">
<video class="u-video" src="http://a/vidjo.mov" controls=""></video>
<footer>
<a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
<time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
</footer>
</article>
{
"type": [
"h-entry"
],
"properties": {
"content": "Audio note",
"audio": [
"http://a/podcast.mp3"
]
}
}
{
"type": [
"h-entry"
],
"properties": {
"url": "http://examples.tpxl.io#audio-note",
"published": [
"2020-10-20T06:25:25.921Z"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Author Name"
],
"url": [
"http://example.com/author"
]
}
}
],
"content": "Audio note",
"audio": [
"http://a/podcast.mp3"
]
}
}
<article class="h-entry">
<audio class="u-audio" src="http://a/podcast.mp3" controls=""></audio>
<footer>
<a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
<time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
</footer>
</article>
Isn't this neat
{
"type": [
"h-entry"
],
"properties": {
"name": [
"Article with photo"
],
"content": [
"Isn't this neat"
],
"photo": [
"https://placeimg.com/500/200"
]
}
}
{
"type": [
"h-entry"
],
"properties": {
"url": "http://examples.tpxl.io#article-with photo",
"published": [
"2020-10-20T06:25:25.921Z"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Author Name"
],
"url": [
"http://example.com/author"
]
}
}
],
"name": [
"Article with photo"
],
"content": [
"Isn't this neat"
],
"photo": [
"https://placeimg.com/500/200"
]
}
}
<article class="h-entry">
<header>
<h1 class="p-name">Article with photo</h1>
</header>
<img class="u-photo" src="https://placeimg.com/500/200" alt="" />
<p class="e-content">Isn't this neat</p>
<footer>
<a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
<time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
</footer>
</article>
An article with a featured image
{
"type": [
"h-entry"
],
"properties": {
"name": [
"Article Title"
],
"content": [
"An article with a featured image"
],
"featured": [
"https://placeimg.com/500/300"
]
}
}
{
"type": [
"h-entry"
],
"properties": {
"url": "http://examples.tpxl.io#article-with featured image",
"published": [
"2020-10-20T06:25:25.921Z"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Author Name"
],
"url": [
"http://example.com/author"
]
}
}
],
"name": [
"Article Title"
],
"content": [
"An article with a featured image"
],
"featured": [
"https://placeimg.com/500/300"
]
}
}
<article class="h-entry">
<header>
<img class="u-featured" src="https://placeimg.com/500/300" />
<h1 class="p-name">Article Title</h1>
</header>
<p class="e-content">An article with a featured image</p>
<footer>
<a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
<time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
</footer>
</article>
Checkout my photo
{
"type": [
"h-entry"
],
"properties": {
"content": [
"Checkout my photo"
],
"photo": [
"https://placeimg.com/500/300"
]
}
}
{
"type": [
"h-entry"
],
"properties": {
"url": "http://examples.tpxl.io#photo-note",
"published": [
"2020-10-20T06:25:25.921Z"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Author Name"
],
"url": [
"http://example.com/author"
]
}
}
],
"content": [
"Checkout my photo"
],
"photo": [
"https://placeimg.com/500/300"
]
}
}
<article class="h-entry">
<img class="u-photo" src="https://placeimg.com/500/300" alt="" />
<p class="e-content">Checkout my photo</p>
<footer>
<a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
<time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
</footer>
</article>
Checkout my photo
{
"type": [
"h-entry"
],
"properties": {
"content": [
"Checkout my photo"
],
"photo": [
{
"value": "https://placeimg.com/500/300",
"alt": "The alt text for this photo"
}
]
}
}
{
"type": [
"h-entry"
],
"properties": {
"url": "http://examples.tpxl.io#photo-with alt",
"published": [
"2020-10-20T06:25:25.921Z"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Author Name"
],
"url": [
"http://example.com/author"
]
}
}
],
"content": [
"Checkout my photo"
],
"photo": [
{
"value": "https://placeimg.com/500/300",
"alt": "The alt text for this photo"
}
]
}
}
<article class="h-entry">
<img class="u-photo" src="https://placeimg.com/500/300" alt="The alt text for this photo" />
<p class="e-content">Checkout my photo</p>
<footer>
<a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
<time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
</footer>
</article>
Checkout these multiple photos that should be related
{
"type": [
"h-entry"
],
"properties": {
"content": [
"Checkout these multiple photos that should be related"
],
"photo": [
"https://placeimg.com/300/100/animals",
"https://placeimg.com/300/100/arch",
"https://placeimg.com/300/100/nature"
]
}
}
{
"type": [
"h-entry"
],
"properties": {
"url": "http://examples.tpxl.io#multi-photo",
"published": [
"2020-10-20T06:25:25.921Z"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Author Name"
],
"url": [
"http://example.com/author"
]
}
}
],
"content": [
"Checkout these multiple photos that should be related"
],
"photo": [
"https://placeimg.com/300/100/animals",
"https://placeimg.com/300/100/arch",
"https://placeimg.com/300/100/nature"
]
}
}
<article class="h-entry">
<img class="u-photo" src="https://placeimg.com/300/100/animals" alt="" />
<img class="u-photo" src="https://placeimg.com/300/100/arch" alt="" />
<img class="u-photo" src="https://placeimg.com/300/100/nature" alt="" />
<p class="e-content">Checkout these multiple photos that should be related</p>
<footer>
<a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
<time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
</footer>
</article>
I am going to this event:
{
"type": [
"h-entry"
],
"properties": {
"in-reply-to": [
"https://example.com/event"
],
"rsvp": [
"yes"
]
}
}
{
"type": [
"h-entry"
],
"properties": {
"url": "http://examples.tpxl.io#rsvp",
"published": [
"2020-10-20T06:25:25.921Z"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Author Name"
],
"url": [
"http://example.com/author"
]
}
}
],
"in-reply-to": [
"https://example.com/event"
],
"rsvp": [
"yes"
]
}
}
<article class="h-entry">
<p>
<data class="p-rsvp" value="yes">I am going</data> to this event:
<a class="u-in-reply-to" href="https://example.com/event">https://example.com/event</a>
</p>
<footer>
<a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
<time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
</footer>
</article>
This is a post with comments
{
"type": [
"h-entry"
],
"properties": {
"name": [
"Check out the comments"
],
"content": [
"This is a post with comments"
],
"comment": [
{
"type": [
"h-cite"
],
"properties": {
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Alice"
],
"url": [
"https://placeimg.com/50/50/people"
]
}
}
],
"content": [
{
"value": "I concur.",
"html": "I concur."
}
]
}
},
{
"type": [
"h-cite"
],
"properties": {
"url": [
"http://example.com/comment/2"
],
"name": [
"second comment name"
],
"content": [
{
"value": "And I, as well, in addition. Too.",
"html": "And I, as well, in addition. Too."
}
]
}
}
]
}
}
{
"type": [
"h-entry"
],
"properties": {
"url": "http://examples.tpxl.io#article-with comments",
"published": [
"2020-10-20T06:25:25.921Z"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Author Name"
],
"url": [
"http://example.com/author"
]
}
}
],
"name": [
"Check out the comments"
],
"content": [
"This is a post with comments"
],
"comment": [
{
"type": [
"h-cite"
],
"properties": {
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Alice"
],
"url": [
"https://placeimg.com/50/50/people"
]
}
}
],
"content": [
{
"value": "I concur.",
"html": "I concur."
}
]
}
},
{
"type": [
"h-cite"
],
"properties": {
"url": [
"http://example.com/comment/2"
],
"name": [
"second comment name"
],
"content": [
{
"value": "And I, as well, in addition. Too.",
"html": "And I, as well, in addition. Too."
}
]
}
}
]
}
}
<article class="h-entry">
<header>
<h1 class="p-name">Check out the comments</h1>
</header>
<p class="e-content">This is a post with comments</p>
<footer>
<a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
<time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
</footer>
<div>
<h3>Comments</h3>
<article class="h-cite p-comment">
<div class="e-content">I concur.</div>
<footer>
<a class="h-card u-url" href="https://placeimg.com/50/50/people"><span class="p-name">Alice</span></a>
</footer>
</article>
<article class="h-cite p-comment">
<header>
<h1 class="p-name">second comment name</h1>
</header>
<div class="e-content">And I, as well, in addition. Too.</div>
<footer>
<a class="u-url" href="http://example.com/comment/2">Permalink</a>
</footer>
</article>
</div>
</article>
{
"type": [
"h-entry"
],
"properties": {
"name": [
"article abc"
],
"content": [
{
"value": "foo bar",
"html": "foo bar"
}
],
"url": [
"http://example.com/abc"
],
"like": [
{
"type": [
"h-cite"
],
"properties": {
"author": [
{
"type": [
"h-card"
],
"properties": {
"numeric-id": [
"100004"
],
"name": [
"Alice"
],
"url": [
"http://example.com/alice"
]
}
}
],
"content": [
{
"html": "<a href=\"http://example.com/abc\">likes this.</a>"
}
],
"like-of": [
"http://example.com/abc"
]
}
},
{
"type": [
"h-cite"
],
"properties": {
"url": [
"http://example.com/anonymous/like"
],
"content": [
{
"html": "<a href=\"http://example.com/abc\">likes this.</a>"
}
],
"like-of": [
"http://example.com/abc"
]
}
}
]
}
}
{
"type": [
"h-entry"
],
"properties": {
"url": [
"http://example.com/abc"
],
"published": [
"2020-10-20T06:25:25.921Z"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Author Name"
],
"url": [
"http://example.com/author"
]
}
}
],
"name": [
"article abc"
],
"content": [
{
"value": "foo bar",
"html": "foo bar"
}
],
"like": [
{
"type": [
"h-cite"
],
"properties": {
"author": [
{
"type": [
"h-card"
],
"properties": {
"numeric-id": [
"100004"
],
"name": [
"Alice"
],
"url": [
"http://example.com/alice"
]
}
}
],
"content": [
{
"html": "<a href=\"http://example.com/abc\">likes this.</a>"
}
],
"like-of": [
"http://example.com/abc"
]
}
},
{
"type": [
"h-cite"
],
"properties": {
"url": [
"http://example.com/anonymous/like"
],
"content": [
{
"html": "<a href=\"http://example.com/abc\">likes this.</a>"
}
],
"like-of": [
"http://example.com/abc"
]
}
}
]
}
}
<article class="h-entry">
<header>
<h1 class="p-name">article abc</h1>
</header>
<div class="e-content">foo bar</div>
<footer>
<a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
<time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
<a class="u-url" href="http://example.com/abc">Permalink</a>
</footer>
<a class="p-like h-cite u-url" href="http://example.com/abc">
<img class="u-photo" src="https://placeimg.com/100/100/people" alt="Liked by Unknown" />
</a>
<a class="p-like h-cite u-url" href="http://example.com/anonymous/like">
<img class="u-photo" src="https://placeimg.com/100/100/people" alt="Liked by Unknown" />
</a>
</article>
{
"type": [
"h-entry"
],
"properties": {
"name": [
"People have reposted this article"
],
"content": [
"Now other people will see it too"
],
"url": [
"http://example.com/abc"
],
"repost": [
{
"type": [
"h-cite"
],
"properties": {
"author": [
{
"type": [
"h-card"
],
"properties": {
"numeric-id": [
"100004"
],
"name": [
"Alice"
],
"url": [
"http://example.com/alice"
]
}
}
],
"content": [
{
"html": "<a href=\"http://example.com/abc\">shared this.</a>"
}
],
"repost-of": [
"http://example.com/abc"
]
}
},
{
"type": [
"h-cite"
],
"properties": {
"url": [
"http://example.com/anonymous/repost"
],
"content": [
{
"html": "<a href=\"http://example.com/abc\">shared this.</a>"
}
],
"repost-of": [
"http://example.com/abc"
]
}
}
]
}
}
{
"type": [
"h-entry"
],
"properties": {
"url": [
"http://example.com/abc"
],
"published": [
"2020-10-20T06:25:25.921Z"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Author Name"
],
"url": [
"http://example.com/author"
]
}
}
],
"name": [
"People have reposted this article"
],
"content": [
"Now other people will see it too"
],
"repost": [
{
"type": [
"h-cite"
],
"properties": {
"author": [
{
"type": [
"h-card"
],
"properties": {
"numeric-id": [
"100004"
],
"name": [
"Alice"
],
"url": [
"http://example.com/alice"
]
}
}
],
"content": [
{
"html": "<a href=\"http://example.com/abc\">shared this.</a>"
}
],
"repost-of": [
"http://example.com/abc"
]
}
},
{
"type": [
"h-cite"
],
"properties": {
"url": [
"http://example.com/anonymous/repost"
],
"content": [
{
"html": "<a href=\"http://example.com/abc\">shared this.</a>"
}
],
"repost-of": [
"http://example.com/abc"
]
}
}
]
}
}
<article class="h-entry">
<header>
<h1 class="p-name">People have reposted this article</h1>
</header>
<p class="e-content">Now other people will see it too</p>
<footer>
<a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
<time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
<a class="u-url" href="http://example.com/abc">Permalink</a>
</footer>
<a class="p-repost h-cite u-url" href="http://example.com/abc">
<img class="u-photo" src="https://placeimg.com/100/100/people" alt="Reposted by Unknown" />
</a>
<a class="p-repost h-cite u-url" href="http://example.com/anonymous/repost">
<img class="u-photo" src="https://placeimg.com/100/100/people" alt="Reposted by Unknown" />
</a>
</article>
{
"type": [
"h-entry"
],
"properties": {
"url": [
"http://example.com/comment/547822715231468_6796480"
],
"published": [
"2012-12-05T00:58:26+00:00"
],
"content": [
{
"value": "foo bar baz",
"html": "foo bar baz"
}
],
"in-reply-to": [
"http://example.com/original/post"
],
"location": [
{
"type": [
"h-card",
"p-location"
],
"properties": {
"name": [
"Carcassonne, Aude"
],
"url": [
"https://maps.google.com/maps?q=32.4004416,-98.9852672"
]
}
}
]
}
}
{
"type": [
"h-entry"
],
"properties": {
"url": [
"http://example.com/comment/547822715231468_6796480"
],
"published": [
"2012-12-05T00:58:26+00:00"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Author Name"
],
"url": [
"http://example.com/author"
]
}
}
],
"content": [
{
"value": "foo bar baz",
"html": "foo bar baz"
}
],
"in-reply-to": [
"http://example.com/original/post"
],
"location": [
{
"type": [
"h-card",
"p-location"
],
"properties": {
"name": [
"Carcassonne, Aude"
],
"url": [
"https://maps.google.com/maps?q=32.4004416,-98.9852672"
]
}
}
]
}
}
<article class="h-entry">
<div class="e-content">foo bar baz</div>
<a class="u-in-reply-to" href="http://example.com/original/post">Replied to http://example.com/original/post</a>
<footer>
<a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
<time class="dt-published" dateTime="2012-12-05T00:58:26+00:00">Wed Dec 05 2012</time>
<a class="u-url" href="http://example.com/comment/547822715231468_6796480">Permalink</a>
</footer>
</article>
{
"type": [
"h-event"
],
"properties": {
"name": [
"XYZ"
],
"summary": [
"it's happening!"
],
"url": [
"http://example.com/event-xyz"
],
"published": [
"2017-01-22T01:29:15+00:00"
],
"content": [
{
"html": "this event is gonna be great",
"value": "this event is gonna be great"
}
],
"start": [
"2017-07-12 17:30"
],
"end": [
"2017-07-12 19:30"
],
"location": [
{
"type": [
"h-card",
"p-location"
],
"properties": {
"name": [
"the place"
]
}
}
]
}
}
{
"type": [
"h-event"
],
"properties": {
"url": [
"http://example.com/event-xyz"
],
"published": [
"2017-01-22T01:29:15+00:00"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Author Name"
],
"url": [
"http://example.com/author"
]
}
}
],
"name": [
"XYZ"
],
"summary": [
"it's happening!"
],
"content": [
{
"html": "this event is gonna be great",
"value": "this event is gonna be great"
}
],
"start": [
"2017-07-12 17:30"
],
"end": [
"2017-07-12 19:30"
],
"location": [
{
"type": [
"h-card",
"p-location"
],
"properties": {
"name": [
"the place"
]
}
}
]
}
}
<article class="h-event">
<header>
<h1 class="p-name">XYZ</h1>
</header>
<div class="e-content">this event is gonna be great</div>
<footer>
<a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
<time class="dt-published" dateTime="2017-01-22T01:29:15+00:00">Sun Jan 22 2017</time>
<a class="u-url" href="http://example.com/event-xyz">Permalink</a>
</footer>
</article>
{
"type": [
"h-entry"
],
"properties": {
"url": [
"http://example.com/issue/6796480"
],
"content": [
{
"value": "must be your hardware",
"html": "must be your hardware"
}
],
"in-reply-to": [
"http://github.com/me/thing/issues/9"
]
}
}
{
"type": [
"h-entry"
],
"properties": {
"url": [
"http://example.com/issue/6796480"
],
"published": [
"2020-10-20T06:25:25.921Z"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Author Name"
],
"url": [
"http://example.com/author"
]
}
}
],
"content": [
{
"value": "must be your hardware",
"html": "must be your hardware"
}
],
"in-reply-to": [
"http://github.com/me/thing/issues/9"
]
}
}
<article class="h-entry">
<div class="e-content">must be your hardware</div>
<a class="u-in-reply-to" href="http://github.com/me/thing/issues/9">Replied to http://github.com/me/thing/issues/9</a>
<footer>
<a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
<time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
<a class="u-url" href="http://example.com/issue/6796480">Permalink</a>
</footer>
</article>
{
"type": [
"h-entry"
],
"properties": {
"in-reply-to": [
"http://example.com/bare-reply",
{
"type": [
"h-cite"
],
"value": "Reply inside h-cite",
"properties": {
"url": [
"http://example.com/embedded-reply"
],
"name": [
"Reply inside h-cite"
]
}
}
],
"content": [
{
"html": "This is the main content.",
"value": "This is the main content."
}
]
}
}
{
"type": [
"h-entry"
],
"properties": {
"url": "http://examples.tpxl.io#(granary)-in reply to with h cite",
"published": [
"2020-10-20T06:25:25.921Z"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Author Name"
],
"url": [
"http://example.com/author"
]
}
}
],
"in-reply-to": [
"http://example.com/bare-reply",
{
"type": [
"h-cite"
],
"value": "Reply inside h-cite",
"properties": {
"url": [
"http://example.com/embedded-reply"
],
"name": [
"Reply inside h-cite"
]
}
}
],
"content": [
{
"html": "This is the main content.",
"value": "This is the main content."
}
]
}
}
<article class="h-entry">
<div class="e-content">This is the main content.</div>
<a class="u-in-reply-to" href="http://example.com/bare-reply">Replied to http://example.com/bare-reply</a>
<footer>
<a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
<time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
</footer>
</article>
{
"type": [
"h-entry"
],
"properties": {
"url": [
"http://example.com/this/invite"
],
"invitee": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Alice"
],
"url": [
"http://example.com/alice"
]
}
}
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Mr. Host"
],
"url": [
"http://example.com/host"
]
}
}
]
}
}
{
"type": [
"h-entry"
],
"properties": {
"url": [
"http://example.com/this/invite"
],
"published": [
"2020-10-20T06:25:25.921Z"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Mr. Host"
],
"url": [
"http://example.com/host"
]
}
}
],
"invitee": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Alice"
],
"url": [
"http://example.com/alice"
]
}
}
]
}
}
<article class="h-entry">
<footer>
<a class="h-card u-url" href="http://example.com/host"><span class="p-name">Mr. Host</span></a>Published:
<time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
<a class="u-url" href="http://example.com/this/invite">Permalink</a>
</footer>
</article>
{
"type": [
"h-entry"
],
"properties": {
"url": [
"http://example.com/this/like"
],
"published": [
"2012-12-05T00:58:26+00:00"
],
"content": [
{
"html": "<a href=\"http://example.com/original/post\">likes this.</a>"
}
],
"like-of": [
"http://example.com/original/post",
"http://example.com/other/post"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Alice"
],
"url": [
"http://example.com/alice"
]
}
}
]
}
}
{
"type": [
"h-entry"
],
"properties": {
"url": [
"http://example.com/this/like"
],
"published": [
"2012-12-05T00:58:26+00:00"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Alice"
],
"url": [
"http://example.com/alice"
]
}
}
],
"content": [
{
"html": "<a href=\"http://example.com/original/post\">likes this.</a>"
}
],
"like-of": [
"http://example.com/original/post",
"http://example.com/other/post"
]
}
}
<article class="h-entry">
<div class="e-content">
<a href="http://example.com/original/post">likes this.</a>
</div>
<a class="u-like-of" href="http://example.com/original/post">Like of http://example.com/original/post</a>
<a class="u-like-of" href="http://example.com/other/post">Like of http://example.com/other/post</a>
<footer>
<a class="h-card u-url" href="http://example.com/alice"><span class="p-name">Alice</span></a>Published:
<time class="dt-published" dateTime="2012-12-05T00:58:26+00:00">Wed Dec 05 2012</time>
<a class="u-url" href="http://example.com/this/like">Permalink</a>
</footer>
</article>
{
"type": [
"h-entry"
],
"properties": {
"url": [
"http://example.com/this/like"
],
"published": [
"2012-12-05T00:58:26+00:00"
],
"content": [
{
"html": "<a href=\"http://example.com/original/post\">likes this.</a>"
}
],
"like-of": [
"http://example.com/original/post"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Alice"
],
"url": [
"http://example.com/alice"
]
}
}
]
}
}
{
"type": [
"h-entry"
],
"properties": {
"url": [
"http://example.com/this/like"
],
"published": [
"2012-12-05T00:58:26+00:00"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Alice"
],
"url": [
"http://example.com/alice"
]
}
}
],
"content": [
{
"html": "<a href=\"http://example.com/original/post\">likes this.</a>"
}
],
"like-of": [
"http://example.com/original/post"
]
}
}
<article class="h-entry">
<div class="e-content">
<a href="http://example.com/original/post">likes this.</a>
</div>
<a class="u-like-of" href="http://example.com/original/post">Like of http://example.com/original/post</a>
<footer>
<a class="h-card u-url" href="http://example.com/alice"><span class="p-name">Alice</span></a>Published:
<time class="dt-published" dateTime="2012-12-05T00:58:26+00:00">Wed Dec 05 2012</time>
<a class="u-url" href="http://example.com/this/like">Permalink</a>
</footer>
</article>
i hereby quote
{
"type": [
"h-entry"
],
"properties": {
"content": [
"i hereby quote"
]
},
"children": [
{
"type": [
"h-cite",
"u-quotation-of"
],
"properties": {
"content": [
"this is being quoted"
],
"url": [
"http://quoted/post"
]
}
}
]
}
{
"type": [
"h-entry"
],
"properties": {
"url": "http://examples.tpxl.io#(granary)-note with cite",
"published": [
"2020-10-20T06:25:25.921Z"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Author Name"
],
"url": [
"http://example.com/author"
]
}
}
],
"content": [
"i hereby quote"
]
},
"children": [
{
"type": [
"h-cite",
"u-quotation-of"
],
"properties": {
"content": [
"this is being quoted"
],
"url": [
"http://quoted/post"
]
}
}
]
}
<article class="h-entry">
<p class="e-content">i hereby quote</p>
<footer>
<a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
<time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
</footer>
</article>
{
"type": [
"h-entry"
],
"properties": {
"photo": [
{
"type": [
"h-media"
],
"properties": {
"name": [
"The Photo Caption"
],
"url": [
"https://ben.thatmustbe.me/static/img.jpg"
]
},
"value": "https://ben.thatmustbe.me/static/img.jpgThe Photo Caption"
}
],
"name": [
""
]
}
}
{
"type": [
"h-entry"
],
"properties": {
"url": "http://examples.tpxl.io#(granary)-note with composite photo",
"published": [
"2020-10-20T06:25:25.921Z"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Author Name"
],
"url": [
"http://example.com/author"
]
}
}
],
"photo": [
{
"type": [
"h-media"
],
"properties": {
"name": [
"The Photo Caption"
],
"url": [
"https://ben.thatmustbe.me/static/img.jpg"
]
},
"value": "https://ben.thatmustbe.me/static/img.jpgThe Photo Caption"
}
],
"name": [
""
]
}
}
<article class="h-entry">
<header>
<h1 class="p-name"></h1>
</header>
<img class="u-photo" src="https://ben.thatmustbe.me/static/img.jpgThe Photo Caption" alt="" />
<footer>
<a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
<time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
</footer>
</article>
i hereby quote
{
"type": [
"h-entry"
],
"properties": {
"content": [
"i hereby quote"
],
"quotation-of": [
{
"type": [
"h-cite"
],
"properties": {
"content": [
"this is being quoted"
],
"url": [
"http://quoted/post"
]
}
}
]
}
}
{
"type": [
"h-entry"
],
"properties": {
"url": "http://examples.tpxl.io#(granary)-note with quotation",
"published": [
"2020-10-20T06:25:25.921Z"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Author Name"
],
"url": [
"http://example.com/author"
]
}
}
],
"content": [
"i hereby quote"
],
"quotation-of": [
{
"type": [
"h-cite"
],
"properties": {
"content": [
"this is being quoted"
],
"url": [
"http://quoted/post"
]
}
}
]
}
}
<article class="h-entry">
<p class="e-content">i hereby quote</p>
<footer>
<a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
<time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
</footer>
</article>
i hereby quote
{
"type": [
"h-entry"
],
"properties": {
"content": [
"i hereby quote"
],
"quotation-of": [
"this should be ignored",
{
"type": [
"h-cite"
],
"properties": {
"content": [
"this is being quoted"
],
"url": [
"http://quoted/post"
]
}
}
]
}
}
{
"type": [
"h-entry"
],
"properties": {
"url": "http://examples.tpxl.io#(granary)-note with string quotation",
"published": [
"2020-10-20T06:25:25.921Z"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Author Name"
],
"url": [
"http://example.com/author"
]
}
}
],
"content": [
"i hereby quote"
],
"quotation-of": [
"this should be ignored",
{
"type": [
"h-cite"
],
"properties": {
"content": [
"this is being quoted"
],
"url": [
"http://quoted/post"
]
}
}
]
}
}
<article class="h-entry">
<p class="e-content">i hereby quote</p>
<footer>
<a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
<time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
</footer>
</article>
{
"type": [
"h-entry"
],
"properties": {
"summary": [
"too cool to summarize"
],
"url": [
"http://example.com/blog-post-123",
"http://orig/1",
"http://orig/2"
],
"published": [
"2012-02-22T20:26:41"
],
"updated": [
"2013-10-25T10:31:30+00:00"
],
"content": [
{
"value": "A note. link too",
"html": "A note. <a href=\"http://my/link\">link</a> too"
}
],
"photo": [
"https://placeimg.com/400/400"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Ryan Barrett"
],
"photo": [
"https://placeimg.com/50/50/people"
]
}
}
],
"location": [
{
"type": [
"h-card",
"p-location"
],
"properties": {
"name": [
"Carcassonne, Aude"
],
"url": [
"https://maps.google.com/maps?q=32.4004416,-98.9852672"
],
"latitude": [
"50.820641"
],
"longitude": [
"-0.149522"
]
}
}
]
}
}
{
"type": [
"h-entry"
],
"properties": {
"url": [
"http://example.com/blog-post-123",
"http://orig/1",
"http://orig/2"
],
"published": [
"2012-02-22T20:26:41"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Ryan Barrett"
],
"photo": [
"https://placeimg.com/50/50/people"
]
}
}
],
"summary": [
"too cool to summarize"
],
"updated": [
"2013-10-25T10:31:30+00:00"
],
"content": [
{
"value": "A note. link too",
"html": "A note. <a href=\"http://my/link\">link</a> too"
}
],
"photo": [
"https://placeimg.com/400/400"
],
"location": [
{
"type": [
"h-card",
"p-location"
],
"properties": {
"name": [
"Carcassonne, Aude"
],
"url": [
"https://maps.google.com/maps?q=32.4004416,-98.9852672"
],
"latitude": [
"50.820641"
],
"longitude": [
"-0.149522"
]
}
}
]
}
}
<article class="h-entry">
<img class="u-photo" src="https://placeimg.com/400/400" alt="" />
<div class="e-content">A note.
<a href="http://my/link">link</a> too</div>
<footer>
<div class="h-card">
<img class="u-photo" src="https://placeimg.com/50/50/people" /><span class="p-name">Ryan Barrett</span></div>Published:
<time class="dt-published" dateTime="2012-02-22T20:26:41">Wed Feb 22 2012</time>
<a class="u-url" href="http://example.com/blog-post-123">Permalink</a>
<a class="u-url" href="http://orig/1">Permalink</a>
<a class="u-url" href="http://orig/2">Permalink</a>
</footer>
</article>
{
"type": [
"h-entry"
],
"properties": {
"repost-of": [
"http://example.com/bare-repost",
{
"type": [
"h-cite"
],
"value": "Author\nRepost content inside h-cite",
"properties": {
"url": [
"http://example.com/embedded-repost"
],
"name": [
"Author"
],
"content": [
{
"html": "Repost inside h-cite",
"value": "Repost inside h-cite"
}
]
}
}
],
"content": [
{
"html": "This is the main content.",
"value": "This is the main content."
}
]
}
}
{
"type": [
"h-entry"
],
"properties": {
"url": "http://examples.tpxl.io#(granary)-repost of with h cite",
"published": [
"2020-10-20T06:25:25.921Z"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Author Name"
],
"url": [
"http://example.com/author"
]
}
}
],
"repost-of": [
"http://example.com/bare-repost",
{
"type": [
"h-cite"
],
"value": "Author\nRepost content inside h-cite",
"properties": {
"url": [
"http://example.com/embedded-repost"
],
"name": [
"Author"
],
"content": [
{
"html": "Repost inside h-cite",
"value": "Repost inside h-cite"
}
]
}
}
],
"content": [
{
"html": "This is the main content.",
"value": "This is the main content."
}
]
}
}
<article class="h-entry">
<div class="e-content">This is the main content.</div>
<a class="u-repost-of" href="http://example.com/bare-repost">Repost of http://example.com/bare-repost</a>
<footer>
<a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
<time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
</footer>
</article>
{
"type": [
"h-entry"
],
"properties": {
"url": [
"http://example.com/this/repost"
],
"published": [
"2012-12-05T00:58:26+00:00"
],
"content": [
{
"html": "Shared <a href=\"http://example.com/original/post\">a post</a> by <span class=\"h-card\">\n \n<a class=\"p-name u-url\" href=\"http://example.com/bob\">Bob</a>\n \n </span>\nThe original post"
}
],
"repost-of": [
{
"type": [
"h-cite"
],
"properties": {
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Bob"
],
"url": [
"http://example.com/bob"
]
}
}
],
"content": [
{
"html": "The original post",
"value": "The original post"
}
],
"url": [
"http://example.com/original/post"
]
}
}
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Alice"
],
"url": [
"http://example.com/alice"
]
}
}
]
}
}
{
"type": [
"h-entry"
],
"properties": {
"url": [
"http://example.com/this/repost"
],
"published": [
"2012-12-05T00:58:26+00:00"
],
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Alice"
],
"url": [
"http://example.com/alice"
]
}
}
],
"content": [
{
"html": "Shared <a href=\"http://example.com/original/post\">a post</a> by <span class=\"h-card\">\n \n<a class=\"p-name u-url\" href=\"http://example.com/bob\">Bob</a>\n \n </span>\nThe original post"
}
],
"repost-of": [
{
"type": [
"h-cite"
],
"properties": {
"author": [
{
"type": [
"h-card"
],
"properties": {
"name": [
"Bob"
],
"url": [
"http://example.com/bob"
]
}
}
],
"content": [
{
"html": "The original post",
"value": "The original post"
}
],
"url": [
"http://example.com/original/post"
]
}
}
]
}
}
<article class="h-entry">
<div class="e-content">Shared
<a href="http://example.com/original/post">a post</a> by <span class="h-card">
<a class="p-name u-url" href="http://example.com/bob">Bob</a>
</span> The original post</div>
<footer>
<a class="h-card u-url" href="http://example.com/alice"><span class="p-name">Alice</span></a>Published:
<time class="dt-published" dateTime="2012-12-05T00:58:26+00:00">Wed Dec 05 2012</time>
<a class="u-url" href="http://example.com/this/repost">Permalink</a>
</footer>
</article>