Tantek Çelik tantek.com

{
    "type": "entry",
    "published": "2024-05-11 05:24-0700",
    "url": "http://tantek.com/2024/132/t1/",
    "category": [
        "Mastodon",
        "webDevelopers",
        "hashTag",
        "linkPreview",
        "federation",
        "fediverse",
        "federated",
        "tagSpace"
    ],
    "in-reply-to": [
        "https://flaki.social/@flaki/112421558041490114"
    ],
    "content": {
        "text": "@flaki@flaki.social no cross-posting at all, that post, and this reply are federated directly from my personal domain. If you look at the top of my post in your Mastodon client / reader you can see that it\u2019s from @tantek.com \u2014 no need for a username when you use your own domain.\n\nRegarding \u201cwhy the expanded link preview is to one of the (first) hashtags and not to one of the links in the post\u201d, that\u2019s likely a #Mastodon link preview bug with how it treats hashtags.\n\nIf you view your reply in your Mastodon (client), you can see that the first hashtag in my post #webDevelopers is correctly (re)linked to your Mastodon\u2019s tagspace: https://flaki.social/tags/webDevelopers, so Mastodon is at least getting that part right, recognizing it as a hashtag, and linking it correctly for your view.\n\nHowever, Mastodon is still for some reason using the default link for that hashtag on my site (where I am using https://indieweb.social as the tagspace\u00b9) as the link for the link preview.\n\nSince you use Mastodon, perhaps you could file an issue on Mastodon to fix that bug? Something like:\n\nIf Mastodon recognizes a hashtag and converts it to link to a local tagspace, it MUST NOT use that hashtag\u2019s prior/default hyperlink as the link for the link preview shown on a post.\n\nThanks!\n\n#hashTag #linkPreview #federation #fediverse #federated #tagSpace\n\nReferences:\n\n\u00b9 https://tantek.com/2023/100/t1/auto-linked-hashtags-federated",
        "html": "<a href=\"https://flaki.social/@flaki\">@flaki@flaki.social</a> no cross-posting at all, that post, and this reply are federated directly from my personal domain. If you look at the top of my post in your Mastodon client / reader you can see that it\u2019s from <a href=\"https://tantek.com\">@tantek.com</a> \u2014 no need for a username when you use your own domain.<br /><br />Regarding \u201cwhy the expanded link preview is to one of the (first) hashtags and not to one of the links in the post\u201d, that\u2019s likely a #<span class=\"p-category\">Mastodon</span> link preview bug with how it treats hashtags.<br /><br />If you view your reply in your Mastodon (client), you can see that the first hashtag in my post #<span class=\"p-category\">webDevelopers</span> is correctly (re)linked to your Mastodon\u2019s tagspace: <a href=\"https://flaki.social/tags/webDevelopers\">https://flaki.social/tags/webDevelopers</a>, so Mastodon is at least getting that part right, recognizing it as a hashtag, and linking it correctly for your view.<br /><br />However, Mastodon is still for some reason using the default link for that hashtag on my site (where I am using <a href=\"https://indieweb.social\">https://indieweb.social</a> as the tagspace<a href=\"http://tantek.com/#t5Wu1_note-1\">\u00b9</a>) as the link for the link preview.<br /><br />Since you use Mastodon, perhaps you could file an issue on Mastodon to fix that bug? Something like:<br /><br />If Mastodon recognizes a hashtag and converts it to link to a local tagspace, it MUST NOT use that hashtag\u2019s prior/default hyperlink as the link for the link preview shown on a post.<br /><br />Thanks!<br /><br />#<span class=\"p-category\">hashTag</span> #<span class=\"p-category\">linkPreview</span> #<span class=\"p-category\">federation</span> #<span class=\"p-category\">fediverse</span> #<span class=\"p-category\">federated</span> #<span class=\"p-category\">tagSpace</span><br /><br />References:<br /><br /><a href=\"http://tantek.com/#t5Wu1_ref-1\">\u00b9</a> <a href=\"https://tantek.com/2023/100/t1/auto-linked-hashtags-federated\">https://tantek.com/2023/100/t1/auto-linked-hashtags-federated</a>"
    },
    "author": {
        "type": "card",
        "name": "Tantek \u00c7elik",
        "url": "http://tantek.com/",
        "photo": "https://aperture-media.p3k.io/tantek.com/acfddd7d8b2c8cf8aa163651432cc1ec7eb8ec2f881942dca963d305eeaaa6b8.jpg"
    },
    "post-type": "reply",
    "refs": {
        "https://flaki.social/@flaki/112421558041490114": {
            "type": "entry",
            "url": "https://flaki.social/@flaki/112421558041490114",
            "name": "flaki.social user flaki\u2019s post",
            "post-type": "article"
        }
    },
    "_id": "41087593",
    "_source": "1",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@weirdwriter",
        "url": "https://tweesecake.social/@weirdwriter",
        "photo": null
    },
    "url": "https://tweesecake.social/@weirdwriter/112422396964423228",
    "content": {
        "html": "<p>If you liked All 2023 highlights. my feed URL is <a href=\"https://robertkingett.com/feed/\"><span>https://</span><span>robertkingett.com/feed/</span><span></span></a> <a href=\"https://tweesecake.social/tags/RSS\">#<span>RSS</span></a> <a href=\"https://tweesecake.social/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://tweesecake.social/tags/SmallWeb\">#<span>SmallWeb</span></a></p>",
        "text": "If you liked All 2023 highlights. my feed URL is https://robertkingett.com/feed/ #RSS #IndieWeb #SmallWeb"
    },
    "published": "2024-05-11T12:14:01+00:00",
    "post-type": "note",
    "_id": "41086223",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "#indieweb",
        "url": "https://mastodon.social/tags/indieweb",
        "photo": null
    },
    "url": "https://lostfocus.de/2024/05/11/232914/",
    "content": {
        "html": "Do quick notes work on personal websites? <p><a class=\"u-tag u-category\" href=\"https://lostfocus.de/tag/indieweb/\">#Indieweb</a> <a class=\"u-tag u-category\" href=\"https://lostfocus.de/tag/indiewebcamp/\">#IndiewebCamp</a></p>",
        "text": "Do quick notes work on personal websites? #Indieweb #IndiewebCamp"
    },
    "published": "2024-05-11T11:22:59+00:00",
    "post-type": "note",
    "_id": "41085904",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@reillypascal",
        "url": "https://hachyderm.io/@reillypascal",
        "photo": null
    },
    "url": "https://hachyderm.io/@reillypascal/112420364302391597",
    "content": {
        "html": "<p>This was exactly what I was thinking all day today! I appreciate this post by <span class=\"h-card\"><a class=\"u-url\" href=\"https://front-end.social/@anarodrigues\">@<span>anarodrigues</span></a></span> </p><p><a href=\"https://ohhelloana.blog/i-want-it-all/\"><span>https://</span><span>ohhelloana.blog/i-want-it-all/</span><span></span></a> </p><p><a href=\"https://hachyderm.io/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://hachyderm.io/tags/SocialMedia\">#<span>SocialMedia</span></a> <a href=\"https://hachyderm.io/tags/Anxiety\">#<span>Anxiety</span></a></p>\n<a class=\"u-mention\" href=\"https://front-end.social/@anarodrigues\"></a>",
        "text": "This was exactly what I was thinking all day today! I appreciate this post by @anarodrigues \n\nhttps://ohhelloana.blog/i-want-it-all/ \n\n#IndieWeb #SocialMedia #Anxiety"
    },
    "published": "2024-05-11T03:37:05+00:00",
    "post-type": "note",
    "_id": "41083822",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@rjomara",
        "url": "https://mastodon.social/@rjomara",
        "photo": null
    },
    "url": "https://mastodon.social/@rjomara/112419005841447353",
    "content": {
        "html": "<p>Made a breakthrough in how I think I can make this digital garden work. It always comes down to finding the right tool for the job, and I may have an idea of what might work for me. </p><p><a href=\"https://microblog.rjomara.com/2024/05/10/still-making-mud.html\"><span>https://</span><span>microblog.rjomara.com/2024/05/</span><span>10/still-making-mud.html</span></a></p><p><a href=\"https://mastodon.social/tags/DigitalGarden\">#<span>DigitalGarden</span></a> <a href=\"https://mastodon.social/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://mastodon.social/tags/blog\">#<span>blog</span></a></p>",
        "text": "Made a breakthrough in how I think I can make this digital garden work. It always comes down to finding the right tool for the job, and I may have an idea of what might work for me. \n\nhttps://microblog.rjomara.com/2024/05/10/still-making-mud.html\n\n#DigitalGarden #IndieWeb #blog"
    },
    "published": "2024-05-10T21:51:36+00:00",
    "post-type": "note",
    "_id": "41082120",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "#indieweb",
        "url": "https://mastodon.social/tags/indieweb",
        "photo": null
    },
    "url": "https://fed.brid.gy/r/https://www.ciccarello.me/posts/2024/05/10/reply-static-wm/",
    "content": {
        "html": "<p>For displaying webmentions on a static site, I went with using <a href=\"http://webmention.io\">webmention.io</a> as my webmention endpoint and fetching responses in the browser using <a href=\"https://github.com/PlaidWeb/webmention.js\">https://github.com/PlaidWeb/webmention.js</a></p><br /><p>To send webmentions, I have an automatic process in my Netlify build to check my feed and send mentions, but you could also use <a href=\"https://webmention.app/\">https://webmention.app/</a> to do the same.</p>",
        "text": "For displaying webmentions on a static site, I went with using webmention.io as my webmention endpoint and fetching responses in the browser using https://github.com/PlaidWeb/webmention.js\nTo send webmentions, I have an automatic process in my Netlify build to check my feed and send mentions, but you could also use https://webmention.app/ to do the same."
    },
    "published": "2024-05-10T19:23:09+00:00",
    "post-type": "note",
    "_id": "41081510",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@stvfrnzl",
        "url": "https://mastodon.online/@stvfrnzl",
        "photo": null
    },
    "url": "https://mastodon.online/@stvfrnzl/112418386466028530",
    "content": {
        "html": "<p>Followed the steps on <a href=\"https://indiewebify.me/\"><span>https://</span><span>indiewebify.me/</span><span></span></a>  to integrate <a href=\"https://mastodon.online/tags/webmentions\">#<span>webmentions</span></a> on my <a href=\"https://mastodon.online/tags/blog\">#<span>blog</span></a> and made some real good progress after plenty of commits.</p><p>No clue though how to actually show them using <span class=\"h-card\"><a class=\"u-url\" href=\"https://m.webtoo.ls/@astro\">@<span>astro</span></a></span> but that's Tomorrow Steve's problem not mine</p><p><a href=\"https://mastodon.online/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://mastodon.online/tags/WebDev\">#<span>WebDev</span></a> <a href=\"https://mastodon.online/tags/Frontend\">#<span>Frontend</span></a></p>\n<a class=\"u-mention\" href=\"https://m.webtoo.ls/@astro\"></a>",
        "text": "Followed the steps on https://indiewebify.me/  to integrate #webmentions on my #blog and made some real good progress after plenty of commits.\n\nNo clue though how to actually show them using @astro but that's Tomorrow Steve's problem not mine\n\n#IndieWeb #WebDev #Frontend"
    },
    "published": "2024-05-10T19:14:05+00:00",
    "post-type": "note",
    "_id": "41080943",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@reillypascal",
        "url": "https://hachyderm.io/@reillypascal",
        "photo": null
    },
    "url": "https://hachyderm.io/@reillypascal/112418324269663002",
    "content": {
        "html": "<p>I definitely want to add more pages, and once I add dropdowns within the menus, that'll be easier to organize. My main thing is that I don't know how to strike a balance of \"personal\" and \"portfolio\" in the content I put on my site. </p><p>Does anyone else have experience/thoughts on this? (2/2)</p><p><a href=\"https://hachyderm.io/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://hachyderm.io/tags/DigitalGarden\">#<span>DigitalGarden</span></a> <a href=\"https://hachyderm.io/tags/SmallWeb\">#<span>SmallWeb</span></a> <a href=\"https://hachyderm.io/tags/SmolWeb\">#<span>SmolWeb</span></a> <a href=\"https://hachyderm.io/tags/Blog\">#<span>Blog</span></a> <a href=\"https://hachyderm.io/tags/Composer\">#<span>Composer</span></a> <a href=\"https://hachyderm.io/tags/Musodon\">#<span>Musodon</span></a></p>",
        "text": "I definitely want to add more pages, and once I add dropdowns within the menus, that'll be easier to organize. My main thing is that I don't know how to strike a balance of \"personal\" and \"portfolio\" in the content I put on my site. \n\nDoes anyone else have experience/thoughts on this? (2/2)\n\n#IndieWeb #DigitalGarden #SmallWeb #SmolWeb #Blog #Composer #Musodon"
    },
    "published": "2024-05-10T18:58:16+00:00",
    "post-type": "note",
    "_id": "41080786",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@reillypascal",
        "url": "https://hachyderm.io/@reillypascal",
        "photo": null
    },
    "url": "https://hachyderm.io/@reillypascal/112418313647582085",
    "content": {
        "html": "<p>I'm at an odd place with my personal website. Before Dec. 2023, it was a \"professional portfolio\" for my compositions. Now that I'm interested in the IndieWeb community, I want to make something more personal. I don't *think* I want to make two sites, but I do still need a portfolio for my composition work.</p><p>I just read <span class=\"h-card\"><a class=\"u-url\" href=\"https://indieweb.social/@maggie\">@<span>maggie</span></a></span>'s post on \"digital gardens\" and I really like that idea. (1/n)</p><p><a href=\"https://maggieappleton.com/garden-history\"><span>https://</span><span>maggieappleton.com/garden-hist</span><span>ory</span></a></p><p><a href=\"https://hachyderm.io/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://hachyderm.io/tags/DigitalGarden\">#<span>DigitalGarden</span></a> <a href=\"https://hachyderm.io/tags/SmallWeb\">#<span>SmallWeb</span></a> <a href=\"https://hachyderm.io/tags/SmolWeb\">#<span>SmolWeb</span></a> <a href=\"https://hachyderm.io/tags/Blog\">#<span>Blog</span></a> <a href=\"https://hachyderm.io/tags/Composer\">#<span>Composer</span></a> <a href=\"https://hachyderm.io/tags/Musodon\">#<span>Musodon</span></a></p>\n<a class=\"u-mention\" href=\"https://indieweb.social/@maggie\"></a>",
        "text": "I'm at an odd place with my personal website. Before Dec. 2023, it was a \"professional portfolio\" for my compositions. Now that I'm interested in the IndieWeb community, I want to make something more personal. I don't *think* I want to make two sites, but I do still need a portfolio for my composition work.\n\nI just read @maggie's post on \"digital gardens\" and I really like that idea. (1/n)\n\nhttps://maggieappleton.com/garden-history\n\n#IndieWeb #DigitalGarden #SmallWeb #SmolWeb #Blog #Composer #Musodon"
    },
    "published": "2024-05-10T18:55:34+00:00",
    "post-type": "note",
    "_id": "41080787",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@jcrabapple",
        "url": "https://dmv.community/@jcrabapple",
        "photo": null
    },
    "url": "https://dmv.community/@jcrabapple/112418238453283922",
    "content": {
        "html": "<p>Site.js - Small web construction set</p><p><a href=\"https://sitejs.org/#get-started\"><span>https://</span><span>sitejs.org/#get-started</span><span></span></a></p><p><a href=\"https://dmv.community/tags/smallweb\">#<span>smallweb</span></a> <a href=\"https://dmv.community/tags/indieweb\">#<span>indieweb</span></a></p>",
        "text": "Site.js - Small web construction set\n\nhttps://sitejs.org/#get-started\n\n#smallweb #indieweb"
    },
    "published": "2024-05-10T18:36:27+00:00",
    "post-type": "note",
    "_id": "41080679",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@artlung",
        "url": "https://xoxo.zone/@artlung",
        "photo": null
    },
    "url": "https://xoxo.zone/@artlung/112418068746508486",
    "content": {
        "html": "<p><span class=\"h-card\"><a class=\"u-url\" href=\"https://toot.wales/@huwfulcher\">@<span>huwfulcher</span></a></span> Lots of services to integrate with - several static generators have libraries one can use to capture and interact with web-mentions. See <a href=\"https://indieweb.org/Webmention\"><span>https://</span><span>indieweb.org/Webmention</span><span></span></a> - I don't recognize your flavor of SSG but it looks to be in Rust? Peruse <a href=\"https://indieweb.org/Rust\"><span>https://</span><span>indieweb.org/Rust</span><span></span></a> and if you see missing pieces feel free to login and update that page. <a href=\"https://xoxo.zone/tags/IndieWeb\">#<span>IndieWeb</span></a></p>\n<a class=\"u-mention\" href=\"https://toot.wales/@huwfulcher\"></a>",
        "text": "@huwfulcher Lots of services to integrate with - several static generators have libraries one can use to capture and interact with web-mentions. See https://indieweb.org/Webmention - I don't recognize your flavor of SSG but it looks to be in Rust? Peruse https://indieweb.org/Rust and if you see missing pieces feel free to login and update that page. #IndieWeb"
    },
    "published": "2024-05-10T17:53:17+00:00",
    "post-type": "note",
    "_id": "41080279",
    "_source": "8007",
    "_is_read": false
}

