#dev 2020-11-10

2020-11-10 UTC
ShinyCyril, gRegorLove, lahacker, GWG, OhTheCode, [tw2113_Slack_], [chrisaldrich] and geoffo joined the channel
#
petermolnar
Is anyone here running their services on both ipv4 and ipv6?
#
Ruxton
only 4
#
Ruxton
wish I could roll onto 6 :(
[Jan_Lukas_Else] joined the channel
#
[Jan_Lukas_Else]
Yes, both
#
petermolnar
[Jan_Lukas_Else]: any problems you've encountered so far?
#
[Jan_Lukas_Else]
No, I use Alpine Linux on the server and I think it was just a matter of changing a config file to get an IPV6 address and add a reverse DNS entry in Hetzner Cloud Console.
#
[Jan_Lukas_Else]
And of course an AAAA DNS entry on my domain
schmudde joined the channel
#
@brianwisti
Fetching my IndieWeb mentions with HTTPie and Requests Using the http://Webmention.io API #Python #Indieweb #FixingMySite #Blog https://randomgeekery.org/post/2020/11/using-the-webmentionio-api/
(twitter.com/_/status/1326091836738461696)
willnorris, jeremych_, genehack and [Ana_Rodrigues] joined the channel
#
petermolnar
laughs chaotic evil, because he added back Atom - inside the RSS feed with XML namespaces!
[KevinMarks], ShinyCyril, KartikPrabhu and [snarfed] joined the channel
#
[snarfed]
IPv6++ my site and projects all serve on IPv6 as well as 4
#
Loqi
IPv6 has 1 karma over the last year
schmudde and geoffo joined the channel
#
petermolnar
jeremycherfas: I am, unfortunately, aware of the label vs image width. I wanted to avoid using js for that gallery, and so it's pure CSS. Trouble is, the image sizing in CSS is kind of a mystery, because, unlike the label, it has a height limit as well; as a result, the width parameter is not trivial. I am yet to figure out how to size the label correctly to follow the image size.
#
petermolnar
but I'm tempted to write a tiny bit of JS to overcome this limit
#
jeremycherfas
I didn't look in detail at the CSS, but if the caption div were flex contained within the image div, that might just work.
#
petermolnar
that's the problem; it's not the caption, it's the h3 of the h-entry
#
petermolnar
the whole gallery view is just a mere CSS whack on top of the normal view
#
jeremycherfas
I saw that. But could it not, on the gallery page, be something else? Or is that not DRY enough?
#
petermolnar
there is no gallery page :)
#
petermolnar
it's the same thing as everything else
#
petermolnar
hence the whack with CSS
#
jeremycherfas
Well, the presentation obviously differs, but I see what you're saying.
[grantcodes] joined the channel
#
[grantcodes]
What's the goal with the image sizing? I'd be surprised if you couldn't do it with modern css.
#
[grantcodes]
Particularly `object-fit` is really useful for images if you don't want to mess with html stucture
[tantek] and [tw2113_Slack_] joined the channel
#
petermolnar
[grantcodes]: In the h-entry div there's a h3 for the title and the link, and a figure with an img inside. The gallery css sets the whole thing to be a flexbox, with limit on the h-entry width. simultaneously there's a max viewport height % on the image, making it fit nicely into any orientation and aspect ratio.
#
petermolnar
trouble is that now the img width is unknown to the sibling and I can't make the parent follow it either, because then the flexbox collapses
#
petermolnar
if there's a better way, I'm all ears
#
petermolnar
if you go to https://petermolnar.net/photo/index.html you'll see the default layout; once the "toggle gallery" is pressed, the CSS inside the inline CSS with id css_gallery and css_gallery_light activates
#
petermolnar
that's all I do for the gallery view
#
[grantcodes]
🤔 so you'd want the caption to shrink for photos that have a portrait orientation?
#
petermolnar
Yes. Without JS :D
#
[grantcodes]
I changed `figure` `width: 23vw` to `max-width` and it sort of works but it shrinks in a strange way
#
@sl007
↩️ No worries, it was my fault (forgot IWC), will attend Social CG, just thought, if and @aaronpk would not be hungry then he/iwc-people could attend as well… @aaronpk Had no luck in irc, question is : Do you feel a rel="me" like https://www.w3.org/TR/micropub/#h-endpoint-discovery would be helpful f AP too?
(twitter.com/_/status/1326205203633278976)
#
petermolnar
gallery view fixed with ~20 lines of JS, I caved in
#
petermolnar
still uploading though
#
[tw2113_Slack_]
i’ll hate myself in the morning for saying this, but if javascript gets the job done, use it
#
[tw2113_Slack_]
unless you need huge library + 20lines then…yeah 😄
gRegorLove joined the channel
#
jeremycherfas
Sorry I made you do that.
#
petermolnar
no, it was bothering me as well, I just kept postponing a fix
#
petermolnar
[tw2113_Slack_]: 20 lines of vanilla js
#
jeremycherfas
But at least now you are free to do something spectacular on Sunday.
#
[tw2113_Slack_]
woo
#
petermolnar
right... back to the hunt for what to do on Sunday
schmudde, KartikPrabhu, [tantek], leg, [grantcodes], [tw2113_Slack_], [chrisaldrich], [Raphael_Luckom] and ShinyCyril joined the channel