events/2024-01-10-hwc-europe

Homebrew Website Club Europe/London was an IndieWeb meetup on Zoom held on 2024-01-10.

• Archived from: https://etherpad.indieweb.org/2024-01-10-hwc-europe

Participants

• capjamesg - jamesg.blog
• Henrique Dias
• Paul Watson
• Pablo Morales
• Chris Burnell
• Joe Crawford
• Angelo Gladding
• Mark Sutherland
• Tantek Çelik
• benji
• Template:Chewie
• jo
• https://toddpresta.com/
• ... add names

Notes

• Welcome, everyone! - James
• What we have been doing with our websites lately
  • XSLT stylesheets

Paul Watson Pages where I learned how to write XSL/XSLT for RSS and Atom:

• XSL for styling Atom - https://andrewstiefel.com/style-atom-xsl/
• XSLT for styling RSS - https://www.bennadel.com/blog/3770-using-xslt-and-xml-transformations-to-style-my-blogs-rss-feed-as-an-html-page.htm

...and my results:

• RSS: https://www.lazaruscorporation.co.uk/feeds/blogs/artists-notebook/format/rss
• Atom: https://www.lazaruscorporation.co.uk/feeds/blogs/artists-notebook/format/atom

• Starting a personal website
  • https://github.com/indieweb/blank-gh-site
  • https://jamesg.blog/edinburgh/ -- Feel free to copy the
  • https://neocities.org/ - an interesting place to look at too

• Webmentions
  • About Webmention: https://github.com/Webmention
  • Use this to put webmentions on your website: https://github.com/PlaidWeb/webmention.js/
  • Webmention spam -- use a blocklist?
  • Example domain blocklist https://github.com/swyxio/domainblocklist

Joe Crawford I've gone through and updated an older aspect of my site - "blog headers" - I've been creating them since 2001 and I went through and updated them to NOT use tables and spacer gifs and other old (and not-working) markup https://artlung.com/blog/2024/01/09/modernizing-2004-web-design-to-2024/

• Headers themselves: https://artlung.com/headers/-20240103
• CodePen Collection of (most) of them in their final form: https://codepen.io/collection/xKmBxb

• Authorship
  • authorship
  • authorship-spec
  • rel-author

• Making interactive posts https://lifeofpablo.com/blog/interactives/picotron
• https://github.com/datenstrom/yellow/discussions/617#discussioncomment-467698
• Pablo Morales my solution for rich content in a blog post or element is to encapsulate it as much as possible into a chunk of markup. For example: https://codepen.io/artlung/pen/LYaZRwV - all the CSS and JS is integrated. No script tags, no external dependencies.

Markdown?

• Tantek Çelik is more of a markdown=0 kinda person

What do people think of the whole "Make the IndieWeb easier?" topic being posted about? Tantek Çelik created a page to capture the vibe:

• easier
• A lot of existing to start websites are confusing / difficult / expensive
• Growing trend toward fun / small communities like https://micro.blog and https://omg.lol.
• Maybe a non-profit equivalent of Squarespace - there's a long list of orgs that provided free websites that scaled but could not make it work or degraded - Diaryland, Xanga, LiveJournal. There's definitely opportunity for my Joe Crawford outlandish non-profit idea.

Template:chewie - sorry, zoom seems to be eating my battery, so I'll have to log off soon. Hopefully I will join properly next time :) Thanks everyone! :)

Web Components: https://developer.mozilla.org/en-US/docs/Web/API/Web_components

• https://github.com/capjamesg/drag-and-drop-list
• https://github.com/capjamesg/calendar-date
• https://github.com/capjamesg/web-calendar/
• https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements
• Template for building Web Components by David Darnes https://github.com/daviddarnes/component-template

IndieWeb chat can be found here: https://chat.indieweb.org

• Buttons for your website: https://dead.garden/blog/some-88x31-indieweb-buttons.html
  • Thank you for making these, Jo!
  • those buttons used: https://www.lazaruscorporation.co.uk/info/version

• image maps vs CSS solution
  • https://dead.garden/blog/interactive-guide-of-my-jacket.html (image map)
  • Jo, how did you determine the coordinates of each item? - James

About image maps - I was wrong - at some point in the last 10 years Flickr put back the mapped image annotations: e.g. https://www.flickr.com/photos/artlung/21367316/ - but it appears that new annotations cannot be added

• Replies
  • https://jacky.wtf/2024/1/_p7v
  • Maybe Remy Sharp's "No more 404" is handy here? https://remysharp.com/2023/09/26/no-more-404

• Question: when doing reply-to's do any publishers store a copy of the reply context as part of that reply process to reduce the dependency burden -- beyond using Internet Archive to see what an old site said?
  • Long term storage: Amazon S3
  • Long term backup which doesn't need frequent access https://aws.amazon.com/pm/s3-glacier/ is cheaper
  • Angelo Gladding I wonder if backup could use a section on caching content one encounters -- or maybe there's a better term for stashing a copy for a reply context, or just to stash a copy of something that might be ephemeral

• Webmention demo