Manton Reece www.manton.org

{
    "type": "entry",
    "author": {
        "name": "Manton Reece",
        "url": "https://www.manton.org/",
        "photo": "https://micro.blog/manton/avatar.jpg"
    },
    "url": "https://www.manton.org/2024/05/10/the-first-update.html",
    "content": {
        "html": "<p><a href=\"https://activitypub.ghost.org/day-0/\">The first update from Ghost</a> about ActivityPub has a screenshot of their early experiment. There\u2019s also a lot about timing:</p>\n<blockquote>\n<p>In 2024, for the first time, it finally feels like we have a critical mass of people and platforms who are interested in <a href=\"https://www.noemamag.com/we-need-to-rewild-the-internet/?ref=activitypub.ghost.org\">rewilding the internet</a> to bring back what we lost, and create something new.</p>\n</blockquote>\n<p>Not sure about \u201cfor the first time\u201d, but that\u2019s a minor nitpick, mostly selfish on my part. I\u2019m glad Ghost is doing this and look forward to following their email series.</p>",
        "text": "The first update from Ghost about ActivityPub has a screenshot of their early experiment. There\u2019s also a lot about timing:\n\nIn 2024, for the first time, it finally feels like we have a critical mass of people and platforms who are interested in rewilding the internet to bring back what we lost, and create something new.\n\nNot sure about \u201cfor the first time\u201d, but that\u2019s a minor nitpick, mostly selfish on my part. I\u2019m glad Ghost is doing this and look forward to following their email series."
    },
    "published": "2024-05-10T12:26:39-05:00",
    "post-type": "note",
    "_id": "41080235",
    "_source": "12",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@huwfulcher",
        "url": "https://toot.wales/@huwfulcher",
        "photo": null
    },
    "url": "https://toot.wales/@huwfulcher/112417928486904357",
    "content": {
        "html": "<p>Help me out here <a href=\"https://toot.wales/tags/indieweb\">#<span>indieweb</span></a> I currently have a statically generated site. How much of a headache is it going to be to integrate more IndieWeb features like reactions, mentions, etc? Am I better off going server side or using calls to endpoints on page load?</p>",
        "text": "Help me out here #indieweb I currently have a statically generated site. How much of a headache is it going to be to integrate more IndieWeb features like reactions, mentions, etc? Am I better off going server side or using calls to endpoints on page load?"
    },
    "published": "2024-05-10T17:17:37+00:00",
    "post-type": "note",
    "_id": "41080035",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@shellsharks",
        "url": "https://shellsharks.social/@shellsharks",
        "photo": null
    },
    "url": "https://shellsharks.social/@shellsharks/112417689310097686",
    "content": {
        "html": "<p>Comin' into day 10 of <a href=\"https://shellsharks.social/tags/weblogpomo2024\">#<span>weblogpomo2024</span></a> (~1/3 of the way through!) with some songs of the past \ud83c\udfb6</p><p><a href=\"https://shellsharks.com/notes/2024/05/10/songs-i-was-feelin-2020\"><span>https://</span><span>shellsharks.com/notes/2024/05/</span><span>10/songs-i-was-feelin-2020</span></a></p><p>Must have been in one of my many \"Yes\u201d phases.</p><p>Edit: (Had to fix og:image)</p><p><a href=\"https://shellsharks.social/tags/blogging\">#<span>blogging</span></a> <a href=\"https://shellsharks.social/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://shellsharks.social/tags/weblogpomo\">#<span>weblogpomo</span></a></p>",
        "text": "Comin' into day 10 of #weblogpomo2024 (~1/3 of the way through!) with some songs of the past \ud83c\udfb6\n\nhttps://shellsharks.com/notes/2024/05/10/songs-i-was-feelin-2020\n\nMust have been in one of my many \"Yes\u201d phases.\n\nEdit: (Had to fix og:image)\n\n#blogging #indieweb #weblogpomo"
    },
    "published": "2024-05-10T16:16:48+00:00",
    "post-type": "note",
    "_id": "41079447",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@schizanon",
        "url": "https://mastodon.social/@schizanon",
        "photo": null
    },
    "url": "https://mastodon.social/@schizanon/112417645964329063",
    "content": {
        "html": "<p>Setting up a web server on your home computer is a rite of passage that everyone does once, realizes what a pain in the ass it is, and then never does again.</p><p><a href=\"https://mastodon.social/tags/webDev\">#<span>webDev</span></a> <a href=\"https://mastodon.social/tags/smallweb\">#<span>smallweb</span></a> <a href=\"https://mastodon.social/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://mastodon.social/tags/web\">#<span>web</span></a> <a href=\"https://mastodon.social/tags/sysadmin\">#<span>sysadmin</span></a> <a href=\"https://mastodon.social/tags/dev\">#<span>dev</span></a> <a href=\"https://mastodon.social/tags/developer\">#<span>developer</span></a> <a href=\"https://mastodon.social/tags/server\">#<span>server</span></a> <a href=\"https://mastodon.social/tags/homeautomation\">#<span>homeautomation</span></a> <a href=\"https://mastodon.social/tags/homelab\">#<span>homelab</span></a></p>",
        "text": "Setting up a web server on your home computer is a rite of passage that everyone does once, realizes what a pain in the ass it is, and then never does again.\n\n#webDev #smallweb #indieweb #web #sysadmin #dev #developer #server #homeautomation #homelab"
    },
    "published": "2024-05-10T16:05:46+00:00",
    "post-type": "note",
    "_id": "41079448",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@cory",
        "url": "https://social.lol/@cory",
        "photo": null
    },
    "url": "https://social.lol/@cory/112417638574279524",
    "content": {
        "html": "<p>\ud83d\udd17: Manifesto for a Humane Web <a href=\"https://social.lol/tags/Tech\">#<span>Tech</span></a> <a href=\"https://social.lol/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://social.lol/tags/SmallWeb\">#<span>SmallWeb</span></a> <a href=\"https://humanewebmanifesto.com\"><span>https://</span><span>humanewebmanifesto.com</span><span></span></a></p>",
        "text": "\ud83d\udd17: Manifesto for a Humane Web #Tech #IndieWeb #SmallWeb https://humanewebmanifesto.com"
    },
    "published": "2024-05-10T16:03:53+00:00",
    "post-type": "note",
    "_id": "41079449",
    "_source": "8007",
    "_is_read": false
}

