#dev 2018-01-16

2018-01-16 UTC
snarfed, KartikPrabhu and [kevinmarks] joined the channel
#
gregorlove.com edited /Evergreen (+126) "h-feed support" (view diff)
snarfed, renem, curve25519, KartikPrabhu, sebsel, Loqi, cweiske, barpthewire, [kevinmarks], AngeloGladding, muezlimuez and muzeli joined the channel
#
muzeli Hi everyone
deathrow1 and [kevinmarks] joined the channel
#
[kevinmarks] Hi muzeli
#
muzeli Hey I was thinking about implementing the indieweb principles for my portfolio, but I was hoping I could get some recommendations. My source is here: github/ismay/ismaywolff.nl, and I'm thinking of incorporating medium articles and instagram. Any recommendations on how to push updates to my site to those services.
leg joined the channel
#
cweiske instagram: https://indieweb.org/Instagram#POSSE
#
cweiske "Instagram does not have a photo upload API. "
#
cweiske medium: https://indieweb.org/Medium#POSSE
#
aaronparecki.com edited /Instagram (+295) "/* POSSE */ PESOS" (view diff)
deathrow1 joined the channel
#
muzeli Hmm yeah I found those articles. Was hoping instagram also supported posting via api somehow
#
muzeli I think I'll just do both manually then
#
Zegnat Best you can do is PESOS Instagram through scraping. (Or by having someone else handle the scraping, e.g. OwnYourGram.)
#
Zegnat There is also an IndieWeb event (Homebrew Website Club) in the Netherlands that could be interesting if you are looking for ideas on how to do this!
#
aaronparecki.com uploaded /Special:Log/upload "uploaded "[[File:twitter-follow-back.png]]" https://indieweb.org/File:twitter-follow-back.png"
#
aaronparecki.com edited /follow (+130) "/* Twitter */" (view diff)
leg joined the channel
#
muzeli Zegnat: cool, thanks, I'll take a look!
#
davidpeach.me edited /Laravel (+204) "/* Planned packages */" (view diff)
[mail] joined the channel
#
[mail] Anyone use Laravel with their indieweb site?
#
aaronpk I do!
#
[mail] ooh
#
[mail] I had mine before, but lost my server. Am in process of planning out a rebuild.
#
[mail] with L5.5
#
aaronparecki.com edited /Laravel (+128) (view diff)
#
[mail] It was your site that inspired me to get back on the IndieWeb train if im honest
#
aaronpk i'm still on 5.2
#
aaronpk there are some pretty major changes from 5.2 to 5.5 so it'll take a while to upgrade
#
[mail] ah k.
#
aaronpk it's probably worth doing at some point just so I don't get even farther behind
#
[mail] how have you structured your db?
#
[mail] For example, i am starting off just with ability to add notes.
#
[mail] But going forward I will want to track films watched, TV, runs etc etc.
#
[mail] I was thinking of a single post table to be the base of ALL posts, then each type could have own sub table. Like for Runs would have mileage / time that wouldn't apply elsewhere for example.
#
[mail] And adding food too
#
[mail] may want calories info etc
#
[mail] all specific to a 'type'
#
[mail] although It was mentioned that hard and fast types are being moved away from
#
aaronpk yep, one of the main reasons I rebuilt my site in the first place was to get away from strict post types
#
aaronpk also I don't store posts in the DB, they're stored as files on disk and just a few attributes are indexed in the database
#
aaronpk https://indieweb.org/p3k#Storage
#
[mail] wow. okay
#
[mail] so do you store comments to like that? or in db?
#
aaronpk comments are in the DB only right now
#
[mail] ahh k
#
aaronpk I want to write them to disk as well so they're easier to back up, but haven't solved that yet
#
[mail] is that a speed-related decision to use the disk?
#
[mail] oh for easier backup
#
aaronpk no, more about being easier to maintain over time, and easier to edit
#
[mail] ah k
jeremycherfas joined the channel
#
[mail] so you have interface that will read that into an edit / create form, then save back to that file on save
#
aaronpk I don't have a built-in posting interface, I use Micropub clients to create posts
#
aaronpk for certain long articles I do edit the file on disk via SFTP directly sometimes
#
[mail] ahh k. I like what you've done. I may still go with a mysql route though.
#
cweiske anyone using a Wiko phone? If yes, immediately disable the file manager.
#
[mail] thank you aaronpk
#
aaronpk np
eli_oat and snarfed joined the channel
#
[mail] welcome
#
[mail] aaronpk what are those coins on some of your posts?
#
aaronpk they're from Swarm
#
[mail] ahhh k
John_Ivan, [xavierroy], snarfed, cweiske and [joe] joined the channel
#
[joe] Is there a dev guide for implementing webmentions, I mean beyond https://indieweb.org/webmention-implementation-guide. I have the links working, but I see many implementations that go back to the Source URL and parse out and display info found in the h-entry and h-card.
#
[joe] But there's obvious security concerns with how to do that.
#
aaronpk the security concerns around that are essentially the same as accepting any external or user-created data
#
[joe] And other probably best practices, like making a copy/thumbnail of the author picture
#
aaronpk it'd probably be a good idea to create a sort of "best practices" guide with all that info
#
aaronparecki.com edited /webmention-implementation-guide (+162) "/* Resources */" (view diff)
#
aaronparecki.com edited /location (+149) "move indieweb examples to the top, add apps section" (view diff)
#
aaronparecki.com created /Category:location (+76) "Created page with "This category collects apps, tools and resources for managing location data."" (view diff)
#
aaronparecki.com edited /Category:location (+45) "see also" (view diff)
KartikPrabhu and leg joined the channel
#
martymcgui.re uploaded /Special:Log/upload "uploaded "[[File:iwc-baltimore-2018-darksky-forecast.png]]" https://indieweb.org/File:iwc-baltimore-2018-darksky-forecast.png"
[kevinmarks] and snarfed joined the channel
#
cweiske can I use <link rel="u-syndication">?
#
aaronpk rel? no
#
cweiske only <a>?
#
aaronpk IIRC there's a discussion about <link class="u-syndication"> tho
#
aaronpk ah, discussion resolved, spec was updated to allow class u-* on link elements http://microformats.org/wiki/index.php?title=microformats2-parsing&diff=66652&oldid=65765&rcid=103511
#
Loqi [Tantek Çelik] microformats2 parsing specification
#
aaronpk <link class="u-syndication" rel="syndication"> should work in theory now
#
cweiske the first syndication link ever on my blog, https://cweiske.de/tagebuch/dark.silent.htm
#
Loqi [Christian Weiske] dark.silent Android trojan on Wiko phones
#
dgold !tell eli_oat something seems amiss with your h-card on eli.li; author->value and author->properties->name are both returning ", author imageeli"
#
Loqi Ok, I'll tell them that when I see them next
#
eli_oat thanks @dgold. I'll take a peek at that when I get home/over lunch!
#
dgold oh, you're here :)
#
eli_oat I'm a lurker
#
eli_oat #alwaysbelurking
[joe] joined the channel
#
GWG snarfed: I just had one more idea for that PR I want to put in before merge.
#
GWG snarfed: Should I, or should I do a separate one? I want the headers to automatically be removed if MICROPUB_LOCAL_AUTH is set.
#
snarfed this one is ready to merge, so let's do a separate one
#
GWG Okay
#
GWG I'll wait till you get a chance to merge it. As it uses the new function names I just created
#
eli_oat @aaronpk, are you using a JS thing to handle the UI for tags in quill? I'm looking for something that'll turn a comma separated list into a bunch of little pills like you do.
#
aaronpk yep, this one http://sliptree.github.io/bootstrap-tokenfield/
#
eli_oat awesome!
#
eli_oat thanks
gRegorLove and arturi joined the channel
#
aaronpk feedbin supports micropub! (kind of) https://github.com/feedbin/feedbin/blob/master/app/models/share/micro_blog.rb
#
aaronpk currently hard-coded to micro.blog, but this is a good indication of how straightforward it is anyway
#
aaronparecki.com edited /Microsub-spec (+2609) "brainstorming based on feedback" (view diff)
#
aaronpk just added some brainstorming around per-item data and read/unread stuff https://indieweb.org/Microsub-spec#Brainstorming
KartikPrabhu, barpthewire, EmreSokullu and [artur] joined the channel
#
dgold nnnggghhhh. Getting site data is _hard_
tbbrown joined the channel
#
schmarty dgold: e.g. for hugo? what are you working on with site data, now?
#
dgold schmarty - extracting meaningful contextual data from like/repost
#
schmarty dgold: oh, yeah. more and more i am pushing towards external processes/services to maintain that kind of data in template-friendly forms.
#
dgold aaronpk's xray is great, for twitter, faecbook & indieweb-aware locations
#
dgold (I'm sure its great for other places too, but I'm not using them)
#
dgold outside of those, its a nightmare
#
aaronpk wait what? what are you expecting it to parse?
#
dgold opengraph metadata is, thus far, the best of a bad lot, but implementations of it are all over the place
#
dgold no - xray is great! I love xray! xray is not the nightmare :-)
#
snarfed embedly++
#
Loqi embedly has 1 karma
#
dgold i'm saying that websites - bizarrely especially publications - really have no reliable metadata standardisation
#
aaronpk yeah I think the best you can expect right now is the opengraph/twitter meta stuff since publishers have a relatively strong incentive to make those look good
#
aaronpk they're definitely a preview of the content tho, not the whole content
#
aaronpk that's partly why I haven't put that into XRay
#
snarfed hey aaronpk do you have a copy of just the W in https://github.com/aaronpk/webmention.rocks/blob/master/public/assets/webmention-rocks-icon.png , ie without the star?
#
aaronpk I can extract that
#
dgold my use case is for a preview; I have philosophic objection to reposting longer items.
#
snarfed thanks. and is there a font it's based on?
#
aaronpk dgold: oh yeah, me too. if I repost or favorite something with a name, then it only shows the name.
#
dgold nod nod
#
KartikPrabhu if the page does not have any metadata fallback to the URL
#
snarfed ew. or better, manual
#
KartikPrabhu sure. but if you don't feel like manually adding context, just use the URL
#
aaronpk I fall back to the URL, cause my workflow for favoriting things does not involve an interface where I could add text
#
aaronpk snarfed: the font is apparently called "ComicBook" but I can't find a link to it and it's not on my computer anymore!
#
snarfed thanks! ok
#
aaronparecki.com uploaded /Special:Log/upload "uploaded "[[File:webmention-rocks-W.png]]" https://indieweb.org/File:webmention-rocks-W.png"
#
aaronparecki.com uploaded /Special:Log/upload "uploaded "[[File:webmention-rocks-W.svg]]" https://indieweb.org/File:webmention-rocks-W.svg"
#
aaronpk there you go https://indieweb.org/File:webmention-rocks-W.svg
#
snarfed aaronpk++ yay thx
#
Loqi aaronpk has 108 karma in this channel (1536 overall)
#
Loqi yay!
#
aaronpk ooh I think it's this one http://www.fontriver.com/font/comic_book/
#
aaronpk hm no not quite
[kevinmarks] joined the channel
#
[kevinmarks] Re metadata - I need to finish my post where I compare them all and send different things to each silo, but crikey there are a lot of them
#
[kevinmarks] View source on http://www.kevinmarks.com/partialsilos.html
#
Loqi Partial Silos 2018-01-15
#
dgold sends [kevinmarks] slaps for not attributing his images
#
[kevinmarks] Yes there are 2 different RDF representations because Google doesn't talk to itself
#
[kevinmarks] The real post attributes them
#
[kevinmarks] But I should probably burn in the artists name on the silo-sent ones
#
[kevinmarks] Good point.
#
dgold they really are wonderful though
#
dgold he did another amazing set, i think it was supposed to be a commentary on communism
#
[kevinmarks] I like the metaphor of dying retail better than silo in some ways
#
dgold i was quite upset to discover that he used clays - I wanted to go to wherever the twitter image came from
#
dgold [kevinmarks]: very nice project, however, very nice indeed
gRegorLove_ joined the channel
#
Zegnat [kevinmarks] did you see https://snook.ca/archives/html_and_css/open-graph-and-sharing-tags (which I linked not too long ago) about merging Twitter and Facebook tags?
#
[kevinmarks] I saw adactio's version
#
dgold Zegnat: I did not see that - *thank you*
#
dgold what is adactio's version?
#
Zegnat I am guessing adactio might have had a link post to it
#
dgold i may have accidentally opened my box of christmas fudge tonight <sigh>
#
[kevinmarks] https://adactio.com/journal/tags/metacrap
#
Loqi [Jeremy Keith] Metadata markup
#
Zegnat Oh I totally do not remember that post!
#
sknebel What is OpenGraph?
#
Loqi The Open Graph protocol (OGP) is an open* standard developed and controlled by Facebook for expressing the primary subject of an HTML page in custom <meta> tags for the purpose of Facebook showing link previews; in practice only a couple are even sometimes necessary for that use-case, and you can use existing open standards instead https://indieweb.org/opengraph
#
sknebel << those with a comment?
#
dgold lol. "long national nightmare of balkanised metacrap" is the name of my next shoegaze band
#
Zegnat OpenGraph << {{adaction}} [https://adactio.com/journal/tags/metacrap Metadata markup], on all the different header elements including <code>og:</code>
#
Loqi ok, I added "{{adaction}} [https://adactio.com/journal/tags/metacrap Metadata markup], on all the different header elements including <code>og:</code>" to the "See Also" section of /The-Open-Graph-protocol
#
Loqi [Jeremy Keith] Metadata markup
tbbrown joined the channel
#
Zegnat OpenGraph << <a href="https://snook.ca/archives/html_and_css/open-graph-and-sharing-tags">Jonathan Snook</a> [https://snook.ca/archives/html_and_css/open-graph-and-sharing-tags The Open Graph and Sharing Tags], on merging <code>og:</code> and <code>twitter:</code> meta elements
#
Loqi ok, I added "<a href="https://snook.ca/archives/html_and_css/open-graph-and-sharing-tags">Jonathan Snook</a> [https://snook.ca/archives/html_and_css/open-graph-and-sharing-tags The Open Graph and Sharing Tags], on merging <code>og:</code> and <code>twitter:</code> meta elements" to the "See Also" section of /The-Open-Graph-protocol
#
Zegnat That’ll have to do for now, I am going off :)
#
dgold hmmm, looking at twitter's dev page on cards - I read this:-
#
dgold "Twitter’s parser will fall back to using property and content, so there is no need to modify existing Open Graph protocol markup if it already exists."
#
dgold https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started
#
Zegnat Yes, but if you want to set what sort of card you want you will need to put twitter:card anyway.
#
Zegnat Also, I said I was logging off, and I am, but had to share this last one for people who want to mirror Instagram on their site: https://github.com/picturepan2/instagram.css
#
Loqi [picturepan2] instagram.css: Complete set of Instagram filters in pure CSS
#
dgold Zegnat: yes, but once the card type and the site stuff is set, it does not appear that _any_ of the additional twitter metadata is necessary
#
GWG What is a good way to generate a token? I don't think I need JWT as I have a database.
#
Loqi It looks like we don't have a page for "good way to generate a token" yet. Would you like to create it? (Or just say "good way to generate a token is ____", a sentence describing the term)
#
Zegnat random bytes of sufficient length, b64 encoded probably.
#
sknebel that
#
aaronpk in PHP, https://secure.php.net/random_bytes
#
aaronpk chances are wordpress already has a function for old versions
#
GWG wp_generate_password
#
GWG Does exactly that
#
sknebel (well, urlsafe base64)
#
GWG Just trying to figure out how long a random string I should use
#
aaronpk 128 bits is usually considered safe
John_Ivan joined the channel
#
GWG So, 16 characters then
#
sknebel 22, since you don't have full bytes
#
aaronpk that seems short when I say it out loud
#
sknebel it's minimum
#
sknebel no reason not to use more
#
aaronpk most of the time I see strings between 32-64 chars long
#
GWG I started building a token endpoint for no particular reason
chrisaldrich and nobodyy joined the channel
#
www.boffosocko.com edited /location (+91) "Wanderings app" (view diff)
Mikdore joined the channel
#
Mikdore hi
EmreSokullu joined the channel
#
chrisaldrich Hi Mikdore
#
Loqi chrisaldrich: [eddie] left you a message on 2017-12-13 at 9:36pm UTC: Looking at your html, it seems like you should be able to put an e-content block below the h-cite. So you would have an h-cite block, an e-content block, and your author-info block. I feel like that would solve all the issues, that said I'm not sure if that would cause issues in your template
#
Loqi chrisaldrich: [eddie] left you a message on 2017-12-13 at 9:39pm UTC: The other issue is I think you only have an hentry and not an h-entry, so it might be parsing things as mf1 instead of mf2?
#
chrisaldrich Thanks eddie! I still need to schedule some time to fix a few things I broke over the holiday. Should have left well-enough alone.
John_Ivan joined the channel
#
@ChrisAldrich @mrkrndvs I'm curious if you manually cut &amp; paste your replies for others' sites (who may not support webmention or even pingback/trackback) into their old-school comments sections? I often worry that without that, or without replying to versions on… http://stream.boffosocko.com/2018/mrkrndvs-im-curious-if-you-manually-cut-paste-your-replies (twitter.com/_/status/953386457212882944)
snarfed joined the channel
#
www.boffosocko.com edited /lost_infrastructure (+605) "related Anil Dash articles on "The Web We Lost"" (view diff)
#
www.boffosocko.com edited /Posts_about_the_IndieWeb (+581) "Anil Dash articles from 2012 on The Web We Lost" (view diff)
#
www.boffosocko.com edited /videos_about_the_indieweb (+218) "Anil Dash video on The Web We Lost" (view diff)
snarfed, [miklb] and [colinwalker] joined the channel
#
www.boffosocko.com edited /Posts_about_the_IndieWeb (+1255) "A few seminal academic articles that underpinned the launch of the internet and outlined its structure; Paul Baran could be the father of the IndieWeb?" (view diff)