events/2025-03-26-hwc-europe

From IndieWeb

Homebrew Website Club Europe/London was an IndieWeb meetup on Zoom held on 2025-03-26.

Participants

Notes

  • Welcome to HWC!
  • Music and rhythm
    • Question to think about: what is the rhythm of a website?
      • Some musicians switch between instruments mid-song. What does this mean for a website?
      • What is the tempo of a website?
    • Putting two-bar grooves on your website
    • https://en.wikipedia.org/wiki/Glass_harp
    • https://www.youtube.com/@roberttiso
    • https://jamesg.blog/search-pages?q=taylor%20swift&page=1
    • Background music on your websites
    • James thinks his website fits in with a classical vibe (but it was noted that Taylor Swift would be a good fit too!)
    • An instrument of browser tabs
    • Looking forward to writing more on our websites
      • Writing / editing being an enjoyable, therapeutic process
    • Adding an edit section to posts on your website
  • ... add notes
  • Music fans: Go find and listen to Pink Floyd's "Dark Side Of The Moon". Go. Tonight. Turn the lights off and listen to it. (Older folks: Please nobody mention "The Wizard Of Oz" here, we can discuss that after everybody's heard it normally.)

Passing parameters to SVG https://kizu.dev/svg-linked-parameters-workaround/

  • Flow comes up in a lot of places
    • Music
    • Communication / speech
    • Design
    • Typography

CSS article about Flow https://piccalil.li/blog/flow-utility/

Csikszentmihalyi on Flow https://en.wikipedia.org/wiki/Mihaly_Csikszentmihalyi#Flow

IndieWeb band

  • The instruments we know on the call would make for an interesting band

What we're doing on our websites this week

https://projects.metafilter.com/6368/Cassette-Audio-Control-for-the-Web

Talking about things you make can help you find people interested in working on something you're building

"My website is my omnibus of everything"

  • https://sive.rs/music
    • Thinking about how our styles evolve on our websites
    • You can make a web page that lists the designs you have had on your website

Versions of a website - https://arielsalminen.com/faq/#:~:text=Do%20you%20have%20old%20versions%20of%20your%20website%20still%20around

Being aware of what we share on our websites

Making pages with their own, distinct layout on your website

    • Can be jarring, but allows experimentation in design
    • Having a common section -- like a navigation bar! -- would be useful
      • This could also be a hamburger menu in the bottom corner that is distinct from everything else on the site; works well with light-dark mode
      • Could web components be used here?
      • A marker of "Here's where you are!" (like the lowercase "i" button)
      • Loading screen between pages with an interstitial that says "And now for a new design!" :D

"Recapitulate" https://en.wikipedia.org/wiki/Recapitulation_theory "ontogeny recapitulates phylogeny" Idea for an Etherpad extension: sign in with your domain name so you can persist the colour of your text

CSS transitions API

Information design on websites

  • Is information design more intuitive to people newer to the web because there has been so much work done?
  • James observation: it would be fun to try and make an information architecture as different as possible to what exists already. (A digital garden that has a garden background and lots of images that connect things; image map navigation; what link structures could exist?)
  • It's hard to make consistent navigation on an old site with lots of pages
  • Experimenting with different types of content / structures can help you find one that you like
  • Wikipedia proved that a flat information architecture works well for large numbers of documents
    • Premature heirarchy can create a lot of overhead.
    • Wikipedia has noted that language subdomains (i.e. de.wikipedia) was a mistake
      • Domains cause a need for SSO / auth cookies / lots of technical overhead
      • Showing contributions across language wikis is hard
    • Sitemaps can help people find their way through a website
      • Mini maps are a spatial representation of a sitemap
      • Visual distinctions can help people remember where things are // things being in their own place on the website.
    • "Related pages" section on your website
      • James is interested in doing hybrid category list / wiki pages
    • How can video game design influence the information architecture of your website?
    • Tantek's advice: start flat.
    • I have a Digital Weedpatch

https://en.wikipedia.org/wiki/In-A-Gadda-Da-Vida

https://www.goodreads.com/book/show/1169797.The_Internet_White_Pages_1994

  • "CSS is incredible!"
  • Making your website without AI
  • The IndieWeb being a more raw way to express yourself
    • Exciting to look back in a year and see what *you* have been writing about
  • Websites as a way to connect with people
  • The personal website community is fun; you don't need to worry about follower counts. Lots of people to meet.
  • https://photos.jamesbrierly.com/ has a cool design feature where when you scroll the information about the photo persists.
    • Philosophy is intentional design; less is more.

