#dev 2017-01-14

2017-01-14 UTC
KevinMarks joined the channel
#
aaronpk shoot, i can't figure out how to make this appear in the right spot and also have the microformats work out
#
aaronpk i want to have the "aug 10" on the same line as barnaby's author info, but I don't want it to be part of his h-card https://media.aaronpk.com/Screen-Shot-2017-01-13-18-36-58.png
#
aaronpk i'm just gonna cheat for now and make a hidden <a> link outside of that div
#
KartikPrabhu is there a live example
#
aaronpk not yet
#
aaronpk i'm gonna push it up with my hack
#
KartikPrabhu the <div> with the h-card is taking up all of the horizontal space?
#
aaronpk the h-card div contains the author photo and that whole top line
#
KartikPrabhu maybe try using display: inline or display: inline-block?
#
aaronpk i tried inline-block and it made the vertical spacing take up the whole amount of the profile photo and then i ran away in fear
#
KartikPrabhu hmm yeah I was afraid of that
#
KartikPrabhu i'll play around once you have a live example
#
aaronpk sometimes i feel like this about css http://i3.kym-cdn.com/photos/images/facebook/000/234/765/b7e.jpg
#
KartikPrabhu haha! yeah takes me a few minutes of fiddling around to get it right too
#
Loqi KartikPrabhu: lol
#
aaronpk here it is! https://aaronparecki.com/2016/08/10/17/
#
Loqi [Aaron Parecki] ooh that looks amazing! Wooden badges would be super cool.
#
aaronpk i took off the mf2 u-url class on the date, but that's where i want it
#
KartikPrabhu ok this seems to work on FF. Move the <a> outside the <div class="author...">
#
KartikPrabhu then make display:inline for the <div class="author...">
#
aaronpk that's what i originally tried, but this is how it looks in chrome https://media.aaronpk.com/Screen-Shot-2017-01-13-18-58-52.png
#
aaronpk gotta go thru airport security. back in a bit.
#
KartikPrabhu in FF inline-block does the same but inline does not
KartikPrabhu joined the channel
#
KartikPrabhu or simpler would be to convert the <div class="author..."> into a <span class="author..."> since spans are inline by default
#
KartikPrabhu works on both Chrome and FF on Ubuntu here
#
aaronpk oh you're right. i thought i was typing display:inline but i was typing inline-block
#
KartikPrabhu i would simply make them <span> and leave it at that
#
aaronpk yes that works great, thanks
#
aaronpk not sure why i didn't see that :)
#
KartikPrabhu :thumbs-up:
#
aaronpk i'm super excited about almost having reply contexts again
tantek and KevinMarks joined the channel
#
david.shanske.com edited /YouTube (+35) "/* How to export */" (view diff)
KevinMarks and KevinMarks_ joined the channel
#
@keithjgrant I somehow missed the emergence of Webmentions. Could be the key to decentralizing social networks on the web. https://t.co/K3R2FlScn4 (twitter.com/_/status/819989976641404928)
#
@hex_pm webmentions (0.2.1): A Webmentions (https://t.co/3SENthCZdI) module for Elixir https://hex.pm/packages/webmentions (twitter.com/_/status/820178886516305920)
tantek, ncollig_ and sebsel joined the channel
#
Zegnat sebsel, I would use a CSS selector for the language flag something like this: .h-entry:not([lang|="nl"]) a[hreflang|="nl"]::after { content: ' ??'; }
#
Zegnat (Moving here because discussion of CSS selectors is definitively -dev)
#
sebsel I now have [hreflang^=nl] here, because of nl-NL
#
Zegnat |= is better, it matches before a “-”
#
Zegnat Basically specifically for matching things like language codes :)
#
sebsel oh, I see!
#
Zegnat Now I just need to figure out the selector for the default language (en-GB in my case), because checking the h-entry’s lang isn’t possible there
#
Zegnat sebsel, in case you are interested in using it: https://gist.github.com/Zegnat/b6cd5c86c8f3197d8c420729db7e7843
#
@gsavastano Webmention is a W3C Recommendation https://www.w3.org/blog/news/archives/6052?pk_campaign=feed&pk_kwd=webmention-is-a-w3c-recommendation #blogs #feedly (twitter.com/_/status/820267473446572032)
#
sebsel I was on a totally different tour: https://github.com/sebsel/hreflang-emoji
#
Zegnat Your CSS is far more generic, that is for sure.
#
sebsel :')
#
sebsel It's hard to put that :not() into a generic thing I guess
#
Zegnat Yes, I am not sure how that would work. You really need to find the nearest parent with a lang attribute and check that, but there is no way to do that in CSS AFAIK
#
Zegnat So the next best thing I could think of is to bind it to the lang of my h-entry
#
sebsel which would not work on my blog btw, because my lang is on the <html> and the h-entry on the <body>
#
sebsel But I could fix that.
#
sebsel oh no, my lang is on e-content, if it's not "nl", because I have a "nl" on <html>
#
sebsel (and p-name and p-summary)
#
Zegnat Yeah, so you would use my code but with .e-content:not() as prefix. Which is fine too.
#
Zegnat You put multiple lang attributes in instead of picking a common ancestor for articles with p-name et al?
#
sebsel since yesterday I do.
#
sebsel because I am not translating my date to the lang of the post yet.
#
sebsel which is not a problem for mf2 because of dt-*, but it is for just the html.
#
sebsel I also don't translate the 'Seb vindt X leuk' for likes.
#
sebsel So it's only on the e-content containing the real text content of my posts.
#
Zegnat Well, those are just Dutch like posts, so no need to translate IMHO
#
sebsel That's true: they never have a lang=en on them.
#
sebsel (strictly they should have, if the liked post-title is in English)
#
Zegnat Only the post title would need to be english
#
sebsel so many things!
#
Zegnat Seb vindt <a href="http://example.com" hreflang="en" lang="en">Example.com Writes A Post</a> leuk
#
sebsel I still would need to store that 'en' somewhere.
#
Zegnat Yes
#
sebsel But that could be the output of the Mf2.
#
sebsel That's a different problem
#
Zegnat Just saying you don’t need to have English and Dutch likes, just Dutch is fine.
#
sebsel :)
#
sebsel Wait until my Japanese gets good enough.
#
Zegnat How do you cite a Japanese post title in Dutch running text? Is left-to-right fine for the Japanese?
#
@Inferno2033 Indie Author Answers http://www.thejugglingauthor.com/indieauth/ https://twitter.com/Inferno2033/status/820272535707283456/photo/1 (twitter.com/_/status/820272535707283456)
#
doubleloop.net edited /events/2017-01-25-homebrew-website-club (-3) "/* London */ Add RSVP" (view diff)
ncollig_ joined the channel
#
sebsel Zegnat yeah on the internet all Japanese is just left-to-right.
#
Zegnat Ah, alright, that won’t conflict then
#
sebsel I haven't used lang=jp properly on the imported tweets tho
#
Zegnat I am not sure how to cite a right-to-left language within a left-to-right post. Never had to do that.
#
seblog.nl edited /micro.blog (+283) "added Manton's answer :)" (view diff)
#
sebsel there's an html tag for that I believe? also an css property
#
KevinMarks_ Using a country flag to indicate language isn't a great idea.
#
KevinMarks_ Not that there are good icons for languages, but what would a Belgian or Swiss flag mean?
#
KevinMarks_ Every country is imperfectly multilingual too.
#
jonathanprozzi.net edited /Homebrew_Website_Club (+4) "/* Baltimore */" (view diff)
#
Zegnat KevinMarks_, I don’t think you would use the Belgian flag, ever.
#
Zegnat They are in the habit themselves of using the Dutch flag for Dutch and French flag for French.
#
seblog.nl edited /language (+307) "+ How to display" (view diff)
ncollig_ joined the channel
#
loqi.me created /multilingual_blogging (+173) "prompted by sebsel and dfn added by sebsel" (view diff)
#
loqi.me edited /language (+28) "sebsel added "[[multilingual blogging]]" to "See Also"" (view diff)
#
seblog.nl edited /multilingual_blogging (+269) "added Indieweb examples" (view diff)
#
loqi.me edited /multilingual_blogging (+139) "/* See Also */ new section" (view diff)
#
seblog.nl edited /multilingual_blogging (+29) "more see also" (view diff)
ncollig_ joined the channel
#
seblog.nl edited /programming_language (+43) "moved from /language" (view diff)
#
seblog.nl edited /language (+697) "moved programming languages and documented uses for language markup" (view diff)
#
seblog.nl edited /internationalization (+283) "moved some stuff from /language" (view diff)
#
seblog.nl edited /language (+534) "expanding" (view diff)
#
@bobinson webmentions: http://freebird.in/b/b6 (twitter.com/_/status/820335578126438400)
tantek joined the channel
#
@bobinson webmentions: http://freebird.in/wm (twitter.com/_/status/820355952192929792)
KevinMarks and KevinMarks_ joined the channel
#
tantek.com edited /rsvp (+546) "/* Text Design */ brainstorming RSVP "interested" with "considering tonight's ", "considering today's " (about to use), and "considering going to " text prefix equivalents" (view diff)
KevinMarks_ and KevinMarks joined the channel
#
tantek.com edited /rsvp (+153) "implemented and posted RSVP interested" (view diff)
KevinMarks joined the channel
#
www.svenknebel.de edited /Template:adactio (+1) "https icon" (view diff)