#dev 2024-02-26

2024-02-26 UTC
gRegor, geoffo, jacky, tPoltergeist and sebbu joined the channel
#
[tantek] The talk of maps and image maps intersected in my head with thoughts it ASCII art which me wonder if anyone has made "plain text" ASCII art image maps
#
[tantek] thoughts of* ASCII art
geoffo joined the channel
#
[tantek] another intersection is the plain ASCII art-like text "maps" of streets / buildings in an area and if there was some way to recognize those and "parse" them into visual vector maps
#
[Al_Abut] Pretty soon you’ll be looking at green code and seeing a lady in a red dress…
#
aaronpk 😂
#
[tantek] [Al_Abut] pretty much had that problem since 1999
#
[tantek] is there an ASCII art map tile server?
#
[tantek] or ASCII art "street view" renderings? e.g. extend some of the stuff here to be based on real building data: https://www.asciiart.eu/buildings-and-places/cities
#
[tantek] wow this looks promising: https://wiki.openstreetmap.org/wiki/Mapscii
#
[tantek] also interesting, driving directions by ASCII art maps and regression testing too! https://blog.mapbox.com/testing-directions-with-ascii-art-6b081f863950?gi=d37b5df5e867
AramZS and tPoltergeist joined the channel
#
[Al_Abut] I can’t blame him, look at this stunning CSS illustration by Diana Smith:
#
[Al_Abut] https://chat-uploads.indieweb.org/files/2024/02/dev-20240226-054956-image_from_ios.jpg
#
[Al_Abut] she said she did it in two long weekends
#
[tantek] It really is the painter, not the paintbrush, or the paint
[jeremycherfas] joined the channel
#
[Al_Abut] I’m fascinated by this niche. I’m many hours into creating a beginner’s tutorial for CSS illustration to capture a zoom coaching session from last weekend by Joe. Hoping it’ll help others jump in as well.
#
[Joe_Crawford] “It really is the painter, not the paintbrush, or the paint” 💯 [tantek] — there are masterworks by that person who does painting in excellent background colors. I feel like with the CSS things I play with now I understand that drive better. You get into a groove, thanks for the shout [Al_Abut]
#
[Joe_Crawford] In Excel background colors, autocorrect. MS Excel.
#
[Al_Abut] I’d settle for learning how to pivot tables
#
[Al_Abut] One of my “I knew she was the one” moments when I was dating my wife was that she wanted to take a free Excel class at the local adult learning center.
[snarfed] joined the channel
#
[snarfed] starrwulfe sorry for the Bridgy Publish trouble! I'll look
#
Loqi [snarfed]: starrwulfe left you a message 8 hours, 58 minutes ago: please check `@starrwulfe.xyz` bluesky crossposting logs for publish errors -- not sure if this is just my account or a widespread issue.
geoffo joined the channel
#
[KevinMarks] Tantek try https://github.com/martinthomson/aasvg on ascii maps
#
Loqi [preview] [martinthomson] aasvg: Turn ASCII art into SVG
#
[KevinMarks] Also https://ivanceras.github.io/svgbob-editor/
#
[tantek] [KevinMarks]++ those are nice!
#
Loqi [KevinMarks] has 17 karma in this channel over the last year (35 in all channels)
#
[tantek] do we have a page where we discuss defensive measure to take as a webmention receiver that intends to display some aspects from the source? e.g. pixelating to avoid unpleasant author icons, filtering author names for slurs, even for "just" likes, reposts etc.
tPoltergeist, Guest6, bterry, jeremycherfas and AramZS joined the channel
#
[KevinMarks] the case against instagram interop continued
#
[KevinMarks] https://techcrunch.com/2024/02/26/meta-drops-lawsuit-against-web-scraping-firm-bright-data-that-sold-millions-of-instagram-records/?utm_source=dlvr.it&utm_medium=bluesky&guccounter=1&guce_referrer=aHR0cHM6Ly9ic2t5LmFwcC8&guce_referrer_sig=AQAAAALf14vJKMJHkSuIzKFMqFcPm2hMUhTlUUXckARrH_dAikDjPyGTgRtSZTU1_9ncM8ZfPU1LK1337x6FJtd-Y1h-AuTNp1Jx0u1lXAxQ1sjdz9YWbUSDqoZ5EIiR8EAk1pKdXTEV59aE9EWAV-gVDxnLHDQ3OlMN2R8HEIv3Cdtg
geoffo joined the channel
#
[snarfed] aha, starrwulfe looks like your Bluesky Bridgy Publish failures were on bookmarks, which it doesn't support yet
#
[snarfed] easy to add! will do
geoffo and mahboubine joined the channel
#
GWG [snarfed]: So, my code should be working?
#
[snarfed] GWG your Bluesky addition to the Synd Links plugin?
#
[snarfed] no clue, I haven't tried it
GWG- joined the channel
#
GWG- Okay
gRegor and gxt_ joined the channel
#
[snarfed] thank you for adding it though!
lanodan and to2ds joined the channel
#
starrwulfe Thanks for looking into that Snarfed
#
to2ds That CSS illustration is amazing.
jjuran_, mahboubine, adele, adele_, [aciccarello] and [tantek] joined the channel
#
capjamesg [tantek] I'm making something you'll like 😄
#
IWDiscord <c​apjamesg>
#
capjamesg https://cdn.discordapp.com/attachments/866577430886350869/1211788117439283231/Screenshot_2024-02-26_at_21.33.07.png?ex=65ef78a1&is=65dd03a1&hm=29bff871f000e34bd65943146b6e2931d4e081b8b049c2cc6d269b0bdaedf14b&
adele joined the channel
#
[snarfed] ok starrwulfe bookmarks should work now, feel free to try again
#
capjamesg [tantek] https://github.com/capjamesg/html-timelines
jjuran joined the channel
#
[aciccarello] capjamesg, would this work for mobile tables? https://zachleat.github.io/table-saw/
#
capjamesg Maybe!
#
[tantek] amazing capjamesg. glad to be a source of inspo 😂
#
starrwulfe cool Snarfed, gimme a moment to test here
#
capjamesg [tantek] This is the second procedurally-generated HTML task I have had today.
#
capjamesg The first was to create a multi-layer table that shows different rows depending on the options you click. That's not open source yet.
#
[tantek] capjamesg I do wonder about the best way to display timelines in a mobile (vertical primary) view. I'm thinking rot90 as a rough starting point
#
[tantek] with maybe the inversion of order per current timeline presentational conventions of most recent first
#
[tantek] have to think about it
#
[tantek] I wonder how Wikipedia adapts their horizontal timelines to mobile
#
capjamesg Feel free to file a PR if you're interested!
#
[tantek] not sure the thinking I'm doing is at the nitty gritty code level yet
#
[tantek] more like figuring out how to prototype something different
[KevinMarks] joined the channel
#
[KevinMarks] Did I show you my solution to filtering table rows in css James?
#
capjamesg I don't believe so!
[Joe_Crawford] joined the channel
#
[KevinMarks] It's in my BBC dashboard code, I would have to extract it for an example.
#
capjamesg Oh!
#
capjamesg I remember now!
#
capjamesg Yes!
#
[KevinMarks] I have a bunch of checkboxes at the top like this and them classes on the rows
#
[KevinMarks] ```EN <input class="toggle_en" type="checkbox" checked=""> SC <input class="toggle_sc" type="checkbox" checked="">
#
[KevinMarks] <table>
#
[KevinMarks] <tr class="region-GW service-DTV eff-TO">```
#
capjamesg My problem was creating a software installation and usage guide. There were ~15-20 different installation and usage methods to show that varied widely depending on 2-6 pieces of information.
#
[KevinMarks] then a bunch of css rules like:
#
[KevinMarks] ```.toggle_en:not(:checked) ~ table .region-SO {display:none;}
#
[KevinMarks] .toggle_sc:not(:checked) ~ table .region-GW {display:none;}```
#
capjamesg I have a Python script that generates a table. Then some JS that shows/hides the row that is next in the heirarchy.
#
[KevinMarks] so unchecking the boxes hides the rows you want to filter out
#
capjamesg Curious!
#
[KevinMarks] As it's pure CSS, it's instant (shame you can't animate `display:none`)
#
[aciccarello] I've hit that limitation so many times
[Al_Abut] joined the channel
#
[aciccarello] I know the CSS working group was looking into it https://css-tricks.com/so-youd-like-to-animate-the-display-property/
#
[KevinMarks] maybe I could set the row height to 0, and animate that so the lines shrink, but I suspect that would be harder with a table
tryinbrian and rrix joined the channel