All the auths: authorization, authorship.

https://slashpages.net#nope "a list of things you don't like or don't want to do"

https://www.reddit.com/r/funny/comments/1ornz8/these_two_books_contain_the_sum_total_of_all/

  • This is funny :D

"We're both in the same rabbit hole right now"

  • /hwc-quotes wiki page? that'd be great

Jo's radio station: https://dead.garden/radio/


https://blog.avas.space/ noted the question of what it would be like to have others write a post for your website (maybe just a friend)

    • Jo, you're welcome to post on my website! - James (jamesg.blog)

"ombudsman"

  • another idea: /words-of-hwc; a running list of unique words we mention on HWC
  • A (snarky) idea for a /yes page: something you can share with people in heated discussions

Neat idea: adding an editing interface on your web pages at the bottom so you don't need to transition to a different editing UI.

You can change the details/summary icons in CSS. Michael has done this on his website.

"Self-hosting: it's like being a parent!"

  • Thing to think about when posting to Bluesky via Brid.gy: how do you want your posts to show up (truncated, post title, link to post, etc.)
  • Bluesky treats links well
  • Bessemer Convertor
  • Steel cobbles β€” search this phrase on YouTube for wild videos of industrial accidents (non-fatal)
  • A metal-style IndieWeb radio ads
  • An IndieWeb jingle?
  • "Ice cream is a state of mind"
  • "Why?"
    • "Because it's fun!"
    • "Oh, good enough!"
  • Idea: make a gopher version of your website
  • WordPress hotline / hotline where you can call for specific help for a technical topic

https://www.youtube.com/watch?v=Au1He0_eCkw

James' hands smelled like old books after showcasing an old dictionary n the topic of perfumes: https://www.tumblr.com/fragranticareviewers/777632726253731840


