Updated the auto-linking code¹ on my website last Sunday to handle a few more @-mention use-cases.
In particular:
* @-domains with dashes/hyphens like @sonja-weckenmann.de
* @-@ with (some) Unicode alphabetic characters like @briansuda@loðfíll.is
* @-domain-and-path for indicating @-mentions of silo profiles that don’t support @-@ syntax, like @flickr.com/people/tantek or @instagram.com/tantek
I also dropped auto-linking of URLs with user:password "userinfo", since they’ve been long abandoned and effectively deprecated because there’s fairly wide agreement that such basic HTTP authentication² was poorly designed and should not be used (and thus should not be linked).
If you’re curious you can take a look at https://tantek.com/cassis.js, which has updated functions:
* auto_link_re() — regular expression to recognize URLs, @-mentions, @-@, and footnotes to link
* auto_link() — specifically the code to recognize different kinds of @-@ and @-mentions and link them properly to profiles, domains, and paths.
This code is only live on my website (testing in production³ as it were) for now, and you’re welcome to copy/paste to experiment with it. I plan to test it more over the coming weeks (or so) and when I feel it is sufficiently well tested, will update it on GitHub⁴ as well.
With this additional auto-linking functionality, I feel I have a fairly complete implementation of how to auto-link various URLs and @-mentions, and plan to write that up at least as a minimal “list of use-cases and how they should work” auto-linking specification.
This (blog post) is my contribution to today’s #IndieWebCamp Brighton⁵ #hackday!
This was originally a project I wanted to complete during IndieWebCamp Nuremberg last October, however I was pre-occupied at the time with fixing other things.⁶
#autolink #atmention #atmentions #atat #atatmention
This is post 12 of #100PostsOfIndieWeb. #100Posts
← https://tantek.com/2024/047/t1/indieweb-major-update-design
→ 🔮
¹ https://tantek.com/cassis.js
² https://en.wikipedia.org/wiki/Basic_access_authentication
³ https://indieweb.org/test_in_production
⁴ https://tantek.com/github/cassis
⁵ https://indieweb.org/2024/Brighton
⁶ https://tantek.com/2023/302/t1/indiewebcamp-completed-projects
{
"type": "entry",
"published": "2024-03-10 07:55-0700",
"url": "http://tantek.com/2024/070/t1/updated-auto-linking-mention-use-cases",
"category": [
"IndieWebCamp",
"hackday",
"autolink",
"atmention",
"atmentions",
"atat",
"atatmention",
"100PostsOfIndieWeb",
"100Posts"
],
"content": {
"text": "Updated the auto-linking code\u00b9 on my website last Sunday to handle a few more @-mention use-cases.\n\nIn particular:\n* @-domains with dashes/hyphens like @sonja-weckenmann.de\n* @-@ with (some) Unicode alphabetic characters like @briansuda@lo\u00f0f\u00edll.is\n* @-domain-and-path for indicating @-mentions of silo profiles that don\u2019t support @-@ syntax, like @flickr.com/people/tantek or @instagram.com/tantek\n\nI also dropped auto-linking of URLs with user:password \"userinfo\", since they\u2019ve been long abandoned and effectively deprecated because there\u2019s fairly wide agreement that such basic HTTP authentication\u00b2 was poorly designed and should not be used (and thus should not be linked).\n\nIf you\u2019re curious you can take a look at https://tantek.com/cassis.js, which has updated functions:\n* auto_link_re() \u2014 regular expression to recognize URLs, @-mentions, @-@, and footnotes to link\n* auto_link() \u2014 specifically the code to recognize different kinds of @-@ and @-mentions and link them properly to profiles, domains, and paths.\n\nThis code is only live on my website (testing in production\u00b3 as it were) for now, and you\u2019re welcome to copy/paste to experiment with it. I plan to test it more over the coming weeks (or so) and when I feel it is sufficiently well tested, will update it on GitHub\u2074 as well.\n\nWith this additional auto-linking functionality, I feel I have a fairly complete implementation of how to auto-link various URLs and @-mentions, and plan to write that up at least as a minimal \u201clist of use-cases and how they should work\u201d auto-linking specification.\n\nThis (blog post) is my contribution to today\u2019s #IndieWebCamp Brighton\u2075 #hackday!\n\nThis was originally a project I wanted to complete during IndieWebCamp Nuremberg last October, however I was pre-occupied at the time with fixing other things.\u2076\n\n#autolink #atmention #atmentions #atat #atatmention\n\nThis is post 12 of #100PostsOfIndieWeb. #100Posts\n\n\u2190 https://tantek.com/2024/047/t1/indieweb-major-update-design\n\u2192 \ud83d\udd2e\n\n\n\u00b9 https://tantek.com/cassis.js\n\u00b2 https://en.wikipedia.org/wiki/Basic_access_authentication\n\u00b3 https://indieweb.org/test_in_production\n\u2074 https://tantek.com/github/cassis\n\u2075 https://indieweb.org/2024/Brighton\n\u2076 https://tantek.com/2023/302/t1/indiewebcamp-completed-projects",
"html": "Updated the auto-linking code<a href=\"http://tantek.com/#t5Vs1_note-1\">\u00b9</a> on my website last Sunday to handle a few more @-mention use-cases.<br /><br />In particular:<br />* @-domains with dashes/hyphens like <a href=\"https://sonja-weckenmann.de\">@sonja-weckenmann.de</a><br />* @-@ with (some) Unicode alphabetic characters like <a>@briansuda@lo\u00f0f\u00edll.is</a><br />* @-domain-and-path for indicating @-mentions of silo profiles that don\u2019t support @-@ syntax, like <a href=\"https://flickr.com/people/tantek\">@flickr.com/people/tantek</a> or <a href=\"https://instagram.com/tantek\">@instagram.com/tantek</a><br /><br />I also dropped auto-linking of URLs with user:password \"userinfo\", since they\u2019ve been long abandoned and effectively deprecated because there\u2019s fairly wide agreement that such basic HTTP authentication<a href=\"http://tantek.com/#t5Vs1_note-2\">\u00b2</a> was poorly designed and should not be used (and thus should not be linked).<br /><br />If you\u2019re curious you can take a look at <a href=\"https://tantek.com/cassis.js\">https://tantek.com/cassis.js</a>, which has updated functions:<br />* auto_link_re() \u2014 regular expression to recognize URLs, @-mentions, @-@, and footnotes to link<br />* auto_link() \u2014 specifically the code to recognize different kinds of @-@ and @-mentions and link them properly to profiles, domains, and paths.<br /><br />This code is only live on my website (testing in production<a href=\"http://tantek.com/#t5Vs1_note-3\">\u00b3</a> as it were) for now, and you\u2019re welcome to copy/paste to experiment with it. I plan to test it more over the coming weeks (or so) and when I feel it is sufficiently well tested, will update it on GitHub<a href=\"http://tantek.com/#t5Vs1_note-4\">\u2074</a> as well.<br /><br />With this additional auto-linking functionality, I feel I have a fairly complete implementation of how to auto-link various URLs and @-mentions, and plan to write that up at least as a minimal \u201clist of use-cases and how they should work\u201d auto-linking specification.<br /><br />This (blog post) is my contribution to today\u2019s #<span class=\"p-category\">IndieWebCamp</span> Brighton<a href=\"http://tantek.com/#t5Vs1_note-5\">\u2075</a> #<span class=\"p-category\">hackday</span>!<br /><br />This was originally a project I wanted to complete during IndieWebCamp Nuremberg last October, however I was pre-occupied at the time with fixing other things.<a href=\"http://tantek.com/#t5Vs1_note-6\">\u2076</a><br /><br />#<span class=\"p-category\">autolink</span> #<span class=\"p-category\">atmention</span> #<span class=\"p-category\">atmentions</span> #<span class=\"p-category\">atat</span> #<span class=\"p-category\">atatmention</span><br /><br />This is post 12 of #<span class=\"p-category\">100PostsOfIndieWeb</span>. #<span class=\"p-category\">100Posts</span><br /><br />\u2190 <a href=\"https://tantek.com/2024/047/t1/indieweb-major-update-design\">https://tantek.com/2024/047/t1/indieweb-major-update-design</a><br />\u2192 \ud83d\udd2e<br /><br /><br /><a href=\"http://tantek.com/#t5Vs1_ref-1\">\u00b9</a> <a href=\"https://tantek.com/cassis.js\">https://tantek.com/cassis.js</a><br /><a href=\"http://tantek.com/#t5Vs1_ref-2\">\u00b2</a> <a href=\"https://en.wikipedia.org/wiki/Basic_access_authentication\">https://en.wikipedia.org/wiki/Basic_access_authentication</a><br /><a href=\"http://tantek.com/#t5Vs1_ref-3\">\u00b3</a> <a href=\"https://indieweb.org/test_in_production\">https://indieweb.org/test_in_production</a><br /><a href=\"http://tantek.com/#t5Vs1_ref-4\">\u2074</a> <a href=\"https://tantek.com/github/cassis\">https://tantek.com/github/cassis</a><br /><a href=\"http://tantek.com/#t5Vs1_ref-5\">\u2075</a> <a href=\"https://indieweb.org/2024/Brighton\">https://indieweb.org/2024/Brighton</a><br /><a href=\"http://tantek.com/#t5Vs1_ref-6\">\u2076</a> <a href=\"https://tantek.com/2023/302/t1/indiewebcamp-completed-projects\">https://tantek.com/2023/302/t1/indiewebcamp-completed-projects</a>"
},
"author": {
"type": "card",
"name": "Tantek \u00c7elik",
"url": "http://tantek.com/",
"photo": "https://aperture-media.p3k.io/tantek.com/acfddd7d8b2c8cf8aa163651432cc1ec7eb8ec2f881942dca963d305eeaaa6b8.jpg"
},
"post-type": "note",
"_id": "40510399",
"_source": "1",
"_is_read": false
}
In this week’s issue of The Curious Engineer, I am covering the #indieweb. Also spent the afternoon working on my website redesign. I am loving #eleventy!
https://www.alexhyett.com/newsletter/the-indie-web-is-the-new-and-the-old-web/
{
"type": "entry",
"author": {
"name": "@alex",
"url": "https://social.alexhyett.com/@alex",
"photo": null
},
"url": "https://social.alexhyett.com/@alex/112072357714316321",
"content": {
"html": "<p>In this week\u2019s issue of The Curious Engineer, I am covering the <a href=\"https://social.alexhyett.com/tags/indieweb\">#<span>indieweb</span></a>. Also spent the afternoon working on my website redesign. I am loving <a href=\"https://social.alexhyett.com/tags/eleventy\">#<span>eleventy</span></a>!</p><p><a href=\"https://www.alexhyett.com/newsletter/the-indie-web-is-the-new-and-the-old-web/\"><span>https://www.</span><span>alexhyett.com/newsletter/the-i</span><span>ndie-web-is-the-new-and-the-old-web/</span></a></p>",
"text": "In this week\u2019s issue of The Curious Engineer, I am covering the #indieweb. Also spent the afternoon working on my website redesign. I am loving #eleventy!\n\nhttps://www.alexhyett.com/newsletter/the-indie-web-is-the-new-and-the-old-web/"
},
"published": "2024-03-10T16:34:26+00:00",
"post-type": "note",
"_id": "40509872",
"_source": "8007",
"_is_read": false
}
New blog post! I talk about adding an RSS feed, why I like RSS, and some of my favorite experimental music blogs I follow.
#Blog #ExperimentalMusic #IndieWeb #NoiseMusic #RSS #WebDev
https://reillyspitzfaden.com/blog/03-10-2024
{
"type": "entry",
"author": {
"name": "@reillypascal",
"url": "https://hachyderm.io/@reillypascal",
"photo": null
},
"url": "https://hachyderm.io/@reillypascal/112072214471735790",
"content": {
"html": "<p>New blog post! I talk about adding an RSS feed, why I like RSS, and some of my favorite experimental music blogs I follow.</p><p><a href=\"https://hachyderm.io/tags/Blog\">#<span>Blog</span></a> <a href=\"https://hachyderm.io/tags/ExperimentalMusic\">#<span>ExperimentalMusic</span></a> <a href=\"https://hachyderm.io/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://hachyderm.io/tags/NoiseMusic\">#<span>NoiseMusic</span></a> <a href=\"https://hachyderm.io/tags/RSS\">#<span>RSS</span></a> <a href=\"https://hachyderm.io/tags/WebDev\">#<span>WebDev</span></a></p><p><a href=\"https://reillyspitzfaden.com/blog/03-10-2024\"><span>https://</span><span>reillyspitzfaden.com/blog/03-1</span><span>0-2024</span></a></p>",
"text": "New blog post! I talk about adding an RSS feed, why I like RSS, and some of my favorite experimental music blogs I follow.\n\n#Blog #ExperimentalMusic #IndieWeb #NoiseMusic #RSS #WebDev\n\nhttps://reillyspitzfaden.com/blog/03-10-2024"
},
"published": "2024-03-10T15:58:00+00:00",
"post-type": "note",
"_id": "40509873",
"_source": "8007",
"_is_read": false
}
Tell me your favorite #indieweb sites and blogs! Go! 🙌🏻
{
"type": "entry",
"author": {
"name": "@jcrabapple",
"url": "https://dmv.community/@jcrabapple",
"photo": null
},
"url": "https://dmv.community/@jcrabapple/112071926388862415",
"content": {
"html": "<p>Tell me your favorite <a href=\"https://dmv.community/tags/indieweb\">#<span>indieweb</span></a> sites and blogs! Go! \ud83d\ude4c\ud83c\udffb</p>",
"text": "Tell me your favorite #indieweb sites and blogs! Go! \ud83d\ude4c\ud83c\udffb"
},
"published": "2024-03-10T14:44:44+00:00",
"post-type": "note",
"_id": "40509092",
"_source": "8007",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "@capjamesg",
"url": "https://indieweb.social/@capjamesg",
"photo": null
},
"url": "https://indieweb.social/@capjamesg/112071744448055065",
"content": {
"html": "<p>100 (more) personal website ideas \ud83c\udf10 </p><p><a href=\"https://jamesg.blog/2024/03/10/100-more-personal-website-ideas/\"><span>https://</span><span>jamesg.blog/2024/03/10/100-mor</span><span>e-personal-website-ideas/</span></a></p><p><a href=\"https://indieweb.social/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://indieweb.social/tags/personalwebsites\">#<span>personalwebsites</span></a> <a href=\"https://indieweb.social/tags/web\">#<span>web</span></a> <a href=\"https://indieweb.social/tags/blogging\">#<span>blogging</span></a></p>",
"text": "100 (more) personal website ideas \ud83c\udf10 \n\nhttps://jamesg.blog/2024/03/10/100-more-personal-website-ideas/\n\n#indieweb #personalwebsites #web #blogging"
},
"published": "2024-03-10T13:58:28+00:00",
"post-type": "note",
"_id": "40509093",
"_source": "8007",
"_is_read": false
}
I really like personal homepages and have quite a list of them bookmarked. I'll post one every week until I don't. So here's Cool Personal Homepages #CPH Vol. 8: j3s.sh https://j3s.sh/
#SmallWeb #indieweb #smolweb #PersonalSites #homepage
{
"type": "entry",
"author": {
"name": "@jlsksr",
"url": "https://mastodon.online/@jlsksr",
"photo": null
},
"url": "https://mastodon.online/@jlsksr/112071053157422111",
"content": {
"html": "<p>I really like personal homepages and have quite a list of them bookmarked. I'll post one every week until I don't. So here's Cool Personal Homepages <a href=\"https://mastodon.online/tags/CPH\">#<span>CPH</span></a> Vol. 8: j3s.sh <a href=\"https://j3s.sh/\"><span>https://</span><span>j3s.sh/</span><span></span></a> </p><p><a href=\"https://mastodon.online/tags/SmallWeb\">#<span>SmallWeb</span></a> <a href=\"https://mastodon.online/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://mastodon.online/tags/smolweb\">#<span>smolweb</span></a> <a href=\"https://mastodon.online/tags/PersonalSites\">#<span>PersonalSites</span></a> <a href=\"https://mastodon.online/tags/homepage\">#<span>homepage</span></a></p>",
"text": "I really like personal homepages and have quite a list of them bookmarked. I'll post one every week until I don't. So here's Cool Personal Homepages #CPH Vol. 8: j3s.sh https://j3s.sh/ \n\n#SmallWeb #indieweb #smolweb #PersonalSites #homepage"
},
"published": "2024-03-10T11:02:40+00:00",
"photo": [
"https://files.mastodon.social/cache/media_attachments/files/112/071/053/185/216/353/original/e9bd7b9ebb901de3.png"
],
"post-type": "photo",
"_id": "40508044",
"_source": "8007",
"_is_read": false
}
{
"type": "entry",
"published": "2024-03-10T11:13:19Z",
"url": "https://adactio.com/journal/20965",
"category": [
"bookmarklets",
"indieweb",
"indiewebcamp",
"brighton",
"testing",
"validation",
"validator",
"tools",
"services",
"security",
"accessibility",
"a11y",
"performance",
"headers",
"ssl",
"calculators",
"tests"
],
"name": "Bookmarklets for testing your website",
"content": {
"text": "I\u2019m at day two of Indie Web Camp Brighton.\n\nDay one was excellent. It was really hard to choose which sessions to go to because they all sounded interesting. That\u2019s a good problem to have.\n\nI ended up participating in:\n\na session on POSSE,\na session on NFC tags,\na session on writing, and\na session on testing your website that was hosted by Ros\n\nIn that testing session I shared some of the bookmarklets I use regularly.\n\nBookmarklets? They\u2019re bookmarks that sit in the toolbar of your desktop browser. Just like any other bookmark, they\u2019re links. The difference is that these links begin with javascript: rather than http. That means you can put programmatic instructions inside the link. Click the bookmark and the JavaScript gets executed.\n\nIn my mind, there are two different approaches to making a bookmarklet. One kind of bookmarklet contains lots of clever JavaScript\u2014that\u2019s where the smart stuff happens. The other kind of bookmarklet is deliberately dumb. All they do is take the URL of the current page and pass it to another service\u2014that\u2019s where the smart stuff happens.\n\nI like that second kind of bookmarklet.\n\nHere are some bookmarklets I\u2019ve made. You can drag any of them up to the toolbar of your browser. Or you could create a folder called, say, \u201cbookmarklets\u201d, and drag these links up there.\n\nValidation: This bookmarklet will validate the HTML of whatever page you\u2019re on.\n\nValidate HTML\n\nCarbon: This bookmarklet will run the page through the website carbon calculator.\n\nCalculate carbon\n\nAccessibility: This bookmarklet will run the current page through the Website Accessibility Evaluation Tools.\n\nWAVE\n\nPerformance: This bookmarklet will take the current page and it run it through PageSpeed Insights, which includes a Lighthouse test.\n\nPageSpeed\n\nHTTPS: This bookmarklet will run your site through the SSL checker from SSL Labs.\n\nSSL Report\n\nHeaders: This bookmarklet will test the security headers on your website.\n\nSecurity Headers\n\nDrag any of those links to your browser\u2019s toolbar to \u201cinstall\u201d them. If you don\u2019t like one, you can delete it the same way you can delete any other bookmark.",
"html": "<p>I\u2019m at day two of <a href=\"https://indieweb.org/2024/Brighton\">Indie Web Camp Brighton</a>.</p>\n\n<p>Day one was excellent. It was really hard to choose which sessions to go to because they all sounded interesting. That\u2019s a good problem to have.</p>\n\n<p>I ended up participating in:</p>\n\n<ul><li>a session on <a href=\"https://indieweb.org/POSSE\">POSSE</a>,</li>\n<li>a session on <a href=\"https://en.wikipedia.org/wiki/Near-field_communication\">NFC tags</a>,</li>\n<li>a session on writing, and</li>\n<li>a session on testing your website that was hosted by <a href=\"https://rosalindcroad.com/\">Ros</a>\n</li>\n</ul><p>In that testing session I shared some of the bookmarklets I use regularly.</p>\n\n<p>Bookmarklets? They\u2019re bookmarks that sit in the toolbar of your desktop browser. Just like any other bookmark, they\u2019re links. The difference is that these links begin with <code>javascript:</code> rather than <code>http</code>. That means you can put programmatic instructions inside the link. Click the bookmark and the JavaScript gets executed.</p>\n\n<p>In my mind, there are two different approaches to making a bookmarklet. One kind of bookmarklet contains lots of clever JavaScript\u2014that\u2019s where the smart stuff happens. The other kind of bookmarklet is deliberately dumb. All they do is take the URL of the current page and pass it to another service\u2014<em>that\u2019s</em> where the smart stuff happens.</p>\n\n<p>I like that second kind of bookmarklet.</p>\n\n<p>Here are some bookmarklets I\u2019ve made. You can drag any of them up to the toolbar of your browser. Or you could create a folder called, say, \u201cbookmarklets\u201d, and drag these links up there.</p>\n\n<p><strong>Validation</strong>: This bookmarklet will validate the HTML of whatever page you\u2019re on.</p>\n\n<p><a style=\"padding:.5em 1.5em;text-decoration:none;background-color:#369;color:#fff;\">Validate HTML</a></p>\n\n<p><strong>Carbon</strong>: This bookmarklet will run the page through the website carbon calculator.</p>\n\n<p><a style=\"padding:.5em 1.5em;text-decoration:none;background-color:#369;color:#fff;\">Calculate carbon</a></p>\n\n<p><strong>Accessibility</strong>: This bookmarklet will run the current page through the Website Accessibility Evaluation Tools.</p>\n\n<p><a style=\"padding:.5em 1.5em;text-decoration:none;background-color:#369;color:#fff;\">WAVE</a></p>\n\n<p><strong>Performance</strong>: This bookmarklet will take the current page and it run it through PageSpeed Insights, which includes a Lighthouse test.</p>\n\n<p><a style=\"padding:.5em 1.5em;text-decoration:none;background-color:#369;color:#fff;\">PageSpeed</a></p>\n\n<p><strong>HTTPS</strong>: This bookmarklet will run your site through the SSL checker from SSL Labs.</p>\n\n<p><a style=\"padding:.5em 1.5em;text-decoration:none;background-color:#369;color:#fff;\">SSL Report</a></p>\n\n<p><strong>Headers</strong>: This bookmarklet will test the security headers on your website.</p>\n\n<p><a style=\"padding:.5em 1.5em;text-decoration:none;background-color:#369;color:#fff;\">Security Headers</a></p>\n\n<p>Drag any of those links to your browser\u2019s toolbar to \u201cinstall\u201d them. If you don\u2019t like one, you can delete it the same way you can delete any other bookmark.</p>"
},
"author": {
"type": "card",
"name": "Jeremy Keith",
"url": "https://adactio.com/",
"photo": "https://adactio.com/images/photo-150.jpg"
},
"post-type": "article",
"_id": "40507997",
"_source": "2",
"_is_read": false
}
Completely overwhelmed by day 1 of IndieWebCamp Brighton. Amazing turnout, of mostly first-time attendees, engaged in diverse discussions that examined subjects like how to memorialise a personal website after death and sharing pain points of hosting, writing and syndicating content online. Clearly there’s an appetite for the indie web, and for making it more accessible, too.
{
"type": "entry",
"author": {
"name": "Paul Robert Lloyd",
"url": "https://paulrobertlloyd.com",
"photo": null
},
"url": "https://paulrobertlloyd.com/2024/069/p1/",
"published": "2024-03-09T21:30:00+00:00",
"content": {
"html": "<p>Completely overwhelmed by day 1 of IndieWebCamp Brighton. Amazing turnout, of mostly first-time attendees, engaged in diverse discussions that examined subjects like how to memorialise a personal website after death and sharing pain points of hosting, writing and syndicating content online. Clearly there\u2019s an appetite for the indie web, and for making it more accessible, too.</p><img src=\"https://paulrobertlloyd.com/media/2024/069/p1/1.jpg\" alt=\"26 people gathered outside a building smiling for a group photo in the sun.\" />",
"text": "Completely overwhelmed by day 1 of IndieWebCamp Brighton. Amazing turnout, of mostly first-time attendees, engaged in diverse discussions that examined subjects like how to memorialise a personal website after death and sharing pain points of hosting, writing and syndicating content online. Clearly there\u2019s an appetite for the indie web, and for making it more accessible, too."
},
"post-type": "note",
"_id": "40505353",
"_source": "3686",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "@mauro",
"url": "https://mograph.social/@mauro",
"photo": null
},
"url": "https://mograph.social/@mauro/112068567907271125",
"content": {
"html": "<p>Another week another dump of cool links from the interweb:</p><p><a href=\"https://blog.mauromotion.com/links/2024/03/09/links-dump-march-9th.html\"><span>https://</span><span>blog.mauromotion.com/links/202</span><span>4/03/09/links-dump-march-9th.html</span></a></p><p><a href=\"https://mograph.social/tags/blog\">#<span>blog</span></a> <a href=\"https://mograph.social/tags/music\">#<span>music</span></a> <a href=\"https://mograph.social/tags/reading\">#<span>reading</span></a> <a href=\"https://mograph.social/tags/vim\">#<span>vim</span></a> <a href=\"https://mograph.social/tags/webdev\">#<span>webdev</span></a> <a href=\"https://mograph.social/tags/tech\">#<span>tech</span></a> <a href=\"https://mograph.social/tags/fonts\">#<span>fonts</span></a> <a href=\"https://mograph.social/tags/jazz\">#<span>jazz</span></a> <a href=\"https://mograph.social/tags/rock\">#<span>rock</span></a> <a href=\"https://mograph.social/tags/electronic\">#<span>electronic</span></a> <a href=\"https://mograph.social/tags/indieweb\">#<span>indieweb</span></a></p>",
"text": "Another week another dump of cool links from the interweb:\n\nhttps://blog.mauromotion.com/links/2024/03/09/links-dump-march-9th.html\n\n#blog #music #reading #vim #webdev #tech #fonts #jazz #rock #electronic #indieweb"
},
"published": "2024-03-10T00:30:38+00:00",
"post-type": "note",
"_id": "40505300",
"_source": "8007",
"_is_read": false
}
The feed is built on top of the reading list software I've been running for a few years, and it ingests posts from Citation Needed.
I can also write posts in the microblog and automatically crosspost them to Twitter/Mastodon/Bluesky, while keeping the original post on my site. Like this (https://www.mollywhite.net/micro/entry/202403091817)!
#indieweb, #POSSE
{
"type": "entry",
"author": {
"name": "@molly0xfff",
"url": "https://hachyderm.io/@molly0xfff",
"photo": null
},
"url": "https://hachyderm.io/@molly0xfff/112068291436081258",
"content": {
"html": "<p>The feed is built on top of the reading list software I've been running for a few years, and it ingests posts from Citation Needed.</p><p>I can also write posts in the microblog and automatically crosspost them to Twitter/Mastodon/Bluesky, while keeping the original post on my site. Like this (<a href=\"https://www.mollywhite.net/micro/entry/202403091817\"><span>https://www.</span><span>mollywhite.net/micro/entry/202</span><span>403091817</span></a>)!</p><p><a href=\"https://hachyderm.io/tags/indieweb\">#<span>indieweb</span></a>, <a href=\"https://hachyderm.io/tags/POSSE\">#<span>POSSE</span></a></p>",
"text": "The feed is built on top of the reading list software I've been running for a few years, and it ingests posts from Citation Needed.\n\nI can also write posts in the microblog and automatically crosspost them to Twitter/Mastodon/Bluesky, while keeping the original post on my site. Like this (https://www.mollywhite.net/micro/entry/202403091817)!\n\n#indieweb, #POSSE"
},
"published": "2024-03-09T23:20:19+00:00",
"post-type": "note",
"_id": "40504908",
"_source": "8007",
"_is_read": false
}
It's still super alpha, and I'm sure it will require a lot of bugfixes and future dev, but it's been really fun to work on some web software and move further in the indieweb direction.
#indieweb #POSSE
{
"type": "entry",
"author": {
"name": "@molly0xfff",
"url": "https://hachyderm.io/@molly0xfff",
"photo": null
},
"url": "https://hachyderm.io/@molly0xfff/112068291454070472",
"content": {
"html": "<p>It's still super alpha, and I'm sure it will require a lot of bugfixes and future dev, but it's been really fun to work on some web software and move further in the indieweb direction.</p><p><a href=\"https://hachyderm.io/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://hachyderm.io/tags/POSSE\">#<span>POSSE</span></a></p>",
"text": "It's still super alpha, and I'm sure it will require a lot of bugfixes and future dev, but it's been really fun to work on some web software and move further in the indieweb direction.\n\n#indieweb #POSSE"
},
"published": "2024-03-09T23:20:19+00:00",
"post-type": "note",
"_id": "40504909",
"_source": "8007",
"_is_read": false
}
I just finally deployed something I've been working on for a few weeks now: a feed of my writing, posting, reading, and other various activity that lives on my website at https://www.mollywhite.net/feed!
I've admired the POSSE (https://indieweb.org/POSSE; "Publish [on your] Own Site, Syndicate Elsewhere") model for a long time, but only finally found the time and energy to put something together that I'm actually happy with.
#indieweb #POSSE
{
"type": "entry",
"author": {
"name": "@molly0xfff",
"url": "https://hachyderm.io/@molly0xfff",
"photo": null
},
"url": "https://hachyderm.io/@molly0xfff/112068291411548302",
"content": {
"html": "<p>I just finally deployed something I've been working on for a few weeks now: a feed of my writing, posting, reading, and other various activity that lives on my website at\u00a0<a href=\"https://www.mollywhite.net/feed\"><span>https://www.</span><span>mollywhite.net/feed</span><span></span></a>!</p><p>I've admired the POSSE (<a href=\"https://indieweb.org/POSSE\"><span>https://</span><span>indieweb.org/POSSE</span><span></span></a>; \"Publish [on your] Own Site, Syndicate Elsewhere\") model for a long time, but only finally found the time and energy to put something together that I'm actually happy with.</p><p><a href=\"https://hachyderm.io/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://hachyderm.io/tags/POSSE\">#<span>POSSE</span></a></p>",
"text": "I just finally deployed something I've been working on for a few weeks now: a feed of my writing, posting, reading, and other various activity that lives on my website at\u00a0https://www.mollywhite.net/feed!\n\nI've admired the POSSE (https://indieweb.org/POSSE; \"Publish [on your] Own Site, Syndicate Elsewhere\") model for a long time, but only finally found the time and energy to put something together that I'm actually happy with.\n\n#indieweb #POSSE"
},
"published": "2024-03-09T23:20:19+00:00",
"post-type": "note",
"_id": "40504910",
"_source": "8007",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "@jcrabapple",
"url": "https://dmv.community/@jcrabapple",
"photo": null
},
"url": "https://dmv.community/@jcrabapple/112067986659688178",
"content": {
"html": "<p>More of My Favorite Android apps - Cool As Heck</p><p><a href=\"https://cool-as-heck.blog/posts/more-of-my-favorite-android-apps\"><span>https://</span><span>cool-as-heck.blog/posts/more-o</span><span>f-my-favorite-android-apps</span></a></p><p><a href=\"https://dmv.community/tags/Android\">#<span>Android</span></a> <a href=\"https://dmv.community/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://dmv.community/tags/AndroidApps\">#<span>AndroidApps</span></a></p>",
"text": "More of My Favorite Android apps - Cool As Heck\n\nhttps://cool-as-heck.blog/posts/more-of-my-favorite-android-apps\n\n#Android #indieweb #AndroidApps"
},
"published": "2024-03-09T22:02:49+00:00",
"post-type": "note",
"_id": "40504671",
"_source": "8007",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "@jcrabapple",
"url": "https://dmv.community/@jcrabapple",
"photo": null
},
"url": "https://dmv.community/@jcrabapple/112066433731345665",
"content": {
"html": "<p>My Android Home Screen: Explained - Cool As Heck blog</p><p>Inspired by <span class=\"h-card\"><a class=\"u-url\" href=\"https://allthingstech.social/@cliffwade\">@<span>CliffWade</span></a></span> </p><p><a href=\"https://cool-as-heck.blog/posts/my-android-home-screen-explained\"><span>https://</span><span>cool-as-heck.blog/posts/my-and</span><span>roid-home-screen-explained</span></a></p><p><a href=\"https://dmv.community/tags/Android\">#<span>Android</span></a> <a href=\"https://dmv.community/tags/ShowMeYourHomeScreen\">#<span>ShowMeYourHomeScreen</span></a> <a href=\"https://dmv.community/tags/indieweb\">#<span>indieweb</span></a></p>\n<a class=\"u-mention\" href=\"https://allthingstech.social/@cliffwade\"></a>",
"text": "My Android Home Screen: Explained - Cool As Heck blog\n\nInspired by @CliffWade \n\nhttps://cool-as-heck.blog/posts/my-android-home-screen-explained\n\n#Android #ShowMeYourHomeScreen #indieweb"
},
"published": "2024-03-09T15:27:53+00:00",
"post-type": "note",
"_id": "40504672",
"_source": "8007",
"_is_read": false
}
Here's all the links to pages that inspired me this week and the people behind them.
Like I've been saying, there are some seriously awesome people out there on the webs doing very fun cool stuff. And I'm grateful they're sharing it with all of us. Thanks to you all!
https://microblog.rjomara.com/2024/03/09/cornerstones-linkdump.html
#Indieweb #personalwebsite #blog
{
"type": "entry",
"author": {
"name": "@rjomara",
"url": "https://mastodon.social/@rjomara",
"photo": null
},
"url": "https://mastodon.social/@rjomara/112067948561418875",
"content": {
"html": "<p>Here's all the links to pages that inspired me this week and the people behind them. </p><p>Like I've been saying, there are some seriously awesome people out there on the webs doing very fun cool stuff. And I'm grateful they're sharing it with all of us. Thanks to you all!</p><p><a href=\"https://microblog.rjomara.com/2024/03/09/cornerstones-linkdump.html\"><span>https://</span><span>microblog.rjomara.com/2024/03/</span><span>09/cornerstones-linkdump.html</span></a></p><p><a href=\"https://mastodon.social/tags/Indieweb\">#<span>Indieweb</span></a> <a href=\"https://mastodon.social/tags/personalwebsite\">#<span>personalwebsite</span></a> <a href=\"https://mastodon.social/tags/blog\">#<span>blog</span></a></p>",
"text": "Here's all the links to pages that inspired me this week and the people behind them. \n\nLike I've been saying, there are some seriously awesome people out there on the webs doing very fun cool stuff. And I'm grateful they're sharing it with all of us. Thanks to you all!\n\nhttps://microblog.rjomara.com/2024/03/09/cornerstones-linkdump.html\n\n#Indieweb #personalwebsite #blog"
},
"published": "2024-03-09T21:53:07+00:00",
"post-type": "note",
"_id": "40504424",
"_source": "8007",
"_is_read": false
}
Day one of #IndieWebCampBrighton was great!
It was like having my RSS reader come to life, what with lovely people like @maggie@indieweb.social, @Edent@mastodon.social, and @anarodrigues@front-end.social there too!
{
"type": "entry",
"published": "2024-03-09T18:52:01Z",
"url": "https://adactio.com/notes/20962",
"syndication": [
"https://mastodon.social/@adactio/112067236475073631"
],
"content": {
"text": "Day one of #IndieWebCampBrighton was great!\n\nIt was like having my RSS reader come to life, what with lovely people like @maggie@indieweb.social, @Edent@mastodon.social, and @anarodrigues@front-end.social there too!",
"html": "<p>Day one of #IndieWebCampBrighton was great!</p>\n\n<p>It was like having my RSS reader come to life, what with lovely people like <a href=\"https://indieweb.social/@maggie\">@maggie@indieweb.social</a>, <a href=\"https://mastodon.social/@Edent\">@Edent@mastodon.social</a>, and <a href=\"https://front-end.social/@anarodrigues\">@anarodrigues@front-end.social</a> there too!</p>"
},
"author": {
"type": "card",
"name": "Jeremy Keith",
"url": "https://adactio.com/",
"photo": "https://adactio.com/images/photo-150.jpg"
},
"post-type": "note",
"_id": "40503874",
"_source": "2",
"_is_read": false
}
@lordmatt
Both this one I’m posting from and my other one support most of the #indieweb microformats including #webmention. In addition, they also support bidirectional #POSSE to ActivityWeb (Mastodon) and ATproto (Bluesky) as well as partial support for other less open SNS silos.
All this is possible thru webmention support of course.
- http://starrwulfe.com
- https://abc.starrwulfe.com
Lord Matt ✔️✔️✔️✔️✔️ (@lordmatt@mastodon.social) (Mastodon) I am building a #list of #bloggers with active (at least one post this year) #blogs that support #webmention – I will publish it soon as my last one was over a year ago.
If that is you, ping me with a link.
If your followers blog, please consider a boost.
If you know a blog that supports webmention, please also ping me a link.
https://starrwulfe.xyz/t/2BvP
#Indieweb #POSSE #webmention
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://indieweb.social/tags/indieweb",
"photo": null
},
"url": "https://starrwulfe.xyz/2024/03/474923/",
"content": {
"html": "<p><a class=\"u-url\" href=\"https://mastodon.social/@lordmatt\">@<span>lordmatt</span></a><br />Both this one I\u2019m posting from and my other one support most of the <a class=\"u-tag u-category\" href=\"https://starrwulfe.xyz/tag/indieweb/\">#indieweb</a> microformats including <a class=\"u-tag u-category\" href=\"https://starrwulfe.xyz/tag/webmention/\">#webmention</a>. In addition, they also support bidirectional <a class=\"u-tag u-category\" href=\"https://starrwulfe.xyz/tag/posse/\">#POSSE</a> to ActivityWeb (Mastodon) and ATproto (Bluesky) as well as partial support for other less open SNS silos.</p><p>All this is possible thru webmention support of course.</p><ul><li>http://starrwulfe.com</li><li>https://abc.starrwulfe.com</li></ul><span><span></span></span><a class=\"p-name u-url\" href=\"https://mastodon.social/@lordmatt/112055937828106076\">Lord Matt \u2714\ufe0f\u2714\ufe0f\u2714\ufe0f\u2714\ufe0f\u2714\ufe0f (@lordmatt@mastodon.social)</a><em> (<span class=\"p-publication\">Mastodon</span>)</em> <blockquote><p>I am building a #list of #bloggers with active (at least one post this year) #blogs that support <a class=\"u-tag u-category\" href=\"https://starrwulfe.xyz/tag/webmention/\">#webmention</a> \u2013 I will publish it soon as my last one was over a year ago.</p><p>If that is you, ping me with a link.</p><p>If your followers blog, please consider a boost.</p><p>If you know a blog that supports webmention, please also ping me a link.</p></blockquote> <p><a href=\"https://starrwulfe.xyz/t/2BvP\">https://starrwulfe.xyz/t/2BvP</a></p><p><a class=\"u-tag u-category\" href=\"https://starrwulfe.xyz/tag/indieweb/\">#Indieweb</a> <a class=\"u-tag u-category\" href=\"https://starrwulfe.xyz/tag/posse/\">#POSSE</a> <a class=\"u-tag u-category\" href=\"https://starrwulfe.xyz/tag/webmention/\">#webmention</a></p>\n<a class=\"u-mention\" href=\"https://mastodon.social/@lordmatt\"></a>",
"text": "@lordmatt\nBoth this one I\u2019m posting from and my other one support most of the #indieweb microformats including #webmention. In addition, they also support bidirectional #POSSE to ActivityWeb (Mastodon) and ATproto (Bluesky) as well as partial support for other less open SNS silos.\n\nAll this is possible thru webmention support of course.http://starrwulfe.comhttps://abc.starrwulfe.comLord Matt \u2714\ufe0f\u2714\ufe0f\u2714\ufe0f\u2714\ufe0f\u2714\ufe0f (@lordmatt@mastodon.social) (Mastodon) I am building a #list of #bloggers with active (at least one post this year) #blogs that support #webmention \u2013 I will publish it soon as my last one was over a year ago.\n\nIf that is you, ping me with a link.\n\nIf your followers blog, please consider a boost.\n\nIf you know a blog that supports webmention, please also ping me a link. https://starrwulfe.xyz/t/2BvP\n\n#Indieweb #POSSE #webmention"
},
"published": "2024-03-08T14:31:48+00:00",
"post-type": "note",
"_id": "40502217",
"_source": "8007",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "@kbarker",
"url": "https://social.vivaldi.net/@kbarker",
"photo": null
},
"url": "https://social.vivaldi.net/@kbarker/112066018131986524",
"content": {
"html": "<p>I need this. Lots of people do too.<br /><a href=\"https://gilest.org/indie-easy.html\"><span>https://</span><span>gilest.org/indie-easy.html</span><span></span></a><br /><a href=\"https://social.vivaldi.net/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://social.vivaldi.net/tags/BelleVegas\">#<span>BelleVegas</span></a></p>",
"text": "I need this. Lots of people do too.\nhttps://gilest.org/indie-easy.html\n#IndieWeb #BelleVegas"
},
"published": "2024-03-09T13:42:11+00:00",
"post-type": "note",
"_id": "40501378",
"_source": "8007",
"_is_read": false
}
If blogging implies a dated sense of writing, what could independent online publishing be called if it got rid of the date stamp? #blogging #publishing #indieweb
{
"type": "entry",
"author": {
"name": "@malte",
"url": "https://graeber.social/@malte",
"photo": null
},
"url": "https://graeber.social/@malte/112065979034993829",
"content": {
"html": "<p>If blogging implies a dated sense of writing, what could independent online publishing be called if it got rid of the date stamp? <a href=\"https://graeber.social/tags/blogging\">#<span>blogging</span></a> <a href=\"https://graeber.social/tags/publishing\">#<span>publishing</span></a> <a href=\"https://graeber.social/tags/indieweb\">#<span>indieweb</span></a></p>",
"text": "If blogging implies a dated sense of writing, what could independent online publishing be called if it got rid of the date stamp? #blogging #publishing #indieweb"
},
"published": "2024-03-09T13:32:15+00:00",
"post-type": "note",
"_id": "40501346",
"_source": "8007",
"_is_read": false
}
Fairly recently when I was refreshing my view of the SSG landscape I wondered briefly why no one was mentioning Gatsby — which used to be all the rage.
Here’s why. https://www.smashingmagazine.com/2024/03/end-of-gatsby-journey/
#indieweb #webdev
{
"type": "entry",
"author": {
"name": "@thudfactor",
"url": "https://hachyderm.io/@thudfactor",
"photo": null
},
"url": "https://hachyderm.io/@thudfactor/112065650172339887",
"content": {
"html": "<p>Fairly recently when I was refreshing my view of the SSG landscape I wondered briefly why no one was mentioning Gatsby \u2014 which used to be all the rage.</p><p>Here\u2019s why. <a href=\"https://www.smashingmagazine.com/2024/03/end-of-gatsby-journey/\"><span>https://www.</span><span>smashingmagazine.com/2024/03/e</span><span>nd-of-gatsby-journey/</span></a></p><p><a href=\"https://hachyderm.io/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://hachyderm.io/tags/webdev\">#<span>webdev</span></a></p>",
"text": "Fairly recently when I was refreshing my view of the SSG landscape I wondered briefly why no one was mentioning Gatsby \u2014 which used to be all the rage.\n\nHere\u2019s why. https://www.smashingmagazine.com/2024/03/end-of-gatsby-journey/\n\n#indieweb #webdev"
},
"published": "2024-03-09T12:08:37+00:00",
"post-type": "note",
"_id": "40500917",
"_source": "8007",
"_is_read": false
}