In notes like this post, I can type "^1" (like after the word "footnotes" above) and the code on my server automatically: * turns it into a Unicode superscript '¹' * links it to the expansion at the end of my post Similarly, I can type "^1" at the start of an expansion line (e.g. at the end of a post) and that code automatically: * turns it into a Unicode superscript '¹' * links it back to the inline reference
Since that code is part of my site’s CASSIS auto_link function², all previous posts with such "^n" style footnotes have also been updated, like my day 6 post³ and since.
Clicking an inline footnote reference scrolls to the line with the footnote expansion. Clicking the Unicode superscript number at the start of that expansion scrolls back to the inline footnote reference.
I decided to postpone adding the small return arrows '⮐' at the end of a footnote expansions. Linking the superscript numbers to each other works well, and seemed sufficiently discoverable without being distracting.
By using post-specific unique prefixes for the footnote reference & expansion links, those links also work even in the presence of more than one post with footnotes, e.g. on my home page⁴. They’re also in my Atom feed entries. I’m curious how the footnotes links in a post work in other contexts, like when viewing in a reader.
I also discovered that Unicode superscripts were inconsistent on some platforms, and added a bit of CSS to set an explicit font-family for footnotes numbers:
/* CSS style rule to use a specific font for footnote refs and expansions */ a[id*='_ref-'],a[id*='_note-'] { font-family:"Arial Unicode MS",system-ui; } /* end of style rule */
I added this and some other tips to the #IndieWeb footnote page⁵.
{
"type": "entry",
"published": "2023-02-12 20:06-0800",
"url": "http://tantek.com/2023/043/t1/footnotes-unicode-links",
"category": [
"IndieWeb",
"100DaysOfIndieWeb",
"100Days"
],
"content": {
"text": "I got auto-Unicode & linking footnotes\u00b9 working!\n\nIn notes like this post, I can type \"^1\" (like after the word \"footnotes\" above) and the code on my server automatically:\n* turns it into a Unicode superscript '\u00b9'\n* links it to the expansion at the end of my post\nSimilarly, I can type \"^1\" at the start of an expansion line (e.g. at the end of a post) and that code automatically:\n* turns it into a Unicode superscript '\u00b9'\n* links it back to the inline reference\n\nSince that code is part of my site\u2019s CASSIS auto_link function\u00b2, all previous posts with such \"^n\" style footnotes have also been updated, like my day 6 post\u00b3 and since.\n\nClicking an inline footnote reference scrolls to the line with the footnote expansion. Clicking the Unicode superscript number at the start of that expansion scrolls back to the inline footnote reference. \n\nI decided to postpone adding the small return arrows '\u2b90' at the end of a footnote expansions. Linking the superscript numbers to each other works well, and seemed sufficiently discoverable without being distracting.\n\nBy using post-specific unique prefixes for the footnote reference & expansion links, those links also work even in the presence of more than one post with footnotes, e.g. on my home page\u2074. They\u2019re also in my Atom feed entries. I\u2019m curious how the footnotes links in a post work in other contexts, like when viewing in a reader.\n\nI also discovered that Unicode superscripts were inconsistent on some platforms, and added a bit of CSS to set an explicit font-family for footnotes numbers:\n\n/* CSS style rule to use a specific font for footnote refs and expansions */\na[id*='_ref-'],a[id*='_note-'] { font-family:\"Arial Unicode MS\",system-ui; }\n/* end of style rule */\n\nI added this and some other tips to the #IndieWeb footnote page\u2075.\n\n\nThis is day 30 of #100DaysOfIndieWeb #100Days\n\n\u2190 Day 29: https://tantek.com/2023/037/t1/post-glossary\n\u2192 \ud83d\udd2e\n\n\n\u00b9 https://tantek.com/2023/036/t1/footnotes-unicode-hyperlink\n\u00b2 https://tantek.com/cassis.js\n\u00b3 https://tantek.com/2023/006/t1/forward-in-time-links\n\u2074 https://tantek.com/\n\u2075 https://indieweb.org/footnote",
"html": "I got auto-Unicode & linking footnotes<a href=\"http://tantek.com/#t5PL1_note-1\">\u00b9</a> working!<br /><br />In notes like this post, I can type \"^1\" (like after the word \"footnotes\" above) and the code on my server automatically:<br />* turns it into a Unicode superscript '\u00b9'<br />* links it to the expansion at the end of my post<br />Similarly, I can type \"^1\" at the start of an expansion line (e.g. at the end of a post) and that code automatically:<br />* turns it into a Unicode superscript '\u00b9'<br />* links it back to the inline reference<br /><br />Since that code is part of my site\u2019s CASSIS auto_link function<a href=\"http://tantek.com/#t5PL1_note-2\">\u00b2</a>, all previous posts with such \"^n\" style footnotes have also been updated, like my day 6 post<a href=\"http://tantek.com/#t5PL1_note-3\">\u00b3</a> and since.<br /><br />Clicking an inline footnote reference scrolls to the line with the footnote expansion. Clicking the Unicode superscript number at the start of that expansion scrolls back to the inline footnote reference. <br /><br />I decided to postpone adding the small return arrows '\u2b90' at the end of a footnote expansions. Linking the superscript numbers to each other works well, and seemed sufficiently discoverable without being distracting.<br /><br />By using post-specific unique prefixes for the footnote reference & expansion links, those links also work even in the presence of more than one post with footnotes, e.g. on my home page<a href=\"http://tantek.com/#t5PL1_note-4\">\u2074</a>. They\u2019re also in my Atom feed entries. I\u2019m curious how the footnotes links in a post work in other contexts, like when viewing in a reader.<br /><br />I also discovered that Unicode superscripts were inconsistent on some platforms, and added a bit of CSS to set an explicit font-family for footnotes numbers:<br /><br />/* CSS style rule to use a specific font for footnote refs and expansions */<br />a[id*='_ref-'],a[id*='_note-'] { font-family:\"Arial Unicode MS\",system-ui; }<br />/* end of style rule */<br /><br />I added this and some other tips to the #<span class=\"p-category\">IndieWeb</span> footnote page<a href=\"http://tantek.com/#t5PL1_note-5\">\u2075</a>.<br /><br /><br />This is day 30 of #<span class=\"p-category\">100DaysOfIndieWeb</span> #<span class=\"p-category\">100Days</span><br /><br />\u2190 Day 29: <a href=\"https://tantek.com/2023/037/t1/post-glossary\">https://tantek.com/2023/037/t1/post-glossary</a><br />\u2192 \ud83d\udd2e<br /><br /><br /><a href=\"http://tantek.com/#t5PL1_ref-1\">\u00b9</a> <a href=\"https://tantek.com/2023/036/t1/footnotes-unicode-hyperlink\">https://tantek.com/2023/036/t1/footnotes-unicode-hyperlink</a><br /><a href=\"http://tantek.com/#t5PL1_ref-2\">\u00b2</a> <a href=\"https://tantek.com/cassis.js\">https://tantek.com/cassis.js</a><br /><a href=\"http://tantek.com/#t5PL1_ref-3\">\u00b3</a> <a href=\"https://tantek.com/2023/006/t1/forward-in-time-links\">https://tantek.com/2023/006/t1/forward-in-time-links</a><br /><a href=\"http://tantek.com/#t5PL1_ref-4\">\u2074</a> <a href=\"https://tantek.com/\">https://tantek.com/</a><br /><a href=\"http://tantek.com/#t5PL1_ref-5\">\u2075</a> <a href=\"https://indieweb.org/footnote\">https://indieweb.org/footnote</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": "35114903",
"_source": "1",
"_is_read": false
}
@box464 Interesting project. But it says "Indiekit is for everyone" and the first step of the installation process is "npm..." Unfortunately, still not the access to the #Indieweb for the non-expert.
{
"type": "entry",
"author": {
"name": "@chrisbergr",
"url": "https://mastodon.social/@chrisbergr",
"photo": null
},
"url": "https://mastodon.social/@chrisbergr/109857934629962899",
"content": {
"html": "<p><span class=\"h-card\"><a class=\"u-url\" href=\"https://mastodon.social/@box464\">@<span>box464</span></a></span> Interesting project.<br />But it says \"Indiekit is for everyone\" and the first step of the installation process is \"npm...\"<br />Unfortunately, still not the access to the <a href=\"https://mastodon.social/tags/Indieweb\">#<span>Indieweb</span></a> for the non-expert.</p>",
"text": "@box464 Interesting project.\nBut it says \"Indiekit is for everyone\" and the first step of the installation process is \"npm...\"\nUnfortunately, still not the access to the #Indieweb for the non-expert."
},
"published": "2023-02-13T14:37:31+00:00",
"post-type": "note",
"_id": "35114023",
"_source": "7235",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "@box464",
"url": "https://mastodon.social/@box464",
"photo": null
},
"url": "https://mastodon.social/@box464/109857750344066119",
"content": {
"html": "<p>There are just too many sparklies to learn in the <a href=\"https://mastodon.social/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://mastodon.social/tags/Fediverse\">#<span>Fediverse</span></a> world. Stop creating interesting things!</p><p><a href=\"https://getindiekit.com/get-started\"><span>https://</span><span>getindiekit.com/get-started</span><span></span></a></p>",
"text": "There are just too many sparklies to learn in the #IndieWeb #Fediverse world. Stop creating interesting things!https://getindiekit.com/get-started"
},
"published": "2023-02-13T13:50:39+00:00",
"post-type": "note",
"_id": "35114024",
"_source": "7235",
"_is_read": false
}
This is my current #indieweb project: an application to design weaving designs for use in a floor loom. It uses #svelte and #webgl. Lately there has been a lot of debate around React, SPA vs. MPA, but with Svelte I've managed to only 50kb of Javascript.
{
"type": "entry",
"author": {
"name": "@jrende",
"url": "https://indieweb.social/@jrende",
"photo": null
},
"url": "https://indieweb.social/@jrende/109857863231636357",
"content": {
"html": "<p>This is my current <a href=\"https://indieweb.social/tags/indieweb\">#<span>indieweb</span></a> project: an application to design weaving designs for use in a floor loom. It uses <a href=\"https://indieweb.social/tags/svelte\">#<span>svelte</span></a> and <a href=\"https://indieweb.social/tags/webgl\">#<span>webgl</span></a>. <br />Lately there has been a lot of debate around React, SPA vs. MPA, but with Svelte I've managed to only 50kb of Javascript.</p>",
"text": "This is my current #indieweb project: an application to design weaving designs for use in a floor loom. It uses #svelte and #webgl. \nLately there has been a lot of debate around React, SPA vs. MPA, but with Svelte I've managed to only 50kb of Javascript."
},
"published": "2023-02-13T14:19:21+00:00",
"post-type": "note",
"_id": "35114025",
"_source": "7235",
"_is_read": false
}
Screenshot of my personal site in development. Webmentions, tweets, and mastodon interactions are finally showing after a good month of banging my head against a wall.
{
"type": "entry",
"author": {
"name": "@box464",
"url": "https://mastodon.social/@box464",
"photo": null
},
"url": "https://mastodon.social/@box464/109856049499738607",
"content": {
"html": "Screenshot of my personal site in development. Webmentions, tweets, and mastodon interactions are finally showing after a good month of banging my head against a wall.",
"text": "Screenshot of my personal site in development. Webmentions, tweets, and mastodon interactions are finally showing after a good month of banging my head against a wall."
},
"published": "2023-02-13T06:38:06+00:00",
"post-type": "note",
"_id": "35106492",
"_source": "7235",
"_is_read": false
}
#Blog updated: The second part of my #gamedev work experience at Keywords Studios, and how getting fired from there was lowkey the best thing that ever happened for my career.
{
"type": "entry",
"author": {
"name": "@christroll",
"url": "https://peoplemaking.games/@christroll",
"photo": null
},
"url": "https://peoplemaking.games/@christroll/109853679963092066",
"content": {
"html": "<p><a href=\"https://peoplemaking.games/tags/Blog\">#<span>Blog</span></a> updated: The second part of my <a href=\"https://peoplemaking.games/tags/gamedev\">#<span>gamedev</span></a> work experience at Keywords Studios, and how getting fired from there was lowkey the best thing that ever happened for my career.</p><p><a href=\"https://chaotic-neutr.al/posts/keywords-studios-storytime-2/\"><span>https://</span><span>chaotic-neutr.al/posts/keyword</span><span>s-studios-storytime-2/</span></a></p><p><a href=\"https://peoplemaking.games/tags/IndieWeb\">#<span>IndieWeb</span></a></p>",
"text": "#Blog updated: The second part of my #gamedev work experience at Keywords Studios, and how getting fired from there was lowkey the best thing that ever happened for my career.https://chaotic-neutr.al/posts/keywords-studios-storytime-2/#IndieWeb"
},
"published": "2023-02-12T20:35:30+00:00",
"post-type": "note",
"_id": "35097662",
"_source": "7235",
"_is_read": false
}
Morning everybody and welcome to Sunday. Phone is still playing dead. Going to try to get some sighted help to help with this, hopefully someone moderately tech-oriented.
{
"type": "entry",
"author": {
"name": "Amanda Carson",
"url": "https://arush.io",
"photo": "https://www.gravatar.com/avatar/94ae98c7302aa5b10f1d9a4255cf83ba?s=96&d=https%3A%2F%2Fmicro.blog%2Fimages%2Fblank_avatar.png"
},
"url": "https://arush.io/2023/02/12/248606/",
"content": {
"html": "<p>Morning everybody and welcome to Sunday. Phone is still playing dead. Going to try to get some sighted help to help with this, hopefully someone moderately tech-oriented.</p>\n<span>Also on:</span><p><span><a class=\"u-syndication\" href=\"https://indieweb.social/@arush/109852446432855614\"> indieweb</a></span><span><a class=\"u-syndication\" href=\"https://micro.blog/arush/16948464\"> Micro.blog</a></span></p>",
"text": "Morning everybody and welcome to Sunday. Phone is still playing dead. Going to try to get some sighted help to help with this, hopefully someone moderately tech-oriented.\nAlso on: indieweb Micro.blog"
},
"published": "2023-02-12T15:21:48+00:00",
"post-type": "note",
"_id": "35095521",
"_source": "7224",
"_is_read": false
}
Hmm… webmention.app appears to be no more and I get an error whenever the Netlify webmention plugin runs. I gueess I could use curl manually, but what a PITA.
{
"type": "entry",
"author": {
"name": "@leonp",
"url": "https://fosstodon.org/@leonp",
"photo": null
},
"url": "https://fosstodon.org/@leonp/109853239726227719",
"content": {
"html": "<p>Hmm\u2026 webmention.app appears to be no more and I get an error whenever the Netlify webmention plugin runs. I gueess I could use curl manually, but what a PITA.</p><p> <br /><br /> \ud83c\udff7 <a href=\"https://fosstodon.org/tags/Indieweb\">#<span>Indieweb</span></a> <a href=\"https://fosstodon.org/tags/Netlify\">#<span>Netlify</span></a> <a href=\"https://fosstodon.org/tags/Webmentions\">#<span>Webmentions</span></a><br /><a href=\"https://www.thisdaysportion.com/notes/sending-webmentions-is-hard\"><span>https://www.</span><span>thisdaysportion.com/notes/send</span><span>ing-webmentions-is-hard</span></a></p>",
"text": "Hmm\u2026 webmention.app appears to be no more and I get an error whenever the Netlify webmention plugin runs. I gueess I could use curl manually, but what a PITA. \n\n \ud83c\udff7 #Indieweb #Netlify #Webmentions\nhttps://www.thisdaysportion.com/notes/sending-webmentions-is-hard"
},
"published": "2023-02-12T18:43:32+00:00",
"post-type": "note",
"_id": "35095502",
"_source": "7235",
"_is_read": false
}
{
"type": "entry",
"published": "2023-02-11T14:14:44-0500",
"url": "https://martymcgui.re/2023/02/11/this-week-in-the-indieweb-audio-edition--february-4th---10th-2023/",
"category": [
"podcast",
"IndieWeb",
"this-week-indieweb-podcast"
],
"audio": [
"https://media.martymcgui.re/47/97/27/3f/14b04445e8c4631e5c16edcc98ce95b848616c0340277a20f010819b.mp3"
],
"name": "This Week in the IndieWeb Audio Edition \u2022 February 4th - 10th, 2023",
"content": {
"text": "Show/Hide Transcript\n \n Accessing avatars, finding footnotes, and encouraging easter eggs. It\u2019s the audio edition for This Week in the IndieWeb for February 4th - 10th, 2023.\nYou can find all of my audio editions and subscribe with your favorite podcast app here: martymcgui.re/podcasts/indieweb/.\nMusic from Aaron Parecki\u2019s 100DaysOfMusic project: Day 85 - Suit, Day 48 - Glitch, Day 49 - Floating, Day 9, and Day 11\nThanks to everyone in the IndieWeb chat for their feedback and suggestions. Please drop me a note if there are any changes you\u2019d like to see for this audio edition!",
"html": "Show/Hide Transcript\n \n <p>Accessing avatars, finding footnotes, and encouraging easter eggs. It\u2019s the audio edition for <a href=\"https://indieweb.org/this-week/2023-02-10.html\">This Week in the IndieWeb for February 4th - 10th, 2023</a>.</p>\n<p>You can find all of my audio editions and subscribe with your favorite podcast app here: <a href=\"https://martymcgui.re/podcasts/indieweb/\">martymcgui.re/podcasts/indieweb/</a>.</p>\n<p>Music from <a href=\"https://aaronparecki.com/\">Aaron Parecki</a>\u2019s <a href=\"https://100.aaronparecki.com/\">100DaysOfMusic project</a>: <a href=\"https://aaronparecki.com/2017/03/15/14/day85\">Day 85 - Suit</a>, <a href=\"https://aaronparecki.com/2017/02/06/7/day48\">Day 48 - Glitch</a>, <a href=\"https://aaronparecki.com/2017/02/07/4/day49\">Day 49 - Floating</a>, <a href=\"https://aaronparecki.com/2016/12/29/21/day-9\">Day 9</a>, and <a href=\"https://aaronparecki.com/2016/12/31/15/\">Day 11</a></p>\n<p>Thanks to everyone in the <a href=\"https://chat.indieweb.org/\">IndieWeb chat</a> for their feedback and suggestions. Please drop me a note if there are any changes you\u2019d like to see for this audio edition!</p>"
},
"author": {
"type": "card",
"name": "Marty McGuire",
"url": "https://martymcgui.re/",
"photo": "https://martymcgui.re/images/logo.jpg"
},
"post-type": "audio",
"_id": "35079113",
"_source": "175",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "@awoodsnet",
"url": "https://phpc.social/@awoodsnet",
"photo": null
},
"url": "https://phpc.social/@awoodsnet/109848482254160904",
"content": {
"html": "<p>if there\u2019s something about my current site that isn\u2019t working for you, or could be more accessible, I\u2019d like to know. </p><p>Do you have any thoughts or constructive criticism about the design of <a href=\"https://andrewwoods.net\"><span>https://</span><span>andrewwoods.net</span><span></span></a> ?</p><p>I\u2019m planning to design my site for the IndiieWeb and probably add Fediverse features, if they feel appropriate </p><p><a href=\"https://phpc.social/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://phpc.social/tags/Redesign\">#<span>Redesign</span></a> <a href=\"https://phpc.social/tags/WebDesign\">#<span>WebDesign</span></a></p>",
"text": "if there\u2019s something about my current site that isn\u2019t working for you, or could be more accessible, I\u2019d like to know. Do you have any thoughts or constructive criticism about the design of https://andrewwoods.net ?I\u2019m planning to design my site for the IndiieWeb and probably add Fediverse features, if they feel appropriate #IndieWeb #Redesign #WebDesign"
},
"published": "2023-02-11T22:33:39+00:00",
"post-type": "note",
"_id": "35078586",
"_source": "7235",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "@accordionpolar",
"url": "https://indieweb.social/@accordionpolar",
"photo": null
},
"url": "https://indieweb.social/@accordionpolar/109848196464851648",
"content": {
"html": "<p>Finished my <a href=\"https://indieweb.social/tags/88x31\">#<span>88x31</span></a> <a href=\"https://indieweb.social/tags/GIF\">#<span>GIF</span></a> button. I am not an artist. This kinda thing takes me waay too much time. I'm happy to be done with it.</p><p><a href=\"https://foreverliketh.is/docs/assortments/my-art/88x31-20230211.gif\"><span>https://</span><span>foreverliketh.is/docs/assortme</span><span>nts/my-art/88x31-20230211.gif</span></a></p><p><a href=\"https://indieweb.social/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://indieweb.social/tags/website\">#<span>website</span></a> <a href=\"https://indieweb.social/tags/yesterweb\">#<span>yesterweb</span></a> <a href=\"https://indieweb.social/tags/web\">#<span>web</span></a> <a href=\"https://indieweb.social/tags/webdev\">#<span>webdev</span></a> <a href=\"https://indieweb.social/tags/smallweb\">#<span>smallweb</span></a> <a href=\"https://indieweb.social/tags/pixelart\">#<span>pixelart</span></a> <a href=\"https://indieweb.social/tags/art\">#<span>art</span></a></p>",
"text": "Finished my #88x31 #GIF button. I am not an artist. This kinda thing takes me waay too much time. I'm happy to be done with it.https://foreverliketh.is/docs/assortments/my-art/88x31-20230211.gif#indieweb #website #yesterweb #web #webdev #smallweb #pixelart #art"
},
"published": "2023-02-11T21:20:58+00:00",
"post-type": "note",
"_id": "35077513",
"_source": "7235",
"_is_read": false
}
I may have just optimized a bit of @retrostrange TV infrastructure and made it twice as efficient compute-wise. This will save us about 30% of our server fees per month #indieweb
{
"type": "entry",
"author": {
"name": "@phil",
"url": "https://wrestling.social/@phil",
"photo": null
},
"url": "https://wrestling.social/@phil/109847492042327369",
"content": {
"html": "<p>I may have just optimized a bit of <span class=\"h-card\"><a class=\"u-url\" href=\"https://wrestling.social/@retrostrange\">@<span>retrostrange</span></a></span> TV infrastructure and made it twice as efficient compute-wise. This will save us about 30% of our server fees per month <a href=\"https://wrestling.social/tags/indieweb\">#<span>indieweb</span></a></p>",
"text": "I may have just optimized a bit of @retrostrange TV infrastructure and made it twice as efficient compute-wise. This will save us about 30% of our server fees per month #indieweb"
},
"published": "2023-02-11T18:21:50+00:00",
"post-type": "note",
"_id": "35074286",
"_source": "7235",
"_is_read": false
}
Dear people of #fediverse .I'm thinking of moving to a self-hosted, single user thing, but I have no desire to host a whole #mastodon instance. Is #microblogpub the best option for this, or am I missing something?
{
"type": "entry",
"author": {
"name": "@properlypurple",
"url": "https://tech.lgbt/@properlypurple",
"photo": null
},
"url": "https://tech.lgbt/@properlypurple/109845815721130438",
"content": {
"html": "<p>Dear people of <a href=\"https://tech.lgbt/tags/fediverse\">#<span>fediverse</span></a> .I'm thinking of moving to a self-hosted, single user thing, but I have no desire to host a whole <a href=\"https://tech.lgbt/tags/mastodon\">#<span>mastodon</span></a> instance. Is <a href=\"https://tech.lgbt/tags/microblogpub\">#<span>microblogpub</span></a> the best option for this, or am I missing something?</p><p><a href=\"https://tech.lgbt/tags/selfhosting\">#<span>selfhosting</span></a> <a href=\"https://tech.lgbt/tags/instance\">#<span>instance</span></a> <a href=\"https://tech.lgbt/tags/indieweb\">#<span>indieweb</span></a></p>",
"text": "Dear people of #fediverse .I'm thinking of moving to a self-hosted, single user thing, but I have no desire to host a whole #mastodon instance. Is #microblogpub the best option for this, or am I missing something?#selfhosting #instance #indieweb"
},
"published": "2023-02-11T11:15:31+00:00",
"post-type": "note",
"_id": "35067682",
"_source": "7235",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "@grippingyarn",
"url": "https://infosec.exchange/@grippingyarn",
"photo": null
},
"url": "https://infosec.exchange/@grippingyarn/109843450454921690",
"content": {
"html": "<p><span class=\"h-card\"><a class=\"u-url\" href=\"https://hachyderm.io/@cobypear\">@<span>cobypear</span></a></span> Thank you for introducing me to <a href=\"https://infosec.exchange/tags/indieweb\">#<span>indieweb</span></a> in that post!</p>",
"text": "@cobypear Thank you for introducing me to #indieweb in that post!"
},
"published": "2023-02-11T01:14:00+00:00",
"post-type": "note",
"_id": "35060929",
"_source": "7235",
"_is_read": false
}
Your website is a way for you to share your stream of consciousness, that temporary and subjective and highly biased snippet of the universe, with everyone else, including your future self.
{
"type": "entry",
"published": "2023-02-11T00:10:09Z",
"url": "https://adactio.com/links/19895",
"category": [
"streams",
"homepages",
"indieweb",
"personal",
"publishing",
"websites",
"design"
],
"bookmark-of": [
"https://matthiasott.com/notes/streams-of-consciousness"
],
"content": {
"text": "Streams of Consciousness \u00b7 Matthias Ott \u2013 User Experience Designer\n\n\n\n\n Your website is a way for you to share your stream of consciousness, that temporary and subjective and highly biased snippet of the universe, with everyone else, including your future self.",
"html": "<h3>\n<a class=\"p-name u-bookmark-of\" href=\"https://matthiasott.com/notes/streams-of-consciousness\">\nStreams of Consciousness \u00b7 Matthias Ott \u2013 User Experience Designer\n</a>\n</h3>\n\n<blockquote>\n <p>Your website is a way for you to share your stream of consciousness, that temporary and subjective and highly biased snippet of the universe, with everyone else, including your future self.</p>\n</blockquote>"
},
"author": {
"type": "card",
"name": "Jeremy Keith",
"url": "https://adactio.com/",
"photo": "https://adactio.com/images/photo-150.jpg"
},
"post-type": "bookmark",
"_id": "35059767",
"_source": "2",
"_is_read": false
}
I went through a coding bootcamp in 2020 and I'm interested in helping underrepresented people get into the industry, please don't hesitate to reach out!
{
"type": "entry",
"author": {
"name": "@cobypear",
"url": "https://hachyderm.io/@cobypear",
"photo": null
},
"url": "https://hachyderm.io/@cobypear/109842761199264210",
"content": {
"html": "<p>New <a href=\"https://hachyderm.io/tags/introduction\">#<span>introduction</span></a> \u2728</p><p>Hi, my name is Coby and I like to play videogames, make music and write words and code!</p><p>For work I am working on tools for decoupled <a href=\"https://hachyderm.io/tags/JavaScript\">#<span>JavaScript</span></a> / <a href=\"https://hachyderm.io/tags/TypeScript\">#<span>TypeScript</span></a> front ends for headless CMS solutions aka <a href=\"https://hachyderm.io/tags/Jamstack\">#<span>Jamstack</span></a> things. At home I have been working on <a href=\"https://hachyderm.io/tags/IndieWeb\">#<span>IndieWeb</span></a> things like <a href=\"https://hachyderm.io/tags/Webmentions\">#<span>Webmentions</span></a> and a blog engine built on <a href=\"https://hachyderm.io/tags/Obsidian\">#<span>Obsidian</span></a>.</p><p>I went through a coding bootcamp in 2020 and I'm interested in helping underrepresented people get into the industry, please don't hesitate to reach out!</p>",
"text": "New #introduction \u2728Hi, my name is Coby and I like to play videogames, make music and write words and code!For work I am working on tools for decoupled #JavaScript / #TypeScript front ends for headless CMS solutions aka #Jamstack things. At home I have been working on #IndieWeb things like #Webmentions and a blog engine built on #Obsidian.I went through a coding bootcamp in 2020 and I'm interested in helping underrepresented people get into the industry, please don't hesitate to reach out!"
},
"published": "2023-02-10T22:18:43+00:00",
"post-type": "note",
"_id": "35057587",
"_source": "7235",
"_is_read": false
}
{
"type": "entry",
"published": "2023-02-10T20:26:38Z",
"url": "https://adactio.com/journal/19894",
"category": [
"streams",
"homepages",
"indieweb",
"personal",
"publishing",
"websites",
"design"
],
"syndication": [
"https://adactio.medium.com/cbf3fd39cbbf"
],
"name": "Home stream",
"content": {
"text": "Ben wrote a post a little while back about maybe organasing his home page differently. It\u2019s currently a stream.\n\nThat prompted Om to ask is \u201cstream\u201d as a design paradigm over? Mind you, he\u2019s not talking about personal websites:\n\n\n Across the web, one can see \u201cstreams\u201d losing their preeminence. Social networks are increasingly algorithmically organized, so their stream isn\u2019t really a free-flowing stream. It is more like a river that has been heavily dammed. It is organized around what the machine thinks we need to see based on what we have seen in the past.\n\n\nFunnily enough, I\u2019ve some recent examples of personal homepages become more like social networks, at least in terms of visual design. A lot of people I know are liking the recent redesigns from Adam and Jhey.\n\nHere on my site, my home page is kind of a stream. I\u2019ve got notes, links, and blog posts one after another in chronological order. The other sections of my site are ways of focusing in on the specific types of content links, short notes, blog posts in my journal.\n\nBehind the scenes, entries those separate sections of my site are all stored in the same database table. In some ways, the separation into different sections of the site is more like tagging. So the home page is actually the simplest bit to implement: grab the latest 20 entries out of that database table.\n\nI don\u2019t make too much visual distinction between the different kinds of posts. My links and my notes look quite similar. And if I post a lot of commentary with a link, it looks a lot like a blog post.\n\nMaybe I should make them more distinct, visually. Because I actually like the higgedly-piggedly nature of a stream of different kinds of stuff. I want the vibe to be less like a pristine Apple store, and more like a chaotic second-hand bookstore.\n\nGoing back to what Ben wrote about his site:\n\n\n As of right now, the homepage is a mix of long-form posts, short thoughts, and links I consider interesting, presented as a stream. It\u2019s a genuine representation of what I\u2019m reading and thinking about, and each post\u2019s permalink page looks fine to me, but it doesn\u2019t quite hold together as a whole. If you look at my homepage with fresh eyes, my stream is a hodgepodge. There\u2019s no through line.\n\n\nFor me, that\u2019s a feature, not a bug. There\u2019s no through line on my home page either. I like that.",
"html": "<p><a href=\"https://werd.io/\">Ben</a> wrote a post a little while back about maybe <a href=\"https://werd.io/2023/organizing-my-blog\">organasing his home page differently</a>. It\u2019s currently a stream.</p>\n\n<p>That prompted <a href=\"https://om.co/\">Om</a> to ask <a href=\"https://om.co/2023/01/25/is-stream-as-a-design-paradigm-over/\">is \u201cstream\u201d as a design paradigm over?</a> Mind you, he\u2019s not talking about personal websites:</p>\n\n<blockquote>\n <p>Across the web, one can see \u201cstreams\u201d losing their preeminence. Social networks are increasingly algorithmically organized, so their stream isn\u2019t really a free-flowing stream. It is more like a river that has been heavily dammed. It is organized around what the machine thinks we need to see based on what we have seen in the past.</p>\n</blockquote>\n\n<p>Funnily enough, I\u2019ve some recent examples of personal homepages become <em>more</em> like social networks, at least in terms of visual design. A lot of people I know are liking the recent redesigns from <a href=\"https://nerdy.dev/\">Adam</a> and <a href=\"https://jhey.dev/\">Jhey</a>.</p>\n\n<p>Here on my site, my home page is kind of a stream. I\u2019ve got notes, links, and blog posts one after another in chronological order. The other sections of my site are ways of focusing in on the specific types of content <a href=\"https://adactio.com/links\">links</a>, short <a href=\"https://adactio.com/notes\">notes</a>, blog posts in <a href=\"https://adactio.com/journal\">my journal</a>.</p>\n\n<p>Behind the scenes, entries those separate sections of my site are all stored in the same database table. In some ways, the separation into different sections of the site is more like tagging. So the home page is actually the simplest bit to implement: grab the latest 20 entries out of that database table.</p>\n\n<p>I don\u2019t make too much visual distinction between the different kinds of posts. My links and my notes look quite similar. And if I post a lot of commentary with a link, it looks a lot like a blog post.</p>\n\n<p>Maybe I should make them more distinct, visually. Because I actually <em>like</em> the higgedly-piggedly nature of a stream of different kinds of stuff. I want the vibe to be less like a pristine Apple store, and more like a chaotic second-hand bookstore.</p>\n\n<p>Going back to <a href=\"https://werd.io/2023/organizing-my-blog\">what Ben wrote about his site</a>:</p>\n\n<blockquote>\n <p>As of right now, the homepage is a mix of long-form posts, short thoughts, and links I consider interesting, presented as a stream. It\u2019s a genuine representation of what I\u2019m reading and thinking about, and each post\u2019s permalink page looks fine to me, but it doesn\u2019t quite hold together as a whole. If you <a href=\"https://werd.io/\">look at my homepage with fresh eyes</a>, my stream is a hodgepodge. There\u2019s no <em>through line</em>.</p>\n</blockquote>\n\n<p>For me, that\u2019s a feature, not a bug. There\u2019s no through line on my home page either. I like that.</p>"
},
"author": {
"type": "card",
"name": "Jeremy Keith",
"url": "https://adactio.com/",
"photo": "https://adactio.com/images/photo-150.jpg"
},
"post-type": "article",
"_id": "35055347",
"_source": "2",
"_is_read": false
}
