events/2024-06-05-hwc-europe

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

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

Participants

• Mark Sutherland
• capjamesg
• Joe Crawford
• Benjamin https://benjamin.parry.is/
• Reilly Spitzfaden https://reillyspitzfaden.com/
• Pablo Morales
• Kevin Marks
• benji

Notes

• capjamesg had an idea for an indieweb contribution based zine, and another for a zine based on ones website and Benjamin Parry has made zines before and is working on such a thing. Showed a video of an piece of paper folded ina. classic 6 page with outer cover zine. He used Paper CSS: https://www.getpapercss.com/ - and is experimenting with generative art and illustration
• cities
• There was a microformats-based booklet/zine that folks could print
• https://github.com/cognitom/paper-css
• Fun reminder that CSS includes absolute length units https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units#absolute_length_units
  • Including: cm - Centimeters, mm - Millimeters, Q - Quarter-millimeters ,in - Inches, pc - Picas, pt - Points, px - Pixels.
• https://frills.dev/blog/240404-anniversary/
• Ros completed the CSS for the CV on her website, and has an idea for a visualization of the time she spends programming
• capjamesg has worked out a layout for his poetry which is a bit more sparse; he's also created a blog posting interface for himself at https://jamesg.blog/create/ which is open to view, and secured because adding to the site requires adding to a private github respository.
• Mark Sutherland has done some dark and light mode adjustments, and is working on more tooling around uploading photos on mobile to make the experience more app-y (progress indicators for upload speed under restricted bandwidth conditions)
• color names: https://blog.xkcd.com/2010/05/03/color-survey-results/
• WCAG has guidelines for measuring the readability of a contrast https://webaim.org/articles/contrast/
• BBC Documentary "Do You See What I See" about Himba tribe and colour perception: https://www.dailymotion.com/video/xl7eh1

names for rain

• https://starkeycomics.com/2019/03/14/100-british-words-for-rain/

dimensions:

• rate
• recent past few minutes
• consistent or bursty
• temperature of the rain
• angle (sideways)
• ScoreFollower—rain in a bucket transcribed to musical notation thanks Reilly Spitzfaden!

Personal site search

• both Google and DDG site-specific search is really bad
• anybody using something they like? or have people built their own?
• RightDao is a search engine for less SEO sludge https://rightdao.com/ which allows usage of site: specifier to limit site search
• List of search engines with their own search index: https://seirdy.one/posts/2021/03/10/search-engines-with-own-indexes/
• Marginalia has a cool site overview feature: https://search.marginalia.nu/site/jamesg.blog

Recent videos published

• IndieWebCamp Düsseldorf 2024 personal site intros published thanks to capjamesg and David Shanske
• Beyond Tellerand talks (some) published: https://www.youtube.com/playlist?list=PL8ZzmQWppBBuOjGNoZ-SIbm54mv1qlEl1
  • Especially watch Maggie Appleton's talk:
    • 2024-05-14 Maggie Appleton – The Expanding Dark Forest and Generative AI – beyond tellerrand Düsseldorf 2024

More search discussion

• autocomplete drop down for personal site search
  • Awesomeplete https://projects.verou.me/awesomplete/
• The trie data structure: https://jamesg.blog/2024/01/16/trie/, used for autocomplete / autosuggest.
• https://doriantaylor.com/lexicon/ is sorta like a plain HTML concept page of what capjamesg demonstrated
• Awesomplete https://projects.verou.me/awesomplete/
• single HTML page of all permalinks - then people can "just" do a browser ctrl-F find for words
• James' posts: https://jamesg.blog/post/
• Phanpy.social https://phanpy.social/ is a reader for Mastodon that feels more fluid than the main website and mobile apps

Related:

• archive_navigation
• archives
• search#IndieWeb_Examples
  • During the conversation about search, Mark added and deployed support for Laravel Scout to his site:
  • [Laravel Scout]
  • Mark's Laravel website is open source. Here's the code changes he made: https://github.com/marksuth/marksuth.dev/compare/4825c99..77b94b3

• social_reader
  • Perhaps Phanpy should be added there at least as UI inspiration since it is both a reader and allows replying etc.
• Share Openly: https://shareopenly.org
  • bookmarklets - same window
    • javascript(function()%7Blocation.href%3D%27https://shareopenly.org/share/%3Furl%3D%27%2BencodeURIComponent(location.href)%2B%27%26text%5C%3D%27%2BencodeURIComponent(document.getSelection().toString()||document.title)%3B%7D)()%3B
  • bookmarklet - popup window (could use new popover feature in HTML!)
    • javascript:var%20w=window.open('https://shareopenly.org/share/?url=%27+encodeURIComponent(location.href)+%27&text\=%E2%80%9C%27+encodeURIComponent(document.getSelection().toString()%7C%7Cdocument.title)+%27%E2%80%9D%27,%27shareopenly%27,%27scrollbars=1,status=0,resizable=1,location=0,toolbar=0,width=360,height=480%27);

• code and personality https://www.kevinmarks.com/personality

File I/O optimization limitations

Tantek's site/posts storage format: Falcon#Storage_format https://tantek.com/2024/1.bim

Pablo Morales : https://wastedspace.fun https://lifeofpablo.com/blog/greentech-festival-berlin-day-one

• sqlite on a static site using WASM and http-range: https://phiresky.github.io/blog/2021/hosting-sqlite-databases-on-github-pages/

• Simon Willison on serving static sites from a static SQLIte database https://simonwillison.net/2018/Oct/4/datasette-ideas/

• The Baked Data pattern https://simonwillison.net/2021/Jul/28/baked-data/

• Statamic https://statamic.com/

---