#dev 2024-10-17

2024-10-17 UTC
[mattl] joined the channel
#
[mattl] i mean they're all there on a subdomain but things don't work well with subdomains
#
[tantek] what is backfill
#
Loqi backfill is the action of importing all your past posts, typically from a social media silo, into your own site https://indieweb.org/backfill
#
[mattl] i think i have most of what i need to launch this tonight, but no layout whatsoever.
#
[mattl] https://chat-uploads.indieweb.org/files/2024/10/dev-20241017-002719-screenshot_2024-10-16_at_8.27.12___pm.png
Pixi` joined the channel
#
[mattl] showing one(1) blog post on the homepage as a concession to the reader
Pixi__ joined the channel
#
[tantek] amazing
#
[tantek] glorious default styling
#
[mattl] yeah, i need to not spend 10 years picking a layout now
bterry joined the channel
#
[Joe_Crawford] I think a max-width on body and not the default font is kind of all you need
#
[mattl] yes, but also i'm weird about this 😕
#
gRegor `font-family: 'Comic Sans'` and you're good to go
#
gRegor borrows Joe's troll sign
#
[mattl] i didn't know you worked on http://libressl.org
#
gRegor lol
#
[mattl] having too much fun here
#
[mattl] `<meta name="generator" content="Microsoft FrontPage 98">`
#
gRegor yess
#
[mattl] what is system font stack
#
Loqi It looks like we don't have a page for "system font stack" yet. Would you like to create it? (Or just say "system font stack is ____", a sentence describing the term)
#
[mattl] system font stack is https://systemfontstack.com
#
Loqi ok
troojg and [0x3b0b] joined the channel
#
[Joe_Crawford] [mattl] I also suffer from analysis paralysis in that area for my personal site. But I killed it. And now I often have multiple minor layout bugs. “Messy but good.” I think that was a restaurant motto.
#
[mattl] https://mat.tl/blog/
#
[mattl] not finished but a huge start
#
[mattl] backend is ghost, SSG 11ty, music by Pulp
#
[mattl] removed a line i need
#
[Joe_Crawford] https://writing.exchange/@Newmy/113318965216858178 — thread asking for help on h-entry, bridgy, Wordpress
#
Loqi [preview] [Jared Newman] Trying to wrap my head around Bridgy Publish, and it is not going well
#
[Joe_Crawford] Terrific start [mattl] ! Very clean
#
[mattl] didn't update the homepage yet
to2ds, Maxpm and [aciccarello] joined the channel
#
[aciccarello] I thought we had a page for system fonts already
#
[aciccarello] What are system fonts
#
Loqi It looks like we don't have a page for "system fonts" yet. Would you like to create it? (Or just say "system fonts is ____", a sentence describing the term)
bterry1, [Murray], IWSlackGateway, glacier and [qubyte] joined the channel
#
[qubyte] I went with the system font stack a while ago and never looked back. Ceding a little control over the look of things to avoid a font download is an easy bargain for my personal site, especially since I’ve no head for design 😅
barnaby joined the channel
#
capjamesg[d] [mattl]++
#
Loqi [mattl] has 8 karma in this channel over the last year (26 in all channels)
Guest6, greybeard, [mattl]1, [jeremycherfas]1, [schmarty]1, [KevinMarks], AramZS, AramZS_, to2ds, IWSlackGateway, [qubyte], [aciccarello], [snarfed] and gRegor joined the channel
#
[mattl] Wow, thanks WordPress for this trash markup.
#
[mattl] https://chat-uploads.indieweb.org/files/2024/10/dev-20241017-191536-untitled.txt
#
[schmarty] [mattl] which part(s) do you object to?
#
[mattl] width, height, inline styles
#
[schmarty] other than the inline styles i feel like everything else is well motivated.
#
_pi_r2_0[d] width + heights is so the browser knows the aspect ratio before fetching the image right?
#
[schmarty] width and height are used by modern browsers to figure out aspect ratio, yeah.
#
_pi_r2_0[d] and I think style is useful when the markup is embedded in feeds
#
[schmarty] any bit of CSS overrides those raw values.
#
[Joe_Crawford] srcsets are the part that's a bummer to look at for me. but I appreciate their service
#
[schmarty] seems like there certainly could be... fewer entries there.
#
[Joe_Crawford] `<picture>` with `<source>` is more verbose but easier to wrestle with.
#
[Joe_Crawford] Well, equally verbose, but each source is easier to reckon with. All of this is arguable.
#
[mattl] O
#
[mattl] it's not obvious to me what CSS I'd need to override this because
#
[mattl] ` figure, img {width: 50% !important; max-width: 200px !important;}`
#
[mattl] isn't doing it.
#
[Joe_Crawford] I think the killer is that `style` attribute
#
_pi_r2_0[d] indeed
#
[Joe_Crawford] [mattl] I think my inclination would be something like this: https://codepen.io/artlung/pen/eYqRZZP
#
[Joe_Crawford] clamp has 3 values, min size, usually some viewport based unit (%, vw, vh, vhmin, vhmin), and a max size. If you want 200px wide max then that's what I have in the codepen. But you do want to remove that style attribute, I think, I can't think of a reason to leave it.
#
[mattl] Yeah, I may just go through and edit the 20-30 posts with images I have to a straight img tag.
fluffy joined the channel
#
[mattl] Only 13 posts since I moved to Gutenberg are affected.
#
[mattl] Thank goodness I didn't blog more 😉
#
[Joe_Crawford] I may or may not be holding up my trollface sign. I think for now, I'm not.
#
capjamesg[d] 😅
#
[mattl] Ended up being even less work than I thought, one post had a few images in it.
#
capjamesg[d] That made me laugh [Joe_Crawford] haha.
#
[mattl] [Joe_Crawford] i'm working on the dark mode for my blog. Did you get a working browser on your Chumby yet?
#
[mattl] I'm curious to see how my blog looks on a Flash Lite based alarm clock form factor.
#
capjamesg[d] The Chumby has a browser?
#
[Joe_Crawford] It sticks on the screen for setting options when I keep the screen pressed.
#
[mattl] 😞 it would be cool if it can work
#
[mattl] capjamesg: it has a WebKit based thing in some beta state.
#
[mattl] https://hackaday.com/2012/05/29/webkit-on-chumby-lets-developers-avoid-flash/
#
[mattl] [tantek] what do you think of the idea of taking the idea of <noscript> and reversing it, so you must have JavaScript turned off to view a page?
btrem joined the channel
#
[tantek] haha that would be funny
#
[tantek] that's a good idea for April 1
#
[qubyte] I’ve definitely seen that somewhere. Let me dig.
#
[tantek] <noscript><body>...</body></noscript><script>alert("This page requires turning off Javascript in your browser.")</script>
#
[tantek] VERY tempting
#
[qubyte] It was Heydon Pickering’s site, but it has since changed. Here’s Remy Sharp talking about it. https://remysharp.com/2020/11/30/please-disable-javascript-to-view-this-site
#
[tantek] amazing 😂
#
[tantek] and of course it was Heydon++
#
Loqi Heydon has 1 karma over the last year
#
[qubyte] And a talk about it https://www.youtube.com/watch?v=ga_byUbqvCc
#
[tantek] remysharp++
#
Loqi remysharp has 1 karma over the last year
#
[tantek] js;dr << https://remysharp.com/2020/11/30/please-disable-javascript-to-view-this-site
#
Loqi ok, I added "https://remysharp.com/2020/11/30/please-disable-javascript-to-view-this-site" to the "See Also" section of /js;dr https://indieweb.org/wiki/index.php?diff=97774&oldid=97771
#
[tantek] js;dr << YouTube video: [https://www.youtube.com/watch?v=ga_byUbqvCc Heydon Pickering: Please Disable JavaScript To View This Site]
#
Loqi ok, I added "YouTube video: [https://www.youtube.com/watch?v=ga_byUbqvCc Heydon Pickering: Please Disable JavaScript To View This Site]" to the "See Also" section of /js;dr https://indieweb.org/wiki/index.php?diff=97775&oldid=97774
#
[mattl] oh yeah, i got the idea from speaking to Heydon. I'm tempted to do with http://Libre.fm
#
[mattl] (had the idea a while ago, I got http://disablejs.com and http://remove-js.com now)
troojg joined the channel