#dev 2018-01-23

2018-01-23 UTC
#
[kevinmarks] http://www.kevinmarks.com/square.html
#
aaronpk Oh funny
#
aaronpk I might steal that
#
aaronpk Can you embed style tags in svg? Cause I also want it to be a standalone svg
#
[kevinmarks] help yourslef
#
[kevinmarks] if it's svg you need to be strick xml, so quote all the attributes
#
KartikPrabhu aaronpk: Most CSS styles can be done using SVG attributes like color and fill etc...
#
KartikPrabhu aaronpk: see the source on this if it helps https://kartikprabhu.com/static/demo/indietech.html it does not have embedded styles though
#
[kevinmarks] hm, I'm not sure the css can set the attributes like that in pure svg
tantek joined the channel
#
aaronpk hm that is just a blank page in iOS Safari
#
KartikPrabhu aaronpk: hmm :( I recall there being some DocType issue in iOS or something. works in FF and Chrome
#
KartikPrabhu sorry, I gave up debigging things for Apple stuff since they do their own thing anyway
#
aaronpk lol
#
aaronpk Oh well
#
KartikPrabhu aaronpk: for reference https://github.com/indietechrocks/indietech.rocks/issues/6#issuecomment-312735501
#
Loqi [jernst] Excellent! Looks much better. Does the animated logo come up on Android? It doesn't on iPhone. Is there a way of using a static PNG instead of the SVG on mobile?
#
KartikPrabhu if you figure it out let me know!
#
KartikPrabhu related does my site logo show up on iOS Safari? https://kartikprabhu.com/
#
aaronpk Is this right? https://i.imgur.com/bCdQ3cW.jpg
#
KartikPrabhu yup! so my embedded SVG does show up there!
#
KartikPrabhu weird
#
KartikPrabhu aargh
#
KartikPrabhu ok will look into this sometime
#
[kevinmarks] oh, that symbol technique could work for aaron
#
KartikPrabhu right. you only need to define the square in one place
#
KartikPrabhu and then <use > it 60 times
#
KartikPrabhu I wonder if <symbol> or <g> is not recognized in iOS
#
[kevinmarks] that doesn't work in mac safari either
#
KartikPrabhu [kevinmarks]: could you retry https://kartikprabhu.com/static/demo/indietech.html
#
KartikPrabhu maybe clear cache
#
KartikPrabhu or aaronpk ^^
camb joined the channel
#
[kevinmarks] with shift-reload it worked
#
[kevinmarks] what was wrong?
#
KartikPrabhu nice!
#
Loqi It looks like we don't have a page for "wrong" yet. Would you like to create it? (Or just say "wrong is ____", a sentence describing the term)
#
KartikPrabhu in the <use> tag "xlink:href" instead of "href", being SVG v.1.1 vs V.2.0
#
[kevinmarks] ah
#
[kevinmarks] you are overriding the width and heght to the same in that one
#
KartikPrabhu yeah I recall I needed it for something to render correctly. Might try optimising it more now that the display stuff is resolved
#
loqi.me edited /js;dr (+115) "[kevinmarks] added "https://product.voxmedia.com/2018/1/22/16902862/why-ads-redirect-to-giftcards-and-what-were-doing-to-secure-them" to "See Also"" (view diff)
#
[kevinmarks] the trouble with svg being xml is that you get draconian problems
eli_oat joined the channel
#
loqi.me edited /Facebook (+72) "[kevinmarks] added "https://phys.org/news/2018-01-secret-history-facebook-depression.html" to "See Also"" (view diff)
snarfed, snarfed1, [kevinmarks] and [xavierroy] joined the channel
#
[xavierroy] It works now. But the timestamp is incorrect.
#
[xavierroy] The offset is not added to the timestamp.
renem, camb and eli_oat joined the channel
#
@Johannes_Ernst jernst 16:43 on January 21, 2018 Permalink Log in to leave a Comment Planning to be at the One Million Webmention Party! This week on Wednesday at Mozilla San Francisco. Come join us? Also on: Reply Cancel replyYou must be… https://upon2020.com/banter/?p=2485 (twitter.com/_/status/955645952802676738)
tantek, chrisaldrich, [chrisaldrich] and snarfed joined the channel
#
aaronpk I totally rewrote my thing on the plane!
#
aaronpk Now it's svg!
#
aaronpk Will launch it soon!
#
KartikPrabhu aaronpk: nice
#
aaronpk I could probably optimize it a little more if I had access to svg docs but it's pretty good as is
#
KartikPrabhu could always optimise it later
cweiske and sebsel joined the channel
#
@sdepolo Celebrate 1 million mentions using #indieWeb tools. 🎉🔁ℹ️ Learn how to use social networks without getting played. https://snarfed.org/1-million-webmentions Retweet to spread the word https://pbs.twimg.com/tweet_video_thumb/DUNf1ekV4AEi_ZK.jpg (twitter.com/_/status/955714723206512641)
loicm and jjuran joined the channel
#
petermolnar analytics for js;dr people: https://github.com/jbtronics/CrookedStyleSheets
#
Loqi [jbtronics] CrookedStyleSheets: Webpage tracking only using CSS (and no JS)
#
petermolnar I still don't know if it's genious or incredibly hostile
jeremycherfas joined the channel
#
@nortix Ich habe #Webmention in #WordPress integriert. Tolle Sache, darf sich gerne durchsetzen. (twitter.com/_/status/955768742247587840)
#
petermolnar is anyone aware of a provider offering real (not qemu or x86) arm android vpses?
#
petermolnar or just ps (private server)
[miklb] joined the channel
#
[miklb] speaking of squares & css-grid, going to give this a go for archive pages https://bitsofco.de/github-contribution-graph-css-grid/
#
[miklb] probably as a WordPress plugin
globbot and [tantek] joined the channel
#
[tantek] What is a contribution graph
#
Loqi posting graph is a visualization of post publishing frequency which can be presented in various ways like a calendar heatmap or a sparkline, and also called contributions or a contribution graph by GitHub https://indieweb.org/contribution_graph
#
[tantek] miklb very cool! Can you add that to ^^^ ?
#
[tantek] This is an interesting js:dr; variant: https://twitter.com/simonw/status/955762394814296064
#
@simonw @sjh_canada Hey @BBCWorld any chance you could fix the embedded Facebook posts and tweets in that article? https://pbs.twimg.com/media/DUOM1BJUQAE6qEz.jpg (twitter.com/_/status/955762394814296064)
leg joined the channel
#
[tantek] I feel like there are aspects / implications here for /citation /quote and /embed
#
[tantek] petermolnar please add that crookedstylesheets thing to /analytics ! Thank you!
#
[miklb] agreed. That’s why I’m quite pleased with the way GWG/WordPress store the full text of the tweets I quote tweet/reply to from my site, so they still display without js, and I’d assume in that scenario as well.
#
[tantek] @miklb good q. I wonder if executing the foreign js can actually cause the non-display though if it is live checking for deletion/hiding (quoted text still available in view source). Might need to test it
#
sknebel if you use the Twitter API you are required to check for deletion as well, so I'd expect the widgets to do the same
#
[miklb] interesting.
#
[miklb] what is deleted webmention?
#
Loqi It looks like we don't have a page for "deleted webmention" yet. Would you like to create it? (Or just say "deleted webmention is ____", a sentence describing the term)
#
sknebel what is delete?
#
Loqi A deleted is a post that has been removed https://indieweb.org/delete
eli_oat joined the channel
#
[miklb] I definitely want to test that now to see how WP handles that. I’m not even sure where the tweet url is pulled from, brid.gy I’m assuming.
#
[miklb] but WordPress does store the content of the tweet in a transient I believe. hmm
eli_oat and leg joined the channel
#
GWG What?
renem and sl007 joined the channel
#
sl007 hello.
#
Loqi sl007: tantek left you a message on 2017-09-18 at 5:54pm UTC: re: https://twitter.com/sl007/status/909734448475885568 perhaps consider filing an issue asking for Webmention support, and citing the W3C Recommendation, implementation reports, test suite etc. https://github.com/coralproject/talk/issues
#
aaronpk waves
#
aaronpk this is where all the protocol/format/syntax discussion happens
KartikPrabhu joined the channel
#
sl007 ok.
snarfed, [pfefferle], [colinwalker], jeremych_, tantek, eli_oat and leg joined the channel
#
tantek lots of good news today
#
tantek WebSub is a REC!
#
tantek https://twitter.com/sandhawke/status/955802084825337856
#
@sandhawke WebSub (formerly PubSubHubbub) is now a W3C Recommendation, much thanks to editors @aaronpk and @julien51. Now a standard way to request notification when a web page changes. Check it out. https://www.w3.org/TR/websub/ (twitter.com/_/status/955802084825337856)
#
tantek https://www.w3.org/blog/news/archives/6787
#
Loqi The Social Web Working Group has published WebSub as a W3C Recommendation. WebSub provides a common mechanism for communication between publishers of any kind of Web content and their subscribers, based on HTTP web hooks. Subscription requests are re...
#
tantek WebSub++
#
Loqi websub has 2 karma in this channel (4 overall)
#
aaronpk yeah!!
#
aaronpk and IndieAuth was published too! https://www.w3.org/TR/indieauth/
#
Loqi [Aaron Parecki] IndieAuth
eli_oat joined the channel
#
tantek IndieAuth++
#
Loqi indieauth has 1 karma in this channel (2 overall)
[tantek], eli_oat, gRegorLove, KartikPrabhu, snarfed and [kevinmarks] joined the channel
#
[kevinmarks] If you use the official tweet embed syntax, as designed by Ben Ward, the text is in a blockquote, and the decorator code doesn't show if it is deleted, but the text still will.
#
GWG I just sent melchoyce a Webmention. Hope that works out.
#
tantek.com edited /Facebook (+527) "/* How to wean yourself from */ another intermediate step, check just your profile URL" (view diff)
#
tantek [kevinmarks] but the decorator code will explicitly *hide* it if it has been deleted right?
[keithjgrant] joined the channel
#
KartikPrabhu aaronpk: made a version with embedded CSS in SVG https://kartikprabhu.com/static/demo/indietech.html
#
KartikPrabhu if it helps
#
aaronpk nice
#
aaronpk I did figure out how to add css to my svg yesterday!
#
KartikPrabhu the CDATA escaping thing is annoying though
#
aaronpk oh I didn't do that
#
KartikPrabhu oh! interesting, I recall it didn't work for me once without putitng the CSS in a CDATA thingie
#
aaronpk I haven't done a lot of cross-browser testing yet so that might be the case still
#
KartikPrabhu yeah, I think there is something in XML where non-XML things like CSS, HTML should be put inside CDATA stuff
#
tantek yes
#
KartikPrabhu had to do that for my Atom feed too
#
aaronpk hey xray deals pretty well with this nightmare of an h-entry https://aaronparecki.com/2018/01/23/5/grid
#
aaronpk "pretty well" meaning it doesn't spew XML everywhere and instead just returns blank content
#
KartikPrabhu intersting
#
aaronpk so I sohuld add CDATA in that style tag?
#
KartikPrabhu aaronpk: I would recommend it
#
KartikPrabhu my example link should have the correct escaping sequence
#
KartikPrabhu aaronpk: it seems php-mf2 and mf2py give different results for the content value for your h-entry
#
aaronpk oh funny, the python parser returns the text inside the style tag
#
aaronpk also wait what since when does the python parser return "content" and "content-plain" properties instead of a content object?
#
KartikPrabhu uhh! that should not happen, it should give content object as usual
#
aaronpk oh the "process with mf2util" checkbox does some transformations
#
KartikPrabhu aah yes
#
tantek is paying the price (tax?) for originally embedding IG jpgs in his photo posts
#
loqi.me created /per_post_style (+30) "prompted by tantek and redirect added by tantek" (view diff)
#
loqi.me created /custom_styling (+30) "prompted by tantek and redirect added by tantek" (view diff)
#
loqi.me created /custom_style (+30) "prompted by tantek and redirect added by tantek" (view diff)
#
loqi.me created /post_style (+30) "prompted by tantek and redirect added by tantek" (view diff)
eli_oat joined the channel
#
tantek now do I switch to the Twitter or Flickr copy of the image as an embedding fallback
#
tantek I think I trust Twitter more than Verizon
#
KartikPrabhu for now :P
#
tantek nm I don't have a choice, I didn't POSSE the one I'm looking at to Flickr
#
tantek and looks like Twitter is blocking embedding of images from local files?
#
loqi.me created /wall_of_text (+254) "prompted by tantek and dfn added by aaronpk" (view diff)
#
loqi.me edited /antipatterns (+19) "tantek added "[[wall of text]]" to "See Also"" (view diff)
#
aaronpk edit conflict!
#
tantek Loqi wins!
#
aaronparecki.com edited /wall_of_text (+132) "text-only wall of texts are a thing too" (view diff)
raretrack, [miklb] and John_Ivan joined the channel
#
aaronparecki.com edited /wall (+683) "add me, sort of" (view diff)
#
gRegorLove aaronpk, Hope people don't use your grid to send botnet commands like happened with tweets :)
#
Loqi gRegorLove: tantek left you a message 1 day, 21 hours ago: interesting favorites display on your post https://gregorlove.com/2018/01/hello-from-indiewebcamp-baltimore/ - do you have a name for that design pattern? (since it's not a /facepile) namepile sounds wrong because it's a comma separated list
#
aaronpk lol!
#
aaronpk good thing it only holds 60 bits
#
gRegorLove tantek: Thanks. I mostly like it, but still might tweak it. Not sure a name for it, but I'll think about it.
cweiske joined the channel
#
gregorlove.com edited /likes (+648) "/* IndieWeb Examples */ +me" (view diff)
#
gRegorLove tantek: I'm also experimenting with collapsing the list with an "and X others" link that expands them. Only on articles currently: https://gregorlove.com/2017/10/hello-san-diego/#responses Requires JS though, making a note to work on that.
#
Loqi [Andreas Mueller] (Hopefully this joke is still funny): "it’s still quite tiring and less fun when you’re driving alone." No one to blame but yourself, bud.
#
gRegorLove Hah, I didn't realize Loqi did that with anchors. Nice.
loicm and eli_oat joined the channel
#
loqi.me created /Brackets (+86) "prompted by gRegorLove and dfn added by gRegorLove" (view diff)
#
www.boffosocko.com edited /collection (+126) "Chris Aldrich example" (view diff)
KartikPrabhu joined the channel
#
@mrkrndvs @IaninSheffield That was my bad. As not every site has webmentions, I have taken to pasting the post/comment into t… https://twitter.com/i/web/status/955921236395048960 (twitter.com/_/status/955921236395048960)
leg, snarfed and [kevinmarks] joined the channel
#
@mrkrndvs @IaninSheffield I think that you commented on the comment I added to WordPress, rather than the webmention one SO I… https://twitter.com/i/web/status/955927720176660480 (twitter.com/_/status/955927720176660480)
tantek, loicm, [eddie] and snarfed joined the channel
#
gregorlove.com uploaded /Special:Log/upload "uploaded "[[File:IWC-Baltimore-Schedule-2018-01-20.jpg]]" https://indieweb.org/File:IWC-Baltimore-Schedule-2018-01-20.jpg"