Replied to How do I POSSE to Mastodon now? by an author
This is what I’m running into to try to make new Indieweb technology as simple to explain as possible. Ryan Barrett did some amazing work and made it possible to connect your own Mastodon account to your site. So you can get likes and replies from Mastodon in the comments of your own site. But you...
The way I tested it is as you described – by adding the brid.gy/publish/mastodon link as a custom provider in Syndication Links.
My own test post wasn’t great though – it included the link back to my site (even though I have it set not to in Syndication Links), and also included the text ‘Also on’.
When I get chance I will test it further, and maybe write a blog post revisiting all the different IndieWeb to Mastodon options!
{
"type": "entry",
"author": {
"name": "Neil Mather",
"url": "https://doubleloop.net/",
"photo": null
},
"url": "https://doubleloop.net/2019/10/24/the-way-i-tested-it-is/",
"published": "2019-10-24T20:16:40+00:00",
"content": {
"html": "Replied to <a href=\"https://diggingthedigital.com/how-do-i-posse-to-mastodon-now/\">How do I POSSE to Mastodon now?</a> by an author\n<blockquote>This is what I\u2019m running into to try to make new Indieweb technology as simple to explain as possible. Ryan Barrett did some amazing work and made it possible to connect your own Mastodon account to your site. So you can get likes and replies from Mastodon in the comments of your own site. But you...</blockquote>\n\nThe way I tested it is as you described \u2013 by adding the brid.gy/publish/mastodon link as a custom provider in Syndication Links.\n<p>My own test post wasn\u2019t great though \u2013 it included the link back to my site (even though I have it set not to in Syndication Links), and also included the text \u2018Also on\u2019.</p>\n<p>When I get chance I will test it further, and maybe write a blog post revisiting all the different IndieWeb to Mastodon options!</p>",
"text": "Replied to How do I POSSE to Mastodon now? by an author\nThis is what I\u2019m running into to try to make new Indieweb technology as simple to explain as possible. Ryan Barrett did some amazing work and made it possible to connect your own Mastodon account to your site. So you can get likes and replies from Mastodon in the comments of your own site. But you...\n\nThe way I tested it is as you described \u2013 by adding the brid.gy/publish/mastodon link as a custom provider in Syndication Links.\nMy own test post wasn\u2019t great though \u2013 it included the link back to my site (even though I have it set not to in Syndication Links), and also included the text \u2018Also on\u2019.\nWhen I get chance I will test it further, and maybe write a blog post revisiting all the different IndieWeb to Mastodon options!"
},
"post-type": "note",
"_id": "5774569",
"_source": "1895",
"_is_read": true
}
In some personal news, I’ve been accepted into the GitHub Sponsors program & you can now sponsor my work on my IndieWeb Jekyll & WordPress themes or to work on other open source projects. More details soon.
{
"type": "entry",
"published": "2019-10-24T08:20:17-04:00",
"url": "https://miklb.com/blog/2019/10/24/5330/",
"syndication": [
"https://twitter.com/miklb/status/1187343061237587968"
],
"content": {
"text": "In some personal news, I\u2019ve been accepted into the GitHub Sponsors program & you can now sponsor my work on my IndieWeb Jekyll & WordPress themes or to work on other open source projects. More details soon.",
"html": "<p>In some personal news, I\u2019ve been accepted into the GitHub Sponsors program & you can now sponsor my work on my IndieWeb Jekyll & WordPress themes or to work on other open source projects. More details soon.\n</p>"
},
"post-type": "note",
"_id": "5764912",
"_source": "42",
"_is_read": true
}
{
"type": "entry",
"published": "2019-10-20T09:29:00+0100",
"url": "https://www.jvt.me/mf2/2019/10/ma6dz/",
"category": [
"indieweb"
],
"bookmark-of": [
"https://www.zachleat.com/web/own-your-content/"
],
"name": "Own Your Content",
"author": {
"type": "card",
"name": "Jamie Tanna",
"url": "https://www.jvt.me",
"photo": "https://www.jvt.me/img/profile.png"
},
"post-type": "bookmark",
"_id": "5751018",
"_source": "2169",
"_is_read": true
}
A great introduction to indie web building blocks from Jamie.
{
"type": "entry",
"published": "2019-10-22T15:28:29Z",
"url": "https://adactio.com/links/15994",
"category": [
"indieweb",
"personal",
"publishing",
"posse",
"pesos",
"microformats",
"micropub",
"webmentions",
"microsub",
"indieauth",
"presentation",
"talk",
"transcript"
],
"bookmark-of": [
"https://www.jvt.me/posts/2019/10/20/indieweb-talk/"
],
"content": {
"text": "The IndieWeb Movement: Owning Your Data and Being the Change You Want to See in the Web \u00b7 Jamie Tanna\n\n\n\nA great introduction to indie web building blocks from Jamie.",
"html": "<h3>\n<a class=\"p-name u-bookmark-of\" href=\"https://www.jvt.me/posts/2019/10/20/indieweb-talk/\">\nThe IndieWeb Movement: Owning Your Data and Being the Change You Want to See in the Web \u00b7 Jamie Tanna\n</a>\n</h3>\n\n<p>A great introduction to indie web building blocks from Jamie.</p>"
},
"author": {
"type": "card",
"name": "Jeremy Keith",
"url": "https://adactio.com/",
"photo": "https://adactio.com/images/photo-150.jpg"
},
"post-type": "bookmark",
"_id": "5744765",
"_source": "2",
"_is_read": true
}
{
"type": "entry",
"published": "2019-10-21T11:34:08-0400",
"url": "https://martymcgui.re/2019/10/21/indieweb-nyc-meetup-2019-10-19-wrap-up/",
"category": [
"IndieWeb",
"meetup",
"HWC",
"NYC",
"wrap-up"
],
"name": "IndieWeb NYC Meetup 2019-10-19 Wrap-Up",
"content": {
"text": "IndieWeb NYC's meetup for October 2019 met at Think Coffee on Mercer St on October 19th around 2pm.\n \n\n\n tiaramiller.com \u2014 Relaunched her site as a Hugo site hosted on Netlify during the recent IndieWebCamp NYC. Since then, has been working on adding features. Set up voxpelli's webpage-micropub-to-github on Heroku and was able to log into Indigenous and create a new like post! webpage-micropub-to-github is designed for Jekyll, so it created the post file in an unexpected place, but she should be able to tweak that and get things working. Also added herself (back) to the IndieWeb Webring.\n \n\n\n mfgriffin.com \u2014 Upon some (possibly bad) advice from Marty and Tiara, Matt worked towards hosting his Hugo-powered site via GitHub and Netlify, rather than compiling it on his laptop and uploading the finished HTML to a server. Ran into issues with git submodules, and then a version mismatch between the theme he was using and the version of Hugo on Netlify. He was able to update the published HTML pages to let himself login to indieweb.org to review his todo list, meaning he made it to \"step zero\" on his list of goals for the day.\n \n\nmartymcgui.re \u2014 Working on indieweb.nyc, a site for IndieWeb events in and around New York City. Mostly spent time on plumbing, setting up a barebones Hugo site and hosting it on Netlify. Keeps finding himself pulled between desires: to get barebones content up, to allow interested folks to add events to their calendar, to work on plumbing that will make it easier to manage events via micropub, and to work on styling, theming, and logo.\nLeft-to-right: tiaramiller.com, mfgriffin.com, martymcgui.re\n Thanks to everyone who came out and braved the crowded weekend tables. Apparently it was midterms time at NYU? We hope that you'll join us for the next meetup, on November 16th. Watch indieweb.nyc for info about the exact time and location!",
"html": "<p>\n <a href=\"https://indieweb.org/events/2019-10-19-homebrew-website-club-nyc\">IndieWeb NYC's meetup for October 2019</a> met at Think Coffee on Mercer St on October 19th around 2pm.\n <br /></p>\n<p>\n tiaramiller.com \u2014 Relaunched her site as a Hugo site hosted on <a href=\"https://www.netlify.com/\">Netlify</a> during the recent IndieWebCamp NYC. Since then, has been working on adding features. Set up <a href=\"https://indieweb.org/User:Mfgriffin.com\">voxpelli's webpage-micropub-to-github</a> on <a href=\"https://www.heroku.com/\">Heroku</a> and was able to log into <a href=\"https://indieweb.org/Indigenous_for_Android\">Indigenous</a> and create a new <a href=\"https://indieweb.org/like\">like post</a>! webpage-micropub-to-github is designed for Jekyll, so it created the post file in an unexpected place, but she should be able to tweak that and get things working. Also added herself (back) to the <a href=\"https://xn--sr8hvo.ws/\">IndieWeb Webring</a>.\n <br /></p>\n<p>\n mfgriffin.com \u2014 Upon some (possibly bad) advice from Marty and Tiara, Matt worked towards hosting his Hugo-powered site via GitHub and Netlify, rather than compiling it on his laptop and uploading the finished HTML to a server. Ran into issues with git submodules, and then a version mismatch between the theme he was using and the version of Hugo on Netlify. He <i>was</i> able to update the published HTML pages to let himself login to indieweb.org to review <a href=\"https://indieweb.org/User:Mfgriffin.com\">his todo list</a>, meaning he made it to \"step zero\" on his list of goals for the day.\n <br /></p>\n<p>martymcgui.re \u2014 Working on <a href=\"https://indieweb.nyc/\">indieweb.nyc</a>, a site for IndieWeb events in and around New York City. Mostly spent time on plumbing, setting up a barebones Hugo site and hosting it on Netlify. Keeps finding himself pulled between desires: to get barebones content up, to allow interested folks to add events to their calendar, to work on plumbing that will make it easier to manage events via micropub, and to work on styling, theming, and logo.</p>\n<img src=\"https://media.martymcgui.re/56/70/ec/1c/2967c691a2cdea8c16590733f2d010cf85ba1417972d4a8feff8e130.jpg\" alt=\"Three people crowded around laptops look into the camera, with toothy grins on their faces.\" />Left-to-right: tiaramiller.com, mfgriffin.com, martymcgui.re<p>\n Thanks to everyone who came out and braved the crowded weekend tables. Apparently it was midterms time at NYU? We hope that you'll join us for the next meetup, on November 16th. Watch <a href=\"https://martymcgui.re/posts/indieweb.nyc\">indieweb.nyc</a> for info about the exact time and location!\n <br /></p>"
},
"author": {
"type": "card",
"name": "Marty McGuire",
"url": "https://martymcgui.re/",
"photo": "https://martymcgui.re/images/logo.jpg"
},
"post-type": "article",
"_id": "5727471",
"_source": "175",
"_is_read": true
}
{
"type": "entry",
"published": "2019-10-21T16:58:47Z",
"url": "https://adactio.com/journal/15992",
"category": [
"maps",
"mapping",
"geo",
"polylines",
"indiewebcamp",
"brighton",
"indieweb",
"visualisation",
"static",
"php",
"javascript",
"code",
"coding",
"backend",
"frontend",
"development"
],
"syndication": [
"https://medium.com/@adactio/293e9af2af85"
],
"name": "Indy web",
"content": {
"text": "It was Indie Web Camp Brighton on the weekend. After a day of thought-provoking discussions, I thoroughly enjoyed spending the second day tinkering on my website.\n\nFor a while now, I\u2019ve wanted to add maps to my monthly archive pages (to accompany the calendar heatmaps I added at a previous Indie Web Camp). Whenever I post anything to my site\u2014a blog post, a note, a link\u2014it\u2019s timestamped and geotagged. I thought it would be fun to expose that in a glanceable way. A map seems like the right medium for that, but I wanted to avoid the obvious route of dropping a load of pins on a map. Instead I was looking for something more like the maps in Indiana Jones films\u2014a line drawn from place to place to show the movement over time.\n\nI talked to Aaron about this and his advice was that a client-side JavaScript embedded map would be the easiest option. But that seemed like overkill to me. This map didn\u2019t need to be pannable or zoomable; just glanceable. So I decided to see if how far I could get with a static map. I timeboxed two hours for it.\n\nAfter two hours, I admitted defeat.\n\nI was able to find the kind of static maps I wanted from Mapbox\u2014I\u2019m already using them for my check-ins. I could even add a polyline, which is exactly what I wanted. But instead of passing latitude and longitude co-ordinates for the points on the polyline, the docs explain that I needed to provide \u2026cur ominous thunder and lightning\u2026 The Encoded Polyline Algorithm Format.\n\nGo to that link. I\u2019ll wait.\n\nDid you read through the eleven steps of instructions? Did you also think it was a piss take?\n\n\n Take the initial signed value.\n Multiply it by 1e5.\n Convert that decimal value to binary.\n Left-shift the binary value one bit.\n If the original decimal value is negative, invert this encoding.\n Break the binary value out into 5-bit chunks.\n Place the 5-bit chunks into reverse order.\n OR each value with 0x20 if another bit chunk follows.\n Convert each value to decimal.\n Add 63 to each value.\n Convert each value to its ASCII equivalent.\n \n\nThis was way beyond my brain\u2019s pay grade. But surely someone else had written the code I needed? I did some Duck Duck Going and found a piece of PHP code to do the encoding. It didn\u2019t work. I Ducked Ducked and Went some more. I found a different piece of PHP code. That didn\u2019t work either.\n\nAt this point, my allotted time was up. If I wanted to have something to demo by the end of the day, I needed to switch gears. So I did.\n\nI used Leaflet.js to create the maps I wanted using client-side JavaScript. Here\u2019s the JavaScript code I wrote.\n\nIt waits until the page has finished loading, then it searches for any instances of the h-geo microformat (a way of encoding latitude and longitude coordinates in HTML). If there are three or more, it generates a script element to pull in the Leaflet library, and a corresponding style element. Then it draws the map with the polyline on it. I ended up using Stamen\u2019s beautiful watercolour map tiles.\n\n\n\n\nThat\u2019s what I demoed at the end of the day.\n\nBut I wasn\u2019t happy with it.\n\nSure, it looked good, but displaying the map required requests for a script, a style sheet, and multiple map tiles. I made sure that it didn\u2019t hold up the loading of the rest of the page, but it still felt wasteful.\n\nSo after Indie Web Camp, I went back to investigate static maps again. This time I did finally manage to find some PHP code for encoding lat/lon coordinates into a polyline that worked. Finally I was able to construct URLs for a static map image that displays a line connecting multiple points with a line.\n\nI\u2019ve put this maps on any of the archive pages that also have calendar heat maps. Some examples:\n\nEverything from August 2019\nNotes from July 2018\nLinks from June 2017\nPhotos from October 2014\nJournal entries from December 2012\nIf you go back much further than that, the maps start to trail off. That\u2019s because I wasn\u2019t geotagging everything from the start.\n\nI\u2019m pretty happy with the final results. It\u2019s certainly far more responsible from a performance point of view. Oh, and I\u2019ve also got the maps inside a picture element so that I can swap out the tiles if you switch to dark mode.\n\nIt\u2019s a shame that I can\u2019t use the lovely Stamen watercolour tiles for these static maps though.",
"html": "<p>It was <a href=\"https://indieweb.org/2019/Brighton\">Indie Web Camp Brighton</a> on the weekend. After a day of thought-provoking discussions, I thoroughly enjoyed spending the second day tinkering on my website.</p>\n\n<p>For a while now, I\u2019ve wanted to add maps to my <a href=\"https://adactio.com/archive/\">monthly archive pages</a> (to accompany the calendar heatmaps I added at a previous Indie Web Camp). Whenever I post anything to my site\u2014a blog post, a note, a link\u2014it\u2019s timestamped and geotagged. I thought it would be fun to expose that in a glanceable way. A map seems like the right medium for that, but I wanted to avoid the obvious route of dropping a load of pins on a map. Instead I was looking for something more like <a href=\"https://www.youtube.com/watch?v=5TY5Fp6O5iM\">the maps in Indiana Jones films</a>\u2014a line drawn from place to place to show the movement over time.</p>\n\n<p>I talked to <a href=\"https://aaronparecki.com/\">Aaron</a> about this and his advice was that a client-side JavaScript embedded map would be the easiest option. But that seemed like overkill to me. This map didn\u2019t need to be pannable or zoomable; just glanceable. So I decided to see if how far I could get with a static map. I timeboxed two hours for it.</p>\n\n<p>After two hours, I admitted defeat.</p>\n\n<p>I was able to find the kind of <a href=\"https://docs.mapbox.com/api/maps/#static-images\">static maps</a> I wanted from Mapbox\u2014I\u2019m already using them for <a href=\"https://adactio.com/notes/checkins\">my check-ins</a>. I could even <a href=\"https://docs.mapbox.com/api/maps/#overlay-options\">add a polyline</a>, which is exactly what I wanted. But instead of passing latitude and longitude co-ordinates for the points on the polyline, the docs explain that I needed to provide \u2026cur ominous thunder and lightning\u2026 <a href=\"https://developers.google.com/maps/documentation/utilities/polylinealgorithm\">The Encoded Polyline Algorithm Format</a>.</p>\n\n<p>Go to <a href=\"https://developers.google.com/maps/documentation/utilities/polylinealgorithm\">that link</a>. I\u2019ll wait.</p>\n\n<p>Did you read through the eleven steps of instructions? Did you also think it was a piss take?</p>\n\n<blockquote>\n <ol><li>Take the initial signed value.</li>\n <li>Multiply it by 1e5.</li>\n <li>Convert that decimal value to binary.</li>\n <li>Left-shift the binary value one bit.</li>\n <li>If the original decimal value is negative, invert this encoding.</li>\n <li>Break the binary value out into 5-bit chunks.</li>\n <li>Place the 5-bit chunks into reverse order.</li>\n <li>OR each value with 0x20 if another bit chunk follows.</li>\n <li>Convert each value to decimal.</li>\n <li>Add 63 to each value.</li>\n <li>Convert each value to its ASCII equivalent.</li>\n </ol></blockquote>\n\n<p>This was way beyond my brain\u2019s pay grade. But surely someone else had written the code I needed? I did some Duck Duck Going and found a piece of PHP code to do the encoding. It didn\u2019t work. I Ducked Ducked and Went some more. I found a different piece of PHP code. That didn\u2019t work either.</p>\n\n<p>At this point, my allotted time was up. If I wanted to have something to demo by the end of the day, I needed to switch gears. So I did.</p>\n\n<p>I used <a href=\"https://leafletjs.com/\">Leaflet.js</a> to create the maps I wanted using client-side JavaScript. Here\u2019s <a href=\"https://gist.github.com/adactio/60359b27bcf7371698c4fdb3c85d00fe\">the JavaScript code I wrote</a>.</p>\n\n<p>It waits until the page has finished loading, then it searches for any instances of the <code>h-geo</code> microformat (a way of encoding latitude and longitude coordinates in HTML). If there are three or more, it generates a <code>script</code> element to pull in the Leaflet library, and a corresponding <code>style</code> element. Then it draws the map with the polyline on it. I ended up using <a href=\"http://maps.stamen.com/#watercolor\">Stamen\u2019s beautiful watercolour map tiles</a>.</p>\n\n<p><a href=\"https://adactio.com/notes/15990\">\n<img src=\"https://adactio.com/images/uploaded/15990/small.jpg\" alt=\"Had some fun at Indie Web Camp Brighton on the weekend messing around with @Stamen\u2019s lovely watercolour map tiles. (I was trying to create Indiana Jones style travel maps for my site \u2026a different kind of Indy web.)\" /></a></p>\n\n<p>That\u2019s what I demoed at the end of the day.</p>\n\n<p>But I wasn\u2019t happy with it.</p>\n\n<p>Sure, it looked good, but displaying the map required requests for a script, a style sheet, and multiple map tiles. I made sure that it didn\u2019t hold up the loading of the rest of the page, but it still felt wasteful.</p>\n\n<p>So after Indie Web Camp, I went back to investigate static maps again. This time I <em>did</em> finally manage to find <a href=\"https://github.com/emcconville/google-map-polyline-encoding-tool\">some PHP code for encoding lat/lon coordinates into a polyline</a> that worked. Finally I was able to construct URLs for a static map image that displays a line connecting multiple points with a line.</p>\n\n<p>I\u2019ve put this maps on any of the archive pages that also have calendar heat maps. Some examples:</p>\n\n<ul><li><a href=\"https://adactio.com/archive/2019/08\">Everything from August 2019</a></li>\n<li><a href=\"https://adactio.com/notes/archive/2018/07\">Notes from July 2018</a></li>\n<li><a href=\"https://adactio.com/links/archive/2017/06\">Links from June 2017</a></li>\n<li><a href=\"https://adactio.com/notes/photos/2014/10\">Photos from October 2014</a></li>\n<li><a href=\"https://adactio.com/journal/archive/2012/12\">Journal entries from December 2012</a></li>\n</ul><p>If you go back much further than that, the maps start to trail off. That\u2019s because I wasn\u2019t geotagging everything from the start.</p>\n\n<p>I\u2019m pretty happy with the final results. It\u2019s certainly <em>far</em> more responsible from a performance point of view. Oh, and I\u2019ve also got the maps inside a <code>picture</code> element so that I can swap out the tiles if you <a href=\"https://adactio.com/journal/15941\">switch to dark mode</a>.</p>\n\n<p>It\u2019s a shame that I can\u2019t use the lovely Stamen watercolour tiles for these static maps though.</p>"
},
"author": {
"type": "card",
"name": "Jeremy Keith",
"url": "https://adactio.com/",
"photo": "https://adactio.com/images/photo-150.jpg"
},
"post-type": "article",
"_id": "5727346",
"_source": "2",
"_is_read": true
}
@artlung Hi! I see you're a fellow indieweb enthusiast. We should meet up sometime. I was thinking about starting up a SD Homebrew Website Club meetup next year (maybe sooner).
{
"type": "entry",
"published": "2019-10-20 12:17-0700",
"url": "https://gregorlove.com/2019/10/hi-i-see-youre/",
"syndication": [
"https://twitter.com/gRegorLove/status/1185998602675654658"
],
"content": {
"text": "@artlung Hi! I see you're a fellow indieweb enthusiast. We should meet up sometime. I was thinking about starting up a SD Homebrew Website Club meetup next year (maybe sooner).",
"html": "<p>@artlung Hi! I see you're a fellow indieweb enthusiast. We should meet up sometime. I was thinking about starting up a SD Homebrew Website Club meetup next year (maybe sooner).</p>"
},
"author": {
"type": "card",
"name": "gRegor Morrill",
"url": "https://gregorlove.com/",
"photo": "https://gregorlove.com/site/assets/files/3473/profile-2016-med.jpg"
},
"post-type": "note",
"_id": "5713354",
"_source": "95",
"_is_read": true
}
A look at what the IndieWeb is, why you should care, and how to get started with it.
{
"type": "entry",
"summary": "A look at what the IndieWeb is, why you should care, and how to get started with it.",
"url": "https://www.jvt.me/posts/2019/10/20/indieweb-talk/",
"name": "The IndieWeb Movement: Owning Your Data and Being the Change You Want to See in the Web",
"author": {
"type": "card",
"name": "Jamie Tanna",
"url": "https://www.jvt.me",
"photo": "https://www.jvt.me/img/profile.png"
},
"post-type": "article",
"_id": "5711825",
"_source": "2169",
"_is_read": true
}
jvt.me talking IndieWeb at #OggCamp!
{
"type": "entry",
"author": {
"name": "Neil Mather",
"url": "https://doubleloop.net/",
"photo": null
},
"url": "https://doubleloop.net/2019/10/20/6299/",
"published": "2019-10-20T14:37:00+00:00",
"content": {
"html": "<a href=\"https://doubleloop.net/2019/10/20/6299/attachment/1571582228176/\"><img src=\"https://doubleloop.net/wp-content/uploads/2019/10/1571582228176-1024x576.jpg\" alt=\"\" /></a>\n<a href=\"https://jvt.me/\">jvt.me</a> talking IndieWeb at #OggCamp!",
"text": "jvt.me talking IndieWeb at #OggCamp!"
},
"post-type": "note",
"_id": "5709936",
"_source": "1895",
"_is_read": true
}
#IndieWebCamp #Brighton:
For my #hackday project I added a #serviceworker to my https://tantek.com/ home page with some #offlinesupport:
1 Custom Offline page
2 Precache home page, CSS, JS, and cache as you go photos
3 Precache /contact & /pay pages
{
"type": "entry",
"published": "2019-10-20 09:20-0700",
"url": "http://tantek.com/2019/293/t1/indiewebcamp-brighton-hackday-offline",
"category": [
"IndieWebCamp",
"Brighton:",
"hackday",
"serviceworker",
"offlinesupport:"
],
"content": {
"text": "#IndieWebCamp #Brighton: \n\nFor my #hackday project I added a #serviceworker to my https://tantek.com/ home page with some #offlinesupport:\n\n1 Custom Offline page\n2 Precache home page, CSS, JS, and cache as you go photos\n3 Precache /contact & /pay pages",
"html": "#<span class=\"p-category\">IndieWebCamp</span> #<span class=\"p-category\">Brighton:</span> <br /><br />For my #<span class=\"p-category\">hackday</span> project I added a #<span class=\"p-category\">serviceworker</span> to my <a href=\"https://tantek.com/\">https://tantek.com/</a> home page with some #<span class=\"p-category\">offlinesupport:</span><br /><br />1 Custom Offline page<br />2 Precache home page, CSS, JS, and cache as you go photos<br />3 Precache /contact & /pay pages"
},
"author": {
"type": "card",
"name": "Tantek \u00c7elik",
"url": "http://tantek.com/",
"photo": "https://aperture-media.p3k.io/tantek.com/acfddd7d8b2c8cf8aa163651432cc1ec7eb8ec2f881942dca963d305eeaaa6b8.jpg"
},
"post-type": "note",
"_id": "5709879",
"_source": "1",
"_is_read": true
}
{
"type": "entry",
"published": "2019-10-20T09:29:00+0100",
"url": "https://www.jvt.me/mf2/83dfd3b0-91b3-4b16-854b-2eb25c8ce28c/",
"category": [
"indieweb"
],
"bookmark-of": [
"https://www.zachleat.com/web/own-your-content/"
],
"name": "Own Your Content",
"author": {
"type": "card",
"name": "Jamie Tanna",
"url": "https://www.jvt.me",
"photo": "https://www.jvt.me/img/profile.png"
},
"post-type": "bookmark",
"_id": "5703104",
"_source": "2169",
"_is_read": true
}
A terrific—and fun!—talk from Zach about site deaths, owning your own content, and the indie web.
Oh, and he really did create MySpaceBook for the talk.
{
"type": "entry",
"published": "2019-10-20T07:27:28Z",
"url": "https://adactio.com/links/15988",
"category": [
"conference",
"talk",
"presentation",
"video",
"slides",
"indieweb",
"digital",
"preservation",
"jamstack",
"myspacebook",
"posse",
"pesos",
"syndication"
],
"bookmark-of": [
"https://www.zachleat.com/web/own-your-content/"
],
"content": {
"text": "Own Your Content on Social Media Using the IndieWeb\u2014zachleat.com\n\n\n\nA terrific\u2014and fun!\u2014talk from Zach about site deaths, owning your own content, and the indie web.\n\nOh, and he really did create MySpaceBook for the talk.",
"html": "<h3>\n<a class=\"p-name u-bookmark-of\" href=\"https://www.zachleat.com/web/own-your-content/\">\nOwn Your Content on Social Media Using the IndieWeb\u2014zachleat.com\n</a>\n</h3>\n\n<p>A terrific\u2014and fun!\u2014talk from Zach about site deaths, owning your own content, and the indie web.</p>\n\n<p>Oh, and he really did create <a href=\"https://myspacebook.info/\">MySpaceBook</a> for the talk.</p>"
},
"author": {
"type": "card",
"name": "Jeremy Keith",
"url": "https://adactio.com/",
"photo": "https://adactio.com/images/photo-150.jpg"
},
"post-type": "bookmark",
"_id": "5702866",
"_source": "2",
"_is_read": true
}
Photo for this afternoon’s IndieWeb NYC Meetup!
{
"type": "entry",
"published": "2019-10-19T15:56:13-0400",
"url": "https://martymcgui.re/2019/10/19/155613/",
"photo": [
"https://res.cloudinary.com/schmarty/image/fetch/w_960,c_fill/https://media.martymcgui.re/a8/06/f3/74/4621cbfae60bd88eb7c555889654bbe30d51472ce00a2582dbe40dff.jpg"
],
"content": {
"text": "Photo for this afternoon\u2019s IndieWeb NYC Meetup!",
"html": "<a href=\"https://media.martymcgui.re/a8/06/f3/74/4621cbfae60bd88eb7c555889654bbe30d51472ce00a2582dbe40dff.jpg\"></a>\n\n <p>Photo for this afternoon\u2019s IndieWeb NYC Meetup!</p>"
},
"author": {
"type": "card",
"name": "Marty McGuire",
"url": "https://martymcgui.re/",
"photo": "https://martymcgui.re/images/logo.jpg"
},
"post-type": "photo",
"_id": "5700825",
"_source": "175",
"_is_read": true
}
Getting a head start on IndieWebCamp Brighton hack day! If you are on any page on my website and enter the Konami code, you will get a very small surprise. 😆
{
"type": "entry",
"published": "2019-10-19T23:58:12+01:00",
"url": "https://aaronparecki.com/2019/10/19/31/konami",
"category": [
"indiewebcamp"
],
"content": {
"text": "Getting a head start on IndieWebCamp Brighton hack day! If you are on any page on my website and enter the Konami code, you will get a very small surprise. \ud83d\ude06",
"html": "Getting a head start on IndieWebCamp Brighton hack day! If you are on any page on my website and enter the Konami code, you will get a very small surprise. <a href=\"https://aaronparecki.com/emoji/%F0%9F%98%86\">\ud83d\ude06</a>"
},
"author": {
"type": "card",
"name": "Aaron Parecki",
"url": "https://aaronparecki.com/",
"photo": "https://aperture-media.p3k.io/aaronparecki.com/741d0132e0de1c12b23781d728ada702dc3111ea9ca4b21563eb2445cbf7ebd2.jpg"
},
"post-type": "note",
"_id": "5700639",
"_source": "16",
"_is_read": true
}
Announcing the Microformats translation layer for Eventbrite.com/Eventbrite.co.uk events.
{
"type": "entry",
"summary": "Announcing the Microformats translation layer for Eventbrite.com/Eventbrite.co.uk events.",
"url": "https://www.jvt.me/posts/2019/10/19/microformats-eventbrite/",
"name": "Introducing a Microformats API for Eventbrite: eventbrite-mf2.jvt.me",
"author": {
"type": "card",
"name": "Jamie Tanna",
"url": "https://www.jvt.me",
"photo": "https://www.jvt.me/img/profile.png"
},
"post-type": "article",
"_id": "5700413",
"_source": "2169",
"_is_read": true
}
#LocalFirst #OfflineFirst #NoCloud #multidevices @IndieWebCamp #Brighton notes: https://indieweb.org/2019/Brighton/localoffline
Thanks @aaronpk @martijnvdven @adactio @calum_ryan @sebsel @HeNeArXn @petermolnar @qubyte for the discussion!
See you at #IndieWeb #hackday tomorrow!
{
"type": "entry",
"published": "2019-10-19 10:06-0700",
"url": "http://tantek.com/2019/292/t6/localfirst-offlinefirst-local-offline",
"category": [
"LocalFirst",
"OfflineFirst",
"NoCloud",
"multidevices",
"Brighton",
"IndieWeb",
"hackday"
],
"in-reply-to": [
"https://tantek.com/2019/292/t5/indiewebcamp-brighton-local-offline"
],
"content": {
"text": "#LocalFirst #OfflineFirst #NoCloud #multidevices @IndieWebCamp #Brighton notes: https://indieweb.org/2019/Brighton/localoffline\n\nThanks @aaronpk @martijnvdven @adactio @calum_ryan @sebsel @HeNeArXn @petermolnar @qubyte for the discussion! \n\nSee you at #IndieWeb #hackday tomorrow!",
"html": "#<span class=\"p-category\">LocalFirst</span> #<span class=\"p-category\">OfflineFirst</span> #<span class=\"p-category\">NoCloud</span> #<span class=\"p-category\">multidevices</span> <a class=\"h-cassis-username\" href=\"https://twitter.com/IndieWebCamp\">@IndieWebCamp</a> #<span class=\"p-category\">Brighton</span> notes: <a href=\"https://indieweb.org/2019/Brighton/localoffline\">https://indieweb.org/2019/Brighton/localoffline</a><br /><br />Thanks <a class=\"h-cassis-username\" href=\"https://twitter.com/aaronpk\">@aaronpk</a> <a class=\"h-cassis-username\" href=\"https://twitter.com/martijnvdven\">@martijnvdven</a> <a class=\"h-cassis-username\" href=\"https://twitter.com/adactio\">@adactio</a> <a class=\"h-cassis-username\" href=\"https://twitter.com/calum_ryan\">@calum_ryan</a> <a class=\"h-cassis-username\" href=\"https://twitter.com/sebsel\">@sebsel</a> <a class=\"h-cassis-username\" href=\"https://twitter.com/HeNeArXn\">@HeNeArXn</a> <a class=\"h-cassis-username\" href=\"https://twitter.com/petermolnar\">@petermolnar</a> <a class=\"h-cassis-username\" href=\"https://twitter.com/qubyte\">@qubyte</a> for the discussion! <br /><br />See you at #<span class=\"p-category\">IndieWeb</span> #<span class=\"p-category\">hackday</span> tomorrow!"
},
"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://tantek.com/2019/292/t5/indiewebcamp-brighton-local-offline": {
"type": "entry",
"url": "https://tantek.com/2019/292/t5/indiewebcamp-brighton-local-offline",
"name": "Tantek\u2019s note",
"post-type": "article"
}
},
"_id": "5699225",
"_source": "1",
"_is_read": true
}
#IndieWebCamp Brighton:
I proposed and am facilitating a session on:
Local first vs.
Offline first vs.
no cloud,
and multidevices.
#localoffline
What’s the difference between #LocalFirst & #OfflineFirst?
etc.
{
"type": "entry",
"published": "2019-10-19 06:48-0700",
"url": "http://tantek.com/2019/292/t5/indiewebcamp-brighton-local-offline",
"category": [
"IndieWebCamp",
"localoffline",
"LocalFirst",
"OfflineFirst"
],
"content": {
"text": "#IndieWebCamp Brighton:\nI proposed and am facilitating a session on:\nLocal first vs.\nOffline first vs.\nno cloud,\nand multidevices.\n\n#localoffline\n\nWhat\u2019s the difference between #LocalFirst & #OfflineFirst?\n\netc.",
"html": "#<span class=\"p-category\">IndieWebCamp</span> Brighton:<br />I proposed and am facilitating a session on:<br />Local first vs.<br />Offline first vs.<br />no cloud,<br />and multidevices.<br /><br />#<span class=\"p-category\">localoffline</span><br /><br />What\u2019s the difference between #<span class=\"p-category\">LocalFirst</span> & #<span class=\"p-category\">OfflineFirst</span>?<br /><br />etc."
},
"author": {
"type": "card",
"name": "Tantek \u00c7elik",
"url": "http://tantek.com/",
"photo": "https://aperture-media.p3k.io/tantek.com/acfddd7d8b2c8cf8aa163651432cc1ec7eb8ec2f881942dca963d305eeaaa6b8.jpg"
},
"post-type": "note",
"_id": "5699226",
"_source": "1",
"_is_read": true
}
#IndieWebCamp Brighton intro demos:
live blog: https://chat.indieweb.org/
Zoom video: https://zoom.us/j/4955358768
Can’t make it in person? We have remote participation with streams of talks, discussions, chat / IRC / Slack!
Details: https://indieweb.org/2019/Brighton#Remote_Participation
{
"type": "entry",
"published": "2019-10-19 02:12-0700",
"url": "http://tantek.com/2019/292/t4/indiewebcamp-brighton-remote-participation",
"category": [
"IndieWebCamp"
],
"content": {
"text": "#IndieWebCamp Brighton intro demos:\nlive blog: https://chat.indieweb.org/ \nZoom video: https://zoom.us/j/4955358768\n\nCan\u2019t make it in person? We have remote participation with streams of talks, discussions, chat / IRC / Slack!\n\nDetails: https://indieweb.org/2019/Brighton#Remote_Participation",
"html": "#<span class=\"p-category\">IndieWebCamp</span> Brighton intro demos:<br />live blog: <a href=\"https://chat.indieweb.org/\">https://chat.indieweb.org/</a> <br />Zoom video: <a href=\"https://zoom.us/j/4955358768\">https://zoom.us/j/4955358768</a><br /><br />Can\u2019t make it in person? We have remote participation with streams of talks, discussions, chat / IRC / Slack!<br /><br />Details: <a href=\"https://indieweb.org/2019/Brighton#Remote_Participation\">https://indieweb.org/2019/Brighton#Remote_Participation</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": "5696292",
"_source": "1",
"_is_read": true
}
@adactio nice photo and #indieweb demo!
{
"type": "entry",
"published": "2019-10-19 02:12-0700",
"url": "http://tantek.com/2019/292/t3/nice-photo-indieweb",
"category": [
"indieweb"
],
"in-reply-to": [
"https://adactio.com/notes/15986"
],
"content": {
"text": "@adactio nice photo and #indieweb demo!",
"html": "<a class=\"h-cassis-username\" href=\"https://twitter.com/adactio\">@adactio</a> nice photo and #<span class=\"p-category\">indieweb</span> demo!"
},
"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://adactio.com/notes/15986": {
"type": "entry",
"url": "https://adactio.com/notes/15986",
"name": "adactio.com\u2019s post",
"post-type": "article"
}
},
"_id": "5696293",
"_source": "1",
"_is_read": true
}
#IndieWebCamp Brighton @adactio adactio.com:
The #IndieWeb is about a simple concept: You should have your own website. These days that seems almost disruptive. It’s hard to describe but it just feels good posting on your own site.
{
"type": "entry",
"published": "2019-10-19 02:08-0700",
"url": "http://tantek.com/2019/292/t2/indiewebcamp-brighton-simple-concept",
"category": [
"IndieWebCamp",
"IndieWeb"
],
"content": {
"text": "#IndieWebCamp Brighton @adactio adactio.com:\n\u00a0The #IndieWeb is about a simple concept: You should have your own website. These days that seems almost disruptive. It\u2019s hard to describe but it just feels good posting on your own site.",
"html": "#<span class=\"p-category\">IndieWebCamp</span> Brighton <a class=\"h-cassis-username\" href=\"https://twitter.com/adactio\">@adactio</a> <a href=\"http://adactio.com\">adactio.com</a>:<br />\u00a0The #<span class=\"p-category\">IndieWeb</span> is about a simple concept: You should have your own website. These days that seems almost disruptive. It\u2019s hard to describe but it just feels good posting on your own site."
},
"author": {
"type": "card",
"name": "Tantek \u00c7elik",
"url": "http://tantek.com/",
"photo": "https://aperture-media.p3k.io/tantek.com/acfddd7d8b2c8cf8aa163651432cc1ec7eb8ec2f881942dca963d305eeaaa6b8.jpg"
},
"post-type": "note",
"_id": "5696294",
"_source": "1",
"_is_read": true
}
