#Loqibenwerd: aaronpk left you a message 6 hours, 16 minutes ago: can you tell me what sort of string encoding settings you have in your php and mysql that didn't crash on my emoji post?
#kylewmpeat: any reason for choosing Foundation rather than Bootstrap for the wiki redesign? some discussion this weekend got me interested in trying to learn one or both
#rasculi mean, as far as big and heavy css frameworks go they're good
#rasculbig thing awhile back was that bootstrap is for less and foundation is for sass but iirc bootstrap is sassed up now too
#aaronpki've been using bootstrap since they launched, the most annoying part is they keep changing everything every major version so you hve to re-learn the whole thing
#rasculthe amount of time i spend tweaking bootstrap and hacking up my html to make bootstrap do what i want is about the amount of time writing the css myself
#aaronpkhuh, i have not found that to be true for myself
#rasculand the end result makes cleaner html because i'm not stuck with how they want it structured and i don't have a crap ton of classes all over the place
#GWGrascul: Well, I was inspired by reading pfefferle's code. He did something that I plan to do in that regard.
#GWGI looked at simpler frameworks and philosophies. I thought I'd go mainstream
#kylewmI suspect it takes as much skill/time to make bootstrap look not totally bootstrappy as it would to write up stuff from scratch
tantek joined the channel
#Loqitantek: kylewm left you a message 1 hour, 2 minutes ago: could you clarify something from this morning -- do I need permission from everyone that I screenshotted on http://indiewebcamp.com/2014/Design_Elements
#GWGkylewm: Does my site and test site look bootstrappy?
#rasculi've also been writing css since before bootstrap i know it pretty well
#kylewmmaybe skill/knowledge rather than skill/time
#tantekkylewm - well, you need permission to upload stuff you didn't create yourself and can't put into the public domain
#rasculbecause i wanted to easily play with different ideas
#rasculthen when i got farther along i wrote the css for it the way i wanted it
#GWGrascul: I'm trying to create a Wordpress theme that is universal enough, it can have child themes forked off of it that look very different, but it can work on its own as a minimal site.
#GWGrascul: Mostly because I have a tendency to move things around a lot. I need to build for that
#GWGrascul: So, every time I hack away at it, I turn another piece into an independent portion
#GWGSo, last week, after looking at Sempress, which is the only fully mf2 theme I know of, I ripped my theme into four more pieces, inspired by what the author did. Of course, he only had 2 pieces...
#rasculalso i didn't want to pull in a bunch of big external stuff for rascul.io i wanted to keep everything small
#rasculiirc my js is about 10 lines and no jquery (but i messed up the html for it, i need to fix that)
#GWGrascul: I have a project I need JS for, but I never learned much of it. I guess I'll have to.
#rasculi don't really know js that good, it's just that most languages i can easily get the grasp of and js is mostly easy for me in that regard
#benwerdKartikPrabhu: Thank you! And delighted to be a distraction :) I'm about to eat some food but I've opened my text editor and will write something down straight afterwards.
#Loqibinbasti: tantek left you a message 5 hours, 20 minutes ago: does your personal site have a manifest that allows it to be installed as a webapp?
#Loqibinbasti: bnvk left you a message 5 hours, 19 minutes ago: my efforts with the /store are NOT relating to client side app stores, webapp !== client side (html5 + js) only apps, I'm not focusing on server side apps that are installed on hardware that is available to the web- think an open source cPannel for self hosting. Look at the platforms and "Platforms" documented on the page
#Loqibinbasti: bnvk left you a message 4 hours, 56 minutes ago: hopefully we can link up in real time and chat stores and stuff- I'm a big fan of what you did with 5 Apps
Garbee, lmjabreu_, jancborchardt, hugoroyd, Phae_, kronda and squeakytoy joined the channel
#JonathanNealKartikPrabhu: Not everything ordered is a list. An story is a series of paragraphs in a certain order, but it is not a list. To be a list, it requires intent to explicitely communicate the order of the items and their connection with each other.
#JonathanNealIn this instance, the comments are ordered, absolutely, but they are not intended to be a list.
#JonathanNealKartikPrabhu: I still need to look at what data indie comments give you.
#KartikPrabhuJonathanNeal: the working version on my site has 1. Author info like name and all that 2. type of response as in "reply" or "like" 3. date 4. content of the response 5. the URL replied to including fragmention if any 6. source of original reply
#JonathanNealI’m a little confused by u-in-reply-to. Isn’t it normally more than the fragmention? How do I distinguish them from non-fragmentions comments?
#JonathanNealAgain, I’m looking for code examples. Sorry, I am very used to an MDN way of learning things.
#KartikPrabhuu-in-reply-to usually is the full URL of the post, but microformats parsers automatically make an absolute url if there is a relative one so I only need to put the fragmention part in the HTML
#KartikPrabhuthe relative > absolute is true of any u-* property parsing
#JonathanNealOne of the fields you are displaying is the service used to send the comment.
#JonathanNealOh, maybe I misunderstood. It’s the site where it came from?
#KartikPrabhuJonathanNeal: yes! that is the site where the comment originates. So for indiewebsites it shows the domain name. But then bridgy (http://indiewebcamp.com/bridgy) also allows you to get comments from Twitter and Google+ and also FB
#JonathanNealI saw something from Twitter, which is why I thought it was “service”. My bad.
#KartikPrabhuin that case it shows that service name. I am merely truncating the "original url" to the domain name for display :)
#KartikPrabhuit scrapes your Twitter/Google+ if you sign up and sends webmentions for comments from there
#KartikPrabhubut in either case you get a webmention from a microformat-markedup page so you can use the microformats to decide the "source url"
#JonathanNealbut only one link is sent, which is the link to the author’s site?
#KartikPrabhuyes that is webmention. but bridgy send the url permalink of the Twitter/Google+ post
#KartikPrabhubut all of that funkiness should be handled by the author's backend not the marginalia/fragmention code
#KartikPrabhunow that I am explaning this, I realise that there are a lot of moving parts to my comments+marginalia stuff
KartikPrabhu joined the channel
#JonathanNealYes. I just spent the last few mentions explaining webmentions and fragmentions and marginalia to my non-tech wife.
#KartikPrabhunice! did it work? I am interested in the problem of explaining these things to my friends too
#JonathanNealShe gets it, which means it’s a good idea. I had to gloss over how it works since I don’t exactly understand the mechanics of webmentions yet. I said it’s basically webpage A sending something to webpage B, which now has the option of sharing it.
#KartikPrabhuyup! basically a notification "hey I have linked to your post"
#bearI found that webmentions are so very basic that I was tending to over explain them
#bearand that it's only some of the odd edge cases that made me do that - the core of it is easily grok'd IMO
#Loqicweiske: tantek left you a message 7 hours, 21 minutes ago: in conversation earlier today with binbasti you said "people here are somehow allergic to the w3 and working groups that produce no working code" - I don't think that is a fair generalization, nor is it reasonable to paint everyone with that brush. If you have specific concerns about specific specs/people, please raise them directly with them.
#KartikPrabhulast thought of the day. In a webmention if the "target" has a fragmention, then the "source" is some marginalia. But what happens if the "source" has a fragmention? can anything coll be done with that?
#LoqiKartikPrabhu meant to say: last thought of the day. In a webmention if the "target" has a fragmention, then the "source" is some marginalia. But what happens if the "source" has a fragmention? can anything cool be done with that?
#cweiskeKartikPrabhu, theoretically you have to extract the microformats from the child elements of the element with that id
#cweiskeso that one can have a huge page with all notes/comments
jsilvestre, rektide, dybskiy, bnvk1, gRegor` and tilgovi joined the channel
#LoqigRegor`: bret left you a message on 6/30 at 11:30am: btw thanks for being such an awesome note taker this weekend! really great notes from the sessions you were at
#aaronpkbut i'd imagine the reader would obtain an access token for the other site
#aaronpkthat's one level away from how we normally use indieauth, currently the user's browser obtains an access token to someone else's site. in this case the reader app would be obtaining an access token.
#aaronpkwe haven't had to address this yet because only a few people publish private/restricted posts, it's not a very high priority for many people it seems.
#aaronpkcweiske: if you start publishing posts that I can only see if I authenticate to your site, then I may have sufficient motivation to figure out how to get my reader to do it
#cweiskethat someone can login to you homepage with it
#KartikPrabhuaah no unfortunately not. also I don't seem to have many use cases for that yet
chrissaad, jgarber and tilgovi joined the channel
#JonPincus@aaronpk i am thinking about publishing private posts with visibility based on the signed-in user. of course a first step before that is to support indieauth login :)
#cweiskeaaronpk, did you ever have a look at the CAS protocol? it's 95% compatible with your indieauth protocol invention and defines some other features like autologin
tantek joined the channel
#aaronpkhm I'll have to look at it again. I did some SSO stuff with CAS on a few sites
#gRegor`Any ideas why my avatar URL is wonky here? http://bret.io/2014/06/15/likes/ Looks like my author URL "http://gregorlove.com" is prepended to it, but the avatar is already the full URL
#bretand there MIGHT be an issue with the way webmention.io parses
#bretbasically that needs like a few hours of work and I haven't been sufficiently motivated because im working on a way to get that data into the actual html
#kylewmha but yes, i guess this line is doing it in the js var avatar = apiData.links[index].data.author.url + apiData.links[index].data.author.photo || null;
#breti tried it, broke it, then had to go like, make dinner
#bretalso, kylewm, liking the posting of that video isnt ironic. since we created the liking tool we used, we understand (to some degree) its purpose and effect.
#bretthe tools provided by facebook and twitter have a completely other primary purpose than to just provide virtual karma to each other
#kylewmbret: totally, and actually i was using that one as a bookmark
#gRegor`I found a bug with my mf2 markup when I sent the webmention - no p-name. I like that I could just update the markup and re-send it to fix on your site.
#gRegor`Something you can't do with 99% of blog comment systems out there.
#brettantek the common use of opml was for feed reader import/export. the indiereader is just using a list of feeds on the persons site as a source for subscribed feeds i think not supporting any kind of sorting or folders.
#bretand as xoxo is the microformat version of opml, maybe that is needed again?
#tanteklast time I checked no modern UX is doing reader import/export
#tantekbret - you like logging into different silos and having your stuff spread around? caseorganic has repeatedly explained how having all your stuff spread around is a huge negative and leads to sense of loss of control (and actual loss of control)
#GWGgRegor`: I wish I hadn't missed Sunday. It seemed like a lot happened I would have liked to be there for
#GWGgRegor`: Also I had trouble when I tried to come into the Design thing on Saturday
#tantekGWG - it's when things came together and people got stuff working on their own sites!
#brettantek no, i dont like my stuff spread around, but I dont mind the different views and tools
#brettantek i like the right tool for the right job, and I think this is echoed as to why people started using the slio apps that do certain things better, ie instagram
#kylewmGWG: sorry about the poor talky connection, my dinky laptop was not built for such things...
#bretbut back to my original quention about xoxo, ill play around with how indiereader grabs data from my site and think on it
#aaronpkthe magic of IndieReader is that if the database blows up, no data is actually lost
#aaronpksince the "following" list is on your own site
#tantek.comedited /store (+419) "re-organize examples vs. specs, move W3C Manifest spec higher up on the page" (view diff)
#benwerdaaronpk: on that note, I've got a pull request open in the mention client lib to replace a preg_replace /e, which is now deprecated in PHP - any chance I can lean on you to take a peek at some point?
#tantekbret: re: am I supposed to having to build all my tools/interface into my own site. No, that's what an IndieWeb App Store is for - so you can *install* IndieWeb apps (e.g. perhaps an IndieWeb Reader app) into your own site.
#bretsince question of opml support came up over the weekend, my first association was to go "oh yeah, isnt there a uF1 version of that?"
#gRegor`benwerd: I'm interested in hacking on indiereader, too. Let me know if I can do anything.
#aaronpkinstalling an indieweb reader app is still a separate app even if it's on your own site/domain/subdomain
#tantekbret - ompl is for outlines - not for lists of friends and followings.
#aaronpkso it by nature would need an import/export. that's why I wanted to work around that by reading the subscriptions from a page on your *actual* site
#benwerdgRegor`: honestly still catching my breath, but please do take a look! I know aaronpk, emmak and I want to make it as useful as possible
#tantekaaronpk why would you run indiereader on a 3rd party domain rather than your own?
#gRegor`benwerd: Since I don't have micropub set up yet, I'd probably be interested in setting up a configuration for a URL that "Reply" can point to, so I can at least open the note form on my site to start a new note.
#bretopml's was only widely used for rss reader import/export as far as I could tell. but that is understandable given its origins ;)
#tanteksorry to say but import'/export is a UX dead-end
#tantekno one maintains their lists of feeds like that, pruning etc.
#tantekaside: that /store page is really quite a mess - so many duplicated areas / concepts and the page seems to meander and not have a specific structure
#tantekI tried to cleanup the top part of /store but the whole rest of it seems like a mishmash of hopes, wants, desires, examples all interspersed with each other
#JonathanNealI explained webmentions to my co-workers today. It wasn’t as easy as explaining it to my wife, because they cared more about the implementation.
#tantekI'm leary of "cleaning" it up as I don't want to lose whatever the contributors were intending
#bretaaronpk the url would remain the same, but passing a token as a parameter or something results in the expanded feed with private info that the token is allowed to get at
#tantekJonathanNeal: for co-workers, use this: it's like pingback without the xml-rpc
#JonathanNealI don’t think the implementation is hard, though, and it’s my ability to communicate it. It just means I don’t get the implementation as well. I am getting better.
#tantekJonathanNeal: it's ok I don't even have a webmention implementation myself :/
#aaronpkyeah presenting an access token when making a request to a following list makes sense
#pauloppenheimtantek: that's better than having a webmention receiver but not a publishing system :)
snarfed joined the channel
#KartikPrabhuJonathanNeal: in my experience implementing it helped me understand most of the details :)
#aaronpk...yeah I don't know what this should look like at all...
#aaronpkJonathanNeal: technically the whole microformats part is outside the scope of webmention
#gRegor`I might be duplicating others' work and I'm sure it's far from complete, but I've been maintaining an "indieweb" list on Twitter for my own ease of filtering in the Twitter app: https://twitter.com/gregorlove/lists/indieweb
#JonathanNealI’m still shakey on when to call them webmentions or mentions. aaronpk I had no idea. I thought the webmention requires mf parsing.
#aaronpkall that is required is that there's a link on the source page to the target, it doesn't *have* to be an h-entry post
#aaronpkit's just that it's way more useful if it does
#aaronpkbut what actually happens when a webmention is received is up to the receiver
#KartikPrabhuJonathanNeal: the webmention is just the notification protocol. it is up to the receiver how to parse it. Microformats seem to be the one is use here.
#KartikPrabhuone could imagine a webmention receiver parsing for RDFa <gasp>
#KartikPrabhualso JonathanNeal's view might have been coloured by my explanation last night :)
#kylewmaaronpk: haha i sent the webmention. i added a redirect from Webmention -> WebMention
#gRegor`I thought non-camel-cased was the preferred usage
#tantekaaronpk - sort of - about webmention - that's a minimal definition
#gRegor`(Though I've seen it both ways in different places)
#tantekhowever, just as pingback makes presentation suggestions, so does webmention
#tantekthus, as JonathanNeal is presume, webmention *does* imply some amount of microformats support for proper presentation of webmentions
#KartikPrabhutantek: this could be combined with the h-card business. For instance I could have an h-card with multiple urls, hompage, twitter etc... and choose to rel=following only some of them
#tantekwith the user needing to do any feed management
#aaronpkwell the user does some feed "management", at least in terms of "muting" or "unsubscribing" a thread
#tantekmanaging your followings is too hard / socially awkward for users - so the (smarter) silos have figured out how to *infer* a dynamic set of followings in realtime
#tantekaaronk - they are tweaking knobs, rather than doing any heavy lifting
#tantekthis is another way the silos have innovated beyond the reader/feed model of yore
#tantekand another example of why when designing these systems for the indieweb - we should look at silo UX *instead of* any legacy reader/feed examples/thinking etc.
#tantekwhen I say the reader/feed model is dead, this is what I'm talking about
#tantekso a) stop using it as a starting point, and b) pushback against *anyone* in the indieweb community who starts with an assumption of reader or feed.
#Loqitantek meant to say: Twitter replaced subscriptions with followings
#tantekFacebook replace subscriptions with - a union of *multiple* things: followings, friends, pages you've liked, events you've been invited to, groups you're a member of, posts you've commented on, posts you're mentioned in
#tantekwonders if benwerd is quietly lurking in the background and reading with careful critical analysis.
#KartikPrabhuhas permanently blocked youtube comments with an ad-blocker :P
#tantekthey're popular for free video hosting/embedding - that's about it.
#tanteknot sure there's much else good to learn from Youtube UX
#benwerdactually had a team conversation about this this morning. A key consideration for us is making sure that Known sites don't feel "empty" when you first set one up - finding a way to connect to the wider constellation of sites out there helps you feel like you're part of a wider community
#benwerdinferring connections to conversations you might be interested in
#benwerdright - and something that's directly connected to reading, as you've all identified above
#tantekand again, something you can trivially research by creating a new Twitter account and seeing what they do
#aaronpkoh man the twitter onboarding has been getting so annoying
#tantekso again, the silos have solved the cold start problem. just go research what they do and document it on the wiki - if that's a problem that concerns you
#benwerdwe called out the twitter UX for this as not being great
#benwerdbasically encourages you to follow celebrities
#KartikPrabhutantek: but on the indieweb how to you suggest things in a decentralized manner?
#aaronpkthe "upload your contact list" "feature" that mobile apps do is another way to address this
#tantekI'm pretty convinced that you won't design something good unless you do and document that research first
#tantekaaronpk - sort of? they more "sync your contact list"
#aaronpkthey usually prompt with "give us access to your contact list so you can connect with your friends using this app
#tantekbenwerd - agreed about twitter not being great for encouraging you to follow celebs - however, that observation deserves to be in a "Criticism" subsection of a "Twitter" section on /cold-start !
#tantekif you guys discussed this over the weekend, which session was it captured in?
#aaronpki think it's actually a syncing process, but it's often presented as an upload
#aaronpkthx gRegor` can you also drop the wiki link at the top of the etherpad page to note that it's been imported?
#tantekanyway - I'm pretty far from integrating reading into my site unfortunately - I'm just hoping to avoid having folks who *are* working on reading go off the dead-end of aggregators / feed-managment / import/export / subscriptions etc.
#tantekaaronpk - for that reason, I'll leave it up to the folks actively scratching their reader itch to document the above issues/concerns and alternate perspectives (silo ux as inspiration, follow button etc., following all kinds of things beyond people, minimizing "subscription" management ) etc.
#GWGtantek: custom URL handlers, such as the tel:// etc are not registered on all systems. Would something to register them to do something be worth doing to enhance people focused communication?
#peatWhoops. I left my IRC window open and missed the earlier CSS notes, aaronpk. I'm going to jump into the rename updates and merge changes from the teahouse this evening. :)
#gRegor`I think an extension would be good. Maybe like webactions - allow different preferences. E.g. if I click a phone number in the browser, maybe I'd rather add it to a contact record
#gRegor`User stylesheets on the wiki has been something I wanted. I was really excited for the fix the wiki project.
arlen joined the channel
#aaronpki still don't know why mediawiki's user stylesheets aren't working, and the people in #mediawiki didn't have any other suggestions, so I did this instead
#snarfedGWG: great! i expect there are similar linux programs. try searching?
#peat... the rework done this weekend should actually make it easier to do custom stylesheets. Instead of a billionty CSS hacks, it's more-or-less plain vanilla Foundation (http://foundation.zurb.com/).
#tantekGWG - re: registering common handlers - depends on the system I suppose
#tanteksince the focus is *mobile* - I'd start there.
#JonathanNealWhat does it mean when the Webmention 0.2 spec says “the webmention endpoint is advertised in the HTTP Link header“?
#JonathanNealThis is listed as an alternative to a <link> or <a> element with rel=“webmention".
#KartikPrabhuJonathanNeal: when you link to some page and want to send a webmention you have to find the webmention endpoint. One way to do this is to look for rel=webmention in <link> or <a> but another would be to look for it in the Headers that the page gives you
#kylewmbear pointed out this weekend that Link: in a header is not as reliable as <link> in the document -- that it may be removed by a proxy for example
#gRegor`KartikPrabhu: For iMessage specifically, Apple maps your specified email address(es) and phone number so other iOS devices can send a text to any of them.
#Loqibear: KartikPrabhu left you a message on 7/1 at 12:15am: more "accessible" marginalia icons updated: https://kartikprabhu.com/article/marginalia##that+part+of+the+post might need hard referesh of the CSS. should be a 'hollow' icon when deactivated and on showing marginalia should turn solid and green. but solid is enough :)
#tantekgRegor`, KartikPrabhu I prefer Apple and FB as silos to the phone companies