#indiewebcamp 2015-07-05

2015-07-05 UTC
j12t, snarfed and KevinMarks__ joined the channel
#
@thelibstyles Im so making this #indieweb #RaspberryPi local cloud. https://twitter.com/techcrunch/status/617414459833749504 (twitter.com/_/status/617492944908464128)
KevinMarks_ joined the channel
#
tantek and I've got <style scoped="scoped" class="p-x-style"> working!
#
bret tantek: what the heck is that?
#
tantek it's a custom post style, with a way of storing it in an h-entry such that it can be parsed and included on a permalink, archive, or homepage stream
sensiblemn joined the channel
#
tantek bret - live now on my site
#
tantek e.g. here is a post with custom styling: http://tantek.com/2015/178/t1/lovewins-css3-pride-rainbow-background
#
tantek and my home page too - though since that uses <style scoped>, it only works in browsers that support that feature, and for now that's Firefox
#
bret oh hrmm cool
#
bret i dont get it quite yet, looking
#
tantek that rainbow background on that post is *only* on that post
#
tantek try clicking the prev/next arrows
#
bret ahh i see.. checking the mf
#
ben_thatmustbeme I was going to work on that custom styles bit this week
#
tantek ben_thatmustbeme: writing up my implementation summary now
#
tantek try scrolling my home page in Firefox and notice what happens when you get to the rainbow post
#
aaronpk whooaaaaa
#
bret oh whoa
#
bret whats wrong on crhome?
#
GWG I think I need to rethink textual location display.
#
tantek bret - Chrome does not implement HTML5 <style scoped>
#
tantek note that all I have to do is include *one* style rule that applies to ".h-entry" and that's the "hook" for styling the entire post.
#
tantek even on the post permalink page (which is now on body)
#
tantek interesting back compat question, should we ignore an hentry inside an h-entry?
j12t joined the channel
#
tantek.com edited /custom_post_style (+123) "Tantek.com now has custom post styles, per the addition of the feature to Falcon storage and post display. Brainstorm successfully implemented, deployed, and in use with real-world example." (view diff)
#
tantek.com edited /Falcon (+884) "Falcon now supports custom post style" (view diff)
#
ben_thatmustbeme haha, nice tantek, background locked to window not container
#
Loqi awesome
#
tantek the magic of background-attachment:fixed;
#
kylewm tantek: for backcompat, could you give each h-entry a unique id, and have your style just apply to one of them?
#
tantek hmm - I was working on hentry h-entry backcompat
KevinMarks__ and KevinMarks joined the channel
#
tantek huh - this might be the first time any parser has seen a microformat property on a <style> element
#
aaronpk hm it's not showing up on the permlink tho
#
aaronpk also whoa title tag http://tantek.com/2015/178/t1/lovewins-css3-pride-rainbow-background
#
tantek yeah - that's a long standing bug
#
tantek aaronpk - possible parser bug
#
aaronpk no, the style tag is outside the h-entry on the permlink page
#
aaronpk because it's in the <head>
#
tantek oh right
#
tantek thanks good catch
#
tantek guess I'll be using scoped styles on the permalink pages too!
indie-visitor joined the channel
#
Loqi Welcome, indie-visitor! Set your nickname by typing /nick yourname
j12t and iboxifoo joined the channel
#
tantek aaronpk: fixed: http://pin13.net/mf2/?url=http://tantek.com/2015/178/t1/lovewins-css3-pride-rainbow-background
#
tantek using x-style since it's a single-site experiment for now
#
tantek and I simplified/reduced the markup tree depth of my permalink posts in the process
#
tantek aaronpk, if you think such per post style is worth consuming, e.g. for Monocle to display, implement it and we can drop the x- :)
#
aaronpk interesting!
#
aaronpk how do scoped styles work? they can *only* apply to the element they are inside?
#
aaronpk as in, there's no way for a malicious scoped style tag to change stuff elsewhere on the page?
#
aaronpk kylewm: your reposts are looking good in Monocle!
#
aaronpk hmm monocle seems to have forgotten how to parse tantek's home page
KevinMarks_ joined the channel
#
aaronpk oh wow, h-card -> first h-feed child -> h-entry children
#
aaronpk tantek: in http://indiewebcamp.com/feed#How_To_Consume does "Look for the first h-feed" mean the first h-feed with a depth first search, or first h-feed that is in the top-level items array?
#
aaronpk i think that needs to be cleared up, because normal traversal of parsed microformats JSON tends to not be depth-first-search, just scanning the items array or scanning the properties of a single object
#
tantek unless otherwise specified, source order
#
tantek which, in the parsed JSON, translates to depth-first-search
#
aaronpk "source order" is hard to understand when what you're actually dealing with is the parsed JSON
#
tantek alternatively you can use XPath or a CSS style parser to pull out the first .h-feed
#
tantek "source order" is easier for publishers, hence it's worded that way
#
aaronpk but that section is called "how to consume"
#
tantek to keep with publisher perspective
#
tantek right, devs writing consuming code must always keep publishing perspectives in mind
#
aaronpk well something needs to be cleared up
#
tantek that's my point, from a web author perspective, no
#
tantek because web authors think from a source perspective by default, and thus "first", absent any other specifics can only mean document/source order
#
tantek to answer your earlier questions
#
tantek scoped styles only apply to their parent subtree, and must be before any visible elements in their parent
#
aaronpk would you expect a helper library to do the traversal automatically? for example Monocle is using the "findMicroformatsByType" function of mf2-cleaner here https://github.com/aaronpk/Monocle/blob/master/lib/mf2_feed_parser.php#L59
#
tantek BTW one way of making the "look for the first h-*" easier, is to provide it as a parameter to a parser
#
tantek so it could do smarter things like use XPath or a CSS Selector parser to pull out a subtree for parsing instead of the whole document
#
aaronpk hm, i'd rather not have to parse the page twice and think about it in different structures. the nice thing about the parsed JSON version of the page is you can stop thinking about it as HTML
#
aaronpk HTML is messy, parsed microformats is a clean data structure
KevinMarks and KartikPrabhu joined the channel
#
ben_thatmustbeme Btw tantek your homepage on chrome mobile looks crazy full off rainbows right now
#
ben_thatmustbeme Really wish they would use scoped css
j12t joined the channel
#
tantek they have experimental support
#
tantek details in note: http://tantek.com/2015/185/t1/coded-per-post-styling-style-scoped
martinBrown, snarfed, KartikPrabhu, j12t and wolftune joined the channel
#
@awolftune @gRegorLove Looks pretty clear no IndieWebCamp for me :( but two other https://snowdrift.coop/ folks plan to, working on their personal sites (twitter.com/_/status/617555945183293441)
KevinMarks_, KevinMarks, byroniczero, Deledrius_, KartikPrabhu and elima_ joined the channel
#
@nrburnette RT @FromTheWastes: Bioflash Short Stories by @nrburnette – What are they?... https://fromthewastes11811.wordpress.com/2014/11/01/bioflash-short-stories-by-n-r-burnette-what-are-they/ #amreading #amwriting #indieauth # htt… (twitter.com/_/status/617578102105858048)
j12t, iboxifoo, cmhobbs, KevinMarks_, KevinMarks, csarven, elf-pavlik and LukasRos joined the channel
#
csarven.ca edited /custom_post_style (+882) "Added unique custom style examples used at csarven.ca" (view diff)
eschnou, j12t, KevinMarks_, catsup, frzn, friedcell, elf-pavlik, KevinMarks and tvn joined the channel
#
@jedahan @lexaloffle https://indiewebcamp.com has some pretty interesting federated information ideas: https://indiewebcamp.com/reply (twitter.com/_/status/617657193907654657)
eschnou, mdik and Sebastien-L joined the channel
#
GWG It's quiet this morning. Too quiet.
#
ben_thatmustbeme dun dun dunnnn
LukasRos, elima_ and j12t joined the channel
#
GWG ben_thatmustbeme: IWC fast approaches
tvn, tvn_ and wolftune joined the channel
#
parzzix So how does everyone use brid.gy? Do you do all you your replies and retweets from your own site...or just original posts
glennjones, csarven, Zegnat, j12t, csarven_, csarven__, mlncn, snarfed, nedorito, tvn, KevinMarks, shiflett, fkooman and wolftune joined the channel
#
@calum_ryan Relaunched http://calumryan.com with some basic POSSE (https://indiewebcamp.com/POSSE) in action. This seems to work, sort of! #indieweb (twitter.com/_/status/617749291331899392)
tilgovi, KevinMarks_, KevinMarks, snarfed, j12t, csarven_ and csarven joined the channel
#
Phyks uhhyeahbret: why emails would be more difficult than any other service to hack on?
#
Phyks it would be possible to implement such features as a Thunderbird extension (or any other email client) or in roundcube or in whatever, no?
csarven joined the channel
#
Phyks the important thing is just that these extra infos should not prevent readability for standard users and only enhance emails for people who want it
csarven, cmhobbs and elima_ joined the channel
#
kylewm Phyks: Thunderbird+Lightning does intelligent stuff when it gets an iCal attachment, and i think there is a well-defined conversion from vCard to iCal
#
snarfed hey GWG, looks like the bridgy bug fix found lots of your missing posts. maybe all of them? https://www.brid.gy/facebook/100002356503167
#
GWG snarfed: Yay!
#
Loqi :D
#
GWG And then Akismet marked them as SPAM
#
GWG I need to deploy that plugin I wrote to whitelist Bridgy
#
snarfed sure! or just drop this into your functions.php:
#
snarfed function unspam_webmentions($approved, $commentdata) {
#
snarfed return $commentdata['comment_type'] == 'webmention' ? 1 : $approved;
#
snarfed }
#
snarfed add_filter('pre_comment_approved', 'unspam_webmentions', '99', 2);
#
GWG snarfed: I have something better
#
snarfed great!
#
GWG https://github.com/dshanske/indieweb-extras
#
GWG I just haven't deployed it
#
GWG IT is sort of like a Misc file for features
mlncn joined the channel
#
kylewm snarfed++
#
GWG Pwcc gave me the idea for a shared repository of little features that didn't fit anywhere else yet
#
Loqi snarfed has 110 karma
#
snarfed thx kylewm!
#
snarfed GWG: right there with you! https://github.com/snarfed/misc
#
GWG I just never deployed it.
j12t, KevinMarks_, nedorito, KevinMarks, frzn, elima_, Unifex and gRegorLove joined the channel
#
gRegorLove Howdy, indiewebcamp
#
gRegorLove For those generating URL slugs for notes, how many words do you use?
#
gRegorLove Looks like kylewm uses 10 words
csarven joined the channel
#
GWG I let WordPress handle that detail, since it treats notes like any other post
#
gRegorLove tantek's seems to vary, 3-5-ish words
#
gRegorLove And appears to be selected words rather than just the note text
#
gRegorLove WordPress appears to truncate to 200 characters
#
GWG It also requires you enter a title
#
rhiaro I use max 32 characters, but only complete words, with a list of stopwords to omit from name/content text
JasonO, KartikPrabhu and KevinMarks_ joined the channel
#
gRegorLove I like the stopwords idea.
j12t, JasonO and sebbers_ joined the channel
#
sebbers_ hi!
KartikPrabhu joined the channel
#
GWG Hi, sebbers_
#
sebbers_ how is everything?
#
sebbers_ havent been on irc in a long time lol
KevinMarks and KevinMarks_ joined the channel
#
GWG Fine. What brings you here today?
#
sebbers_ just checking out some of the discussions going on and seeing where i can contribute
#
sebbers_ and casually seeing if maybe i can lend a consulting hand lol
KevinMarks_ joined the channel
#
GWG How would you like to contribute?
#
sebbers_ well im a pretty good coder...usually if i see a list of open issues...i like to sift through and see if i can solve any ofthem
#
GWG Well, we aren't one project per se
#
GWG We are very much a scratch your own itch group
#
GWG sebbers_: Have a look at http://indiewebcamp.com/principles
#
GWG I build tools, for example, for myself, but I try to be aware and not build them so narrowly others can't use them.
#
sebbers_ oh wow
#
sebbers_ this site is awesome
#
sebbers_ ive been looking for something like this
#
sebbers_ it looks like i just missed the SF July 1st event
#
sebbers_ womp
#
GWG sebbers_: Do you have a site?
#
sebbers_ ya www.sebastianroeder.com
eschnou joined the channel
#
GWG Very nice...sort of a resume/portfolio
#
sebbers_ ya
fkooman joined the channel
#
sebbers_ i left my job last month to pursue consulting on my own
#
sebbers_ so thats kinda where im at now, just looking for interesting work
yakker and snarfed joined the channel
#
GWG sebbers_: This is more of a hobby for me
#
GWG But its a great community for building things that you actually use.
#
GWG Much of the time, work is theoretical.
#
GWG So, for example, I can write a simple note with my thoughts on my site, and kylewm, who uses completely different software, can write a reply on his site, and send me notice of that using a webmention, and my site will process that as a comment.
#
GWG But I have no idea how kylewm's site works or vice versa.
#
GWG We just speak the same language
KartikPrabhu joined the channel
#
KartikPrabhu loqi messages?
#
Loqi dude
j12t joined the channel
#
GWG sebbers_: So, there are projects to contribute to, but it goes back to personal preference
tilgovi joined the channel
#
sebbers_ oh ok that makes sense
#
sebbers_ well i will gladly keep on checking out
#
sebbers_ and see where i can contribute my skills :)
#
GWG Right now, I'm trying to solve a problem with my current project
KevinMarks and colintedford joined the channel
#
@macleodan Making my site more #indieweb Now has h-card and h-entry. (twitter.com/_/status/617808711545942020)
tilgovi, KevinMarks_, KevinMarks, snarfed, friedcell, j12t, lukebrooker and iboxifoo joined the channel
#
@MicropubInfo Micropub (IndieWeb): This article may meet Wikipedia's criteria for speedy deletion for the following reasons:... https://www.google.com/url?rct=j&sa=t&url=https://en.wikipedia.org/wiki/Micropub_(IndieWeb)&ct=ga&cd=CAIyHDNlNjg4ODQzODIxNzA0ZmU6Y28udWs6ZW46R0I&usg=AFQjCNF-kKLYxyPZxHI26aIw3kTHMJI92w&utm_source=twitterfeed&utm_medium=twitter (twitter.com/_/status/617829782747660288)
lukebrooker, KevinMarks_ and KevinMarks__ joined the channel
#
GWG I need a wiki person. I'm trying to figure out where to put my brainstorming on the topic of textual presentation of location.
#
GWG I see notes on it in multiple places, none of which are actually in /location.
cmhobbs, catsup, KartikPrabhu and j12t joined the channel