Kagi's #SmallWeb initiative is intended to help users discover hidden gems and support the #indieweb: https://blog.kagi.com/small-web
The Small Web website [https://kagi.com/smallweb] is also open source:
https://github.com/kagisearch/smallweb
Our goal is to help revitalize and protect a more humane web filled with creativity, personal expression, and valuable content.
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://mastodon.social/@kagihq/113416920080359234",
"content": {
"html": "<p>Kagi's <a href=\"https://mastodon.social/tags/SmallWeb\">#<span>SmallWeb</span></a> initiative is intended to help users discover hidden gems and support the <a href=\"https://mastodon.social/tags/indieweb\">#<span>indieweb</span></a>: <a href=\"https://blog.kagi.com/small-web\"><span>https://</span><span>blog.kagi.com/small-web</span><span></span></a></p><p>The Small Web website [<a href=\"https://kagi.com/smallweb\"><span>https://</span><span>kagi.com/smallweb</span><span></span></a>] is also open source:</p><p><a href=\"https://github.com/kagisearch/smallweb\"><span>https://</span><span>github.com/kagisearch/smallweb</span><span></span></a> </p><p>Our goal is to help revitalize and protect a more humane web filled with creativity, personal expression, and valuable content.</p>",
"text": "Kagi's #SmallWeb initiative is intended to help users discover hidden gems and support the #indieweb: https://blog.kagi.com/small-web\n\nThe Small Web website [https://kagi.com/smallweb] is also open source:\n\nhttps://github.com/kagisearch/smallweb \n\nOur goal is to help revitalize and protect a more humane web filled with creativity, personal expression, and valuable content."
},
"published": "2024-11-03T03:34:19+00:00",
"post-type": "note",
"_id": "42768708",
"_source": "8007",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://allthingstech.social/@countablenewt/113415694586629131",
"content": {
"html": "<p>Interesting post from <span class=\"h-card\"><a class=\"u-url\" href=\"https://mastodon.social/@kagihq\">@<span>kagihq</span></a></span> on their small web features</p><p><a href=\"https://blog.kagi.com/small-web\"><span>https://</span><span>blog.kagi.com/small-web</span><span></span></a></p><p><a href=\"https://allthingstech.social/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://allthingstech.social/tags/technology\">#<span>technology</span></a> <a href=\"https://allthingstech.social/tags/openweb\">#<span>openweb</span></a> <a href=\"https://allthingstech.social/tags/kagi\">#<span>kagi</span></a></p>\n<a class=\"u-mention\" href=\"https://mastodon.social/@kagihq\"></a>",
"text": "Interesting post from @kagihq on their small web features\n\nhttps://blog.kagi.com/small-web\n\n#indieweb #technology #openweb #kagi"
},
"published": "2024-11-02T22:22:40+00:00",
"post-type": "note",
"_id": "42767104",
"_source": "8007",
"_is_read": false
}
Hi Austin! Reminder we’re resuming the IndieWeb Meetup. This coming Wednesday, Nov 6th, the day after the election, 7pm, Mozart’s Coffee.
{
"type": "entry",
"author": {
"name": "Manton Reece",
"url": "https://www.manton.org/",
"photo": "https://micro.blog/manton/avatar.jpg"
},
"url": "https://www.manton.org/2024/11/02/hi-austin-reminder.html",
"content": {
"html": "<p>Hi Austin! Reminder we\u2019re resuming the IndieWeb Meetup. This coming Wednesday, Nov 6th, the day after the election, 7pm, Mozart\u2019s Coffee.</p>",
"text": "Hi Austin! Reminder we\u2019re resuming the IndieWeb Meetup. This coming Wednesday, Nov 6th, the day after the election, 7pm, Mozart\u2019s Coffee."
},
"published": "2024-11-02T16:37:12-05:00",
"post-type": "note",
"_id": "42766819",
"_source": "12",
"_is_read": false
}
New (little) review! I enjoyed MURDER BY NUMBERS, a bunch of #nonogram puzzles with some narrative tying them all together. The writing was way better than you'd expect from a game of this size though!
https://david.reviews/games/murder-by-numbers/
#videogames #games #indieweb
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://mastodon.social/@xavdid/113415188766914289",
"content": {
"html": "<p>New (little) review! I enjoyed MURDER BY NUMBERS, a bunch of <a href=\"https://mastodon.social/tags/nonogram\">#<span>nonogram</span></a> puzzles with some narrative tying them all together. The writing was way better than you'd expect from a game of this size though!</p><p><a href=\"https://david.reviews/games/murder-by-numbers/\"><span>https://</span><span>david.reviews/games/murder-by-</span><span>numbers/</span></a></p><p><a href=\"https://mastodon.social/tags/videogames\">#<span>videogames</span></a> <a href=\"https://mastodon.social/tags/games\">#<span>games</span></a> <a href=\"https://mastodon.social/tags/indieweb\">#<span>indieweb</span></a></p>",
"text": "New (little) review! I enjoyed MURDER BY NUMBERS, a bunch of #nonogram puzzles with some narrative tying them all together. The writing was way better than you'd expect from a game of this size though!\n\nhttps://david.reviews/games/murder-by-numbers/\n\n#videogames #games #indieweb"
},
"published": "2024-11-02T20:14:01+00:00",
"post-type": "note",
"_id": "42766309",
"_source": "8007",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://mstdn.social/@the_cheis/113414735192827578",
"content": {
"html": "<p>Nuevo post:</p><p>Disponible Fedora 41</p><p><a href=\"https://mstdn.social/tags/Fedora\">#<span>Fedora</span></a> <a href=\"https://mstdn.social/tags/Linux\">#<span>Linux</span></a> <a href=\"https://mstdn.social/tags/GNOME\">#<span>GNOME</span></a> <a href=\"https://mstdn.social/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://mstdn.social/tags/blog\">#<span>blog</span></a> <a href=\"https://mstdn.social/tags/enmiblog\">#<span>enmiblog</span></a></p><p><a href=\"https://thecheis.com/2024/11/02/disponible-fedora-41/\"><span>https://</span><span>thecheis.com/2024/11/02/dispon</span><span>ible-fedora-41/</span></a></p>",
"text": "Nuevo post:\n\nDisponible Fedora 41\n\n#Fedora #Linux #GNOME #indieweb #blog #enmiblog\n\nhttps://thecheis.com/2024/11/02/disponible-fedora-41/"
},
"published": "2024-11-02T18:18:40+00:00",
"post-type": "note",
"_id": "42765380",
"_source": "8007",
"_is_read": false
}
@adam_chal @janriemer Bluesky is built around the concept of users hosting their own data, which is more similar to the #IndieWeb than to Mastodon – Mastodon is focused on being a monolithic multi user social web server that federates with likeminded
I think there are lots to learn from how Bluesky and the IndieWeb puts the user at center, not the server
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://mastodon.social/@voxpelli/113414537606671808",
"content": {
"html": "<p><span class=\"h-card\"><a class=\"u-url\" href=\"https://hachyderm.io/@adam_chal\">@<span>adam_chal</span></a></span> <span class=\"h-card\"><a class=\"u-url\" href=\"https://floss.social/@janriemer\">@<span>janriemer</span></a></span> Bluesky is built around the concept of users hosting their own data, which is more similar to the <a href=\"https://mastodon.social/tags/IndieWeb\">#<span>IndieWeb</span></a> than to Mastodon \u2013 Mastodon is focused on being a monolithic multi user social web server that federates with likeminded</p><p>I think there are lots to learn from how Bluesky and the IndieWeb puts the user at center, not the server</p>\n<a class=\"u-mention\" href=\"https://floss.social/@janriemer\"></a>\n<a class=\"u-mention\" href=\"https://hachyderm.io/@adam_chal\"></a>",
"text": "@adam_chal @janriemer Bluesky is built around the concept of users hosting their own data, which is more similar to the #IndieWeb than to Mastodon \u2013 Mastodon is focused on being a monolithic multi user social web server that federates with likeminded\n\nI think there are lots to learn from how Bluesky and the IndieWeb puts the user at center, not the server"
},
"published": "2024-11-02T17:28:25+00:00",
"post-type": "note",
"_id": "42764882",
"_source": "8007",
"_is_read": false
}
Please publish and share more
Likes Please publish and share more by Jeff Triplett.
Write and publish before you write your own static site generator or perfect blogging platform. We have lost billions of good writers to this side quest because they spend all their time working on the platform instead of writing.
https://nicks.im/b/7B2
#IndieWeb #Websites
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://nicksimson.com/likes/c83f564e90/",
"content": {
"html": "<p>Please publish and share more</p><p>Likes Please publish and share more by Jeff Triplett.</p><p>Write and publish before you write your own static site generator or perfect blogging platform. We have lost billions of good writers to this side quest because they spend all their time working on the platform instead of writing.</p><p><a href=\"https://nicks.im/b/7B2\">https://nicks.im/b/7B2</a></p><p><a class=\"u-tag u-category\" href=\"https://nicksimson.com/tags/indieweb/\">#IndieWeb</a> <a class=\"u-tag u-category\" href=\"https://nicksimson.com/tags/websites/\">#Websites</a></p>",
"text": "Please publish and share more\n\nLikes Please publish and share more by Jeff Triplett.\n\nWrite and publish before you write your own static site generator or perfect blogging platform. We have lost billions of good writers to this side quest because they spend all their time working on the platform instead of writing.\n\nhttps://nicks.im/b/7B2\n\n#IndieWeb #Websites"
},
"published": "2024-11-02T16:10:09+00:00",
"post-type": "note",
"_id": "42764420",
"_source": "8007",
"_is_read": false
}
{
"type": "entry",
"published": "2024-11-02T13:03:00+0000",
"url": "https://www.jvt.me/mf2/2024/11/btz94/",
"category": [
"mastodon",
"fediverse"
],
"bookmark-of": [
"https://muffinlabs.com/posts/2024/10/29/10-29-rip-botsin-space/"
],
"author": {
"type": "card",
"name": "Jamie Tanna",
"url": "https://www.jvt.me",
"photo": "https://www.jvt.me/img/profile.png"
},
"post-type": "bookmark",
"refs": {
"https://muffinlabs.com/posts/2024/10/29/10-29-rip-botsin-space/": {
"type": "entry",
"url": "https://muffinlabs.com/posts/2024/10/29/10-29-rip-botsin-space/",
"name": "RIP botsin.space",
"author": {
"type": "card",
"name": "Colin Mitchell",
"url": false,
"photo": null
},
"post-type": "article"
}
},
"_id": "42763669",
"_source": "2169",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://social.lol/@mihobu/113413039765640381",
"content": {
"html": "<p>\ud83e\udd16 I posted to my photography weblog.</p><p>Old Slides</p><p> <a href=\"https://social.lol/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://social.lol/tags/photography\">#<span>photography</span></a><br /><a href=\"https://than-no.photo/old-slides\"><span>https://</span><span>than-no.photo/old-slides</span><span></span></a></p>",
"text": "\ud83e\udd16 I posted to my photography weblog.\n\nOld Slides\n\n #IndieWeb #photography\nhttps://than-no.photo/old-slides"
},
"published": "2024-11-02T11:07:30+00:00",
"photo": [
"https://files.mastodon.social/cache/media_attachments/files/113/413/039/811/294/770/original/a81ee0a20d294ef7.jpg"
],
"post-type": "photo",
"_id": "42761890",
"_source": "8007",
"_is_read": false
}
I wrote this piece on #indieweb before I had that word in my vocabulary but it still stands true today. I noticed it popped to the top of my popular pages this week so sharing here bc the #PersonalSites and #blog audience may enjoy:
https://www.jimwillis.org/2019/11/20/free-internet-vs-internet-of-free-stuff/
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://fosstodon.org/@Sjwillis/113412835786700527",
"content": {
"html": "<p>I wrote this piece on <a href=\"https://fosstodon.org/tags/indieweb\">#<span>indieweb</span></a> before I had that word in my vocabulary but it still stands true today. I noticed it popped to the top of my popular pages this week so sharing here bc the <a href=\"https://fosstodon.org/tags/PersonalSites\">#<span>PersonalSites</span></a> and <a href=\"https://fosstodon.org/tags/blog\">#<span>blog</span></a> audience may enjoy:</p><p><a href=\"https://www.jimwillis.org/2019/11/20/free-internet-vs-internet-of-free-stuff/\"><span>https://www.</span><span>jimwillis.org/2019/11/20/free-</span><span>internet-vs-internet-of-free-stuff/</span></a></p>",
"text": "I wrote this piece on #indieweb before I had that word in my vocabulary but it still stands true today. I noticed it popped to the top of my popular pages this week so sharing here bc the #PersonalSites and #blog audience may enjoy:\n\nhttps://www.jimwillis.org/2019/11/20/free-internet-vs-internet-of-free-stuff/"
},
"published": "2024-11-02T10:15:38+00:00",
"post-type": "note",
"_id": "42761465",
"_source": "8007",
"_is_read": false
}
I'm very excited for this month's #IndieWebCarnival. @xandra invited us to write about impact and I have so many good ideas buzzing through my brain.
https://library.xandra.cc/indieweb-carnival/
#blogging #IndieWeb
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://mastodon.world/@hamatti/113412829461154385",
"content": {
"html": "<p>I'm very excited for this month's <a href=\"https://mastodon.world/tags/IndieWebCarnival\">#<span>IndieWebCarnival</span></a>. <span class=\"h-card\"><a class=\"u-url\" href=\"https://tilde.zone/@xandra\">@<span>xandra</span></a></span> invited us to write about impact and I have so many good ideas buzzing through my brain.</p><p><a href=\"https://library.xandra.cc/indieweb-carnival/\"><span>https://</span><span>library.xandra.cc/indieweb-car</span><span>nival/</span></a></p><p><a href=\"https://mastodon.world/tags/blogging\">#<span>blogging</span></a> <a href=\"https://mastodon.world/tags/IndieWeb\">#<span>IndieWeb</span></a></p>\n<a class=\"u-mention\" href=\"https://tilde.zone/@xandra\"></a>",
"text": "I'm very excited for this month's #IndieWebCarnival. @xandra invited us to write about impact and I have so many good ideas buzzing through my brain.\n\nhttps://library.xandra.cc/indieweb-carnival/\n\n#blogging #IndieWeb"
},
"published": "2024-11-02T10:14:01+00:00",
"post-type": "note",
"_id": "42761466",
"_source": "8007",
"_is_read": false
}
That @dansup has been a busy chap on the @loops front, good to his word, I'm in…
---
Thank you and keep up the great work! 🙏
#IndieWeb #Loops
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://mastodon.social/@barrd/113412761663497908",
"content": {
"html": "<p>That <span class=\"h-card\"><a class=\"u-url\" href=\"https://mastodon.social/@dansup\">@<span>dansup</span></a></span> has been a busy chap on the <span class=\"h-card\"><a class=\"u-url\" href=\"https://pixelfed.social/loops\">@<span>loops</span></a></span> front, good to his word, I'm in\u2026</p><p>---<br />Thank you and keep up the great work! \ud83d\ude4f</p><p><a href=\"https://mastodon.social/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://mastodon.social/tags/Loops\">#<span>Loops</span></a></p>\n<a class=\"u-mention\" href=\"https://mastodon.social/@dansup\"></a>\n<a class=\"u-mention\" href=\"https://pixelfed.social/loops\"></a>",
"text": "That @dansup has been a busy chap on the @loops front, good to his word, I'm in\u2026\n\n---\nThank you and keep up the great work! \ud83d\ude4f\n\n#IndieWeb #Loops"
},
"published": "2024-11-02T09:56:47+00:00",
"photo": [
"https://files.mastodon.social/media_attachments/files/113/412/746/829/380/292/original/ce154cc694d881cb.png"
],
"post-type": "photo",
"_id": "42761467",
"_source": "8007",
"_is_read": false
}
@pointlessone@status.pointless.one short answer: oEmbed requires JS for publishers and consumers.
Longer:
For me, "simple" means a little HTML is all you need. I was inspired to come up with something that anyone could create with (existing) HTML text files. Zero imperative code.
Simple HTML also means easier / better support for static file hosting solutions.
E.g. if your website is on GitHub Pages or other static site hosting, you can’t implement an oEmbed endpoint (certainly not without an external service, which has other problems).
Whereas plain old semantic HTML (POSH¹) works great on GitHub Pages or other static site hosting.
Would be interesting to see if someone can build an oEmbed "shim" service that did discovery on rel=embed and then translated h-entry into oEmbed’s specific JSON vocabulary.
That way publishers would have less work to do (with plain HTML) and existing oEmbed consumers would support embedding more publishers.
¹ https://microformats.org/wiki/posh
{
"type": "entry",
"published": "2024-11-01 15:32-0700",
"url": "http://tantek.com/2024/306/t2/",
"in-reply-to": [
"https://status.pointless.one/@pointlessone/113410006646551178"
],
"content": {
"text": "@pointlessone@status.pointless.one short answer: oEmbed requires JS for publishers and consumers.\n\nLonger:\n\nFor me, \"simple\" means a little HTML is all you need. I was inspired to come up with something that anyone could create with (existing) HTML text files. Zero imperative code.\n\nSimple HTML also means easier / better support for static file hosting solutions. \n\nE.g. if your website is on GitHub Pages or other static site hosting, you can\u2019t implement an oEmbed endpoint (certainly not without an external service, which has other problems).\n\nWhereas plain old semantic HTML (POSH\u00b9) works great on GitHub Pages or other static site hosting.\n\nWould be interesting to see if someone can build an oEmbed \"shim\" service that did discovery on rel=embed and then translated h-entry into oEmbed\u2019s specific JSON vocabulary.\n\nThat way publishers would have less work to do (with plain HTML) and existing oEmbed consumers would support embedding more publishers.\n\n\u00b9 https://microformats.org/wiki/posh",
"html": "<a href=\"https://status.pointless.one/@pointlessone\">@pointlessone@status.pointless.one</a> short answer: oEmbed requires JS for publishers and consumers.<br /><br />Longer:<br /><br />For me, \"simple\" means a little HTML is all you need. I was inspired to come up with something that anyone could create with (existing) HTML text files. Zero imperative code.<br /><br />Simple HTML also means easier / better support for static file hosting solutions. <br /><br />E.g. if your website is on GitHub Pages or other static site hosting, you can\u2019t implement an oEmbed endpoint (certainly not without an external service, which has other problems).<br /><br />Whereas plain old semantic HTML (POSH<a href=\"http://tantek.com/#t5Zo2_note-1\">\u00b9</a>) works great on GitHub Pages or other static site hosting.<br /><br />Would be interesting to see if someone can build an oEmbed \"shim\" service that did discovery on rel=embed and then translated h-entry into oEmbed\u2019s specific JSON vocabulary.<br /><br />That way publishers would have less work to do (with plain HTML) and existing oEmbed consumers would support embedding more publishers.<br /><br /><a href=\"http://tantek.com/#t5Zo2_ref-1\">\u00b9</a> <a href=\"https://microformats.org/wiki/posh\">https://microformats.org/wiki/posh</a>"
},
"author": {
"type": "card",
"name": "Tantek \u00c7elik",
"url": "https://tantek.com/",
"photo": "https://aperture-media.p3k.io/tantek.com/acfddd7d8b2c8cf8aa163651432cc1ec7eb8ec2f881942dca963d305eeaaa6b8.jpg"
},
"post-type": "reply",
"refs": {
"https://status.pointless.one/@pointlessone/113410006646551178": {
"type": "entry",
"url": "https://status.pointless.one/@pointlessone/113410006646551178",
"name": "status.pointless.one user pointlessone\u2019s post",
"post-type": "article"
}
},
"_id": "42759707",
"_source": "1",
"_is_read": false
}
{
"type": "entry",
"published": "2024-11-01 22:27:00",
"url": "https://marksuth.dev/posts/2024/11/indieweb-movie-club-october-2024-wizard-of-oz",
"category": [
"Note"
],
"name": "IndieWeb Movie Club October 2024: Wizard of Oz",
"content": {
"text": "This might be slighty late, but the October pick for InideWeb Movie Club is Wizard of Oz selected by James.\nFor me, The Wizard of Oz is one of those ...",
"html": "<p>This might be slighty late, but the October pick for InideWeb Movie Club is <a href=\"https://jamesg.blog/2024/10/02/movie-club-oct-2024/\">Wizard of Oz</a> selected by James.</p>\n<p>For me, The Wizard of Oz is one of those ...</p>"
},
"author": {
"type": "card",
"name": "Mark Sutherland",
"url": "https://marksuth.dev/",
"photo": "https://marksuth.dev/images/avatar.jpg"
},
"post-type": "article",
"_id": "42758584",
"_source": "6127",
"_is_read": false
}
time to #livestream working on my #rust based website builder. version 42 continues to look like it's gonna be the one
https://www.twitch.tv/theidofalan
#IndieWeb
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://hachyderm.io/@TheIdOfAlan/113410385804330756",
"content": {
"html": "<p>time to <a href=\"https://hachyderm.io/tags/livestream\">#<span>livestream</span></a> working on my <a href=\"https://hachyderm.io/tags/rust\">#<span>rust</span></a> based website builder. version 42 continues to look like it's gonna be the one <img alt=\":blobfoxcomputer:\" height=\"16\" src=\"https://files.mastodon.social/cache/custom_emojis/images/000/441/135/original/be9555ba2e59102f.png\" title=\":blobfoxcomputer:\" width=\"16\" /></p><p><a href=\"https://www.twitch.tv/theidofalan\"><span>https://www.</span><span>twitch.tv/theidofalan</span><span></span></a></p><p><a href=\"https://hachyderm.io/tags/IndieWeb\">#<span>IndieWeb</span></a></p>",
"text": "time to #livestream working on my #rust based website builder. version 42 continues to look like it's gonna be the one \n\nhttps://www.twitch.tv/theidofalan\n\n#IndieWeb"
},
"published": "2024-11-01T23:52:34+00:00",
"post-type": "note",
"_id": "42758303",
"_source": "8007",
"_is_read": false
}
Last week at a #HomebrewWebsiteClub session¹ I pointed out that I was working on implementing a “simple” way to support embeds of my notes, that is, make my short notes embeddable, like how people embed tweets or toots.
I noted that to keep it as simple as possible while being flexible to implementation changes, I planned to implement three things:
1. A separate “embed” version of my post permalinks, with just the entry information (no header, nav, search, sidebar, footer etc.), embeddable via copy/paste or an iframe.
2. A way to “Follow Your Nose” discover that separate embed version
3. A way to discover the original post from the embedded version
For (1) a minimal h-entry, with perhaps a little bit of inline CSS would suffice.
For (2) I proposed using “rel=embed” which I’ve subsequently written up briefly².
For (3) The obvious existing answer is rel=canonical link from the embed version to the canonical post permalink.
Soon thereafter, several folks in the #IndieWeb community went ahead and implemented such embeds for their own sites, and even the https://libre.fm/ open scrobbling service!
https://indieweb.org/embed#IndieWeb_Examples
I have yet to implement it myself, and that’s fine. This is one of the things I appreciate about the community, we can share our plans and ideas for improving things on our own sites, and if someone else does it first, that's great! We celebrate it and explore the solution space together.
Got other ideas for simple embeds? Want to implement them on your own site?
Join us in the #indiewebdev chat: https://chat.indieweb.org/dev
UPDATE: What about oEmbed? tl;dr: oEmbed requires JS and backend code, more work and unsuitable for embeds from static site hosting (like GitHub pages).
A simple HTML method is accessible to many more independent publishers and easier to implement. More: https://tantek.com/2024/306/t2
Glossary
embed
https://indieweb.org/embed
Follow Your Nose
https://indieweb.org/follow_your_nose
h-entry
https://microformats.org/wiki/h-entry
oEmbed
https://indieweb.org/oEmbed
rel-canonical
https://indieweb.org/rel-canonical
static site hosting
https://indieweb.org/static_web_hosting
References
¹ https://indieweb.org/events/2024-10-23-hwc-europe#embedding
² https://indieweb.org/rel-embed
This is post 27 of #100PostsOfIndieWeb. #100Posts
← https://tantek.com/2024/287/t1/fediverse-unfollow-bridgyfed-bug
→ 🔮
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://indieweb.social/tags/indieweb",
"photo": null
},
"url": "https://fed.brid.gy/r/https://tantek.com/2024/306/t1/simple-embeds",
"content": {
"html": "<p>Last week at a <a href=\"https://indieweb.social/tags/HomebrewWebsiteClub\">#<span class=\"p-category\">HomebrewWebsiteClub</span></a> session<a href=\"https://tantek.com/2024/306/t1/simple-embeds#t5Zo1_note-1\">\u00b9</a> I pointed out that I was working on implementing a \u201csimple\u201d way to support embeds of my notes, that is, make my short notes embeddable, like how people embed tweets or toots.<br /><br />I noted that to keep it as simple as possible while being flexible to implementation changes, I planned to implement three things:<br /><br />1. A separate \u201cembed\u201d version of my post permalinks, with just the entry information (no header, nav, search, sidebar, footer etc.), embeddable via copy/paste or an iframe.<br />2. A way to \u201cFollow Your Nose\u201d discover that separate embed version<br />3. A way to discover the original post from the embedded version<br /><br />For (1) a minimal h-entry, with perhaps a little bit of inline CSS would suffice.<br /><br />For (2) I proposed using \u201crel=embed\u201d which I\u2019ve subsequently written up briefly<a href=\"https://tantek.com/2024/306/t1/simple-embeds#t5Zo1_note-2\">\u00b2</a>.<br /><br />For (3) The obvious existing answer is rel=canonical link from the embed version to the canonical post permalink.<br /><br /><br />Soon thereafter, several folks in the <a href=\"https://indieweb.social/tags/IndieWeb\">#<span class=\"p-category\">IndieWeb</span></a> community went ahead and implemented such embeds for their own sites, and even the <a href=\"https://libre.fm/\">https://libre.fm/</a> open scrobbling service!<br /><br /><a href=\"https://indieweb.org/embed#IndieWeb_Examples\">https://indieweb.org/embed#IndieWeb_Examples</a><br /><br />I have yet to implement it myself, and that\u2019s fine. This is one of the things I appreciate about the community, we can share our plans and ideas for improving things on our own sites, and if someone else does it first, that's great! We celebrate it and explore the solution space together.<br /><br />Got other ideas for simple embeds? Want to implement them on your own site?<br /><br />Join us in the <a href=\"https://indieweb.social/tags/indiewebdev\">#<span class=\"p-category\">indiewebdev</span></a> chat: <a href=\"https://chat.indieweb.org/dev\">https://chat.indieweb.org/dev</a><br /><br /><br />UPDATE: What about oEmbed? tl;dr: oEmbed requires JS and backend code, more work and unsuitable for embeds from static site hosting (like GitHub pages). <br /><br />A simple HTML method is accessible to many more independent publishers and easier to implement. More: <a href=\"https://tantek.com/2024/306/t2\">https://tantek.com/2024/306/t2</a><br /><br /><br />Glossary<br /><br />embed<br />\u00a0 <a href=\"https://indieweb.org/embed\">https://indieweb.org/embed</a><br />Follow Your Nose<br />\u00a0 <a href=\"https://indieweb.org/follow_your_nose\">https://indieweb.org/follow_your_nose</a><br />h-entry<br />\u00a0 <a href=\"https://microformats.org/wiki/h-entry\">https://microformats.org/wiki/h-entry</a><br />oEmbed<br />\u00a0 <a href=\"https://indieweb.org/oEmbed\">https://indieweb.org/oEmbed</a><br />rel-canonical<br />\u00a0 <a href=\"https://indieweb.org/rel-canonical\">https://indieweb.org/rel-canonical</a><br />static site hosting<br />\u00a0 <a href=\"https://indieweb.org/static_web_hosting\">https://indieweb.org/static_web_hosting</a><br /><br /><br />References<br />\u00a0 <br /><a href=\"https://tantek.com/2024/306/t1/simple-embeds#t5Zo1_ref-1\">\u00b9</a> <a href=\"https://indieweb.org/events/2024-10-23-hwc-europe#embedding\">https://indieweb.org/events/2024-10-23-hwc-europe#embedding</a><br /><a href=\"https://tantek.com/2024/306/t1/simple-embeds#t5Zo1_ref-2\">\u00b2</a> <a href=\"https://indieweb.org/rel-embed\">https://indieweb.org/rel-embed</a><br /><br /><br />This is post 27 of <a href=\"https://indieweb.social/tags/100PostsOfIndieWeb\">#<span class=\"p-category\">100PostsOfIndieWeb</span></a>. <a href=\"https://indieweb.social/tags/100Posts\">#<span class=\"p-category\">100Posts</span></a><br /><br />\u2190 <a href=\"https://tantek.com/2024/287/t1/fediverse-unfollow-bridgyfed-bug\">https://tantek.com/2024/287/t1/fediverse-unfollow-bridgyfed-bug</a><br />\u2192 \ud83d\udd2e</p>",
"text": "Last week at a #HomebrewWebsiteClub session\u00b9 I pointed out that I was working on implementing a \u201csimple\u201d way to support embeds of my notes, that is, make my short notes embeddable, like how people embed tweets or toots.\n\nI noted that to keep it as simple as possible while being flexible to implementation changes, I planned to implement three things:\n\n1. A separate \u201cembed\u201d version of my post permalinks, with just the entry information (no header, nav, search, sidebar, footer etc.), embeddable via copy/paste or an iframe.\n2. A way to \u201cFollow Your Nose\u201d discover that separate embed version\n3. A way to discover the original post from the embedded version\n\nFor (1) a minimal h-entry, with perhaps a little bit of inline CSS would suffice.\n\nFor (2) I proposed using \u201crel=embed\u201d which I\u2019ve subsequently written up briefly\u00b2.\n\nFor (3) The obvious existing answer is rel=canonical link from the embed version to the canonical post permalink.\n\n\nSoon thereafter, several folks in the #IndieWeb community went ahead and implemented such embeds for their own sites, and even the https://libre.fm/ open scrobbling service!\n\nhttps://indieweb.org/embed#IndieWeb_Examples\n\nI have yet to implement it myself, and that\u2019s fine. This is one of the things I appreciate about the community, we can share our plans and ideas for improving things on our own sites, and if someone else does it first, that's great! We celebrate it and explore the solution space together.\n\nGot other ideas for simple embeds? Want to implement them on your own site?\n\nJoin us in the #indiewebdev chat: https://chat.indieweb.org/dev\n\n\nUPDATE: What about oEmbed? tl;dr: oEmbed requires JS and backend code, more work and unsuitable for embeds from static site hosting (like GitHub pages). \n\nA simple HTML method is accessible to many more independent publishers and easier to implement. More: https://tantek.com/2024/306/t2\n\n\nGlossary\n\nembed\n\u00a0 https://indieweb.org/embed\nFollow Your Nose\n\u00a0 https://indieweb.org/follow_your_nose\nh-entry\n\u00a0 https://microformats.org/wiki/h-entry\noEmbed\n\u00a0 https://indieweb.org/oEmbed\nrel-canonical\n\u00a0 https://indieweb.org/rel-canonical\nstatic site hosting\n\u00a0 https://indieweb.org/static_web_hosting\n\n\nReferences\n\u00a0 \n\u00b9 https://indieweb.org/events/2024-10-23-hwc-europe#embedding\n\u00b2 https://indieweb.org/rel-embed\n\n\nThis is post 27 of #100PostsOfIndieWeb. #100Posts\n\n\u2190 https://tantek.com/2024/287/t1/fediverse-unfollow-bridgyfed-bug\n\u2192 \ud83d\udd2e"
},
"published": "2024-11-01T21:33:00+00:00",
"post-type": "note",
"_id": "42758070",
"_source": "8007",
"_is_read": false
}
monaxle listened to Everlasting Days (VIP) by Nu:Logic Feat. Lifford on Hospitality 2015 #librefm #indieweb #music #shareopenly https://libre.fm/user/monaxle/scrobble/1730500539
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://newsmast.social/@alxtrnr/113410094429008352",
"content": {
"html": "<p>monaxle listened to Everlasting Days (VIP) by Nu:Logic Feat. Lifford on Hospitality 2015 <a href=\"https://newsmast.social/tags/librefm\">#<span>librefm</span></a> <a href=\"https://newsmast.social/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://newsmast.social/tags/music\">#<span>music</span></a> <a href=\"https://newsmast.social/tags/shareopenly\">#<span>shareopenly</span></a> <a href=\"https://libre.fm/user/monaxle/scrobble/1730500539\"><span>https://</span><span>libre.fm/user/monaxle/scrobble</span><span>/1730500539</span></a></p>",
"text": "monaxle listened to Everlasting Days (VIP) by Nu:Logic Feat. Lifford on Hospitality 2015 #librefm #indieweb #music #shareopenly https://libre.fm/user/monaxle/scrobble/1730500539"
},
"published": "2024-11-01T22:38:28+00:00",
"post-type": "note",
"_id": "42757691",
"_source": "8007",
"_is_read": false
}
Last week at a #HomebrewWebsiteClub session¹ I pointed out that I was working on implementing a “simple” way to support embeds of my notes, that is, make my short notes embeddable, like how people embed tweets or toots.
I noted that to keep it as simple as possible while being flexible to implementation changes, I planned to implement three things:
1. A separate “embed” version of my post permalinks, with just the entry information (no header, nav, search, sidebar, footer etc.), embeddable via copy/paste or an iframe.
2. A way to “Follow Your Nose” discover that separate embed version
3. A way to discover the original post from the embedded version
For (1) a minimal h-entry, with perhaps a little bit of inline CSS would suffice.
For (2) I proposed using “rel=embed” which I’ve subsequently written up briefly².
For (3) The obvious existing answer is rel=canonical link from the embed version to the canonical post permalink.
Soon thereafter, several folks in the #IndieWeb community went ahead and implemented such embeds for their own sites, and even the https://libre.fm/ open scrobbling service!
https://indieweb.org/embed#IndieWeb_Examples
I have yet to implement it myself, and that’s fine. This is one of the things I appreciate about the community, we can share our plans and ideas for improving things on our own sites, and if someone else does it first, that's great! We celebrate it and explore the solution space together.
Got other ideas for simple embeds? Want to implement them on your own site?
Join us in the #indiewebdev chat: https://chat.indieweb.org/dev
Glossary
embed
https://indieweb.org/embed
Follow Your Nose
https://indieweb.org/follow_your_nose
h-entry
https://microformats.org/wiki/h-entry
rel-canonical
https://indieweb.org/rel-canonical
References
¹ https://indieweb.org/events/2024-10-23-hwc-europe#embedding
² https://indieweb.org/rel-embed
This is post 27 of #100PostsOfIndieWeb. #100Posts
← https://tantek.com/2024/287/t1/fediverse-unfollow-bridgyfed-bug
→ 🔮
{
"type": "entry",
"published": "2024-11-01 14:33-0700",
"url": "http://tantek.com/2024/306/t1/simple-embeds",
"category": [
"HomebrewWebsiteClub",
"IndieWeb",
"indiewebdev",
"100PostsOfIndieWeb",
"100Posts"
],
"content": {
"text": "Last week at a #HomebrewWebsiteClub session\u00b9 I pointed out that I was working on implementing a \u201csimple\u201d way to support embeds of my notes, that is, make my short notes embeddable, like how people embed tweets or toots.\n\nI noted that to keep it as simple as possible while being flexible to implementation changes, I planned to implement three things:\n\n1. A separate \u201cembed\u201d version of my post permalinks, with just the entry information (no header, nav, search, sidebar, footer etc.), embeddable via copy/paste or an iframe.\n2. A way to \u201cFollow Your Nose\u201d discover that separate embed version\n3. A way to discover the original post from the embedded version\n\nFor (1) a minimal h-entry, with perhaps a little bit of inline CSS would suffice.\n\nFor (2) I proposed using \u201crel=embed\u201d which I\u2019ve subsequently written up briefly\u00b2.\n\nFor (3) The obvious existing answer is rel=canonical link from the embed version to the canonical post permalink.\n\n\nSoon thereafter, several folks in the #IndieWeb community went ahead and implemented such embeds for their own sites, and even the https://libre.fm/ open scrobbling service!\n\nhttps://indieweb.org/embed#IndieWeb_Examples\n\nI have yet to implement it myself, and that\u2019s fine. This is one of the things I appreciate about the community, we can share our plans and ideas for improving things on our own sites, and if someone else does it first, that's great! We celebrate it and explore the solution space together.\n\nGot other ideas for simple embeds? Want to implement them on your own site?\n\nJoin us in the #indiewebdev chat: https://chat.indieweb.org/dev\n\n\nGlossary\n\nembed\n\u00a0 https://indieweb.org/embed\nFollow Your Nose\n\u00a0 https://indieweb.org/follow_your_nose\nh-entry\n\u00a0 https://microformats.org/wiki/h-entry\nrel-canonical\n\u00a0 https://indieweb.org/rel-canonical\n\n\nReferences\n\u00a0 \n\u00b9 https://indieweb.org/events/2024-10-23-hwc-europe#embedding\n\u00b2 https://indieweb.org/rel-embed\n\n\nThis is post 27 of #100PostsOfIndieWeb. #100Posts\n\n\u2190 https://tantek.com/2024/287/t1/fediverse-unfollow-bridgyfed-bug\n\u2192 \ud83d\udd2e",
"html": "Last week at a #<span class=\"p-category\">HomebrewWebsiteClub</span> session<a href=\"http://tantek.com/#t5Zo1_note-1\">\u00b9</a> I pointed out that I was working on implementing a \u201csimple\u201d way to support embeds of my notes, that is, make my short notes embeddable, like how people embed tweets or toots.<br /><br />I noted that to keep it as simple as possible while being flexible to implementation changes, I planned to implement three things:<br /><br />1. A separate \u201cembed\u201d version of my post permalinks, with just the entry information (no header, nav, search, sidebar, footer etc.), embeddable via copy/paste or an iframe.<br />2. A way to \u201cFollow Your Nose\u201d discover that separate embed version<br />3. A way to discover the original post from the embedded version<br /><br />For (1) a minimal h-entry, with perhaps a little bit of inline CSS would suffice.<br /><br />For (2) I proposed using \u201crel=embed\u201d which I\u2019ve subsequently written up briefly<a href=\"http://tantek.com/#t5Zo1_note-2\">\u00b2</a>.<br /><br />For (3) The obvious existing answer is rel=canonical link from the embed version to the canonical post permalink.<br /><br /><br />Soon thereafter, several folks in the #<span class=\"p-category\">IndieWeb</span> community went ahead and implemented such embeds for their own sites, and even the <a href=\"https://libre.fm/\">https://libre.fm/</a> open scrobbling service!<br /><br /><a href=\"https://indieweb.org/embed#IndieWeb_Examples\">https://indieweb.org/embed#IndieWeb_Examples</a><br /><br />I have yet to implement it myself, and that\u2019s fine. This is one of the things I appreciate about the community, we can share our plans and ideas for improving things on our own sites, and if someone else does it first, that's great! We celebrate it and explore the solution space together.<br /><br />Got other ideas for simple embeds? Want to implement them on your own site?<br /><br />Join us in the #<span class=\"p-category\">indiewebdev</span> chat: <a href=\"https://chat.indieweb.org/dev\">https://chat.indieweb.org/dev</a><br /><br /><br />Glossary<br /><br />embed<br />\u00a0 <a href=\"https://indieweb.org/embed\">https://indieweb.org/embed</a><br />Follow Your Nose<br />\u00a0 <a href=\"https://indieweb.org/follow_your_nose\">https://indieweb.org/follow_your_nose</a><br />h-entry<br />\u00a0 <a href=\"https://microformats.org/wiki/h-entry\">https://microformats.org/wiki/h-entry</a><br />rel-canonical<br />\u00a0 <a href=\"https://indieweb.org/rel-canonical\">https://indieweb.org/rel-canonical</a><br /><br /><br />References<br />\u00a0 <br /><a href=\"http://tantek.com/#t5Zo1_ref-1\">\u00b9</a> <a href=\"https://indieweb.org/events/2024-10-23-hwc-europe#embedding\">https://indieweb.org/events/2024-10-23-hwc-europe#embedding</a><br /><a href=\"http://tantek.com/#t5Zo1_ref-2\">\u00b2</a> <a href=\"https://indieweb.org/rel-embed\">https://indieweb.org/rel-embed</a><br /><br /><br />This is post 27 of #<span class=\"p-category\">100PostsOfIndieWeb</span>. #<span class=\"p-category\">100Posts</span><br /><br />\u2190 <a href=\"https://tantek.com/2024/287/t1/fediverse-unfollow-bridgyfed-bug\">https://tantek.com/2024/287/t1/fediverse-unfollow-bridgyfed-bug</a><br />\u2192 \ud83d\udd2e"
},
"author": {
"type": "card",
"name": "Tantek \u00c7elik",
"url": "https://tantek.com/",
"photo": "https://aperture-media.p3k.io/tantek.com/acfddd7d8b2c8cf8aa163651432cc1ec7eb8ec2f881942dca963d305eeaaa6b8.jpg"
},
"post-type": "note",
"_id": "42757573",
"_source": "1",
"_is_read": false
}
I should add #webmention to the Wok. Does anybody know of a simple (the simplest the better) self-hostable webmention server? Bonus if there's also a client that can be fed some #RSS to do its thing.
#selfHosting
{
"type": "entry",
"author": {
"name": "#webmention",
"url": "https://mastodon.social/tags/webmention",
"photo": null
},
"url": "https://sociale.network/@oblomov/113409882478343149",
"content": {
"html": "<p>I should add <a href=\"https://sociale.network/tags/webmention\">#<span>webmention</span></a> to the Wok. Does anybody know of a simple (the simplest the better) self-hostable webmention server? Bonus if there's also a client that can be fed some <a href=\"https://sociale.network/tags/RSS\">#<span>RSS</span></a> to do its thing.</p><p><a href=\"https://sociale.network/tags/selfHosting\">#<span>selfHosting</span></a></p>",
"text": "I should add #webmention to the Wok. Does anybody know of a simple (the simplest the better) self-hostable webmention server? Bonus if there's also a client that can be fed some #RSS to do its thing.\n\n#selfHosting"
},
"published": "2024-11-01T21:44:34+00:00",
"post-type": "note",
"_id": "42757276",
"_source": "8007",
"_is_read": false
}
You can continue to just follow me here if you're not interested in creating an account too #indieweb #blog
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://allthingstech.social/@countablenewt/113409732832950669",
"content": {
"html": "<p>You can continue to just follow me here if you're not interested in creating an account too <a href=\"https://allthingstech.social/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://allthingstech.social/tags/blog\">#<span>blog</span></a></p>",
"text": "You can continue to just follow me here if you're not interested in creating an account too #indieweb #blog"
},
"published": "2024-11-01T21:06:30+00:00",
"post-type": "note",
"_id": "42757053",
"_source": "8007",
"_is_read": false
}