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!
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?
{
"type": "entry",
"published": "2024-11-01 14:33-0700",
"url": "https://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=\"https://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=\"https://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=\"https://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=\"https://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://tantek.com/photo.jpg"
},
"post-type": "note",
"_id": "42757664",
"_source": "2460"
}
🗓 I am going to Beyond Tellerand (@btconf@mastodon.social) Berlin next week 7-8 November and you should too!
BTconf is the best independent web design, development, and inspiration conference in Europe.
Everything from the speakers to the talks to the side events are a labor of love by @MarcThiele.com (@marcthiele@mastodon.social) and his crew, and it shows in the #btconf community he has gathered over the years.
If you’re in #Berlin, or can hop on a train and join us, you should.
And while you’re there, consider joining us at #IndieWebCamp Berlin right afterwards on 9-10 November (complimentary camp tickets at the same link), for #barcamp style discussions sessions and an #indieweb Create Day, writing, styling, designing, coding, hacking on our personal sites for a better web for ourselves and everyone else.
{
"type": "entry",
"published": "2024-10-31 22:34-0700",
"url": "https://tantek.com/2024/305/t1/beyond-tellerand-berlin",
"category": [
"btconf",
"Berlin",
"IndieWebCamp",
"barcamp",
"indieweb"
],
"content": {
"text": "European friends!\n\n\ud83d\uddd3 I am going to Beyond Tellerand (@btconf@mastodon.social) Berlin next week 7-8 November and you should too!\n\nBTconf is the best independent web design, development, and inspiration conference in Europe.\n\nEverything from the speakers to the talks to the side events are a labor of love by @MarcThiele.com (@marcthiele@mastodon.social) and his crew, and it shows in the #btconf community he has gathered over the years.\n\nIf you\u2019re in #Berlin, or can hop on a train and join us, you should.\n\n\ud83c\udf9f Grab a ticket: https://btco.nf/t\n\nAnd while you\u2019re there, consider joining us at #IndieWebCamp Berlin right afterwards on 9-10 November (complimentary camp tickets at the same link), for #barcamp style discussions sessions and an #indieweb Create Day, writing, styling, designing, coding, hacking on our personal sites for a better web for ourselves and everyone else.",
"html": "European friends!<br /><br />\ud83d\uddd3 I am going to Beyond Tellerand (<a href=\"https://mastodon.social/@btconf\">@btconf@mastodon.social</a>) Berlin next week 7-8 November and you should too!<br /><br />BTconf is the best independent web design, development, and inspiration conference in Europe.<br /><br />Everything from the speakers to the talks to the side events are a labor of love by <a href=\"https://MarcThiele.com\">@MarcThiele.com</a> (<a href=\"https://mastodon.social/@marcthiele\">@marcthiele@mastodon.social</a>) and his crew, and it shows in the #<span class=\"p-category\">btconf</span> community he has gathered over the years.<br /><br />If you\u2019re in #<span class=\"p-category\">Berlin</span>, or can hop on a train and join us, you should.<br /><br />\ud83c\udf9f Grab a ticket: <a href=\"https://btco.nf/t\">https://btco.nf/t</a><br /><br />And while you\u2019re there, consider joining us at #<span class=\"p-category\">IndieWebCamp</span> Berlin right afterwards on 9-10 November (complimentary camp tickets at the same link), for #<span class=\"p-category\">barcamp</span> style discussions sessions and an #<span class=\"p-category\">indieweb</span> Create Day, writing, styling, designing, coding, hacking on our personal sites for a better web for ourselves and everyone else."
},
"author": {
"type": "card",
"name": "Tantek \u00c7elik",
"url": "https://tantek.com/",
"photo": "https://tantek.com/photo.jpg"
},
"post-type": "note",
"_id": "42750609",
"_source": "2460"
}
I’m trying out The Wiki Game Daily, a challenge to get from one Wikipedia page to another by clicking only the blue wiki links on each page. I’ve played similar on some virtual hangouts, but this site provides a daily challenge.
{
"type": "entry",
"published": "2024-10-29 10:22-0700",
"url": "https://gregorlove.com/2024/10/im-trying-out-the/",
"category": [
"games",
"Wikipedia"
],
"syndication": [
"https://fed.brid.gy/"
],
"content": {
"text": "I\u2019m trying out The Wiki Game Daily, a challenge to get from one Wikipedia page to another by clicking only the blue wiki links on each page. I\u2019ve played similar on some virtual hangouts, but this site provides a daily challenge.\n\nToday\u2019s challenge: from Ed Sheeran to Arithmetic\n\nMy solution (spoilers!)Ed Sheeran\n\tPreparatory school (United Kingdom)\n\tPublic school (United Kingdom)\n\tCategory:Education in the United Kingdom\n\tAdvanced level mathematics\n\tCategory:Mathematics education in the United Kingdom\n\tCocker's Arithmetick\n\tCategory:Arithmetic\n\tArithmetic",
"html": "<p>I\u2019m trying out <a href=\"https://www.thewikigamedaily.com/\">The Wiki Game Daily</a>, a challenge to get from one Wikipedia page to another by clicking only the blue wiki links on each page. I\u2019ve played similar on some virtual hangouts, but this site provides a daily challenge.</p>\n\n<p>Today\u2019s challenge: from <a href=\"https://en.wikipedia.org/wiki/Ed_Sheeran\">Ed Sheeran</a> to <a href=\"https://en.wikipedia.org/wiki/Arithmetic\">Arithmetic</a></p>\n\nMy solution (spoilers!)<ol><li><a href=\"https://en.wikipedia.org/wiki/Ed_Sheeran\">Ed Sheeran</a></li>\n\t<li><a href=\"https://en.wikipedia.org/wiki/Preparatory_school_(United_Kingdom)\">Preparatory school (United Kingdom)</a></li>\n\t<li><a href=\"https://en.wikipedia.org/wiki/Public_school_(United_Kingdom)\">Public school (United Kingdom)</a></li>\n\t<li><a href=\"https://en.wikipedia.org/wiki/Category:Education_in_the_United_Kingdom\">Category:Education in the United Kingdom</a></li>\n\t<li><a href=\"https://en.wikipedia.org/wiki/Advanced_level_mathematics\">Advanced level mathematics</a></li>\n\t<li><a href=\"https://en.wikipedia.org/wiki/Category:Mathematics_education_in_the_United_Kingdom\">Category:Mathematics education in the United Kingdom</a></li>\n\t<li><a href=\"https://en.wikipedia.org/wiki/Cocker%27s_Arithmetick\">Cocker's Arithmetick</a></li>\n\t<li><a href=\"https://en.wikipedia.org/wiki/Category:Arithmetic\">Category:Arithmetic</a></li>\n\t<li><a href=\"https://en.wikipedia.org/wiki/Arithmetic\">Arithmetic</a></li>\n</ol>"
},
"author": {
"type": "card",
"name": "gRegor Morrill",
"url": "https://gregorlove.com/",
"photo": "https://gregorlove.com/site/assets/files/6268/profile-2021-square.300x0.jpg"
},
"post-type": "note",
"_id": "42721856",
"_source": "95"
}
{
"type": "entry",
"published": "2024-10-29T12:43:45-07:00",
"url": "https://beesbuzz.biz/blog/6669-M4-mini",
"category": [
"technology",
"Apple",
"It Just Works\u2122",
"Mac mini",
"design"
],
"name": "M4 mini",
"content": {
"text": "So, today Apple unveiled the new M4 Mac mini, which seems like a perfect upgrade for me! Except\u2026 they did something really asinine:\n\nThey put the power button underneath.\n\nThis means that you have to physically pick up the machine to turn it on, or to force-reboot it. Those are rare occurrences, but they\u2019re enough of one that this becomes a problem.\n\nWhy\u2019s this a problem? Well, part of it is that the mini\u2019s maximum storage configuration is pretty small, and upgrading the storage is stupid expensive, so pretty much everyone who\u2019s using these for doing, say, audio and video work is going to need an external drive enclosure. And external drive enclosures tend to have very short, fixed Thunderbolt cables, and managing those cables can become very tricky even when you don\u2019t need to move your device around.\n\nThis will also be a big problem for people who want to rackmount or monitor-mount their devices; as far as I can tell from various photos, there isn\u2019t really much of a gap/lip under which you can place a finger. Maybe people will start making custom button-pressing tools or something, I dunno. I guess that wouldn\u2019t be too hard.\n\nBut still, it\u2019s annoying that Apple would make this change.\n\n(Hopefully they at least put it under the front corner, which would at least be livable! None of the photos I\u2019m finding show which corner it\u2019s under though.)\n\nAnother annoying thing is that while there are now five USB-C ports (three of which are Thunderbolt), there are no longer USB-A ports, so at least for my setup I\u2019d need to run everything through a Thunderbolt dock, and finding one of those that\u2019s both reliable and provides the ports I need is troublesome at best. Also, in my experience, you really want a dedicated port (rather than a docking station) for an external monitor, a storage enclosure, and an audio interface\u2026 and that\u2019s all three Thunderbolt ports right there. So then my keyboard and mouse would have to plug into one of the USB-C ports in front, and that gets really messy really fast.\n\nSo anyway, power-wise the M4 mini would be a huge upgrade for me, but for the physical and connectivity requirements of my recording studio, it doesn\u2019t seem like a good fit.\n\nMaybe I\u2019ll get an M4 mini for my home office and then move my M1 Max Mac studio into the recording studio. Or maybe I\u2019m fine with the hardware I have already.",
"html": "<p>So, today Apple unveiled the new M4 Mac mini, which seems like a perfect upgrade for me! Except\u2026 they did something really asinine:</p><p>They put the power button underneath.</p><p>This means that you have to physically pick up the machine to turn it on, or to force-reboot it. Those are <em>rare</em> occurrences, but they\u2019re enough of one that this becomes a problem.</p><p>Why\u2019s this a problem? Well, part of it is that the mini\u2019s maximum storage configuration is pretty small, and upgrading the storage is stupid expensive, so pretty much everyone who\u2019s using these for doing, say, audio and video work is going to need an external drive enclosure. And external drive enclosures tend to have very short, fixed Thunderbolt cables, and managing those cables can become very tricky even when you <em>don\u2019t</em> need to move your device around.</p><p>This will also be a big problem for people who want to rackmount or monitor-mount their devices; as far as I can tell from various photos, there isn\u2019t really much of a gap/lip under which you can place a finger. Maybe people will start making custom button-pressing tools or something, I dunno. I guess that wouldn\u2019t be <em>too</em> hard.</p><p>But still, it\u2019s annoying that Apple would make this change.</p><p>(Hopefully they at least put it under the <em>front</em> corner, which would at least be livable! None of the photos I\u2019m finding show which corner it\u2019s under though.)</p><p>Another annoying thing is that while there are now five USB-C ports (three of which are Thunderbolt), there are no longer USB-A ports, so at least for my setup I\u2019d need to run <em>everything</em> through a Thunderbolt dock, and finding one of those that\u2019s both reliable and provides the ports I need is troublesome at best. Also, in my experience, you really want a dedicated port (rather than a docking station) for an external monitor, a storage enclosure, and an audio interface\u2026 and that\u2019s all three Thunderbolt ports right there. So then my keyboard and mouse would have to plug into one of the USB-C ports in front, and that gets really messy really fast.</p><p>So anyway, power-wise the M4 mini would be a huge upgrade for me, but for the physical and connectivity requirements of my recording studio, it doesn\u2019t seem like a good fit.</p><p>Maybe I\u2019ll get an M4 mini for my home office and then move my M1 Max Mac studio into the recording studio. Or maybe I\u2019m fine with the hardware I have already.</p>"
},
"author": {
"type": "card",
"name": "fluffy",
"url": "https://beesbuzz.biz/",
"photo": "https://beesbuzz.biz/static/headshot.jpg"
},
"post-type": "article",
"_id": "42721787",
"_source": "2778"
}
{
"type": "entry",
"published": "2024-10-25 14:00-0700",
"url": "https://gregorlove.com/2024/10/kinda-rough-day-but/",
"category": [
"music"
],
"syndication": [
"https://bsky.app/profile/gregorlove.com/post/3l7ehvz3fhz2w"
],
"content": {
"text": "Kinda rough day over here, but the new Leiahdorus album is lifting my spirits. Check it out if you dig synth/new wave: The Lost Tapes",
"html": "<p>Kinda rough day over here, but the new Leiahdorus album is lifting my spirits. Check it out if you dig synth/new wave: <a href=\"https://leiahdorus1.bandcamp.com/album/the-lost-tapes\">The Lost Tapes</a></p>"
},
"author": {
"type": "card",
"name": "gRegor Morrill",
"url": "https://gregorlove.com/",
"photo": "https://gregorlove.com/site/assets/files/6268/profile-2021-square.300x0.jpg"
},
"post-type": "note",
"_id": "42683271",
"_source": "95"
}
{
"type": "entry",
"author": {
"name": null,
"url": "https://herestomwiththeweather.com/",
"photo": null
},
"url": "https://herestomwiththeweather.com/2024/10/24/cpj-head-condemns-israels-deadly-war-on-journalists/",
"published": "2024-10-24T23:14:44+00:00",
"content": {
"html": "<p>Jodie Ginsberg, CPJ\u2019s chief executive officer:</p>\n\n<blockquote>\n <p>No journalist from outside Gaza has been allowed in since the start of that war, and that\u2019s highly unusual. I speak to lots of war correspondents who\u2019s covered many, many wars over decades, and all of them talk about how unprecedented this is to not have any access whatsoever. And that, of course, puts additional pressure on these journalists.</p>\n</blockquote>\n\n<p><a href=\"https://www.democracynow.org/2024/10/24/gaza_cpj\">CPJ Head Condemns Israel\u2019s Deadly War on Journalists in Gaza as IDF Threatens Al Jazeera Reporters</a></p>\n\n<p>In the interview, Amy Goodman also mentions \u201c<a href=\"https://mcgovern.house.gov/news/documentsingle.aspx?DocumentID=400123\">James McGovern leading 64 other congressmembers in a letter to Biden and Blinken</a>, urging them to push for Israel to allow in international journalists\u201d</p>",
"text": "Jodie Ginsberg, CPJ\u2019s chief executive officer:\n\n\n No journalist from outside Gaza has been allowed in since the start of that war, and that\u2019s highly unusual. I speak to lots of war correspondents who\u2019s covered many, many wars over decades, and all of them talk about how unprecedented this is to not have any access whatsoever. And that, of course, puts additional pressure on these journalists.\n\n\nCPJ Head Condemns Israel\u2019s Deadly War on Journalists in Gaza as IDF Threatens Al Jazeera Reporters\n\nIn the interview, Amy Goodman also mentions \u201cJames McGovern leading 64 other congressmembers in a letter to Biden and Blinken, urging them to push for Israel to allow in international journalists\u201d"
},
"name": "CPJ Head Condemns Israel's Deadly War on Journalists",
"post-type": "article",
"_id": "42673495",
"_source": "246"
}
