#dev 2025-07-07

2025-07-07 UTC
grufwub, bugliker02, troojg, [mattl], barnaby, [aciccarello], jak2k1, thegreekgeek__ and Saige_Leah joined the channel
#
doesnm coool :( https://github.com/mayo/pycrosub
#
doesnm at least i found this https://github.com/EdwardHinkle/influx
Saige_Leah joined the channel
#
Loqi [preview] [EdwardHinkle] influx: An AWS Lambda-based Microsub server
Saige_Leah, angelo, sarna, petermolnar, Nino, claudinec and [KevinMarks] joined the channel; petermolnar left the channel
#
[KevinMarks] https://bsky.app/profile/css-only.dev/post/3ltent56jks2c
bterry1 joined the channel
#
doesnm i'm confused https://indieweb.org/invitation
#
doesnm why "invitee"?
#
doesnm and looks like it's not a typo
#
.pi.r2. why would it be a typo? it's people who are invited right?
#
doesnm but why double e?
#
capjamesg "invitee" means someone who has been invited. https://en.wiktionary.org/wiki/invitee
#
capjamesg [edit] "invitee" means someone who has been invited. https://en.wiktionary.org/wiki/invitee
#
[social] Cache has been my minor curse the last few days. When tweaking CSS and needing to force cache flush (for some reason) and forgetting and then making more modifications than I need to and having to back out many edits.
jak2k joined the channel
#
formercanaanite I have a blog, I want to indieweb-fy it so that people in the community will have an easier time with it, what should be added? I'm already working on the microformats integration, but what else should be expected? RSS?
#
rubenwardy https://indiewebify.me
#
rubenwardy So indieweb is more a philosophy and group than technology. The tech exists to make it possible to share information between sites, but the real way to join the indieweb is to publish stuff on your own site etc https://indieweb.org/principles
#
rubenwardy you'll notice the principles don't even mention mf2!
#
rubenwardy also, self-shill, this was my experience joining the indieweb, might be helpful to you: https://blog.rubenwardy.com/2023/10/10/hello-indieweb/
#
Loqi [preview] [Andrew Ward] I have joined the IndieWeb
#
Loqi rubenwardy has 4 karma over the last year
#
capjamesg rubenwardy++
#
capjamesg If you have a personal website, it's indieweb!
#
rubenwardy there's some page as well which describes different stages of indieweb involvement
#
[artlung] rubenwardy++ that's a great honest post. and yes, more philosophy than technology. and folks implement it in a way that makes sense particularly for themselves.
#
Loqi rubenwardy has 5 karma over the last year
#
rubenwardy oh wow, just received my first natural web mention, thanks for the like artlung
#
[artlung] rubenwardy probably the best thing I did this year was make it small and straightforward to make like posts for myself. it's forced me to see how many (and how few) sites have webmentions, and the different approaches people take to display (or not display) them.
#
rubenwardy [artlung]++ is that with one of those posting API things
#
Loqi [artlung] has 18 karma in this channel over the last year (101 in all channels)
#
rubenwardy micro something?
#
rubenwardy I use the webmention rest API to collect likes and show them on posts
#
rubenwardy just a count though as they're mostly from social media and I don't want to embed user info w/o permission
#
[artlung] I use http://webmention.io for intake for my static pages, and then my blog and some pages use WordPress+IndieWeb plugins. My sending tech from likes is more primitive. Handrolled PHP code. Not micropub as such.
Guest4 joined the channel
#
axxuy I'm working on a custom tool to send webmentions right now
#
[mattl] so I announced https://1800www.com last night, I’m excited.
#
Loqi [mattl] has 32 karma in this channel over the last year (71 in all channels)
#
[social] [mattl]++ this sounds great
#
[mattl] Centering a div in the middle of the screen, still harder than it ought to be.
#
[social] There is a left 50% and right 50% trick
#
[social] But, center or middle should work, and yet…
#
[mattl] <vertcenter><center><h1>This</h1></center></vertcenter>
#
[mattl] I’d love it if this just did the right thing
#
[social] the `margin: auto;` should also work to center align a div
#
[social] That is horizontally.
#
[schmarty] Una to the rescue https://web.dev/articles/one-line-layouts
gRegor joined the channel
#
[artlung] https://codepen.io/artlung/pen/VYLoReE
#
gRegor I missed Create Day, but did tinker this weekend a bit with parsing my Twitter export into something I can use. I'm still not sure the best way to do it for my site, so I'm starting with a generic tweets.js -> .bar format, since I'd like to see more .bar usage out there.
#
[mattl] What’s bar?
#
gRegor So far I've settled on one .html file per year, though I could make it break down by months pretty easily too.
#
gRegor what is .bar
#
Loqi blog archive format is a data format proposed by Manton Reece for the export of a blog, based on a zip file and top level HTML h-feed inside, that is supported by micro.blog https://indieweb.org/.bar
#
gRegor Basically it's a simple zip of html+mf2 and images
#
[mattl] shouldn’t that be baf?
#
gRegor XD
#
[mattl] I like the idea of simple + based on ZIP
#
[mattl] file extensions drive me crazy but I’ll accept I’ve lost that one
#
gRegor This is a straightforward PHP script, plan to share it once it's finished up
#
[mattl] nice.
#
gRegor I think "blog archive" was the original name from the camp, so that's prob why .bar
#
gRegor I was surprised that retweets don't seem to be indicated in the export by anything other than the "RT" prefix, even in tweets once it became an official UX
#
[mattl] https://mat.tl/garbage/center.html << my example for centering
#
Loqi Sorry, I couldn't find a page named "https://mat.tl/garbage/center.html" or similar
#
[mattl] lol
#
[mattl] hm, trying to make that text much bigger on say… an iPhone or Android phone
#
[mattl] I think that works.
jak2k joined the channel
#
gRegor You probably want a `<meta name="viewport" content="width=device-width, initial-scale=1">`
#
[mattl] oh yeah, I must have forgotten to use my own template again
sarna joined the channel
#
[mattl] How does this look? https://1800www.com/placeholder/
#
[tantek] That link is massive text but quite readable. When I click thru the layout looks great and readable
#
[tantek] This page is super smooth on iPhone: https://1800www.com/
#
[tantek] And both look great on an iPad mini
[morganm] and barnaby joined the channel
#
Kolev Trying to migrate my raw HTML to Zola.
#
doesnm i'm ok with raw html
#
doesnm have only index.html and robots.txt
#
Kolev doesnm, I'm running into some shortcomings. I can't have a feed.
barnaby joined the channel
#
[tantek] Kolev, raw html + microformats h-feed gives you a feed!
#
Kolev [tantek], so I can turn https://calebh.top/posts/ into a feed?
#
[tantek] yes!
#
[tantek] what is h-feed
#
Loqi h-feed is a microformats2 draft specification with a top level feed object to contain root class(h-*) objects, usually h-entry posts and optionally a common author, name, and representative photo https://indieweb.org/h-feed
#
Kolev [tantek], but not many people subscribe to h-feeds.
#
[tantek] that's a different question. if you want to support more feed formats, you can do that via granary links and usual rel discovery
#
[tantek] point being, you yourself don't need to raw code anything except HTML to make feeds work
#
Kolev [tantek], what's that? So there's a way to write h-feed and have other tools convert it?
#
[tantek] what is granary?
#
Loqi granary is an open source social web translator that converts between various feed and activity formats, used by IndieWeb community members to for example automatically generate feed files from HTML https://indieweb.org/Granary
#
[tantek] ^ Kolev take a look. several members of the community do this (instead of coding their own RSS etc.)
#
capjamesg I convert my h-feed to RSS with Granary.
#
capjamesg It reduces the amount of work I have to do as a site owner (writing h-feed is so much easier than maintaining an RSS feed, and is less brittle).
#
[tantek] capjamesg++ that is good reasoning! when you have. a moment, feel free to add yourself and that "much easier than" reasoning to https://indieweb.org/granary#IndieWeb_Examples
#
Loqi capjamesg has 48 karma in this channel over the last year (195 in all channels)
#
Kolev [tantek], how do I test my h-feed? https://calebh.top/posts/
#
capjamesg https://monocle.p3k.io/preview?url=https://calebh.top/posts/ I think
#
Kolev capjamesg++ but I don't see a feed link on your site.
#
Loqi capjamesg has 49 karma in this channel over the last year (196 in all channels)
#
capjamesg I don't link to one because RSS readers can find it automatically.
#
capjamesg The URL is https://jamesg.blog/feeds/posts.xml, which redirects to Granary. Granary reads my homepage h-feed and turns it into RSS.
#
capjamesg This tag lets readers discover the feed:
#
capjamesg <link href="https://jamesg.blog/feeds/posts.xml" rel="alternate" title="RSS" type="application/rss+xml">
#
Kolev capjamesg, I don't see what it redirects to. I just get an Atom file when I click on posts.xml.
barnaby joined the channel
#
[mattl] it redirects to https://granary.io/url?input=html&output=atom&url=https://jamesg.blog/longform-feed/ and then asks me if I want to open it in NetNewsWire
#
capjamesg ^^
Salt, ttybitnik and barnaby joined the channel
#
axxuy I do recommend putting a visible link to your feed on your page. I know there are a couple of RSS readers out there that *won't* automatically find it from a <link>
#
Kolev Hm. Yeah, axxuy - my feed reader isn't picking up <https://calebh.top/feed>.
#
Kolev Added link. Still won't get picked up by feed reader.
#
Kolev I can't get it to work. https://calebh.top/feed
#
capjamesg https://granary.io/url?input=html&output=rss&url=https%3A%2F%2Fcalebh.top%2Fposts%2F is showing your post titles.
#
Kolev Maybe I just need to directly link that giant URL.
#
capjamesg I think it isn't working because https://calebh.top/feed is doing a meta-equiv redirect.
#
Kolev How should I do the redirect?
#
capjamesg Send a HTTP 307 temporary redirect.
#
capjamesg I recommend a temporary one so if you ever change anything the old destination URL shouldn't be cached.
#
Kolev So do I need to reconfigure Nginx? 🙁
#
Kolev https://indieweb.org/own_your_links
#
Kolev It works now. Configured Nginx.
barnabywalters, cow_2001 and bret joined the channel
#
[tantek] Ooh good point for how to use granary to publish a feed!
#
[tantek] That's worth writing up as a how to, link rel to your feed URL then 307 that to granary
#
Kolev Is there a page for raw HTML sites?
#
gRegor I do that, but I think it's a 302
#
Kolev What's the best way to publish tweets?
#
[tantek] Tweets are just notes
#
Kolev [tantek], it sounds like I have to publish notes twice on my site, once on the listing and once on the permalink.
#
[tantek] 🤔 I don't quite understand. Your posts should only have one permalink. How you do (and how many) aggregations of some subset of those posts is your choice. Eg "most recent 10 posts" or "all posts this year" or "all posts with this hashtag" are all different aggregations
#
[tantek] ... not separate "publications"
#
Kolev [tantek], I have to copy and paste my note into the aggregation...
#
Kolev And then there's the pasting it into Mastodon.
#
[tantek] You don't have to copy paste to Mastodon if you can use Bridgy Fed
[snarfed] joined the channel
#
[snarfed] (or Bridgy classic!)
#
[tantek] Right or Bridgy Publish if you want to reuse an existing Masto account
[snarfed], troojg and lightswitch joined the channel