#indiewebcamp 2013-05-09

2013-05-09 UTC
#
reidab
oh, nevermind, I see what you mean
#
tantek
woot! add IG as an indieauth provider!
#
Loqi
woot
#
@sandeepshetty
One advantage of #indieweb and building for yourself is that you can make audacious plans to replace Markdown :) https://github.com/converspace/flowt
b0bg0d joined the channel
#
bret
aaronpk: did you ever catch the discussion about using mozilla personas as an indi-auth provider?
#
bret
adding rel= to email links, and comparing that to the persona authentication results
scor, bnvk and spinnerin joined the channel
#
aaronpk
bret: oh interesting!
#
aaronpk
what comes back from the persona authentication? I'd need bi-directional verification of url==email matching
#
aaronpk
in other words, if example.com has a rel-me link to example@gmail.com, I'd need to know that example@gmail.com claims to be example.com
duckbillp, tilgovi and tantek joined the channel
#
aaronpk
Just re-read the SWAT0 test from federated social web summit in 2010, and am surprised at how service-centric it was http://www.w3.org/2005/Incubator/federatedsocialweb/wiki/SWAT0
#
bret
aaronpk, im not totally sure, but I think you get an email back.
#
bret
i have not had time to get into the technical details, but conceptually, it makes sense
#
bret
aaronpk, there are some nice benafits to it as well compared to some other identity authorities: http://identity.mozilla.com/post/46374271364/persona-is-distributed-today
#
aaronpk
yes, I'm aware of the design, it's nice that it's actually distributed from the beginning, using mozilla's service as a shim
#
aaronpk
i'm pretty sure it would need the bi-directional link though. If it doesn't, then we shouldn't require bi-directional verification for web providers like Twitter.com either.
#
aaronpk
which means the basis of RelMeAuth would need to be updated
#
bret
i have no idea :? I'm still trying to play catch up with getting PuSH and webmentions working with github pages commit hooks
#
aaronpk
oh nice! that would be sweet!
#
bret
PuSH looks easy
#
aaronpk
webmention is similar in a way
#
bret
outgoing webmentions a little less easy
#
bret
and incoming is going to have to be some external tool im not sure what to do about that yet
#
aaronpk
it's not really set up as a nice service yet, but it has an API and I can give you an account to play with
#
bret
Cool!
#
bret
I'm reading that right now :)
#
aaronpk
updating the readme since it's a bit out of date...
#
bret
jekyll can create static feed type documents easily, and github can pass messages about git commits easily, so I think outgoing messages should be pretty simple
#
bret
getting incoming messages into the git repo is going to require some work though
#
aaronpk
to display inline comments?
#
bret
like if someone sends you a response or a webmention, how to get that data back into a static website based in git
#
bret
ill have to think about that for a while
#
aaronpk
you'll probably need a server somewhere that can edit the git repo
#
aaronpk
a partial solution would be to query the pingback.me API from the browser and display things inline that way. of course the markup wouldn't exist in the page server-side, but the user would see it.
#
bret
with a small script? Yeah that would be pretty cool, and realtime actally
#
aaronpk
like if indiewebcamp.com was a static page, and wanted to show "comments", the browser would just query http://pingback.me/api/links?target=http%3A%2F%2Findiewebcamp.com&jsonp=f
#
bret
that might actually work really well just to get something running
#
aaronpk
it would be something
#
bret
i display a live pinboard feed with JS
#
bret
on a static site
#
aaronpk
oh yea like that
#
aaronpk
I think I might add in microformats parsing into the pingback service, to pull out basic h-entry data from the linked pages like how news.indiewebcamp.com does
#
bret
I went with microdata when i made the site :/ kicking myself now
bnvk joined the channel
#
bret
you think the weather is going to still be this nice in portland by june?
#
aaronpk
heh, if we're lucky
#
aaronpk
are you in portland right now?
duckbillp joined the channel
#
aaronpk
bret: ok I updated the readme and added better API docs https://github.com/aaronpk/Pingback
#
bret
I am :)
#
bret
awsome, I'll check it out
#
aaronpk
I get in the habit of adding the pingback/webmention tags to any site I make now, even if I don't have plans to display comments on the site
#
bret
I want to totally redo my html templates... lots of effort went into the microdata, and its basically used for nothing... plus its got twitter bootstrap garbage all over
#
aaronpk
heh yea
#
bret
but its part of the HTML5 spec! I though to myself
tantek joined the channel
#
aaronpk
... experimenting with embedding content inline in notes
#
aaronpk
ironically started because I wanted to share a text file in a note
#
aaronpk
figured out a clever trick for my linking problem too
#
aaronpk
I don't want the http:// visible, but I do want it in the microformat data so it gets syndicated out properly, so I'm hiding the protocol with CSS now :)
#
bret
aaronpk, Pingback is the total missing link for static sites I think
#
aaronpk
awesome, glad you like it :)
tilgovi joined the channel
#
aaronpk
hmm oEmbed is kind of neat
#
aaronpk
but there should be a way to accomplish the same thing with microformats I feel
#
bret
aaronpk, did I add these links right? http://www.bre.tc/pages/projects/
#
bret
I put them in the <head>
#
bret
of every page
#
aaronpk
looks right!
#
bret
that was easy
#
bret
so now write some JS that lists the last N mentions
#
bret
(not you)
#
aaronpk
right!
#
aaronpk
unfortunately you'll only be able to display the URL right now since that's all the API gives back, but I can add some basic mf2+html parsing to provide a title property as well
#
aaronpk
will give me a chance to test out the ruby mf2 parser as well
#
bret
I'm going to jump over and work on PuSH since I know that already works
tantek-ipod joined the channel
#
bret
is there a way to get some test mentions?
#
aaronpk
you'll have to send some
#
aaronpk
do you have a page on the wiki yet?
#
aaronpk
if you sign in to indiewebcamp.com, you can make a user page like http://indiewebcamp.com/User:Aaronparecki.com
#
aaronpk
then you can send a mention from that page to your site
#
bret
Oh cool. No I just signed in
#
aaronpk
try that
#
bret
{"error":"source_not_found","error_description":"The source URI does not exist"}
#
aaronpk
you have to make the page first :)
#
bret
man that www is starting to look really ugly right about now
#
aaronpk
and link to your home page on it
#
aaronpk
yea, the downside of gh-pages
#
bret
I can do tld... but I wasn't sure what the best thing to do was
#
bret
im going to go fix that
#
aaronpk
oh there is a way?
#
bret
yeah
#
aaronpk
oh they just have a single IP
#
aaronpk
that works
#
bret
yeah
#
bret
which seemed weird but im a total novice at DNS
#
aaronpk
yea DNS doesn't let you define CNAME records on TLDs
#
bret
you have to do an A record or something?
#
aaronpk
well that's easy then
#
bret
well since I am working to make URL's a login name in this world, I might as well get it right before i go much furthur
#
aaronpk
yea, shouldn't take long!
#
bret
i'm just crossing my fingers that the .tc domain prices go back down
#
bret
It was cheap when I bougt it!
#
aaronpk
the .ro domains are a one-time fee :)
#
bret
then bam! like 100 bucks
#
bret
i wanted a 3 letter domain that was my name you see :)
#
aaronpk
it's pretty good!
#
bret
whats up with domain pricing
#
bret
weird stuff
#
aaronpk
ok now i'm just getting a bit crazy with this embedded media stuff :)
#
bret
what else do you need hrmmm
#
bret
can you superimpose your geotagged photos onto that streetview?
#
aaronpk
eventually I want to do inline previews of web pages like twitter/facebook, but not tonight
#
bret
that would be cool
#
aaronpk
for now: Gists, Vine, Spincam, Youtube, Vimeo, Google Maps, Soundcloud, Slideshare, Images and Video
#
bret
buhhhhhhhh... gh-pages takes 10 minuts to update their redirects
#
bret
yaaaay its over
#
aaronparecki.com
edited /p3k (+1344) "add info about inline content previews"
(view diff)
#
bret
shucks. forgot to update my linkback URLs
#
bre.tc
created /User:Bre.tc (+46) "Created page with "This is my website: [http://www.bre.tc bre.tc]""
(view diff)
#
bret
{"error":"no_link_found","error_description":"The source URI does not contain a link to the target URI"}
#
aaronpk
looks like you linked to www.bre.tc on indiewebcamp
#
bret
oops
#
bret
still getting errors
#
bret
trailing slash maybe?
#
aaronpk
ooh maybe...
#
aaronpk
that doesn't seem right... it should treat no trailing slash as a trailing slash, yea?
#
bret
no idea
#
aaronpk
i will make a note
#
bret
i mean, yeah it would be nice if that didnt matter
#
aaronpk
alright well that was way more than I expected to do tonight
#
bret
is pingback.me easy to self host?>
#
aaronpk
depends on if you think running ruby apps is easy
#
aaronpk
can probably run it on heroku but I haven't done that yet
#
bret
i consider znc the pinnacle of easy server apps
#
bret
basically, something you can crontab open at startup
tantek-ipod and duckbillp joined the channel
#
aaronpk
... coming up on 21 consecutive hours awake. oops
friedcell joined the channel
barnabywalters joined the channel
#
Loqi
barnabywalters: pdurbin left you a message on 5/8 at 10:44am: if you have a bunch of flat files you want to index and expose via an API, you could use http://lucene.apache.org/solr/ or http://www.elasticsearch.org
#
barnabywalters
pdurbin: ooh, I hadn’t come across elastic search before. that looks great
#
pdurbin
barnabywalters: schemaless! :)
#
pdurbin
barnabywalters: it comes up with some frequency in #crimsonfu: http://irclog.perlgeek.de/search.pl?channel=crimsonfu&q=elasticsearch
adactio and xtof joined the channel
#
xtof
elf-pavlik : thanks for welcoming on http://labs.ouishare.net/ do you think we could support IndieAuth on wagn https://www.flickr.com/photos/christopheducamp/8722019279/in/photostream
mxuribe1, scor, bnvk, mxuribe, xtof, brianloveswords, eschnou, texburgher, singpolyma, bret and hober joined the channel
#
tantek
busy night in #indiewebcamp!
#
tantek
re: oEmbed, I think we can achieve nearly all of it with h-entry these days
#
tantek
if we do add u-photo which has been proposed, that takes care of the thumbnail needs
#
tantek
I don't think width/height are necessary
#
tantek
no need for a separate oEmbed endpoint to query, just get the h-entry from the page itself that you want to embed
barnabywalters, tilgovi, tantek-ipod, tantek-ipod_, spinnerin, eschnou, mxuribe, bnvk and mxuribe1 joined the channel
#
tantek
barnabywalters, aaronpk, just as we've been informally using h-as-note and h-as-article, I think it's reasonable to also use h-as-rsvp
#
barnabywalters
might be an idea to make a distinction between “publishing” and “using” — we’re publishing them, are any of us actually using that semantic for anything?
#
barnabywalters
I might be using it as a styling hook, not much else though
#
tantek
I'm using them as styling hooks right now
#
barnabywalters
RE h-as-rsvp: yeah, no reason why not
#
tantek
also it has potential utility if someone wants to write an h-entry -> ActivityStreams(Atom or JSON) converter
#
tantek
are either of you using anything like h-as-reply or h-as-comment on your replies/comments posts?
#
barnabywalters
tantek: not at the moment
#
tantek
ok I'm not either, though I'm not posting "real" replies/comments (yet)
#
tantek
(just unlinked @-reply notes once in a while)
#
aaronpk
what's h-as-note for? I don't think I have that on my site yet
#
tantek
I use it on my note h-entry elements
#
tantek
as a styling hook
#
tantek.com
edited /ActivityStreams (+353) "/* Use with microformats2 */ see also microformats activity object brainstorm, thinking about h-as-reply h-as-rsvp"
(view diff)
#
tantek
aaronpk - they're more useful/relevant when you have a composite stream of all your different post types
#
tantek
e.g. like I do on my home page
#
tantek
but since you have separate stream pages for each post type on your site - not sure how much difference it makes for you (if any)
gRegorLove joined the channel
#
Loqi
gRegorLove: tantek left you a message on 5/7 at 1:26pm: why are you display:none'ing your Twitter link on gregorlove.com? I don't think that affects IndieAuth but it might? aaronpk - gregorlove.com appears to be setup with rel-me to @gRegorLove but isn't working. Take a look?
#
tantek
welcome back gRegorLove
#
tantek
did you get indieauth sign-in working? or still same problem?
#
gRegorLove
I was just revisiting to get your response. Let me try again. I have it display: none because I don't want to add links to the home page, if possible.
#
gRegorLove
It was finding the link to my Twitter fine, but appeared to not be finding the link back on my twitter profile, but it is there. :)
#
aaronpk
ah the problem is twitter.com is wrapping your link in a t.co
#
gRegorLove
Darn t.co
#
gRegorLove
I'll try to set it up with by G+ account then.
#
barnabywalters
gRegorLove: I noticed you have a github account — github are a really solid auth provider
#
barnabywalters
so that might be worth a try
#
gRegorLove
Oh yeah, I forgot about that.
#
gRegorLove
Looking forward to getting involved more. I use Nucleus CMS and I plan to make a plugin for webmentions.
#
barnabywalters
gRegorLove: oh great!
#
tantek.com
edited /Template:indieauth-status (+0) "moving github to the top (seems to work best), and demoting twitter to the bottom of the "up" statuses due to t.co problems with some new folks"
(view diff)
#
gRegorLove
Woo, I'm in!
#
tantek.com
edited /IndieAuth (+267) "issue: Twitter t.co, IndieAuth should follow rel-me redirects"
(view diff)
#
tantek.com
edited /2013/Guest_List (+0) "/* Official Guest List */ updated counts. half-full!"
(view diff)
#
gRegorLove
I don't see a link to my user page on the wiki, but I presume it's User:Gregorlove.com ?
#
tantek
gRegorLove - check the footer
#
gRegorLove
Ah, thanks.
#
gregorlove.com
created /User:Gregorlove.com (+126) "Created page with "= gRegor Morrill = * Homepage: [http://gRegorLove.com gRegorLove.com] * Twitter: [https://twitter.com/gRegorLove @gRegorLove]""
(view diff)
#
gregorlove.com
edited /projects (+438) "/* experimental */ Added Nucleus CMS"
(view diff)
shaners joined the channel
#
tantek
hey shaners
#
shaners
good morning, tantek!
#
shaners
the wiki software is frustrating as all get out
#
shaners
for example, why can i only sign in from the homepage
#
aaronpk
there's a "log in" button in the footer of every page
#
shaners
oh, you're right. didn't notice it down there.
#
shaners
why does every section BUT the "this article is a stub..." have an [edit] link?
#
shaners
i mean, i found the Edit Page link in the footer, but just seems weird
#
gregorlove.com
edited /User:Gregorlove.com (+416) "/* gRegor Morrill */ a bit about me"
(view diff)
#
shaners
tantek aaronpk et al: has anyone ever investigated gollum as a potential replacement for mediawiki powered wikis?
#
gregorlove.com
edited /User:Gregorlove.com (-32) "/* gRegor Morrill */ local wiki image"
(view diff)
#
tantek
shaners - every complaint you've made is about the presentation/layout - not about the engine
#
tantek
so it's a nonsequitor to go from presentational issues -> suggesting backend change
#
tantek
I too would prefer the edit/history links at the top the way mediawiki installs normally do it
#
tantek
(templates that is)
#
shaners
totally, non-sequitur. i'm sorry, i was unclear. i just remembered gollum while thinking about wiki stuffs.
#
shaners
not suggesting a switch. just asking about any experience with it.
#
gRegorLove
I put Nucleus under "experimental" because as far as Indie Web it is. As a blogging engine, though, it's pretty mature.
#
tantek
shaners - please feel free to contribute items to: http://indiewebcamp.com/wiki/#Suggestions
#
shaners
roger that, tantek
#
shaners
aaronpk: your embedded content post looks good. great job on that.
#
aaronpk
thanks!
#
tantek
aaronpk - interesting that we've taken different approaches to embedded content
#
tantek
you're putting embedded content *after* the post footer, in a block by itself
#
tantek
whereas in my notes, embedded content auto-embeds inline where it's mentioned
#
tantek
I do it inline because I think that works/reads/views better when you have *multiple* embeds
#
aaronpk
you also remove the visible URL and replace it with the image, right?
#
tantek
aaronpk - right - a visible .jpg/.png/.gif URL is just visual noise. I do hyperlink the image to the original URL
#
tantek
also - try resizing the window on that note post ;)
#
aaronpk
so that makes sense for images
#
tantek
for videos too
#
aaronpk
although how do you handle making the mf2 representation display the URL instead of the <img> tag?
#
tantek
the mf2 representation of what exactly?
#
aaronpk
ah, you don't :)
#
aaronpk
the mf2-parsed page doesn't have the image URL, it just omits that part of the note
#
tantek
oh that's an interesting issue. I'll have to think about that.
#
aaronpk
that was one reason I opted for this route
#
tantek
it's still in the e-content
#
aaronpk
it is, but it's not in the plaintext version
#
tantek
I wonder if p-* parsing should extract the "alt" attributes from images
#
tantek
*nested* images that is
#
tantek
(already works for p-* on an img directly)
#
aaronpk
and since we're all pretty much standardising on plaintext for notes, the plaintext version should be something I can copy to my site as plaintext and keep the full resolution text
#
tantek
so like for example when you're pulling it in for a reply post
#
tantek
if we parsed nested <img> tags' alt (and then src) attributes for p-* elements, that could work
#
tantek
then if you explicitly didn't want any img content showing up you could just set its alt=""
#
tantek
let's ping barnaby
#
aaronpk
seems like that would work
#
tantek
barnabywalters how hard would it be to add this to the php-mf2 parser:
#
tantek
when parsing a p-* property
#
tantek
in addition to parsing out the nested plain text, if you encounter any <img> elements, replace them with their alt attribute text, or lack an alt attribute, replace them with their src attribute.
#
tantek
s/lack/lacking
#
Loqi
tantek meant to say: in addition to parsing out the nested plain text, if you encounter any <img> elements, replace them with their alt attribute text, or lacking an alt attribute, replace them with their src attribute.
#
tantek
we don't need to do that for video/audio btw because they can already contain fallback text content
#
tantek
if that seems reasonable, I'll add it to the microformats2 parsing spec
#
barnabywalters
tantek: shouldn’t be too tricky — actually there are a couple of security points about e- vs p- content I need to bring up
#
barnabywalters
currently sending lots of emails
#
tantek
sounds, productive?
#
barnabywalters
tantek: communication with family — so not “productive” as such :)
shaners joined the channel
#
tantek
let me know if that makes sense, and if so, hopefully we can get it added to php-mf2.
#
aaronpk
so tantek, related, how does this work with other media types like I showed in my post http://aaronparecki.com/articles/2013/05/09/1/experimenting-with-auto-embedding-content
#
aaronpk
the embed code for gist is <script src="https://gist.github.com/aaronpk/44fffbf6c61e4348e08f.js"></script> so I think you could put the URL inside the script tag for fallback and mf2 parsing
#
tantek
scripts seem more dangerous to parse anything out of
#
tantek
and in general I'd prefer to not depend on *anything* inside of a script for moving content around
#
aaronpk
title attribute?
#
tantek
talking about security
#
barnabywalters
the potential security issue I mentioned was something I noticed when implementing note reply contexts
#
aaronpk
yea, that's why I would only ever copy over plaintext from other peoples' posts
#
barnabywalters
I am assuming that the author has marked up their summary as p-summary
#
tantek
aaronpk - do you have documentation of the URL patterns you're searching for and how you're converting them to embed codes?
#
aaronpk
tantek: I should probably add that to the post I just wrote
#
barnabywalters
and I’m html-encoding the result of that run in order to preserve any <, > & characters in the plaintext
#
shaners
aaronpk: are you using any oembed?
#
barnabywalters
the problem comes if the author marks their summary up as e-summary
#
aaronpk
I am, for soundcloud since that's the only way they support finding the embed code
#
barnabywalters
in which case all the HTML is htmlencoded
tantek joined the channel
#
tantek
oembed seems like extra work to support (as a publisher) when you can simply publish rich h-entry markup instead
#
tantek
aaronpk, perhaps we need oembed.me that converts sites with oembed to a simple h-entry page for consuming
#
tantek
aaronpk, re: your auto-embedding post, I'm looking forward to see what you do with this: "My next step is to parse arbitrary URLs looking for an h-entry, and display a mini preview of the content linked to."
#
tantek
ideally implementing that should replace any need to support consuming oembed at all
#
aaronpk
yeah! assuming sites publish h-entries
#
tantek
well, more and more of us do
#
tantek
and if we build conventions for parsing / previewing / embedding like that
#
tantek
we can point to those to get others to publish h-entry as well
#
tantek
the embedding/previewing use-case, plus the commenting use-case, make a good case overall for doing it
#
tantek
shouldn't be too difficult to overtake oembed in terms of deployment/support
xtof joined the channel
#
tantek
aaronpk, you were asking what types of links that I auto-embed
#
tantek
Falcon uses the #cassis.js function auto_link() to do all its auto embedding
#
tantek
.mp4, .mov, .ogv videos
#
tantek
custom code for vimeo.com and youtube.com embeds
#
tantek
oh and of course .jpeg, .jpg, .png, .gif image embeds
#
tantek
@-name references get linked and marked up with a "h-x-username" class name on the hyperlink - thus giving the client the option to do more things with it (as I think Taproot does)
#
tantek
e.g. turning it into a full h-card
fmarier joined the channel
#
tantek.com
edited /p3k (+0) "/* Features */ p3k embeds are in the footer, e.g. after the datetime published stamp, rather than inline with the content of the note"
(view diff)
#
tantek.com
edited /Falcon (+10) "/* Post Types */ note handling of MP4 and Vimeo URLs"
(view diff)
xtof joined the channel
#
@sandeepshetty
Liking how the implementation of trailing tags came out... (http://www.sandeep.io/29) #converspace #indieweb
tilgovi and spinnerin joined the channel
#
aaronpk
tantek: I'm going to be in SF again this weekend, would be fun to meet up again on Sunday if you're around!
#
tantek
oh awesome! racking up those frequent flier miles :)
#
aaronpk
spending them :)
jedahan and xtof joined the channel
#
bret
anyone have experience with FOAF?
#
bret
Also, how do I know if my PuSH atom feed works
#
tantek
bret - you can try to subscribe to your homepage from a Status.net account
#
bret
oh cool
#
aaronpk
bret: heh, PuSH is kind of hard to test. I've had the best luck by using a google talk bot that IMs you when it receives a PuSH mention
#
tantek
if your PuSH feed works, you'll see updates appear in real time on your status.net account
#
bret
i also just found an error on my atom feed
#
tantek
feeds are so pesky
#
bret
my www redirect is still broken from my switch to a TLD last night
#
tommorris
bret: yeah, I have experience with FOAF. but can't help this evening as it's rapidly approaching 1am London time and I need sleep. ;)
#
aaronpk
sounds like I should make atom.me to convert h-entry feed to an atom feed :)
#
tantek.com
created /push (+21) "r"
(view diff)
#
tommorris
bret: email tom@tommorris.org and I can help you with FOAF stuff asynchronously or poke me about it tomorrow sometime.
#
bret
actually wait nm no error.. grrrrr why no worky
#
tantek.com
edited /push (-3) "?"
(view diff)
#
bret
ok tommorris
#
bret
cool!
#
tommorris
bret: or you can ask in #swig - that's the hang out of the upper-case Sem Web types
#
bret
oh yeah? :)
#
tommorris
also, one observation: I always wanted to know what it was like to develop an AOL app. Over the last week, I managed to replicate what it must have been like by building a facebook app.
#
bret
ill check it out
#
tantek.com
edited /PubSubHubbub (+294) "testing"
(view diff)
singpolyma and bnvk joined the channel