2015/Demos

IndieWebCamp 2015 Demos July 12, 2015 4PM-ish

Brighton Start Demos
See 2015/Brighton/Demos.

Portland Start Demos
Logs start: http://indiewebcamp.com/irc/2015-07-11#t1436636783383

Tantek

 * http://tantek.com
 * I demo'd my indie RSVP support, and aaronpk’s indie event support. And also my support for custom post styles.

Lily

 * http://buyfocal.anomalily.com
 * Lily is now demoing her site, she takes photos of everything she buys as part of a “buy focal” project
 * she uses Instagrator pro to PESOS Instagram posts to her site
 * problem with using Instagram as the client, they’re owned by Facebook, and their place/venue database is very bad
 * demos purchasing a coffee cup for 2¢ and taking a photo of it with Instagram and it automatically getting posted to her personal site
 * she can also show you a list of things by type e.g. all burritos she’s eaten
 * each post shows map of where purchase happened

Jeena

 * http://jeena.net
 * everything is on his website and written by him
 * when he travels around the world he almost never has his real camera
 * but still wants to post photos on his website and not on facebook
 * uses Firefox on Android
 * when he logs into his site on his mobile device
 * he can choose file
 * and then choose camera option
 * he’s taking a photo of the main room @IndieWebCamp
 * types a description into his posting UI on his mobile device
 * logs into his site on the laptop
 * shows posting UI on laptop
 * just to show the UI on the screen for everyone to see
 * used to POSSE to Twitter and Facebook with his own code
 * but Facebook keeps changing their API so he gave up on that
 * and just uses Bridgy to POSSE to Facebook
 * POSSEing to Twitter includes the photo!
 * shows jeena.net/photos (!!)
 * awesome grid of thumbnails
 * [Loqi] @jeena #indiewebcamp live demo (https://jeena.net/photos/156) https://twitter.com/jeena/status/619928034179706880/photo/1 (twtr.*)
 * on hover on a thumbnail it shows the text description for the photo
 * result of his post: https://jeena.net/photos/156
 * and possed to twitter: https://twitter.com/jeena/status/619928034179706880
 * POSSE photo to Twitter shows an example of http://indiewebcamp.com/Twitter#POSSE_note_with_photos_to_Twitter

Charles

 * http://charlesreid1.com
 * redirects to a static IP
 * uses MediaWiki
 * you essentially get markdown text
 * (media wiki syntax)
 * lets you use media wiki templates
 * everywhere you drop in the template on another page, the template contents get inserted
 * the sidebar templates on wikipedia are templates (for example)
 * you can copy and paste wikipedia templates into your own wiki
 * lets you build off existing template work, and save time
 * demoing a booklist template
 * includes scans of written notes in a book

