#dev 2023-02-28

2023-02-28 UTC
pharalia, CobyPear, geoffo, gRegor and mro joined the channel
#
IWDiscordRelay <p​erson#1903> I'm trying to use css/html to create a right hand column that feels like it's the "margin" of the page. Like if you were reading a book, there's the general spot where your eyes would go and then someone's scrawled notes in the margin of the page. I'm messing around with flex-box and floats, but I'm struggling to keep the main content centered while the other div is off-center. I tend to instead see the whole two-column block cen
#
[KevinMarks] Grid could work for that
IWSlackGateway, mro, vilhalmer, [KevinMarks] and [Murray] joined the channel
#
[Murray] Yeah, Grid is a very good fit for that kind of use-case
#
[Murray] You'd end up with something like:
#
[Murray] ```main {}```
#
[Murray] woops 😄 let's try that again:
#
[Murray] ```main {
#
[Murray] display: grid;
#
[Murray] place-content: center;
#
[Murray] grid-template-columns: 1fr 20%;
#
[Murray] place-items: center;
#
[Murray] }
#
[Murray] aside: {
#
[Murray] place-self: start;
#
[Murray] }```
#
[Murray] Assuming you have a `<main>` element that contains your content (all in some kind of wrapper, otherwise you'd need to add some additional lines to the `aside` rule), plus an `<aside>` element that is your sidebar.
#
[Murray] Flexbox and floats don't play that nicely with one another, btw, so that may be why you're running into issues there 🙂
t0nic, geoffo, mro, vilhalmer, AramZS, [0x3b0b] and pmlnr1 joined the channel
#
[KevinMarks] Is there a way to make the aside line up vertically with text in the main easily?
petermolnar[m] joined the channel
#
jeremycherfas Tufte style?
#
[KevinMarks] Yes, that's what I was thinking, but I don't know grid well enough. Do you need to make a new row?
#
[KevinMarks] With https://www.kevinmarks.com/memex.html the asides don't line up with the links in the text
AramZ-S[m], jbrr[m], cambridgeport90[, [tantek], benatkin, M85CD[m], geoffo, kandr3s, aynish, vladimyr, [aciccarello], mro and jonnybarnes joined the channel
#
jeremycherfas I suspect you do need a new row. I think the one I've seen is js
[aciccarello], M85CD[m], [tantek], jbrr[m], AramZ-S[m], petermolnar[m], pmlnr1, AramZS, [0x3b0b], vilhalmer, [Murray], IWSlackGateway, [KevinMarks], jjuran, jeremycherfas, lanodan, chenghiz_, IWDiscordRelay, ben_thatmustbeme, sebbu, Skyther[d], chee, omz13, willnorris, voxpelli, strugee, Kaja, jan6, GWG, klez_, jbove, Seirdy_, starrwulfe[m], sivoais, Zegnat, aaronpk, mcint, wagle, Ruxton_, ancarda, capjamesg, sebsel, vikanezrimaya, tommorris, benji, laker, joshproehl, Saphire, saptaks, jonnybarnes, geoffo, vladimyr, benatkin, lagash_, pharalia, cambridgeport90[, aynish, BinarySavior, gxt__, kandr3s, rocto, tiim, cellular, moose333, lockywolf, kushal, retronav, prologic, lqdev[m], gerben, kloenk, superkuh, Xe, oodani, ross[m]12, rubenwardy, oenone, eb, rrix, alecjonathon, srushe, neatnik, oxtyped, totertats, gRegor, mro, petermolnar, [jacky], [snarfed], [tw2113_Slack_], [schmarty] and mro_ joined the channel
#
[KevinMarks] Diff display issue for Mastodon https://github.com/mastodon/mastodon/issues/20783
#
Loqi [preview] [hanekju] #20783 Show changes if a post is edited
mro and [manton] joined the channel
#
[manton] Now that Bluesky is in the App Store, does anyone have access to the beta? I’d like to experiment with the protocol but not until I can use it… Feels like this should’ve rolled out to devs first.
#
prologic what's bluesky?
#
prologic Is that Twitter™'s experimtneal thing?
#
sknebel yep
#
[snarfed] I've been in for a while, I can see if I have invites to give out
#
prologic yeah for some reason I dismissed bluesky when I read how the protocol works
#
prologic I can't recall why
#
prologic something to do with how/where it stores data? and then there are still the possibility of ads?
#
[snarfed] ads are _possible_ in pretty much anything
#
[snarfed] re bluesky, I've dived pretty deep, talked with them, and built with it, eg granary now supports it, and https://github.com/snarfed/lexrpc . I like a number of the decisions they made
#
Loqi [preview] [snarfed] lexrpc: Python implementation of AT Protocol's XRPC + Lexicon
#
prologic [snarfed] what can you confirm about how the data model worls?
#
prologic is it in the user's control where it gets stored at all?
#
[snarfed] sure, of course. their PDS is the equivalent of a fediverse instance. you choose (or bring) your own, and put your data there
#
[snarfed] one key point is that migration is robust and built in from the beginning, as opposed to AP
#
[snarfed] https://atproto.com/guides/data-repos
#
[snarfed] https://atproto.com/guides/identity
#
[manton] [snarfed] Cool, if you do have an invite, I’d love one. 🙂 I expect it’ll be a while before they work through waitlist and I’m buried somewhere in the middle of it.
#
[snarfed] I'll check tonight!
#
[manton] Thanks!
angelo joined the channel
#
[Murray] [KevinMarks] Not at the moment, unfortunately. I've been trying to do exactly that since Grid first came out, but it's frustratingly hard to work. You can definitely do it with some clever JS, but not CSS alone. I do wonder whether either masonry layout or subgrid will help, but I haven't tried either yet
#
[KevinMarks] Hmm, [tantek] are you still following CSS updates closely?
#
[KevinMarks] The footnotes/endnotes/sidenotes discussion feels like a thing that could be made more declarative