Homebrew Website Club
Events are listed on events.indieweb.org as of 2020-01
2025 01-08 🏰🎑🌎 β€’ 01-15 🎑 β€’ 01-22 🎑🌎 β€’ 01-29 🎑 β€’ 02-05 🎑🌎 β€’ 02-12 🏰🎑 β€’ 02-19 🎑🌎 β€’ 02-26 🎑 β€’ 03-05 🎑🌎 β€’ 03-12 🏰🎑 β€’ 03-19 🎑🌎 β€’ 03-26 🎑 β€’ 04-02 β€’ 04-09 β€’ 04-16 β€’
2024 01-03 🎑🌎 β€’ 01-10 🏰🎑 β€’ 01-13 🌌 β€’ 01-17 🎑🌎 β€’ 01-24 🎑 β€’ 01-31 🎑🌎 β€’ 02-07 🎑 β€’ 02-14 🏰🎑🌎 β€’ 02-21 🎑 β€’ 02-28 🎑🌎 β€’ 03-13 🏰🎑🌎 β€’ 03-20 🎑 β€’ 03-27 🎑🌎 β€’ 04-03 🎑 β€’ 04-08 πŸ“œ β€’ 04-10 🏰🎑🌎 β€’ 04-17 🎑 β€’ 04-24 🌎 β€’ 04-27 🌌 β€’ 05-01 🎑 β€’ 05-08 🏰🎑🌎 β€’ 05-09 🌐 β€’ 05-15 🎑 β€’ 05-22 🎑🌎 β€’ 05-23 🌐 β€’ 05-27 πŸ“œ β€’ 05-29 🎑 β€’ 06-05 🎑🌎 β€’ 06-12 🏰🎑 β€’ 06-19 🎑🌎 β€’ 06-26 🎑 β€’ 07-01 πŸ“œ β€’ 07-03 🏰🎑🌎 β€’ 07-10 🏰🎑 β€’ 07-11 🌐 β€’ 07-17 🎑🌎 β€’ 07-24 🎑 β€’ 07-31 🎑🌎 β€’ 08-07 🎑 β€’ 08-14 🏰🎑🌎 β€’ 08-28 🎑🌎 β€’ 09-04 🎑 β€’ 09-11 🏰🎑🌎🌎 β€’ 09-18 🎑 β€’ 09-25 🎑🌎🌎 β€’ 10-02 🎑 β€’ 10-08 πŸ“œ β€’ 10-09 🏰🎑🌎 β€’ 10-16 🎑 β€’ 10-23 🎑 β€’ 10-30 🎑🌎 β€’ 10-31 🏴󠁧󠁒󠁳󠁣󠁴󠁿 β€’ 11-06 🎑 β€’ 11-13 🎑🌎 β€’ 11-20 🎑 β€’ 11-27 🎑🌎 β€’ 12-04 🎑 β€’ 12-11 🏰 β€’ 12-18 🎑 β€’ 12-25 🌎 β€’
2023 01-04 🎑🌎 β€’ 01-11🌎 β€’ 01-18 🎑🌎 β€’ 01-25 🌎 β€’ 02-01 🎑🌎 β€’ 02-08 🌎 β€’ 02-15 🎑🌎 β€’ 02-22 🌎 β€’ 03-01 🎑🌎 β€’ 03-08 🎑🌎 β€’ 03-15 🎑🌎 β€’ 03-22 🎑🌎 β€’ 03-29 🎑🌎 β€’ 04-05 🎑 β€’ 04-12 🎑🌎 β€’ 04-15 🌌 β€’ 04-19 🎑 β€’ 04-26 🎑🌎 β€’ 05-03 🎑 β€’ 05-10 🎑🌎 β€’ 05-17 🎑 β€’ 05-20 🌌 β€’ 05-24 🎑🌎 β€’ 05-31 🎑🌎 β€’ 06-07 🎑 β€’ 06-14 🎑🌎 β€’ 06-21 🎑 β€’ 06-28 🎑🌎 β€’ 07-01 🌌 β€’ 07-05 🎑 β€’ 07-12 🎑🌎 β€’ 07-19 🎑 β€’ 07-26 🎑🌎 β€’ 08-02 🎑 β€’ 08-09 🎑🌎 β€’ 08-16 🎑🌎 β€’ 08-23 🎑🌎 β€’ 08-26 🌌 β€’ 09-06 🎑🌎 β€’ 09-13 🎑🌎 β€’ 09-20 🎑 β€’ 09-27 🎑🌎 β€’ 10-04 🎑 β€’ 10-11 🎑🌎 β€’ 10-18 🎑 β€’ 10-25 🎑🌎 β€’ 11-01 🎑 β€’ 11-08 🎑🌎 β€’ 11-15 🎑🏰 β€’ 11-22 🎑🌎 β€’ 11-29 🎑 β€’ 12-06 🎑🌎 β€’ 12-13 🏰🎑 β€’ 12-20 🎑🌎
2022 01-05 🌎 β€’ 01-12 🎑🌎 β€’ 01-19 🌎 β€’ 01-26 🎑🌎 β€’ 02-02 🌎 β€’ 02-09 🎑🌎 β€’ 02-16 🌎 β€’ 02-23 🎑🌎 β€’ 03-02 🌎 β€’ 03-09 🎑🌎 β€’ 03-16 🌎 β€’ 03-23 🎑🌎 β€’ 03-30 🌎 β€’ 04-06 🎑🌎 β€’ 04-13 🌎 β€’ 04-20 🎑🌎 β€’ 04-27 🌎 β€’ 05-04 🧭 β€’ 05-11 🌎 β€’ 05-15 🌐 β€’ 05-18 🎑🌎 β€’ 05-25 🌎 β€’ 06-01 🧭 β€’ 06-08 🌎 β€’ 06-15 🎑🌎 β€’ 06-18 🌌 β€’ 06-22 🌎 β€’ 06-29 🎑🌎 β€’ 07-06 🌎 β€’ 07-13 🌎 β€’ 07-20 🌎 β€’ 07-27 🌎 β€’ 08-03 🌎 β€’ 08-10 🎑🌎 β€’ 08-17 🌎 β€’ 08-24 🎑🌎 β€’ 08-31 🌎 β€’ 09-07 🎑🌎 β€’ 09-14 🌎 β€’ 09-21 🎑🌎 β€’ 09-28 🌎 β€’ 10-02 🌌 β€’ 10-05 🎑🌎 β€’ 10-12 🌎 β€’ 10-19 🎑🌎 β€’ 10-26 🌎 β€’ 11-02 🎑🌎 β€’ 11-09 🌎 β€’ 11-16 🎑🌎 β€’ 11-23 🌎 β€’ 11-30 🎑🌎 β€’ 12-07 🌎 β€’ 12-14 🎑🌎 β€’ 12-21 🎑🌎 β€’ 12-28 🌎
2021 01-06 🎑🌎 β€’ 01-13 🌎 β€’ 01-20 🎑🌎 β€’ 01-27 🌎 β€’ 02-03 🎑🌎 β€’ 02-10 🌎 β€’ 02-17 🎑🌎 β€’ 02-24 🌎 β€’ 03-03 🎑🌎 β€’ 03-10 🌎 β€’ 03-17 🎑🌎 β€’ 03-24 🌎 β€’ 03-31 🎑🌎 β€’ 04-07 🌎 β€’ 04-14 🎑🌎 β€’ 04-21 🌎 β€’ 04-28 🎑🌎 β€’ 05-05 🌎 β€’ 05-12 🎑🌎 β€’ 05-19 🌎 β€’ 05-26 🎑🌎 β€’ 06-02 🌎 β€’ 06-09 🎑🌎 β€’ 06-16 🌎 β€’ 06-23 🎑🌎 β€’ 06-30 🌎 β€’ 07-07 🎑🌎 β€’ 07-14 🌎 β€’ 07-21 🎑🌎 β€’ 07-28 🌎 β€’ 08-04 🌎 β€’ 08-11 🌎 β€’ 08-18 🎑🌎 β€’ 08-25 🌎 β€’ 09-01 🌎 β€’ 09-15 🎑🌎 β€’ 09-22 🌎 β€’ 09-29 🎑🌎 β€’ 10-06 🌎 β€’ 10-13 🎑🌎 β€’ 10-20 🌎 β€’ 10-27 🎑🌎 β€’ 11-03 🌎 β€’ 11-10 🎑🌎 β€’ 11-17 🌎 β€’ 11-24 🌎 β€’ 12-01 🌎 β€’ 12-08 🎑🌎 β€’ 12-15 🌎 β€’ 12-22 🌎 β€’ 12-29 🌎
2020 2020-01 β€’ 2020-02 β€’ 2020-03 β€’ 2020-04 β€’ 2020-05 β€’ 2020-06 β€’ 06-17 🌴 β€’ 2020-07 β€’ … β€’ 08-05🌴 β€’ 08-12🌴 β€’ 08-19🌴 β€’ 08-26🌴 β€’ 09-02🌴 β€’ 09-09🌴 β€’ 09-16🌴 β€’ 09-23🌴 β€’ 09-30🌴 β€’ 10-07🌴 β€’ 10-14🌴 β€’ 10-21🌎 β€’ 10-28🌎 β€’ … β€’ 11-04 🌎 β€’ 11-11 🌎 β€’ 11-18 🌎 β€’ 11-25 🌎 β€’ 12-02 🌎 β€’ 12-09 🌎 β€’ 12-16 🌎 β€’ 12-23 🌎 β€’ 12-30 🌎
2019 12-22 β€’ 12-11 β€’ 12-04 β€’ 11-27 β€’ 11-21 β€’ 11-16 β€’ 11-13 β€’ 11-06&07 β€’ 10-30&31 β€’ 10-16&19 β€’ 10-02 β€’ 09-26 β€’ 09-18&19 β€’ 09-11&12 β€’ 09-04&05 β€’ 09-02 β€’ 08-28 β€’ 08-21 β€’ 08-19 β€’ 08-15 β€’ 08-07&08 β€’ 08-05 β€’ 08-01 β€’ 07-24&25 β€’ 07-22 β€’ 07-18 β€’ 07-10&11&13 β€’ 07-03&04 β€’ 06-26&27 β€’ 06-24 β€’ 06-20 β€’ 06-12&13 β€’ 06-10 β€’ 06-09 β€’ 06-06 β€’ 05-29&30 β€’ 05-27 β€’ 05-23 β€’ 05-15 β€’ 05-09 β€’ 05-01&02 β€’ 04-29 β€’ 04-25 β€’ 04-17&18 β€’ 04-15 β€’ 04-11 β€’ 04-03&04 β€’ 04-01 β€’ 03-28 β€’ 03-20&21 β€’ 03-06 β€’ 02-27 β€’ 02-20 β€’ 02-06 β€’ 01-23 β€’ 01-09
2018 12-26 β€’ 12-12&11 β€’ 11-28&27 β€’ 11-14&11-13 β€’ 10-31 β€’ 10-17&16 β€’ 10-10&09 β€’ 10-03 β€’ 09-19&18 β€’ 09-05 β€’ 08-22 β€’ 08-08 β€’ 08-01 β€’ 07-25 β€’ 07-11 β€’ 07-04 β€’ 06-27 β€’ 06-13 β€’ 05-30&29 β€’ 05-23 β€’ 05-16&15 β€’ 05-02&01 β€’ 04-18 β€’ 04-11 β€’ 04-10 β€’ 04-04 β€’ 03-27 β€’ 03-21 β€’ 03-14 β€’ 03-07 β€’ 02-21&20 β€’ 02-14 β€’ 02-07&06 β€’ 01-24&23 β€’ 01-11&10&09
2017 12-27 β€’ 12-14&13&12 β€’ 11-30&29 β€’ 11-22 β€’ 11-16&15 β€’ 11-01 β€’ 10-19&18 β€’ 10-05&04 β€’ 09-21&20 β€’ 09-13 β€’ 09-07&06 β€’ 08-23 β€’ 08-15 β€’ 08-09&08 β€’ 08-02 β€’ 07-26&25 β€’ 07-12&11 β€’ 06-28 β€’ 06-20 β€’ 06-14 β€’ 06-07&06 β€’ 05-31 β€’ 05-17 β€’ 05-10 β€’ 05-03 β€’ 04-26 β€’ 04-19 β€’ 04-12 β€’ 04-05 β€’ 03-22 β€’ 03-08 β€’ 03-02&01 β€’ 02-22 β€’ 02-14 β€’ 02-08 β€’ 01-25 β€’ 01-11
2016 12-28 β€’ 12-21 β€’ 12-14 β€’ 12-07 β€’ 11-30 β€’ 11-23 β€’ 11-16 β€’ 11-09 β€’ 11-02 β€’ 10-26 β€’ 10-19 β€’ 10-05 β€’ 09-21 β€’ 09-14 β€’ 09-07 β€’ 08-24 β€’ 08-17 β€’ 08-10 β€’ 07-27 β€’ 07-13 β€’ 07-06 β€’ 06-29 β€’ 06-15 β€’ 06-08 β€’ 06-01 β€’ 05-25 β€’ 05-18 β€’ 05-11 β€’ 05-04 β€’ 04-27 β€’ 04-20 β€’ 04-12 β€’ 04-06 β€’ 03-23 β€’ 03-09 β€’ 02-24 β€’ 02-10&09 β€’ 02-02 β€’ 01-27 β€’ 01-13
2015 12-30 β€’ 12-16 β€’ 12-08 β€’ 12-02&01 β€’ 11-24 β€’ 11-18&17 β€’ 11-10 β€’ 11-04&03 β€’ 10-21&20 β€’ 10-13 β€’ 10-07&06 β€’ 09-24&23 β€’ 09-17 β€’ 09-10&09 β€’ 09-03 β€’ 08-27&26 β€’ 08-20 β€’ 08-13&12 β€’ 07-29 β€’ 07-15 β€’ 07-01 β€’ 06-17 β€’ 06-03 β€’ 05-20 β€’ 05-06 β€’ 04-22 β€’ 04-08 β€’ 03-25 β€’ 03-11 β€’ 02-25 β€’ 02-11 β€’ 02-07-ko β€’ 01-28 β€’ 01-14
2014 12-17 β€’ 12-03 β€’ 11-19 β€’ 11-05 β€’ 10-22 β€’ 10-08 β€’ 10-05-par β€’ 09-24 β€’ 09-10 β€’ 08-27 β€’ 08-13 β€’ 07-30 β€’ 07-16 β€’ 07-02 β€’ 06-18 β€’ 06-04 β€’ 05-21 β€’ 05-07 β€’ 04-23 β€’ 04-09 β€’ 03-26 β€’ 03-19 β€’ 03-12 β€’ 02-26 β€’ 02-12 β€’ 01-29 β€’ 01-15
2013 12-18 β€’ 12-04 β€’ 11-20