#dev 2026-05-20

2026-05-20 UTC
kishy, Saige_Leah, MD87, lavandula, [0x3b0b], grufwub, [morgan], [Jo], rossabaker, ggarcia24, barnaby, blacklight and calciume joined the channel
#
[capjamesg] [schmarty] I noticed that the #t= fragment changes when you skip to a new point in the audio file on https://martymcgui.re/2023/08/20/this-week-in-the-indieweb-audio-edition--august-12th---18th-2023/#t=345. I’m curious what inspired this.
#
[capjamesg] I know that YouTube has a discrete action for copying a link to a specific time stamp.
calciume, [jeremycherfas], barnaby and Pixi` joined the channel
#
[KevinMarks] ↩️ Communicating a sparkline audibly could be a frequency sweep like a swanee whistle maybe.
barnaby, [jeremycherfas], calciume, grufwub and maxisdreaming[d] joined the channel
#
[schmarty] capjamesg: i am very fond of media fragment URLs! https://indieweb.org/media_fragment
#
[schmarty] i don't remember a specific inspiration for having the URL update on pause/change. it makes sense for me personally - even if i want to go hunting for a share-with-timestamp feature like YouTube's, I need to pause and/or scrub the media to find the timestamp i want. by updating the URL, i can just share the URL with existing tools (copy/paste, browser share button, etc.) without needing extra UI.
Saphire, WinnerWi- and blacklight joined the channel
#
[capjamesg] [schmarty]++ thanks for the context!
#
Loqi [schmarty] has 8 karma in this channel over the last year (33 in all channels)
#
[capjamesg] I had never seen a site do that before so I was curious.
#
[capjamesg] If you haven’t written it up, it might be worth a blog post!
#
[capjamesg] On a different note I need to figure out licensing for pages on my playground. One interesting thing about GitHub is that it makes it so easy to add a license, in part because there are expectations of where a license is. I haven’t figured out the parallel for a static web page of arbitrary contents yet.
#
[capjamesg] I am thinking maybe of a fixed position button in the bottom right corner of a page. Maybe with the text “View source code license”
#
[capjamesg] That button could then open a dialog that lists the CC license I have chosen for the source code as well as noting all graphics are all rights reserved.
#
[capjamesg] (thinking out loud 😄)
#
[tantek] Licensing for individual pages has fairly well established patterns both in text/prose presentation, hyperlinking, and rel=license markup. Back in the day Creative Commons even had badges you could use for each of their licenses
#
[tantek] It's more complicated if you're trying to only license part of a page
#
[tantek] Or say, the source code but not the presentation? I’m not even sure how you could communicate that clearly enough for it to not be easily misunderstood by good faith folks
#
[capjamesg] I am trying to make a component I can copy-paste on every page so it is consistent.
#
[tantek] I think you made need to define your use-case more precisely
#
[tantek] In order to find a fitting solution
#
[tantek] Like what exactly are you and are you not intending to license?
#
[capjamesg] My use case is that I have dozens of HTML files each with different code in https://playground.jamesg.blog/. I want to have a component I can use across pages to indicate their license.
#
[capjamesg] The license will probably be the same — CC0 for source, all rights reserved for images.
#
[tantek] E.g. historically there were some attempts to license JS files differently than the HTML and or CSS. I don't think they got critical uptake (nevermind consuming code support)
#
[tantek] By "source" do you mean only what you see with "View Source"? Or do you mean all the included JS and or CSS?
#
[capjamesg] Good question. In most cases the CSS and JS is inline for the site, but all linked CSS/JS should be included too.
#
[capjamesg] (I don’t embed external scripts on the playground, which makes matters clearer.)
#
[tantek] That helps simplify things a lot
#
[capjamesg] The use case is that I have had a few people reach out to ask if they can use code where the playground is its main home. Right now I say the requisite license in email responses to the question but I don’t actually have it stated on the page yet.
#
[tantek] Maybe this is worth collecting existing indieweb examples for so you can see if any of those resonate
#
[tantek] What is a license
#
Loqi license is terms under which you are allowed to (re)use a piece of work; in the context of the IndieWeb, for source code such as in open source projects, or content, like the IndieWeb wiki itself which has a specific Copyright https://indieweb.org/license
#
[capjamesg] Good idea.
#
[capjamesg] [artlung] Have you thought about licensing for your lab? I see you link to the GitHub repository but that doesn’t have an attached license.
#
[artlung] Yeah. I'm bad about that. Use it.
#
[tantek] Huh I thought I had added examples there but apparently not
#
[capjamesg] This is roughly what I had in my head:
#
[capjamesg] https://chat-uploads.indieweb.org/files/2026/05/dev-20260520-163251-screenshot_2026-05-20_at_17.32.32.png
#
[capjamesg] The button would then toggle a dialog something like this:
#
[capjamesg] https://chat-uploads.indieweb.org/files/2026/05/dev-20260520-163307-screenshot_2026-05-20_at_17.32.38.png
#
[capjamesg] (very rough sketch!)
#
[tantek] license << {{t}} has Creative Commons licensed some pages on his site since at least 2001. Example of an index of pages, some of which are licensed: http://tantek.com/CSS/Examples/ and Example of a CC-licensed page: http://tantek.com/CSS/Examples/polygons.html
#
Loqi ok, I added "{{t}} has Creative Commons licensed some pages on his site since at least 2001. Example of an index of pages, some of which are licensed: http://tantek.com/CSS/Examples/ and Example of a CC-licensed page: http://tantek.com/CSS/Examples/polygons.html " to the "See Also" section of /license https://indieweb.org/wiki/index.php?diff=110929&oldid=103458
#
[tantek] ^ [capjamesg] there you go for a couple of very old examples
#
[capjamesg] [tantek]++ thank you!
#
Loqi [tantek] has 21 karma in this channel over the last year (135 in all channels)
#
[tantek] [capjamesg] I like the use of a popup to provide more details/intention. I dislike the "view page license" label because it could be used to provide a brief summary and "more..." in about the same space.
ax562 joined the channel
#
[tantek] I am a big believer in progressive disclosure as a UI design principle. In this case, communicating up front that some parts are freely/openly licensed
#
[tantek] I also really like the Creative Commons use/introduction of the phrase "Some Rights Resreved". It's very clever microcopy
#
[capjamesg] v2:
#
[capjamesg] https://chat-uploads.indieweb.org/files/2026/05/dev-20260520-164029-screenshot_2026-05-20_at_17.40.17.png
#
[tantek] Suggest shortening: "Code shared as CC0. Images ©️All Rights Reserved. [View Details]"
#
[tantek] Maybe an even shorter variant without the Images sentences for your pages that lack images (I found most code I shared did not have images)
#
[tantek] Or even shorter "Code shared CC0."
duanin2 joined the channel
#
[tantek] [capjamesg] you're inspiring me to re-evaluate my past usage (the short one line text footer with CC button)
#
[capjamesg] I like the suggestion to shorten. I am likely going to have this as a sticky element in the bottom right corner of pages, so the less imposing, the better.
#
[tantek] Sticky is clever too in case it scrolls. I think many of my examples were short "no scroll" examples so I didn't think about that
#
[capjamesg] Yeah. I have quite a few examples where the page scrolls, especially those where I am experimenting with prose formatting.
#
[tantek] Makes sense!
barnaby joined the channel
#
[capjamesg] I have made https://playground.jamesg.blog/licensing.html as a first version, using invoker commands to make the pop up work without JS.
#
[tantek] Interesting. Will have to try the invoker on desktop as it doesn't work in mobile WebKit
#
[capjamesg] Oooh that’s good to know.
#
[capjamesg] Safari should support it: https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API
#
[capjamesg] Maybe I’m using an unsupported property.
#
[tantek] Does the component get flattened (transcluded) into the view source or more like an iframe? Otherwise the rel-license may not work
kishy joined the channel
#
[capjamesg] Can you do a rel=license that points to an ID on a page?
#
[capjamesg] All the text is visible in the page source code.
#
[tantek] You could but that would mean the page itself contains a full copy of the license which is both odd and I've never seen anyone do that
kishy and [benatwork] joined the channel
#
[capjamesg] carrvo++ for the demo at HWC!
#
Loqi carrvo has 6 karma over the last year
#
[Sophia_wood] I got a flask server working to enter in my journal daily! No more numbers file.
#
[Sophia_wood] https://chat-uploads.indieweb.org/files/2026/05/dev-20260520-193936-image.png
#
[schmarty] oh good wordpress 7.0 is out. "What’s inside"? "Explore AI abilities directly in your website, all managed from a central hub." oh. 🫠 https://wordpress.org/news/2026/05/armstrong/
#
[capjamesg] [Sophia_wood] ++ nice!
#
Loqi [Sophia_wood] has 3 karma in this channel over the last year (41 in all channels)
#
gRegor ooh fun, now we get prompt injection via blog comments!
[0x3b0b], Saige_Leah, rossabaker, blacklight, maxisdreaming[d], grufwub, [aciccarello] and bb010g joined the channel
#
[morgan] I remember one time in my early youth putting an alert dialog into a blog comment field that didn't escape the HTML. Simpler times
ax562, Maxpm, gasiyu, tanok111, bargaintreeflow and barnaby joined the channel