events/2024-05-09-hwc-global

Homebrew Website Club (Global Edition) was an IndieWeb meetup on Zoom held on 2024-05-09.

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

Participants

• capjamesg https://jamesg.blog
• Sara Jakša https://sarajaksa.eu
• pcarrier.com https://pcarrier.com
• Tantek Çelik https://tantek.com
• Template:wingpang https://wingpang.com
• Jeremy Cherfas https://jeremycherfas.net

• ... add names

Notes

• Introductions
• https://wingpang.com/writing/2024-04-24-hello-world/
• https://github.com/PlaidWeb/webmention.js/
• 2024/Brighton/nfc
• Terence, who uses NFC quite a bit: https://shkspr.mobi/blog/tag/nfc/
• Jeremy's podcast website: https://www.eatthispodcast.com/
• A different approach to layouts that makes sense to Jeremy https://every-layout.dev/
• CSS stroke animation: https://css-tricks.com/svg-line-animation-works/

Add the link in a HTML cite attribute to a web page (from Paul's website):

function addCiteToBlockquote() {
    'use strict';
    let elements = document.querySelectorAll("blockquote[cite]");
    for (let i = 0; i < elements.length; i++) {
        let citeDiv = document.createElement("a");
        citeDiv.classList.add("bq-source");
        citeDiv.setAttribute("href", elements[i].getAttribute("cite"));
        citeDiv.textContent = elements[i].getAttribute("cite").split("://").pop();
        citeDiv.textContent = citeDiv.textContent.split("/").shift();
        elements[i].prepend(citeDiv);
    }
}

• Cite element: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/cite

• https://tantek.com/presentations/2005/03/elementsofxhtml/#slide8 has a slide build for using cite, blockquote and its cite attribute

reason to use a cite attribute with your blockquotes as an indepdendent blogger: a place to remind yourself where you got a quote from! it's a lazy blogger solution to at least incrementally capturing the source information, adjacent to the text you are quoting, so that you can later go back and add a clickable link or some other affordance

• https://ai-and-art.netlify.app/

• 2024/Düsseldorf#Remotely
• 2024/Düsseldorf/Schedule
• https://jamesg.blog/brighton/#
• https://webdirections.org/summit/
• 2024/Berlin
• https://events.indieweb.org/2024/11/indiewebcamp-berlin-2024-XkH8P6vkmYNr