Ben Werdmuller werd.io/profile/benwerd

Some ShareOpenly updates

{
    "type": "entry",
    "published": "2024-05-10T14:07:38+00:00",
    "url": "https://werd.io/2024/some-shareopenly-updates",
    "name": "Some ShareOpenly updates",
    "content": {
        "text": "It\u2019s been a little over a month since I launched\u00a0ShareOpenly, my simple tool that lets you add a \u201cshare to social media\u201d button to your website which is compatible with the fediverse, Bluesky, Threads, and all of today\u2019s crop of social media sites.\n\nYou might recall that I built it in order to help people move away from their \u201cshare to Twitter\u201d buttons that they\u2019ve been hosting for years. Those buttons made sense from 2006-2022 \u2014 but not so much in a world where engagement on Twitter/X is falling, and a new world of social media is emerging.\n\nPeople have been using it, and I\u2019ve had lots of great feedback.\n\nSo, today, I\u2019m pleased to announce releases for two of the biggest requests people have made for the tool.A share iconA share button needs an icon. That was clear from the very beginning. It needs to be something distinctive \u2014 this is a different kind of social media share tool \u2014 but also immediately recognizable as a share icon.\n\nI reached out to one of the best designers in the field: Jon Hicks, whose excellent work includes the new Thunderbird logo, Disney\u2019s SpellStruck, Spotify\u2019s icon set, and Truck, an excellent record store in my hometown. I was delighted when he agreed to create a share icon for ShareOpenly.\n\nThis icon works really well at small and large sizes: in sidebars, in footers, and wherever you need to help people share. Click the version embedded here to share this very post:A WordPress pluginLots of people have asked me for an easy way to embed a ShareOpenly link into WordPress.\n\nDavid Artiss, a support lead at Automattic\u2019s excellent WordPress VIP service, has written a WordPress plugin that is now available in the official WordPress plugin directory. He writes more about it in an announcement blog post on his site:Simply download the plugin, activate it and you\u2019ll find a link added to the bottom of every WordPress post or page. A simple settings page allows you to change the sharing text, as well as whether it appears on posts and/or page content.Boom! It couldn\u2019t be easier.\n\nI really hope that the new icon and the WordPress plugin make it easier to include more open sharing to your website. ShareOpenly is suitable for everything from small blogs to large publishers.Manually creating a share linkOf course, you don\u2019t need to use the WordPress plugin. You can embed a share icon onto any web page using this code:<a href=\"#\" id=\"shareopenly\"><img src=\"https://shareopenly.org/images/logo.svg\" alt=\"Share to social media\"></a>\n<script>\n  document.querySelector('#shareopenly').addEventListener('click', (e) => {\n    e.preventDefault();\n    let href = 'https://' + 'shareopenly' + '.org/share/?url=';\n    href += `${encodeURIComponent(window.location.href)}&text=${encodeURIComponent(document.title)}`;\n    window.location.href = href;\n  });\n</script>\nOr you can construct the URL yourself by following the instructions on this page.\n\nHave fun, and please keep the feedback coming! You can always email me at ben@werd.io.",
        "html": "<p><img src=\"https://werd.io/file/663e2a1cadb9248ca8068962/thumb.png\" alt=\"ShareOpenly\" width=\"0\" height=\"0\" />It\u2019s been a little over a month since I launched\u00a0<a href=\"https://shareopenly.org\">ShareOpenly</a>, my simple tool that lets you add a \u201cshare to social media\u201d button to your website which is compatible with the fediverse, Bluesky, Threads, and all of today\u2019s crop of social media sites.</p><p>You might recall that I built it in order to help people move away from their \u201cshare to Twitter\u201d buttons that they\u2019ve been hosting for years. Those buttons made sense from 2006-2022 \u2014 but not so much in a world where engagement on Twitter/X is falling, and a new world of social media is emerging.</p><p>People have been using it, and I\u2019ve had lots of great feedback.</p><p>So, today, I\u2019m pleased to announce releases for two of the biggest requests people have made for the tool.</p><h3>A share icon</h3><p>A share button needs an icon. That was clear from the very beginning. It needs to be something distinctive \u2014 this is a different kind of social media share tool \u2014 but also immediately recognizable as a share icon.</p><p>I reached out to one of the best designers in the field: <a href=\"https://hicks.design/\">Jon Hicks</a>, whose excellent work includes <a href=\"https://hicks.design/work/thunderbird-logo-redesign\">the new Thunderbird logo</a>, <a href=\"https://hicks.design/work/spellstruck\">Disney\u2019s SpellStruck</a>, <a href=\"https://hicks.design/work/spotify\">Spotify\u2019s icon set</a>, and <a href=\"https://hicks.design/work/truck\">Truck</a>, an excellent record store in my hometown. I was delighted when he agreed to create a share icon for ShareOpenly.</p><p>This icon works really well at small and large sizes: in sidebars, in footers, and wherever you need to help people share. Click the version embedded here to share this very post:</p><p style=\"text-align:center;\"><a href=\"https://shareopenly.org/share/?url=https://werd.io/2024/some-shareopenly-updates&amp;text=Some+ShareOpenly_updates\"><img style=\"margin-left:auto;margin-right:auto;\" src=\"https://werd.io/file/663e29bba672dd19c70159f2\" alt=\"ShareOpenly\" width=\"100\" height=\"113\" /></a></p><h3>A WordPress plugin</h3><p>Lots of people have asked me for an easy way to embed a ShareOpenly link into WordPress.</p><p><a href=\"https://artiss.blog/\">David Artiss</a>, a support lead at Automattic\u2019s excellent <a href=\"https://wpvip.com/\">WordPress VIP</a> service, has written a WordPress plugin <a href=\"https://wordpress.org/plugins/shareopenly/\">that is now available in the official WordPress plugin directory</a>. He writes more about it <a href=\"https://artiss.blog/2024/05/shareopenly-official-wordpress-plugin-now-released/\">in an announcement blog post on his site</a>:</p><blockquote><p>Simply download the plugin, activate it and you\u2019ll find a link added to the bottom of every WordPress post or page. A simple settings page allows you to change the sharing text, as well as whether it appears on posts and/or page content.</p></blockquote><p>Boom! It couldn\u2019t be easier.</p><p>I really hope that the new icon and the WordPress plugin make it easier to include more open sharing to your website. ShareOpenly is suitable for everything from small blogs to large publishers.</p><h3>Manually creating a share link</h3><p>Of course, you don\u2019t <em>need</em> to use the WordPress plugin. You can embed a share icon onto any web page using this code:</p><pre><code>&lt;a href=\"#\" id=\"shareopenly\"&gt;&lt;img src=\"https://shareopenly.org/images/logo.svg\" alt=\"Share to social media\"&gt;&lt;/a&gt;\n&lt;script&gt;\n  document.querySelector('#shareopenly').addEventListener('click', (e) =&gt; {\n    e.preventDefault();\n    let href = 'https://' + 'shareopenly' + '.org/share/?url=';\n    href += `${encodeURIComponent(window.location.href)}&amp;text=${encodeURIComponent(document.title)}`;\n    window.location.href = href;\n  });\n&lt;/script&gt;\n</code></pre><p>Or you can construct the URL yourself by <a href=\"https://shareopenly.org/add/\">following the instructions on this page</a>.</p><p>Have fun, and please keep the feedback coming! You can always email me at <a href=\"mailto:ben@werd.io\">ben@werd.io</a>.</p>"
    },
    "author": {
        "type": "card",
        "name": "Ben Werdmuller",
        "url": "https://werd.io/profile/benwerd",
        "photo": "https://werd.io/file/5d388c5fb16ea14aac640912/thumb.jpg"
    },
    "post-type": "article",
    "_id": "41078514",
    "_source": "191",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@huwfulcher",
        "url": "https://toot.wales/@huwfulcher",
        "photo": null
    },
    "url": "https://toot.wales/@huwfulcher/112417176763688283",
    "content": {
        "html": "<p>Back home from a great week in Bluestone. Excited to do more work on my \u201cpersonal internet\u201d this weekend. Looking at <a href=\"https://toot.wales/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://toot.wales/tags/selfhosted\">#<span>selfhosted</span></a> <a href=\"https://toot.wales/tags/fediverse\">#<span>fediverse</span></a> stuff</p>",
        "text": "Back home from a great week in Bluestone. Excited to do more work on my \u201cpersonal internet\u201d this weekend. Looking at #indieweb #selfhosted #fediverse stuff"
    },
    "published": "2024-05-10T14:06:27+00:00",
    "post-type": "note",
    "_id": "41078448",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@weirdwriter",
        "url": "https://tweesecake.social/@weirdwriter",
        "photo": null
    },
    "url": "https://tweesecake.social/@weirdwriter/112416262770808667",
    "content": {
        "html": "<p>Recent thing on my website, All 2023 highlights. <a href=\"https://robertkingett.com/posts/6555/\"><span>https://</span><span>robertkingett.com/posts/6555/</span><span></span></a> <a href=\"https://tweesecake.social/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://tweesecake.social/tags/SmallWeb\">#<span>SmallWeb</span></a></p>",
        "text": "Recent thing on my website, All 2023 highlights. https://robertkingett.com/posts/6555/ #IndieWeb #SmallWeb"
    },
    "published": "2024-05-10T10:14:00+00:00",
    "post-type": "note",
    "_id": "41076399",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@hamatti",
        "url": "https://mastodon.world/@hamatti",
        "photo": null
    },
    "url": "https://mastodon.world/@hamatti/112416210619870881",
    "content": {
        "html": "<p>Sometimes sparking creativity requires doing something else for a while. It's hard to force it.</p><p>andrei wrote about it in his <a href=\"https://mastodon.world/tags/IndieWeb\">#<span>IndieWeb</span></a> Carnival submission.</p><p><a href=\"https://andrei.xyz/post/the-creative-space-inside/\"><span>https://</span><span>andrei.xyz/post/the-creative-s</span><span>pace-inside/</span></a></p><p><a href=\"https://mastodon.world/tags/creativity\">#<span>creativity</span></a> <a href=\"https://mastodon.world/tags/blogging\">#<span>blogging</span></a></p>",
        "text": "Sometimes sparking creativity requires doing something else for a while. It's hard to force it.\n\nandrei wrote about it in his #IndieWeb Carnival submission.\n\nhttps://andrei.xyz/post/the-creative-space-inside/\n\n#creativity #blogging"
    },
    "published": "2024-05-10T10:00:45+00:00",
    "post-type": "note",
    "_id": "41076318",
    "_source": "8007",
    "_is_read": false
}