I shouldn’t call it a “blog” engine. It’ll be more than that. There’s a lot I want to do with my personal space that’s heavily influenced by stuff in the IndieWeb space as well as the Dat world and the setups today would require a LOT of tinkering to get there.
{
"type": "entry",
"published": "2020-07-05T19:53:01.70913-07:00",
"url": "https://v2.jacky.wtf/post/bbdb37b6-2e2e-44d0-9922-eb96dcc988b7",
"in-reply-to": [
"https://twitter.com/jackyalcine/status/1279967709157978113?s=20"
],
"content": {
"text": "I shouldn\u2019t call it a \u201cblog\u201d engine. It\u2019ll be more than that. There\u2019s a lot I want to do with my personal space that\u2019s heavily influenced by stuff in the IndieWeb space as well as the Dat world and the setups today would require a LOT of tinkering to get there.",
"html": "<p>I shouldn\u2019t call it a \u201cblog\u201d engine. It\u2019ll be more than that. There\u2019s a lot I want to do with my personal space that\u2019s heavily influenced by stuff in the IndieWeb space as well as the Dat world and the setups today would require a LOT of tinkering to get there.</p>"
},
"author": {
"type": "card",
"name": "",
"url": "https://v2.jacky.wtf",
"photo": null
},
"post-type": "reply",
"refs": {
"https://twitter.com/jackyalcine/status/1279967709157978113?s=20": {
"type": "entry",
"url": "https://twitter.com/jackyalcine/status/1279967709157978113?s=20",
"author": {
"type": "card",
"name": "twitter.com",
"url": "https://twitter.com/jackyalcine/status/1279967709157978113?s=20",
"photo": null
},
"post-type": "note"
}
},
"_id": "12983268",
"_source": "1886",
"_is_read": true
}
When I say Lighthouse here, I’m referring to a Webmention service I’m working on (https://lighthouse.black.af). Not the other thing.
{
"type": "entry",
"published": "2020-07-05T16:32:27.07529-07:00",
"url": "https://v2.jacky.wtf/post/81554256-8564-4495-9b1c-124e541d17ff",
"in-reply-to": [
"https://v2.jacky.wtf/post/1e74261d-3e7e-441a-ba23-84c79e358106"
],
"content": {
"text": "When I say Lighthouse here, I\u2019m referring to a Webmention service I\u2019m working on (https://lighthouse.black.af). Not the other thing.",
"html": "<p>When I say Lighthouse here, I\u2019m referring to a Webmention service I\u2019m working on (<a href=\"https://lighthouse.black.af\">https://lighthouse.black.af</a>). Not the other thing.</p>"
},
"author": {
"type": "card",
"name": "",
"url": "https://v2.jacky.wtf",
"photo": null
},
"post-type": "reply",
"refs": {
"https://v2.jacky.wtf/post/1e74261d-3e7e-441a-ba23-84c79e358106": {
"type": "entry",
"url": "https://v2.jacky.wtf/post/1e74261d-3e7e-441a-ba23-84c79e358106",
"photo": [
"https://v2.jacky.wtf/media/image/entry%241e74261d-3e7e-441a-ba23-84c79e358106/Screenshot_20200705_162257.png?v=original"
],
"content": {
"text": "So this is something on Lighthouse\u2019s dashboard; but the fact that the buttons are the same background color but still LOOK different is so trippy lol. What is this phenomenon called?",
"html": "<p>So this is something on <a href=\"https://lighthouse.black.af\">Lighthouse\u2019s</a> dashboard; but the fact that the buttons are the same background color but still LOOK different is so trippy lol. What is this phenomenon called?</p>"
},
"author": {
"type": "card",
"name": "Jacky Alcin\u00e9",
"url": "https://v2.jacky.wtf",
"photo": null
},
"post-type": "photo"
}
},
"_id": "12980328",
"_source": "1886",
"_is_read": true
}
Interesting to see Webmentions mentioned on this list of concepts around digital gardens! https://github.com/MaggieAppleton/digital-gardeners
{
"type": "entry",
"published": "2020-07-05T14:03:42.64541-07:00",
"url": "https://v2.jacky.wtf/post/778c9144-184e-4c8a-be88-1daddcbb2c9b",
"content": {
"text": "Interesting to see Webmentions mentioned on this list of concepts around digital gardens! https://github.com/MaggieAppleton/digital-gardeners",
"html": "<p>Interesting to see Webmentions mentioned on this list of concepts around digital gardens! <a href=\"https://github.com/MaggieAppleton/digital-gardeners\">https://github.com/MaggieAppleton/digital-gardeners</a></p>"
},
"author": {
"type": "card",
"name": "",
"url": "https://v2.jacky.wtf",
"photo": null
},
"post-type": "note",
"_id": "12977744",
"_source": "1886",
"_is_read": true
}
The community part is something that’s still being worked on. We get through it by having something akin to planets that people can follow (try subscribing to https://stream.indieweb.org/ for example! check out https://indieweb.xyz!) but there’s definitely more that can be done. What kind of ideas do you have in mind?
I personally want to work towards having me define my community on my site (internally, of course) and let my tooling for subscribing to people adapt that and grow from there. That way, my site is always the authority to who and what I want to engage with.
{
"type": "entry",
"published": "2020-07-05T12:29:18.32181-07:00",
"url": "https://v2.jacky.wtf/post/064d6695-d43c-4501-a6c6-a35a0e419d31",
"in-reply-to": [
"https://biglizardbooks.net/index.php/2020/07/05/indieweb-the-good-and-the-bad/"
],
"content": {
"text": "The community part is something that\u2019s still being worked on. We get through it by having something akin to planets that people can follow (try subscribing to https://stream.indieweb.org/ for example! check out https://indieweb.xyz!) but there\u2019s definitely more that can be done. What kind of ideas do you have in mind?I personally want to work towards having me define my community on my site (internally, of course) and let my tooling for subscribing to people adapt that and grow from there. That way, my site is always the authority to who and what I want to engage with.",
"html": "<p>The community part is something that\u2019s still being worked on. We get through it by having something akin to planets that people can follow (try subscribing to <a href=\"https://stream.indieweb.org/\">https://stream.indieweb.org/</a> for example! check out <a href=\"https://indieweb.xyz\">https://indieweb.xyz</a>!) but there\u2019s definitely more that can be done. What kind of ideas do you have in mind?</p><p>I personally want to work towards having me define my community on my site (internally, of course) and let my tooling for subscribing to people adapt that and grow from there. That way, my site is always the authority to who and what I want to engage with.</p>"
},
"author": {
"type": "card",
"name": "",
"url": "https://v2.jacky.wtf",
"photo": null
},
"post-type": "reply",
"refs": {
"https://biglizardbooks.net/index.php/2020/07/05/indieweb-the-good-and-the-bad/": {
"type": "entry",
"url": "https://biglizardbooks.net/index.php/2020/07/05/indieweb-the-good-and-the-bad/",
"photo": [
"https://biglizardbooks.net/wp-content/uploads/2020/07/cropped-Faerie-dragon-icon-2.png"
],
"syndication": [
"https://twitter.com/XandraPenclaw/status/1279754857939902466",
"https://yiff.life/@xandra/104461258816465790"
],
"name": "Indieweb: the Good and the Bad",
"content": {
"text": "Obviously I like having my own website quite a bit. And I like indieweb and micropub, and the idea that I can use my own website as a hub for my social activity. And I\u2019ve just gotten started with this stuff, so I\u2019m still learning all the ins and outs. But there are a few problems with indieweb culture that I\u2019m starting to notice.\nThe biggest is the fact that you need your own personal website for most of this stuff, and free hosting will not do. That\u2019s not a problem for me, but it is a barrier to entry for a lot of folks. Heck, even micro.blog lacks a free version. Maybe as time goes on we will find a way around this obstacle and more people will be able to take advantage of this cool way of interacting with the web.\nAnother problem is that indieweb seems to be very individualist focused. The idea is to \u201cown\u201d your data and content and keep it out of corporate hands. With noted exceptions, however, I haven\u2019t found much in the way of community building resources outside of a few forums dedicated to indieweb stuff. I personally find that a bit unnerving. Community is very important to me. I\u2019m mainly on the web to make friends. Of course integrating my blog and social media profiles seems to be helping that, but the idea of \u201cowning\u201d my data doesn\u2019t appeal to me. I\u2019d rather no one own my info.\nThat being said, there\u2019s a lot with indieweb to like. The fact that I can choose what sites to syndicate to makes me feel like I consent to how my data flows. There is a lot of stuff here that an anarchist can get behind. The startup cost is still an issue, but I don\u2019t think its an insurmountable one. And I\u2019d like to see more indieweb people focus on accessibility.\nOverall I like this suite of features and will continue to use it, but I hope that these issues get addressed eventually. I would like to be able to recommend indieweb functionality to my friends, but at the moment it is still something that requires an investment of both time and money.",
"html": "<p>Obviously I like having my own website quite a bit. And I like indieweb and micropub, and the idea that I can use my own website as a hub for my social activity. And I\u2019ve just gotten started with this stuff, so I\u2019m still learning all the ins and outs. But there are a few problems with indieweb culture that I\u2019m starting to notice.</p>\n<p>The biggest is the fact that you need your own personal website for most of this stuff, and free hosting will not do. That\u2019s not a problem for me, but it is a barrier to entry for a lot of folks. Heck, even micro.blog lacks a free version. Maybe as time goes on we will find a way around this obstacle and more people will be able to take advantage of this cool way of interacting with the web.</p>\n<p>Another problem is that indieweb seems to be very individualist focused. The idea is to \u201cown\u201d your data and content and keep it out of corporate hands. With noted exceptions, however, I haven\u2019t found much in the way of community building resources outside of a few forums dedicated to indieweb stuff. I personally find that a bit unnerving. Community is very important to me. I\u2019m mainly on the web to make friends. Of course integrating my blog and social media profiles seems to be helping that, but the idea of \u201cowning\u201d my data doesn\u2019t appeal to me. I\u2019d rather <em>no one </em>own my info.</p>\n<p>That being said, there\u2019s a lot with indieweb to like. The fact that I can choose what sites to syndicate to makes me feel like I consent to how my data flows. There is a lot of stuff here that an anarchist can get behind. The startup cost is still an issue, but I don\u2019t think its an insurmountable one. And I\u2019d like to see more indieweb people focus on accessibility.</p>\n<p>Overall I like this suite of features and will continue to use it, but I hope that these issues get addressed eventually. I would like to be able to recommend indieweb functionality to my friends, but at the moment it is still something that requires an investment of both time and money.</p>\n<ul><li><a class=\"u-syndication\" href=\"https://twitter.com/XandraPenclaw/status/1279754857939902466\"> </a></li>\n<li><a class=\"u-syndication\" href=\"https://yiff.life/@xandra/104461258816465790\"> </a></li>\n</ul>"
},
"post-type": "photo"
}
},
"_id": "12976119",
"_source": "1886",
"_is_read": true
}
Okay so I’ve managed to give Lighthouse a means of rendering a Microformats2 JSON (JF2) feed for incoming Webmentions and a h-feed. I want to hook this up to some sort of WebSub system so it can be polled against in “real time”. I have to clean up the dashboard so this information is more discoverable. I also need to work on making a help center of sorts.
{
"type": "entry",
"published": "2020-07-04T16:18:39.94911-07:00",
"url": "https://v2.jacky.wtf/post/ffaf948b-5d55-4766-8fae-03b0b5c8ebf8",
"content": {
"text": "Okay so I\u2019ve managed to give Lighthouse a means of rendering a Microformats2 JSON (JF2) feed for incoming Webmentions and a h-feed. I want to hook this up to some sort of WebSub system so it can be polled against in \u201creal time\u201d. I have to clean up the dashboard so this information is more discoverable. I also need to work on making a help center of sorts.",
"html": "<p>Okay so I\u2019ve managed to give Lighthouse a means of rendering a Microformats2 JSON (JF2) feed for incoming Webmentions and a h-feed. I want to hook this up to some sort of WebSub system so it can be polled against in \u201creal time\u201d. I have to clean up the dashboard so this information is more discoverable. I also need to work on making a help center of sorts.</p>"
},
"author": {
"type": "card",
"name": "",
"url": "https://v2.jacky.wtf",
"photo": null
},
"post-type": "note",
"_id": "12958170",
"_source": "1886",
"_is_read": true
}
{
"type": "entry",
"published": "2020-07-04T16:58:51Z",
"url": "https://adactio.com/journal/17095",
"category": [
"rss",
"feeds",
"subscriptions",
"syndication",
"indieweb",
"blogs",
"blogging",
"personal",
"publishing",
"blogrolls"
],
"syndication": [
"https://medium.com/@adactio/424f2a0a4410"
],
"name": "Feeds",
"content": {
"text": "A little while back, Marcus Herrmann wrote about making RSS more visible again with a /feeds page. Here\u2019s his feeds page. Here\u2019s Remy\u2019s.\n\nSeems like a good idea to me. I\u2019ve made mine:\n\nadactio.com/feeds\n\nAs well as linking to the usual RSS feeds (blog posts, links, notes), it\u2019s also got an explanation of how you can subscribe to a customised RSS feed using tags.\n\nThen, earlier today, I was chatting with Matt on Twitter and he asked:\n\n\n btw do you share your blogroll anywhere?\n\n\nSo now I\u2019ve added another URL:\n\nadactio.com/feeds/subscriptions\n\nThat\u2019s got a link to my OPML file, exported from my feed reader, and a list of the (current) RSS feeds that I\u2019m subscribed to.\n\nI like the idea of blogrolls making a comeback. And webrings.",
"html": "<p>A little while back, Marcus Herrmann wrote about <a href=\"https://marcus.io/blog/making-rss-more-visible-again-with-slash-feeds\">making RSS more visible again with a <code>/feeds</code> page</a>. Here\u2019s <a href=\"https://marcus.io/feeds\">his feeds page</a>. Here\u2019s <a href=\"https://remysharp.com/feeds\">Remy\u2019s</a>.</p>\n\n<p>Seems like a good idea to me. I\u2019ve made mine:</p>\n\n<p><a href=\"https://adactio.com/feeds\">adactio.com/feeds</a></p>\n\n<p>As well as linking to the usual RSS feeds (blog posts, links, notes), it\u2019s also got an explanation of how <a href=\"https://adactio.com/journal/14120\">you can subscribe to a customised RSS feed using tags</a>.</p>\n\n<p>Then, earlier today, I was chatting with <a href=\"http://interconnected.org/\">Matt</a> on Twitter and <a href=\"https://twitter.com/genmon/status/1279406341988237314\">he asked</a>:</p>\n\n<blockquote>\n <p>btw do you share your blogroll anywhere?</p>\n</blockquote>\n\n<p>So now I\u2019ve added another URL:</p>\n\n<p><a href=\"https://adactio.com/feeds/subscriptions\">adactio.com/feeds/subscriptions</a></p>\n\n<p>That\u2019s got a link to <a href=\"https://adactio.com/feeds/subscriptions/adactio.opml\">my OPML file</a>, exported from <a href=\"https://ranchero.com/netnewswire/\">my feed reader</a>, and a list of the (current) RSS feeds that I\u2019m subscribed to.</p>\n\n<p>I like the idea of blogrolls making a comeback. <a href=\"https://weirdwidewebring.net/\">And webrings</a>.</p>"
},
"author": {
"type": "card",
"name": "Jeremy Keith",
"url": "https://adactio.com/",
"photo": "https://adactio.com/images/photo-150.jpg"
},
"post-type": "article",
"_id": "12951318",
"_source": "2",
"_is_read": true
}
I don’t have refs used in the IndieWeb Elixir yet but I’m in favor of shorter keys!
{
"type": "entry",
"published": "2020-07-04T00:46:30.47978-07:00",
"url": "https://v2.jacky.wtf/post/6fb712f9-9e03-4b71-ac3d-eb2d4d6fa382",
"in-reply-to": [
"https://github.com/indieweb/jf2/issues/41"
],
"content": {
"text": "I don\u2019t have refs used in the IndieWeb Elixir yet but I\u2019m in favor of shorter keys!",
"html": "<p>I don\u2019t have <code>refs</code> used in the IndieWeb Elixir yet but I\u2019m in favor of shorter keys!</p>"
},
"author": {
"type": "card",
"name": "",
"url": "https://v2.jacky.wtf",
"photo": null
},
"post-type": "reply",
"refs": {
"https://github.com/indieweb/jf2/issues/41": {
"type": "entry",
"url": "https://github.com/indieweb/jf2/issues/41",
"content": {
"text": "Not sure how this happened, but XRay, Monocle, Together and others are using the property called refs instead of references.",
"html": "<p>Not sure how this happened, but XRay, Monocle, Together and others are using the property called <code>refs</code> instead of <code>references</code>.</p>"
},
"author": {
"type": "card",
"name": "aaronpk",
"url": "https://github.com/aaronpk",
"photo": null
},
"post-type": "note"
}
},
"_id": "12942772",
"_source": "1886",
"_is_read": true
}
{
"type": "entry",
"published": "2020-07-03 18:04-0700",
"url": "http://tantek.com/2020/185/b1/meetable-redirect-tag-tags",
"in-reply-to": [
"https://github.com/aaronpk/Meetable/issues"
],
"name": "Meetable should redirect /tag to /tags",
"content": {
"text": "Currently meetable supports tag browsing pages like: https://events.indieweb.org/tag/hwc\n\n\nHowever if you trim the last segment, you get a 404: https://events.indieweb.org/tag/ or https://events.indieweb.org/tag\n\n\nMeetable should instead redirect those to: https://events.indieweb.org/tags\n\n\nAdditionally, Meetable should consider redirecting https://events.indieweb.org/tags/ with the trailing slash to https://events.indieweb.org/tags without the trailing slash instead of serving duplicate content at those two URLs.",
"html": "<p>\nCurrently meetable supports tag browsing pages like: https://events.indieweb.org/tag/hwc\n</p>\n<p>\nHowever if you trim the last segment, you get a 404: https://events.indieweb.org/tag/ or https://events.indieweb.org/tag\n</p>\n<p>\nMeetable should instead redirect those to: https://events.indieweb.org/tags\n</p>\n<p>\nAdditionally, Meetable should consider redirecting https://events.indieweb.org/tags/ with the trailing slash to https://events.indieweb.org/tags without the trailing slash instead of serving duplicate content at those two URLs.\n</p>"
},
"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://github.com/aaronpk/Meetable/issues": {
"type": "entry",
"url": "https://github.com/aaronpk/Meetable/issues",
"name": "GitHub project \u201cMeetable\u201d",
"post-type": "article"
}
},
"_id": "12937951",
"_source": "1",
"_is_read": true
}
{
"type": "entry",
"author": {
"name": "Neil Mather",
"url": "https://doubleloop.net/",
"photo": null
},
"url": "https://doubleloop.net/2020/07/03/resisting-the-feudal-internet/",
"published": "2020-07-03T19:24:47+00:00",
"content": {
"html": "Via <a href=\"https://twitter.com/pfrazee\">@pfrazee</a>\u2018s <a href=\"https://infocivics.com/\">article</a> on <a href=\"https://commonplace.doubleloop.net/20200703195401-information_civics.html\">information civics</a>, came across this old <a href=\"http://en.collaboratory.de/w/Power_in_the_Age_of_the_Feudal_Internet\">article of Bruce Schneier</a>\u2018s on what he calls the <a href=\"https://commonplace.doubleloop.net/20200703195230-feudal_internet.html\">feudal internet</a>.\n<p>In his analogy, we\u2019re the peasants who have traded in freedom for some convenience and protection.</p>\n<blockquote><p>Users pledge allegiance to more powerful companies who, in turn, promise to protect them from both sysadmin duties and security threats.</p></blockquote>\n<p>He sees the two big power centres of the feudal lords as data and devices.</p>\n<blockquote><p>On the corporate side, power is consolidating around both vendor-managed user devices and large personal-data aggregators.</p></blockquote>\n<p>We no longer have control of our data:</p>\n<blockquote><p>Our e-mail, photos, calendar, address book, messages, and documents are on servers belonging to Google, Apple, Microsoft, Facebook, and so on.</p></blockquote>\n<p>I see the <a href=\"https://commonplace.doubleloop.net/indieweb.html\">IndieWeb</a>, <a href=\"https://commonplace.doubleloop.net/20200524104248-beaker_browser.html\">Beaker</a>, etc as means of resisting this.</p>\n<p>And we\u2019re no longer in control of our devices:</p>\n<blockquote><p>And second, the rise of vendor-managed platforms means that we no longer have control of our computing devices. We\u2019re increasingly accessing our data using iPhones, iPads, Android phones, Kindles, ChromeBooks, and so on.</p></blockquote>\n<p>I see the <a href=\"https://commonplace.doubleloop.net/20200308230733-right_to_repair.html\">right to repair</a> as a means of resisting this. Allowing us to do what we wish with our own devices \u2013 including putting whatever software on them that we want.</p>\n<p>One big omission from the article I find is that Schneier focuses on the disbenefits to the users of these devices and platforms \u2013 the <a href=\"https://commonplace.doubleloop.net/20200628115311-manufactured_islaves.html\">manufactured iSlaves</a>, in Jack Qiu\u2019s terminology. He doesn\u2019t mention (at least in this particular article) those exploited in the creation and upkeep of these \u2013 the <a href=\"https://commonplace.doubleloop.net/20200628114916-manufacturing_islaves.html\">manufacturing iSlaves</a>. That\u2019s just as big, if not bigger, a reason for challenging these power structures.</p>",
"text": "Via @pfrazee\u2018s article on information civics, came across this old article of Bruce Schneier\u2018s on what he calls the feudal internet.\nIn his analogy, we\u2019re the peasants who have traded in freedom for some convenience and protection.\nUsers pledge allegiance to more powerful companies who, in turn, promise to protect them from both sysadmin duties and security threats.\nHe sees the two big power centres of the feudal lords as data and devices.\nOn the corporate side, power is consolidating around both vendor-managed user devices and large personal-data aggregators.\nWe no longer have control of our data:\nOur e-mail, photos, calendar, address book, messages, and documents are on servers belonging to Google, Apple, Microsoft, Facebook, and so on.\nI see the IndieWeb, Beaker, etc as means of resisting this.\nAnd we\u2019re no longer in control of our devices:\nAnd second, the rise of vendor-managed platforms means that we no longer have control of our computing devices. We\u2019re increasingly accessing our data using iPhones, iPads, Android phones, Kindles, ChromeBooks, and so on.\nI see the right to repair as a means of resisting this. Allowing us to do what we wish with our own devices \u2013 including putting whatever software on them that we want.\nOne big omission from the article I find is that Schneier focuses on the disbenefits to the users of these devices and platforms \u2013 the manufactured iSlaves, in Jack Qiu\u2019s terminology. He doesn\u2019t mention (at least in this particular article) those exploited in the creation and upkeep of these \u2013 the manufacturing iSlaves. That\u2019s just as big, if not bigger, a reason for challenging these power structures."
},
"name": "Resisting the feudal Internet",
"post-type": "article",
"_id": "12934599",
"_source": "1895",
"_is_read": true
}
This is what happens when you accidentally feed incorrect post data to #Blogblaze and the h-entry template rendering fails. #webdevelopment #frontend #Deno #webdesign #IndieWeb
{
"type": "entry",
"published": "2020-07-03T18:02:27+00:00",
"url": "https://fireburn.ru/posts/1593799347",
"category": [
"Blogblaze",
"webdevelopment",
"frontend",
"Deno",
"webdesign",
"IndieWeb"
],
"photo": [
"https://fireburn.ru/media/c5/ea/e7/07/6ff1e054cd8aa0a7e8e04b9ee1f095805c7f9394eccbf9e04713e8f3.png"
],
"syndication": [
"https://twitter.com/kisik21/status/1279113315222986753"
],
"content": {
"text": "This is what happens when you accidentally feed incorrect post data to #Blogblaze and the h-entry template rendering fails. #webdevelopment #frontend #Deno #webdesign #IndieWeb",
"html": "<p>This is what happens when you accidentally feed incorrect post data to #Blogblaze and the h-entry template rendering fails. #webdevelopment #frontend #Deno #webdesign #IndieWeb</p>"
},
"author": {
"type": "card",
"name": "Vika",
"url": "https://fireburn.ru/",
"photo": "https://fireburn.ru/media/f1/5a/fb/9b/081efafb97b4ad59f5025cf2fd0678b8f3e20e4c292489107d52be09.png"
},
"post-type": "photo",
"_id": "12930314",
"_source": "1371",
"_is_read": true
}
{
"type": "entry",
"published": "2020-07-03T13:27:37Z",
"url": "https://adactio.com/journal/17086",
"category": [
"",
"css",
"colours",
"schemes",
"styles",
"switcher",
"toggle",
"light",
"dark",
"modes",
"indiewebcamp",
"styling",
"images",
"frontend",
"development",
"design"
],
"syndication": [
"https://medium.com/@adactio/194630f97c43"
],
"name": "Dark mode revisited",
"content": {
"text": "I added a dark mode to my website a while back. It was a fun thing to do during Indie Web Camp Amsterdam last year.\n\nI tied the colour scheme to the operating system level. If you choose a dark mode in your OS, my website will adjust automatically thanks to the prefers-color-scheme: dark media query.\n\nBut I\u2019ve seen notes from a few friends, not about my site specifically, but about how they like having an explicit toggle for dark mode (as well as the media query). Whenever I read those remarks, I\u2019d think \u201cI\u2019m really not sure I\u2019ve got time to deal with adding that kind of toggle to my site.\u201d\n\nBut then I realised, \u201cJeremy, you absolute muffin! You\u2019ve had a theme switcher on your website for almost two decades now!\u201d\n\nDoh! I had forgotten about that theme switcher. It dates back to the early days of CSS. I wanted my site to be a demonstration of how you could apply different styles to the same underlying markup (this was before the CSS Zen Garden came along). Those themes are very dated now, but if you like you can view my site with a Zeldman theme or a sci-fi theme.\n\nTo offer a dark-mode theme for my site, all I had to do was take the default stylesheet, pull out the custom properties from the prefers-color-scheme: dark media query, and done. It took less than five minutes.\n\nSo if you want to view my site in dark mode, it\u2019s one of the options in the \u201cCustomise\u201d dropdown on every page of the website.",
"html": "<p><a href=\"https://adactio.com/journal/15941\">I added a dark mode to my website a while back</a>. It was a fun thing to do during Indie Web Camp Amsterdam last year.</p>\n\n<p>I tied the colour scheme to the operating system level. If you choose a dark mode in your OS, my website will adjust automatically thanks to the <code>prefers-color-scheme: dark</code> media query.</p>\n\n<p>But I\u2019ve seen notes from a few friends, not about my site specifically, but about how they like having an explicit toggle for dark mode (as well as the media query). Whenever I read those remarks, I\u2019d think \u201cI\u2019m really not sure I\u2019ve got time to deal with adding that kind of toggle to my site.\u201d</p>\n\n<p>But then I realised, \u201cJeremy, you absolute muffin! You\u2019ve had a theme switcher on your website for almost two decades now!\u201d</p>\n\n<p>Doh! I had forgotten about that theme switcher. It dates back to the early days of CSS. I wanted my site to be a demonstration of how you could apply different styles to the same underlying markup (this was before the CSS Zen Garden came along). Those themes are very dated now, but if you like you can view my site with <a href=\"https://adactio.com/?skin=zeldman\">a Zeldman theme</a> or <a href=\"https://adactio.com/?skin=sci-fi\">a sci-fi theme</a>.</p>\n\n<p>To offer a dark-mode theme for my site, all I had to do was take the default stylesheet, pull out the custom properties from the <code>prefers-color-scheme: dark</code> media query, and done. It took less than five minutes.</p>\n\n<p>So if you want to view my site <a href=\"https://adactio.com/?skin=dark\">in dark mode</a>, it\u2019s one of the options in the \u201cCustomise\u201d dropdown on every page of the website.</p>"
},
"author": {
"type": "card",
"name": "Jeremy Keith",
"url": "https://adactio.com/",
"photo": "https://adactio.com/images/photo-150.jpg"
},
"post-type": "article",
"_id": "12923943",
"_source": "2",
"_is_read": true
}
Catching up on a couple of the sessions I missed at IndieWebCamp West. All the videos are linked on the schedule page here.
{
"type": "entry",
"author": {
"name": "Manton Reece",
"url": "https://www.manton.org/",
"photo": "https://micro.blog/manton/avatar.jpg"
},
"url": "https://www.manton.org/2020/07/02/catching-up-on.html",
"content": {
"html": "<p>Catching up on a couple of the sessions I missed at IndieWebCamp West. All the videos are linked <a href=\"https://indieweb.org/2020/West/Schedule\">on the schedule page here</a>.</p>",
"text": "Catching up on a couple of the sessions I missed at IndieWebCamp West. All the videos are linked on the schedule page here."
},
"published": "2020-07-02T15:03:22-05:00",
"post-type": "note",
"_id": "12908389",
"_source": "12",
"_is_read": true
}
{
"type": "entry",
"published": "2020-07-01 18:00-0700",
"rsvp": "yes",
"url": "http://tantek.com/2020/183/t1/homebrew-website-club-west-coast",
"in-reply-to": [
"https://events.indieweb.org/2020/07/homebrew-website-club-west-coast-gIN0wgZCOdeP"
],
"content": {
"text": "hosting Homebrew Website Club West Coast NOW!\n\ud83d\uddd3 started at 18:00, seven of us here, hop on Zoom and say hi!\nhttps://events.indieweb.org/2020/07/homebrew-website-club-west-coast-gIN0wgZCOdeP\n@brb_irl @Kongaloosh @AllAboutGeorge @JackyAlcine @AndiGalpern @indirect @generativist @BenWerd @pvh @aaronpk",
"html": "hosting Homebrew Website Club West Coast NOW!<br />\ud83d\uddd3 started at 18:00, seven of us here, hop on Zoom and say hi!<br /><a href=\"https://events.indieweb.org/2020/07/homebrew-website-club-west-coast-gIN0wgZCOdeP\">https://events.indieweb.org/2020/07/homebrew-website-club-west-coast-gIN0wgZCOdeP</a><br /><a class=\"h-cassis-username\" href=\"https://twitter.com/brb_irl\">@brb_irl</a> <a class=\"h-cassis-username\" href=\"https://twitter.com/Kongaloosh\">@Kongaloosh</a> <a class=\"h-cassis-username\" href=\"https://twitter.com/AllAboutGeorge\">@AllAboutGeorge</a> <a class=\"h-cassis-username\" href=\"https://twitter.com/JackyAlcine\">@JackyAlcine</a> <a class=\"h-cassis-username\" href=\"https://twitter.com/AndiGalpern\">@AndiGalpern</a> <a class=\"h-cassis-username\" href=\"https://twitter.com/indirect\">@indirect</a> <a class=\"h-cassis-username\" href=\"https://twitter.com/generativist\">@generativist</a> <a class=\"h-cassis-username\" href=\"https://twitter.com/BenWerd\">@BenWerd</a> <a class=\"h-cassis-username\" href=\"https://twitter.com/pvh\">@pvh</a> <a class=\"h-cassis-username\" href=\"https://twitter.com/aaronpk\">@aaronpk</a>"
},
"author": {
"type": "card",
"name": "Tantek \u00c7elik",
"url": "http://tantek.com/",
"photo": "https://aperture-media.p3k.io/tantek.com/acfddd7d8b2c8cf8aa163651432cc1ec7eb8ec2f881942dca963d305eeaaa6b8.jpg"
},
"post-type": "rsvp",
"refs": {
"https://events.indieweb.org/2020/07/homebrew-website-club-west-coast-gIN0wgZCOdeP": {
"type": "entry",
"url": "https://events.indieweb.org/2020/07/homebrew-website-club-west-coast-gIN0wgZCOdeP",
"name": "an IndieWeb event",
"post-type": "article"
}
},
"_id": "12887511",
"_source": "1",
"_is_read": true
}
For all of y’all who make Twitter threads, now you can do that and then publish it BACK to your site using a standard in publishing content on the Web: Micropub! https://twitter.com/threadreaderapp/status/1276635958708862976
{
"type": "entry",
"published": "2020-07-01T16:30:26.78885-07:00",
"url": "https://v2.jacky.wtf/post/f141c646-507a-431b-8984-7443a03b60f5",
"content": {
"text": "For all of y\u2019all who make Twitter threads, now you can do that and then publish it BACK to your site using a standard in publishing content on the Web: Micropub! https://twitter.com/threadreaderapp/status/1276635958708862976",
"html": "<p>For all of y\u2019all who make Twitter threads, now you can do that and then publish it BACK to your site using a standard in publishing content on the Web: Micropub! <a href=\"https://twitter.com/threadreaderapp/status/1276635958708862976\">https://twitter.com/threadreaderapp/status/1276635958708862976</a></p>"
},
"author": {
"type": "card",
"name": "",
"url": "https://v2.jacky.wtf",
"photo": null
},
"post-type": "note",
"_id": "12883589",
"_source": "1886",
"_is_read": true
}
{
"type": "entry",
"author": {
"name": "Neil Mather",
"url": "https://doubleloop.net/",
"photo": null
},
"url": "https://doubleloop.net/2020/07/01/control-of-computing-infrastructure/",
"published": "2020-07-01T20:48:01+00:00",
"content": {
"html": "<p>I had not really thought much about the tech firms in this light before \u2013 of the undue control they have on computing infrastructure. (I think the author here including both hardware and software platforms in \u2018infrastructure\u2019).</p>\n<blockquote><p>In all the global crises, pandemics and social upheavals that may yet come, those in control of the computers, not those with the largest datasets, have the best visibility and the best \u2013 and perhaps the scariest \u2014 ability to change the world.</p>\n<p>\u2013 <a href=\"https://www.theguardian.com/commentisfree/2020/jul/01/apple-google-contact-tracing-app-tech-giant-digital-rights\">Privacy is not the problem with the Apple-Google contact-tracing toolkit</a></p></blockquote>\n<p>I don\u2019t know if it\u2019s a bigger problem or not than <a href=\"https://commonplace.doubleloop.net/surveillance-capitalism.html\">surveillance capitalism</a> though. They both seem like big problems, in tandem.</p>\n<p>The distinction between harvesting data and running the platform seems pretty neglible, too. Unless maybe he\u2019s talking about things like Amazon Web Services more than things like Facebook?</p>\n<p>Dunno. Regardless, cool to see both <a href=\"https://commonplace.doubleloop.net/20200308230733-right_to_repair.html\">right to repair</a> and <a href=\"https://commonplace.doubleloop.net/indieweb.html\">IndieWeb</a>-adjacent stuff mentioned together as modes of resistance against big tech.</p>",
"text": "I had not really thought much about the tech firms in this light before \u2013 of the undue control they have on computing infrastructure. (I think the author here including both hardware and software platforms in \u2018infrastructure\u2019).\nIn all the global crises, pandemics and social upheavals that may yet come, those in control of the computers, not those with the largest datasets, have the best visibility and the best \u2013 and perhaps the scariest \u2014 ability to change the world.\n\u2013 Privacy is not the problem with the Apple-Google contact-tracing toolkit\nI don\u2019t know if it\u2019s a bigger problem or not than surveillance capitalism though. They both seem like big problems, in tandem.\nThe distinction between harvesting data and running the platform seems pretty neglible, too. Unless maybe he\u2019s talking about things like Amazon Web Services more than things like Facebook?\nDunno. Regardless, cool to see both right to repair and IndieWeb-adjacent stuff mentioned together as modes of resistance against big tech."
},
"name": "Control of computing infrastructure",
"post-type": "article",
"_id": "12882091",
"_source": "1895",
"_is_read": true
}
#100days 60 - Made a small but long overdue change to my site, so that it only sends me notifications about new webmentions. My notifications were filling up with duplicate mentions because of people sending them every time they build their site (which is totally fine)
{
"type": "entry",
"published": "2020-07-01T08:55:00.550Z",
"url": "https://grant.codes/2020/07/01/08-55-00",
"category": [
"100days"
],
"syndication": [
"https://t.me/Telegram/261"
],
"content": {
"text": "#100days 60 - Made a small but long overdue change to my site, so that it only sends me notifications about new webmentions. My notifications were filling up with duplicate mentions because of people sending them every time they build their site (which is totally fine)",
"html": "<p>#100days 60 - Made a small but long overdue change to my site, so that it only sends me notifications about new webmentions. My notifications were filling up with duplicate mentions because of people sending them every time they build their site (which is totally fine)</p>"
},
"author": {
"type": "card",
"name": "Grant Richmond",
"url": "https://grant.codes/",
"photo": "https://images.weserv.nl/?url=grant.codes%2Fimg%2Fme.jpg&errorredirect=grant.codes%2Fimg%2Fme.jpg&w=20&h=20&fit=contain&dpr=2"
},
"post-type": "note",
"_id": "12864706",
"_source": "11",
"_is_read": true
}
Hm, advice is interesting. I want this to signify that it’s a tag of sorts; something that can be indexed (for a negative filter search of sorts). This is making me want to lean into something like this format:
<span class="p-content-category p-category">gore</span>
<span class="p-content-category p-category">blood</span>
Leaning into what we have for tagging already would allow us to build a common way of filtering things out (or in). This is something that would have to be pushed up into the Microformats spec, IMO.
Also, I took some time to see how our friends in ActivityPub took this: https://github.com/w3c/activitypub/issues/232, some important notes there regarding overloading. One downside is that they relied on Mastodon to be the defacto representative of AP, in Microformats; the format is the leader!
{
"type": "entry",
"published": "2020-06-30T19:36:17.56587-07:00",
"url": "https://v2.jacky.wtf/post/d7187860-6d7a-4cc9-9465-792daaab2b30",
"in-reply-to": [
"https://github.com/snarfed/bridgy/issues/952#issuecomment-652084336"
],
"content": {
"text": "Hm, advice is interesting. I want this to signify that it\u2019s a tag of sorts; something that can be indexed (for a negative filter search of sorts). This is making me want to lean into something like this format:<span class=\"p-content-category p-category\">gore</span>\n<span class=\"p-content-category p-category\">blood</span>\nLeaning into what we have for tagging already would allow us to build a common way of filtering things out (or in). This is something that would have to be pushed up into the Microformats spec, IMO.\nAlso, I took some time to see how our friends in ActivityPub took this: https://github.com/w3c/activitypub/issues/232, some important notes there regarding overloading. One downside is that they relied on Mastodon to be the defacto representative of AP, in Microformats; the format is the leader!",
"html": "<p>Hm, <code>advice</code> is interesting. I want this to signify that it\u2019s a tag of sorts; something that can be indexed (for a negative filter search of sorts). This is making me want to lean into something like this format:</p><pre><code><span class=\"p-content-category p-category\">gore</span>\n<span class=\"p-content-category p-category\">blood</span></code></pre>\n<p>Leaning into what we have for tagging already would allow us to build a common way of filtering things out (or in). This is something that would have to be pushed up into the Microformats spec, IMO.</p>\n<p>Also, I took some time to see how our friends in ActivityPub took this: <a href=\"https://github.com/w3c/activitypub/issues/232\">https://github.com/w3c/activitypub/issues/232</a>, some important notes there regarding overloading. One downside is that they relied on Mastodon to be the defacto representative of AP, in Microformats; the format is the leader!</p>"
},
"author": {
"type": "card",
"name": "",
"url": "https://v2.jacky.wtf",
"photo": null
},
"post-type": "reply",
"refs": {
"https://github.com/snarfed/bridgy/issues/952#issuecomment-652084336": {
"type": "entry",
"url": "https://github.com/snarfed/bridgy/issues/952#issuecomment-652084336",
"content": {
"text": "OK, thanks! will have a think and try to see if I can gain some traction towards consensus.\n\nThis is something I'm into and didn't know what kind of name I wanted to use in the property naming.\n\nStill thinking about how to word this, mainly due to my novice status in the world of indieweb.. but, Jacky how does p-content-advice sound\\feel?",
"html": "<blockquote>\n<blockquote>\n<p>OK, thanks! will have a think and try to see if I can gain some traction towards consensus.</p>\n</blockquote>\n<p>This is something I'm into and didn't know what kind of name I wanted to use in the property naming.</p>\n</blockquote>\n<p>Still thinking about how to word this, mainly due to my novice status in the world of indieweb.. but, Jacky how does p-content-advice sound\\feel? </p>"
},
"author": {
"type": "card",
"name": "jk-na",
"url": "https://github.com/jk-na",
"photo": null
},
"post-type": "note"
}
},
"_id": "12859166",
"_source": "1886",
"_is_read": true
}
{
"type": "entry",
"published": "2020-06-30T19:48:13Z",
"url": "https://adactio.com/links/17076",
"category": [
"weird",
"webring",
"indieweb",
"personal",
"websites",
"design",
"whimsical",
"fun",
"delight",
"personality"
],
"bookmark-of": [
"https://weirdwidewebring.net/"
],
"content": {
"text": "Weird Wide Webring\n\n\n\nMore of the whimsical web!",
"html": "<h3>\n<a class=\"p-name u-bookmark-of\" href=\"https://weirdwidewebring.net/\">\nWeird Wide Webring\n</a>\n</h3>\n\n<p>More of <a href=\"https://adactio.com/links/17075\">the whimsical web</a>!</p>"
},
"author": {
"type": "card",
"name": "Jeremy Keith",
"url": "https://adactio.com/",
"photo": "https://adactio.com/images/photo-150.jpg"
},
"post-type": "bookmark",
"_id": "12851309",
"_source": "2",
"_is_read": true
}
A collection of truly personal sites.
This site is meant to showcase how a more personal web could look like, and hopefully give you some inspiration to make your own corner of the web a bit weirder.
Of course Cassie’s site is included!
{
"type": "entry",
"published": "2020-06-30T19:45:46Z",
"url": "https://adactio.com/links/17075",
"category": [
"indieweb",
"personal",
"websites",
"design",
"whimsical",
"fun",
"delight",
"personality"
],
"bookmark-of": [
"https://whimsical.club/"
],
"content": {
"text": "The Whimsical Web\n\n\n\nA collection of truly personal sites.\n\n\n This site is meant to showcase how a more personal web could look like, and hopefully give you some inspiration to make your own corner of the web a bit weirder.\n\n\nOf course Cassie\u2019s site is included!",
"html": "<h3>\n<a class=\"p-name u-bookmark-of\" href=\"https://whimsical.club/\">\nThe Whimsical Web\n</a>\n</h3>\n\n<p>A collection of truly personal sites.</p>\n\n<blockquote>\n <p>This site is meant to showcase how a more personal web could look like, and hopefully give you some inspiration to make your own corner of the web a bit weirder.</p>\n</blockquote>\n\n<p>Of <em>course</em> <a href=\"https://www.cassie.codes/\">Cassie\u2019s site</a> is included!</p>"
},
"author": {
"type": "card",
"name": "Jeremy Keith",
"url": "https://adactio.com/",
"photo": "https://adactio.com/images/photo-150.jpg"
},
"post-type": "bookmark",
"_id": "12851310",
"_source": "2",
"_is_read": true
}
As soon as I confirm that Webmentions work well with Lighthouse, I think I’m going to draft my backfill of content from my old Twitter account and Instagram
{
"type": "entry",
"published": "2020-06-30T10:54:00.00000-07:00",
"url": "https://v2.jacky.wtf/post/620c58f0-d746-4bc0-b5b1-42add609bb66",
"content": {
"text": "As soon as I confirm that Webmentions work well with Lighthouse, I think I\u2019m going to draft my backfill of content from my old Twitter account and Instagram",
"html": "<p>As soon as I confirm that Webmentions work well with Lighthouse, I think I\u2019m going to draft my backfill of content from my old Twitter account and Instagram</p>"
},
"author": {
"type": "card",
"name": "",
"url": "https://v2.jacky.wtf",
"photo": null
},
"post-type": "note",
"_id": "12848260",
"_source": "1886",
"_is_read": true
}