Jon

 * http://thetapestries.net
 * Next up is John!
 * demoing tapestry maker
 * writen in node
 * is a space for a community of people
 * demoing indiemetachat
 * indieweb focuses on the individual
 * spaces for communities compliment individual sites
 * not everyone wants a public profile
 * how do we have areas where we can have private discussions?
 * demoing a social tarot reading
 * a place for discussing tarot readings as a community
 * “Everybody I talk to is ready to be done with Facebook"
 * there is still a lot of work to make indieweb accessable to non technical people
 * “They talk about their time on Facebook like junk food. You do a lot of stuff and you don’t feel good afterwards.”
 * (so quotable!)
 * people just want to have a good time and enjoy themselves
 * (its true it doesn't take much to put together a fun online community)
 * adding audio to a community chat room
 * (plays high pace EDM from a chat channel)

gRegor

 * http://gregorlove.com
 * gregorlove.com/notes/
 * posting notes to his site for about a year
 * POSSEing to Twitter
 * using Bridgy
 * shows recent post “Solution or go home” in reply to kylewm and how it appears on his site as well

Emma

 * http://notenoughneon.com
 * notenoughneon.com
 * migrating to AWS
 * hosted on S3, learning node.js
 * demos chat.notenoughneon.com

Jennifer

 * http://yourmom.io
 * people were tweeting about projects/software being so easy your mom could run it
 * at one HWC meetup she bought her domain
 * at the next HWC she got hosting and got WordPress setup
 * Jeena asks - what was it that made you come to Homebrew Website Club?
 * Jennifer came to HWC because she wanted to learn from people who already had websites
 * “There’s only one way to learn, and that’s to ask people who know and do stuff”
 * "all it takes is wanting to do it to make it happen"
 * the indieweb plugins have been really helpful

Aaron

 * http://aaronparecki.com
 * using talky on a mobile device to show his Pebble watch
 * to show posting from his food app
 * has a coffee
 * pushes one button and it posts
 * literally an example of a one-button posting UI
 * his food variety is relatively low, so turns out most of the time its already on the list on his watch
 * it uses micropub to post to his website

Bret

 * http://bret.io
 * his 3rd indiewebcamp
 * he’s been focusing on static hosting
 * looking at this thing call IPFS
 * interplanetaryfilesystem
 * pi.bret.io:8080/ipfs/QmdY53gvcuKQgyRQbg1n9LJMBJvcdvpjdGHuMP53LTu3kF

Brighton Hack Day Demos
See 2015/Brighton/Demos.

Portland Hack Day Demos
Video: https://www.youtube.com/watch?v=H2awcInYgw4

Jeena

 * http://jeena.net/
 * Video
 * implemented micropub on his site!
 * in the long run wants to make an indie reader where he can like and comment stuff
 * to do that he needed the first step to be supporting micropub on his site
 * Jeena shows code
 * shows Quill and indieauth signing in with his domain

Jeff

 * http://jgraham909.com/
 * Video
 * setup his site just today! running on GoLang
 * setup his h-card
 * pushed the repo up on github
 * github.com/jgraham909/indigo

Mike

 * http://gibberish.com/
 * Video
 * github.com/misuba/UserColors
 * went from zero this morning to his first Known plugin
 * plugin for multi-user sites
 * site is theha.us
 * profile: theha.us/profile/misuba
 * shows custom per user colors

Lily

 * http://anomalily.net/
 * Video
 * redesign her entire website!
 * meant to say: now has a notes box in the right column of the home page
 * attempted to get Teacup working, but all of her coffees are posting as the date

Paul and Tyson

 * http://paulmunday.net/
 * http://tyson.vanoverhill.com/
 * Video
 * dual demo!
 * when he posts his review, can post it as a reply-to to the quote post

Tantek

 * http://tantek.com/
 * Video
 * i tried to work on 3 things. I got 2 and some fraction done
 * the 1st thing is trying to converge comment markup so we can do it consistently (twtr.io/11ZZQoJL0Co)
 * worked it out with a group of us and has updated code on wiki page
 * under comments-presentation
 * each comment should use p-comment h-cite (assuming they are from some other site) since your copy of the comment is really a copy of the text from someone else's site
 * Update shortly thereafter:   as documented on comments-presentation (and see that for any future revisions).
 * if you're consuming comments this is structure you can rely on (twtr.io/11ZZeVYT7JR)
 * second thing was scoped styles which worked only in firefox
 * ... looking at post in its permalink it covers the whole page (intentionally)
 * the second thing I showed was scoped styles, which I had before on my site (twtr.io/11ZZhSwneE8)
 * but now I got it working in chrome and safari as well as firefox despite them not supporting it (twtr.io/11ZZk4xzLbH)
 * ... opening in chrome or safari, this works equivalently on the other browsers
 * ... those changes do not put any extra work on to the publishing, but is entirely inside the software
 * ... will document later my techniques
 * ... third item is working on mobile version of site
 * the 3rd thing I wanted to do was getting my site looking good on mobile, so lets see if this works (twtr.io/11ZZu1x6HPC)
 * my first goal was to get my homepage looking good on mobile - not wrapping URLs badly (twtr.io/11ZZzxKmHPD)
 * ... text is pretty readable no matter what kind of post
 * ... only improvements left are to get photos to be full bleed (all the way to the edge of the device

Jon

 * http://jonericbenson.com/
 * Video
 * Jon worked on getting his site setup!
 * With indieauth etc.

Sarah

 * http://themostawful.com/
 * Video
 * I'm sarah, my url is http://themostawful.com (twtr.io/11Z_Fn7H6ct)
 * setup a webmention endpoint on her site!
 * was able to both comment and get comments

Bryan

 * http://chreekat.net/
 * Video
 * added support for h-entry to the forum he was working on
 * I started with a small discussion and came up with exchanges between people in markup (twtr.io/11Z_WuBHX5c)
 * h-entry for the comment, h-card and p-author dt- for dates and u- for photos (twtr.io/11Z_ZfhYNbo)
 * used glennjones.net/tools/microformats/ to check his microformats
 * microformats are now live: parsed example

Bret

 * http://bret.io/
 * Video
 * made a node.js module for parsing bearer tokens
 * with tests!
 * a micropub endpoint has to get a bearer token from a micropub client request (twtr.io/11Z_vhazKKV)
 * I made a node module for parsing bearer tokens that abstracts the complexities away (twtr.io/11Z_yHTCdQ0)

Jennifer

 * http://yourmom.io/
 * Video
 * fully deployed a microformats2 supporting WordPress theme
 * Jennifer still wants to fix things
 * new h-card
 * still needs fixes according to indiewebify.me

Kartik

 * http://kartikprabhu.com/
 * Video
 * remotely demo-ed basic version of hfeed2atom, a python library to convert an h-feed marked up page to Atom for consumption by traditional readers.

Aaron

 * http://aaronparecki.com/
 * Video
 * then I worked on SWAT0 the tagging test http://indiewebcamp.com/SWAT0 (twtr.io/11ZatxzvZBU)
 * ben took a photo of me https://ben.thatmustbe.me/photo/2015/7/12/9/ and tagged me in a photo and my phone notified me (twtr.io/11Zaxn348fZ)
 * I got hat notification (twtr.io/11Zaz0kXv5b)
 * ben updating the photo was amy hitting the like button (twtr.io/11Zb7fcSAuw)
 * and these comments are now on ben's post, which notified me (twtr.io/11ZbBP2AqNx)
 * @aaronpk: now I can sign into woodwind and log in with twitter - wait, twitter is down (twtr.io/11ZbJnYEqaj)
 * fortunately indieauth means I don't have to use twitter, I can use last.fm (twtr.io/11ZbJP2xcGo)
 * @aaronpk: I cna post my own comment now in the reader and that posts on my site and ping ben's (twtr.io/11ZbQAUaC_8)
 * @aaronpk: and I got a notification that http://aaronparecki.com commented on my photo on ben's site (twtr.io/11ZbTb3v6A8)

Kevin

 * http://kevinmarks.com/
 * Video
 * worked on indiecards
 * reworked it as a hovercard
 * designed to work in an iframe
 * he’s incorporated indiecards into noterlive.com
 * (aside: they’re not hovercards - hovercards are a very specific presentational effect in response to users *hovering* over something)
 * had to cache tantek.com
 * and thus caches cards in general now