#dev 2025-01-10
2025-01-10 UTC
# capjamesg[d] [Joe_Crawford] How can I set the size of a font such that the text will take up 100% of the parent container without overflowing?
[tantek]2 joined the channel
# [Joe_Crawford] You can’t is the short answer.
# capjamesg[d] Ahhhhh.
# [Joe_Crawford] We take text rendering for granted and think of it as simple and straightforward, and it is not JWZ recently made a JavaScript tool to do what you describe. And the way to do it is to program a box, put text in it keep adjusting the size up using JavaScript And then when the element suddenly gets taller because the text wraps go smaller.
# carrvo[d] Neat!
# [Joe_Crawford] DNA Sign on https://www.jwz.org/hacks/
# capjamesg[d] Fluid type works (https://utopia.fyi/) to an extent in making the text scale, but there is a specific breakpoint after which the text overflows.
# capjamesg[d] [edit] Fluid type works (https://utopia.fyi/) to an extent in making the text scale, but there is a specific breakpoint after which the text overflows.
# [Joe_Crawford] Jwz’s snarky comment: “Wrapping text remains the hardest problem in computer science.”
# [Joe_Crawford] History: look of SIFR and Cufon
# capjamesg[d] It looks like you can do it in JS.
# [Joe_Crawford] There’s a reason <nobr> was always my favorite HTML tag.
# capjamesg[d] wtf chrome?
# capjamesg[d] Why is Ask AI at the top of the menu when you right click on an element? 😭
# capjamesg[d] (For the record, I use Firefox.)
# [KevinMarks] you can do it in SVG, but it will squish the text horizontally
# Kolev capjamesg[d], oh no, Firefox has "Ask AI" now? Cancer.
# [KevinMarks] <svg width="100%" height="100%"><text x="0%" y="80%" font-size="3em" textLength="100%" lengthAdjust="spacingAndGlyphs">Kevin Marks</text></svg>
# [KevinMarks] Thats what we used to do in the early 90s, you remember the t-shirt styles
# [KevinMarks] as seen in my hacky hovercards https://unmung2.appspot.com/hovercard?url=aaronpk.com
[Murray] joined the channel
# capjamesg[d] Kolev Chrome, not Firefox.
# capjamesg[d] I wasn't using Firefox when I took that screenshot, but I wanted to say I usually use Firefox.
# aaronpk IndieAuth folks... please chime in with your opinion on this! https://github.com/aaronpk/draft-parecki-oauth-client-id-metadata-document/issues/26
# osteophage How so?
# [tantek] !tell [manton] two bits of feedback I've gotten re the updated micro.one and http://micro.blog home pages. (1) There's no obvious gallery of example micro.one or http://micro.blog blogs to look at to get an idea of what you are "getting". I had to ask the person to click your blog at the bottom of the home page, then click Discover, or your recommended blogs. (2) Even in Discover all the blogs look the same — would be better to see a
# osteophage Dreamwidth. Haven't used OpenID with it myself, but I remember noticing the option a while back.
# osteophage https://www.dreamwidth.org/openid/
# osteophage Glad to hear it!
[manton] joined the channel
# [manton] The “recommended blogs” list actually can be hosted anywhere, though, so it’s not a good example of only http://Micro.blog blogs.
# aaronpk gRegor: check out the "automatic registration" section https://openid.net/specs/openid-federation-1_0.html#section-12.1
# [tantek] I remember this problem from the old old days of blogging where on every "sign up to blog here!" service, all the blogs either looked the same, so you had to choose different services to get different looks, or there was only a fixed number of different themes you could pick from, and if you didn't like those then tough (like old Blogger IIRC)
# [tantek] whereas my understanding of the reality of http://micro.blog (and micro.one right?) is the sky is kinda the limit for a custom Hugo theme - you can make your http://micro.blog look like anything, like a Tumblr, like a random WordPress blog (if that's the look you're going for), like a Twitter stream (sorta the default already), maybe like a Discord channel in dark mode with lots of bright gamer colors etc.
# [tantek] anyway, all this as feedback as a result of pitching http://micro.blog / micro.one to lots of folks 1:1 🙂
gregsarjeant, geoffo, bugliker, grufwub, claudinec, bterry1, troojg and [KevinMarks] joined the channel
[Murray], ttybitnik and [manton] joined the channel
# [KevinMarks] You can make Blogger look like anything, but the template language is a bit hinky, and by default it gives you a separate mobile style which is a bit retro.
nemonical, [Murray], [marksuth], [KevinMarks]1, [tantek] and [KevinMarks] joined the channel
# [KevinMarks] It was fussy xml with html inside so would give confusing validation errors iirc. Last time I spent a lot of time on it was adding mf1 to default templates circa 2008
troojg joined the channel
troojg and [snarfed] joined the channel
# [snarfed] doesnm Bridgy Fed supports microformats2 h-entry, via webmention! https://fed.brid.gy/docs#web-how-post
GuestZero_ joined the channel
gRegor, GuestZero and [aciccarello] joined the channel
# [snarfed] doesnm if you don't want to use Atom or RSS, you'd send a webmention to https://fed.brid.gy/ from the post on your site that you want to publish
# doesnm https://doesnm.p.psf.lt. Now i'm move h-feed to main page
[Joschi_Kuphal], sebbu2, troojg and ttybitnik joined the channel