IndieWebCamp March 13-20, 2015

This is an automatically-generated summary of the IndieWebCamp wiki edits from March 13-20, 2015

Table of Contents

New Pages

Changed Pages

New Pages

2015/Cambridge/Schedule

Created by Ben.thatmustbe.me on March 19

  • Thu, March 19 ben.thatmustbe.me clone of 2014
  • Thu, March 19 ben.thatmustbe.me /* Saturday, October 11, 2014 (Brainstorming) */
  • Thu, March 19 ben.thatmustbe.me
  • Thu, March 19 ben.thatmustbe.me /* Thursday, March 19, 2015 (Brainstorming) */
  • Thu, March 19 ben.thatmustbe.me
  • Thu, March 19 ben.thatmustbe.me /* Thursday, March 19, 2015 (Brainstorming) */
  • Thu, March 19 tantek.com do photos + lunch before session scheduling
  • Thu, March 19 tantek.com /* Thursday, March 19, 2015 (Brainstorming) */ links to 14:00 sessions
  • Thu, March 19 tantek.com etherpad for live links
  • Thu, March 19 ben.thatmustbe.me /* Thursday, March 19, 2015 (Brainstorming) */
  • Thu, March 19 ben.thatmustbe.me /* Friday, March 20, 2015 (Hack Sessions) */
  • Thu, March 19 tantek.com /* Thursday, March 19, 2015 (Brainstorming) */ dinner
  • Thu, March 19 tantek.com /* Friday, March 20, 2015 (Hack Sessions) */ update rooms
  • Fri, March 20 ben.thatmustbe.me /* Friday, March 20, 2015 (Hack Sessions) */
  • Fri, March 20 ben.thatmustbe.me /* Friday, March 20, 2015 (Hack Sessions) */ correct times for day 2 schedule

IndieWebCampCambridge 2015 Schedule

See https://etherpad.mozilla.org/indiewebcamp-cambridge for links to live etherpads.

Thursday, March 19, 2015 (Brainstorming)

MIT Stata Center, room 32-D463, 32 Vassar St, Cambridge, MA, US, 02139. http://www.csail.mit.edu/news/stata

Photo of schedule grid: https://ben.thatmustbe.me/upload/photo/29612

Time Main Room 312 Open Seating Near Open Seating Far
9:00 Camp opens. Badge creation, networking, and breakfast.
10:20 Introductions, lots of Selfdogfood Demos of what works today
12:00 Group Photo, then Lunch at Co-op
13:00 Session Scheduling
14:00 userinfo thoughtpost
15:00 tilde chromify
16:00 messaging
17:00 kindsofposts future drupal analytics
18:00 Intro to Hack Day, head to dinner at The Asgard!

Friday, March 20, 2015 (Hack Sessions)

MIT Stata Center, room 32-D463, 32 Vassar St, Cambridge, MA, US, 02139. http://www.csail.mit.edu/news/stata

Time Main Room Kiva (312) after 11:30 D507 until 13:30 Open Seating
9:30 Breakfast
10:10 Day 2 Kickoff, Hack Day Intro
10:30 - 12:00 XXXXXXXXX
12:00 - 1:00 Catered Lunch
13:00 - 14:00 XXXX
14:00 - 15:00 XXXXXXXXX
15:00 - 16:00 XXXXXXXXX
16:00 Demos
17:30 community cleanup
18:00 camp closed!
19:00 after party - ?

See also

IndieAuthProtocol

Created by Cweiske.de on March 20


IndieAuth is a protocol to log users into web applications through an authorization server. The authorization server is linked from the user's home page.



Contents

Authorization process

indieauth-authorization-process.png

  1. User enters his homepage URL in the login form of the web application and clicks "Login"
  2. Web application discovers the authorization endpoint by fetching the user's homepage
  3. Web application redirects the user's browser to the authorization endpoint
  4. Authorization endpoint verifies the user, e.g. by logging in
  5. Authorization endpoint redirects the browser back to the web application, including a token
  6. Web application verifies the token directly with the authorization endpoint
  7. User is logged into the web application



Creating an Authorization Endpoint

An authorization endpoint must be able to both generate authorization codes as well as verify authorization codes.



Identification header

Every endpoint MUST return a

IndieAuth: authorization_endpoint

HTTP header in all responses.

It is used to verify that it's really an endpoint.



1. Login form

The site contains a web sign-in form prompting the user to enter their URL to sign in. Upon submitting the form, the site begins the auth process by discovering the user's auth endpoint.

indieauth-web-sign-in.png

2. Endpoint Discovery

The web application checks the user's website for a link with a rel-value of "authorization_endpoint":

<link rel="authorization_endpoint" href="http://indieauth.example.org/">

Use this URL as endpoint for processing.

If no authorization_endpoint link can be found, the IndieAuth client software may fall back to e.g. indieauth.com by using https://indieauth.com/auth as URL.

TODO: MUST HTTP header links be supported?



3. Redirect to authorization endpoint

Directing the user's browser to the auth endpoint is usually done via a HTTP Location header, but can optionally be an <a> tag with an href set to the authorization URL.

Note: Values are shown without URL encoding for readability.

https://auth.example.org/auth
    ?me=https://aaronparecki.com/
    &client_id=https://webapp.example.org/
    &redirect_uri=https://webapp.example.org/auth/callback
    &state=1234567890
    &response_type=id

Parameters:

me
Full URI of the user's homepage
client_id
Full URI of the application's/website's home page. Used to identify the application. An authorization endpoint may show the application's icon and title to the user during the auth process.
redirect_uri
Full URI to redirect back to when the login process is finished
state
Web application-internal state variable; can contain anything
Optional. Auth endpoints MUST support them, though.
response_type
id (identification only) or code (identification + authorization)
Optional. Defaults to id.
scope
Not used and omitted in identification mode (request_type=id)
For authorization, the scope contains a value (often a verb) that the web application requests permission for, e.g. "post". Multiple values are supported, e.g. post,delete



4. Verify user

The authorization server should present an interface describing the request being made. It must indicate:

The client_id making the request
Including the name and logo if an h-card is found on the client_id URL
The scope if authorization is requested.

TODO: Example. See h-x-app.



Redirect URI verification

why is redirect_uri separate from state?
the callback URL shouldn't be dynamic per request so that callback URLs can be registered. "state" is allowed to vary per request
why should callback urls be registered?
without registration it's easier to perform a redirect attack. more background here: http://tools.ietf.org/html/rfc6749#section-3.1.2.2
how does the client website register the callback at the server?
haven't written this part up yet, but the idea is for the client to publish its registered redirect URIs on its web page with a <link> tag
since client IDs are always URLs, it's all discoverable that way
for client_id https://example.com/ a server can find its valid redirect URIs by looking for <link rel="redirect_uri" href="https://example.com/callback"> at example.com

5. Redirect to web application

The authorization server presents the request information to the user, and when he approves, generates an authorization code and redirects the user to the redirect URI specified.

HTTP/1.1 302 Found
Location: https://webapp.example.org/auth/callback
    ?code=xxxxxxxx
    &state=1234567890
    &me=https://aaronparecki.com/

Parameters:

code
Authorization code
state
State variable sent by the web application
me
Full URI of the user's homepage

6. Token verification

The web application finally queries the authorization endpoint to verify the auth code given by making a POST request with the following values:

POST https://auth.example.org/auth
Content-type: application/x-www-form-urlencoded

code=xxxxxxxx
&redirect_uri=https://webapp.example.org/auth/callback
&client_id=https://webapp.example.org/
&state=1234567890

After the authorization server verifies that redirect_uri, client_id and state match the code given, the response will include the "me" and optionally the "scope" value:

HTTP/1.1 200 OK
Content-Type: application/x-www-form-urlencoded

me=https://aaronparecki.com/
&scope=post

Parameters:

me
Full URI of the user's homepage
scope
Not used and omitted in identification mode (request_type=id)
For authorization, the scope contains one or multiple (comma-separated) values the user gave his permission for.



Using an Authorization Service

You can use an existing authorization service such as indieauth.com if you don't want to build your own authorization service.



FAQ

Why are auth codes verified with a POST instead of a GET

If auth codes are sent as a GET request in the query string, they may leak to log files or the HTTP "referer". The decision was made by the OAuth 2.0 working group to use POST requests and the HTTP Authorization header for sending these sensitive tokens and auth codes.

Can the authorization codes be used more than once

No, the authorization code must not be used more than once. If the code is used more than once, the authorization server must deny the request.[1] A maximum lifetime of 10 minutes is recommended for the authorization codes, although many implementations have a lifetime of 30-60 seconds.

Can I add additional parameters for the authorization request

No, but you can use the "state" parameter to encode or reference additional application-specific parameters. The state parameter will be passed around and was designed for this purpose as well as to prevent CSRF attacks.

Does the auth server have to support the state parameter

Yes, the state parameter can be used by the client to maintain state between the request and the callback, so the auth server must support it. It is also used to prevent CSRF attacks.

2015/Cambridge/Introductions

Created by Tantek.com on March 19


The opening IndieWebCamp 2015 Cambridge session.

IndieWebCamp leaders will lead you through:

  1. Announce: Welcome to the second IndieWebCampCambridge!
  2. Show Squarespace parody video
  3. Tell brief history:
  4. Show http://indiewebcamp.com/ home page and principles
  5. Note explicit decision to focus on
    • personal site "scratch your own itch" doers, doing, selfdogfooding, demoing
  6. Overview of IndieWebCamp Two Days:
    • day 1: intro/demos, lunch, brainstorming sessions, dinner
    • day 2: day two hack sessions, lunch, hack sessions, demos
  7. Show code-of-conduct, point out organizers to go to in case of anything
  8. Demos of what works on your site today
  9. Explanation of today (brainstorming sessions) vs tomorrow (hack sessions)
  10. Intro to how Barcamp sessions are scheduled: write THREE THINGS on a notecard:
    1. session name,
    2. your name,
    3. session #hashtag - used for tagging and etherpad.mozilla.org/indieweb-hashtag
  11. Session scheduling!
  12. Camp leaders call *start your sesssions* at start time

Notes

...

See Also

User:Bengo.is

Created by Bengo.is on March 17


http://bengo.is

  1. Progress

3/16/2015

  • I bought some domains, including bengo.is. You'll see others show up over time.
  • I spun up a Google Compute Engine server (Ubuntu 14.04 LTS) with a certain IP. I then created a DNS A record of bengo.is to that IP (.is nameserver swapping is difficult through iwantmyname.com)
  • I `apt-get install nginx` and `service nginx start`, then edited the default HTML to be sufficient enough for IndieAuth.
  • I can now edit wiki pages!
  1. TODO:
  • Have an official avatar URL on a domain I control. Not just wk0lcdq6cj.jpg
  • Post a note
  • Support HTTPS at bengo.is . Who should sign that cert if I want you to trust me the most? :)
  • Be able to post a note in reply to people when I disagree with them :P
  1. Ideas

meme

Created by Loqi.me on March 17

  • Tue, March 17 loqi.me prompted by tantek https://indiewebcamp.com/irc/2015-03-16/line/1426560536989 and dfn added by tantek
  • Wed, March 18 kevinmarks.com
  • Wed, March 18 tantek.com in general vs in context of



A meme in general is an idea that propagates through minds by replication (the idea itself encourages those understanding it to propagate it to others) and in the context of the IndieWeb it is also a post type consisting of a funny or provocative image with a brief text note overlaid on top of it, usually in white all capitals text outlined in black, similar to a single-pane comic, yet with text that reads like prose rather than a caption.

Jekmentions

Created by Fiatjaf.alhur.es on March 18

  • Wed, March 18 fiatjaf.alhur.es Created page with "{{stub}} '''<dfn>[http://jekmentions.alhur.es/ Jekmentions]</dfn>''' is a service that works as webmention endpoint and saves the received webmentions in a GitHub repository. =..."
  • Wed, March 18 fiatjaf.alhur.es



Jekmentions is a service that works as webmention endpoint and saves the received webmentions in a GitHub repository.

Contents

Sites that use Jekmentions

Features

Jekmentions works only with Jekyll sites hosted on GitHub pages, but, differently from Javascript-based webmention endpoints designed for static sites like webmention.io and webmention.herokuapp.com, Jekmentions doesn't require Javascript and doesn't store the contents of the received webmentions.

Instead, whenever Jekmentions receives a webmention, it pushes it to the GitHub repository which is hosting the Jekyll site, which then uses some magic to render that webmention in the correct page or post it belongs.

How to use

Jekmentions will save one file for each webmention received, all them inside the
_webmentions
directory on the root of the repository, and then under the path corresponding to the actual path of the page targeted:

Knowing that path and file structure, and reading about Jekyll collections, the feature that makes this possible, you can use your imagination and implement a layout that renders the webmentions at their correct page.

See Also

Cambridge

Created by Loqi.me on March 15




Cambridge Massachusetts is one of several cities where IndieWebCamp events have been held, first in 2014, and then again in 2015.

Monocle

Created by Aaronparecki.com on March 16

  • Mon, March 16 aaronparecki.com stub with dfn and link. prompted by shaners https://indiewebcamp.com/irc/2015-03-15/line/1426467962361
  • Wed, March 18 cweiske.de



Monocle is an open source IndieWeb-enabled reader developed by Aaron Parecki.

Available at https://monocle.p3k.io/

See Also

2015/Cambridge/thoughtpost

Created by Tantek.com on March 19


Contents

Thought Draft Post

A session at IndieWebCamp Cambridge 2015, archived from live notes at https://etherpad.mozilla.org/indiewebcamp-thoughtpost

Welcome to the Thought -> Draft -> Post session

IndieWebCamp Cambridge 2015

All contribution to these notes CC0.

Participants

  • David.Shanske.com
  • Tantek.com
  • Ben.thatmustbe.me
  • Butterwell.exploratori.us
  • Aakritishroff.com
  • timowens.io
  • barryfrost.com
  • bavatuesdays.com
  • hongpong.com

Remote Participation

Talky:

Notes

Tantek comments that the stuff he posts is a small percentage of the things he WANTS to post. A common problem. Currently organizes with two text files. In one, brain dumps thoughts with links and date. On occasion, for an occasion, cherry picks thoughts from the first file into a second, scheduled to be finished by a particular time, such as a conference.

Collection of ideas/Prioritization....Distraction!!

Is there a good way to collect one's ideas easily?

Is there a good draft selection method?

There are 4 layers of posting for tantek

  1. collecting random ideas
  2. prioritizing some of them as to be done before an event
  3. sorting/clustering ideas into a cohesive narrative as a post
  4. good writing, proper prose, article structure, beginning / middle / end
  5. posted

ben.thatmustbe.me - I post my drafts to my site semi-privately and iterate within my site so I have full control of the iterations.

final: https://ben.thatmustbe.me/article/2014/9/26/6/open_call

https://ben.thatmustbe.me/article/2014/9/26/5/open_call_draft_v6

https://ben.thatmustbe.me/article/2014/9/26/4/open_call_draft_v5

https://ben.thatmustbe.me/article/2014/9/26/3/open_call_draft_v4

https://ben.thatmustbe.me/article/2014/9/26/2/open_call_draft_v3

https://ben.thatmustbe.me/article/2014/9/26/1/open_call_draft_v2

https://ben.thatmustbe.me/article/2014/9/25/2/open_call_draft_1

Problem Statement

I have some thoughts but don't have time to write a post.

I want to write some posts before an event, e.g. for that event.

I don't know what to write about!

My post is getting too big - how do I split it?

  • How do I constrain the subject sooner to not overwrite or get lost on a tangent?

If the topic is able to split, then you know that or you don't.

If it can be split, then you've got a chapter book.

Your splits are more like pause for breath.

Sometimes I'm purposely pausing for input, which can benefit writing more about it later.



Suggestions

Write a few sentences, just a paragraph, short note commentary about what you've read.

Tagging can help organize the random ideas.

Then later collect a bunch of notes into a longer blog post

E.g. http://tantek.com/2015/068/b1/security-towards-minimum-viable-web-platform

Timebox: set aside an hour to blog with the goal of publishing at least one finished post. More is better! If you get one post done, go for it and do a second one.

Questions

What is the level below draft?

Why not start in the same format and just keep it moving along?

Livefyre

Created by Bengo.is on March 16


Livefyre is an Enterprise Social Web Platform used by hundreds of Publishers and Brands for commenting, chat, reviews, and social content marketing.

Products (Social APIs + Social Web Components) include:

  • Real-time Commenting and Chat
  • Ratings and Reviews
  • User/Topic Following and Aggregation
  • Content Collection Hosting and tools for curating social Content from SNS like twitter.com, instagram.com, facebook.com, and many more
  • A JavaScript SDK for building custom social web components
  • An App Web Service that models application lifecycle management for social web components
  • User Management and Social Authentication
  • https://storify.com/

For more answers, visit Livefyre Answer Central.

See Also

  • . . .

User:Atomicules.co.uk

Created by Atomicules.co.uk on March 16


I only started on my Indieweb journey in 2015 because I'd not heard about it before then; however, I have been blogging since 2002 and have always valued my independent part of the internet so the principles behind the Indieweb resonant with me.

I'm a Jekyll user. So far I have been working on adding microformats2 markup to meet as much of the IndieMark level 1 and 2 requirements as I can. Where I'm completely lacking (and therefore my next focus) is POSSEing some kind of content.

Relevant posts from my site

WordPress shortlink

Created by Petermolnar.eu on March 16

  • Mon, March 16 petermolnar.eu Created page with "== Replacing the build in WordPress Shortlink == remove_action( 'wp_head', 'wp_shortlink_wp_head', 10, 0 ); add_action( 'wp_head', 'replace_shortlink'); function rep..."

Replacing the build in WordPress Shortlink

   remove_action( 'wp_head', 'wp_shortlink_wp_head', 10, 0 );
   add_action( 'wp_head', 'replace_shortlink');
   function replace_shortlink () {
       // make the new shortlink here somehow, for example, this is what I used:
       global $post;
       if ( !empty(SHORTDOMAIN) ) {
           $short = SHORTDOMAIN . $post->ID;
       }
       else {
           $url = rtrim( get_bloginfo('url'), '/' ) . '/';
           $short = $url.'?p='.$post->ID;
       }
       printf ('<link rel="shortlink" href="%s" />%s', $short, "\n") ;
   }



nginx redirection for shortlink id to not nice WordPress URL

   # dom.ain
   server {
       listen 80;
       server_name .dom.ain;
       rewrite "^/([0-9]{1,6}).*$" https://real-domain.com/?p=$1 permanent;
       # fallback
       rewrite ^(.*)$ https://real-domain.com$1 permanent;
   }

2015/Cambridge/Hack Day Intro

Created by Tantek.com on March 20




IndieWebCamp Cambridge 2015

Day 2 of IndieWebCamp is our hack, create, design, and build day.

General Advice

  1. Still not sure what to hack on? Checkout IndieMark for some next steps for your site.
  2. Find one really simple thing to add to your site before lunch, one more challenging thing after lunch.
  3. Ask for help if you're stuck at all - you are short on time, but surrounded by high-bandwidth expertise. Ask on IRC, ask your neighbors, ask an organizer.
  4. Help someone get unstuck. Listen and if you hear a question about something you know something about, take a few minutes to help someone or direct them to a resource on the wiki.

Hack Sessions

Hack Session Proposals

  1. write down on a sticky note:
    • what you're going to work on
    • your name
    • hashtag
  2. Announce what you're doing
    • pick an area / room / space
    • before/after lunch
    • and put your sticky up on the grid

Join forces with others working on similar things.

game

Created by Loqi.me on March 20

  • Fri, March 20 loqi.me prompted by ben_thatmustbeme https://indiewebcamp.com/irc/2015-03-20/line/1426874081782 and dfn added by ben_thatmustbeme



game is you have just lost the game

after the game

Created by Loqi.me on March 20

  • Fri, March 20 loqi.me prompted by tantek https://indiewebcamp.com/irc/2015-03-20/line/1426874188041 and dfn added by tantek



after the game is before the game. — S. Herberger

Realtime

Created by Loqi.me on March 13

  • Fri, March 13 loqi.me prompted by aaronpk https://indiewebcamp.com/irc/2015-03-13/line/1426289216157 and dfn added by KevinMarks



Realtime is a well-defined software field where computing has to complete or fail cleanly by a deadline, because latency is paramount.

centurylink

Created by Loqi.me on March 15

  • Sun, March 15 loqi.me prompted by tantek and dfn added by aaronpk



centurylink is an ISP providing gigabit Internet service to some parts of Portland, Oregon

Google Container Engine

Created by Loqi.me on March 16

  • Mon, March 16 loqi.me prompted by gRegor` https://indiewebcamp.com/irc/2015-03-16/line/1426538678696 and dfn added by gRegor`



Google Container Engine is https://cloud.google.com/container-engine/

followed

Created by Loqi.me on March 15

  • Sun, March 15 loqi.me prompted by tantek https://indiewebcamp.com/irc/2015-03-15/line/1426451322448 and dfn added by aaronpk



followed is a post that indicates the author has just subscribed to someone's feed

Localize.js

Created by Loqi.me on March 17

  • Tue, March 17 loqi.me prompted by tantek https://indiewebcamp.com/irc/2015-03-16/line/1426553188163 and dfn added by bengo



Localize.js is A small company building a platform to make Localization of web pages as easy as possible.

diigo

Created by Tommorris.org on March 19

  • Thu, March 19 tommorris.org prompted by tommorris https://indiewebcamp.com/irc/2015-03-19/line/1426776426033

Diigo is a silo for storing bookmarks and research annotations.

POSSE usage

mkdocs

Created by Loqi.me on March 19

  • Thu, March 19 loqi.me prompted by tantek https://indiewebcamp.com/irc/2015-03-19/line/1426777253197 and dfn added by gRegor`



mkdocs is http://www.mkdocs.org

OExchange

Created by Loqi.me on March 19

  • Thu, March 19 loqi.me prompted by aaronpk https://indiewebcamp.com/irc/2015-03-19/line/1426797047321 and dfn added by benwerd



OExchange is a simple web-based convention for sharing any website via any platform on the web. It is supported by AddThis among other services, and includes provisions for sharing services to be auto-discovered by browsers and other tools.

2015/Cambridge/userinfo

Created by Ben.thatmustbe.me on March 20


UserInfo.me

GET / HTTP/1.1
Host: bigbluehat.com
User-Info: byoung

.htaccess for Apache:

RewriteCond %{HTTP:User-Info} (.*)
RewriteRule ^$ %1.txt [QSA,L]

Todo:

  • .htaccess for Apache
  • nginx config

2015/Cambridge/tilde

Created by Ben.thatmustbe.me on March 20


Welcome to the ~tildeClub session IndieWebCamp Cambridge 2015 Participants:

Background Story: Tilde Club

GitHub Repo: github.com/tildeclub/tilde.club

Topics

2015/Cambridge/drupal

Created by Ben.thatmustbe.me on March 20

  • Fri, March 20 ben.thatmustbe.me dump from etherpad, not sure of organization of this, there was little to no grouping on the etherpad

Drupal - https://www.drupal.org/home - is a content management framework supporting some 2% of the web including many large and prominent sites. It is free software and has a very large and active community.

https://www.drupal.org/project/issues/search?issue_tags=indiewebcamp

this seems to be the best shot at Webmentions https://github.com/sanduhrs/vinculum/tree/7.x-2.x

working on getting contrib access here.

should implement this http://webmention.org/ - already a bug is flagged for pingback spam, how do we implement spam control?? see https://www.drupal.org/node/1987964

auto-link URLs directly - the input filters can do this auto-link @-names to Twitter profiles - the Twitter module can do this and some others too ( http://drupal.org/project/twitter

need:

p-location
 h-entry
  h-geo or h-adr

https://indiewebcamp.com/feed

  • This can be done with feeds module
  • h-feed and h-entry. should be semantic tags on the views entries

Development strategy:

Microformat background info

h-atom enabled using drupal referenced:

one of these or similar should be able to ingest dang near any microformat https://www.drupal.org/project/feeds_ex

here is the wordpress approach https://github.com/indieweb/wordpress-indieweb

wordpress glue modules list

https://github.com/indieweb/wordpress-indieweb/blob/master/indieweb.php

here is a test sandbox of salmon for comments https://www.drupal.org/sandbox/sanduhrs/1132592

2015/Cambridge/Live

Created by Ben.thatmustbe.me on March 19

  • Thu, March 19 ben.thatmustbe.me Created page with "Current live stream can be found at [http://talky.io/indiewebcamp talky.io/indiewebcamp]"

Current live stream can be found at talky.io/indiewebcamp

identi.ca

Created by Loqi.me on March 17

  • Tue, March 17 loqi.me prompted by bengo https://indiewebcamp.com/irc/2015-03-17/line/1426628426077 and dfn added by bengo



identi.ca is a hosted, social networking service that runs pump.io. Previously it was based on StatusNet.

See Also

Template:fiatjaf

Created by Fiatjaf.alhur.es on March 18

  • Wed, March 18 fiatjaf.alhur.es Created page with "<span class="h-card">{{sparkline|http://webvatar.com/fiatjaf.alhur.es}} [[User:fiatjaf.alhur.es|fiatjaf]]</span>"

fiatjaf

2015/Cambridge/messaging

Created by Ben.thatmustbe.me on March 20


Indie Messaging Indiewebcamp 2015 Cambridge

Participants

Notes

Ben Roberts is aggregating IRC back onto his own site as a start

direct messag to ben_thawr on IRC logs to my site

Firefox Hello and other systems already exist to handle direct video in the browser but not really for texting

/contact pages could contain a form to send a message directly to the person on whatever method they prefer at that moment

indication of when messages have been received: BBM - the original "better than SMS"

  • showed sent/received/read status of every message sent

E.g. Facebook messenger shows various message sending/sent/received states

  • sending to server: spinning ?
  • failed to reach server: red exclamation point
  • server received: small empty circle
  • device received: small empty circle with a dot inside - receiver's device has the message
  • has been read: small circle replaced completely by small disc of receiver's icon

iMessage / Messages

  • sending to server. progress bar
  • failed to reach server: red exclamation point
  • device received. "Delivered"
  • has been read: "Read" (can be disabled by receiver)

AIM (oscar protocol)

  • showed when a user was typing if they had this option set
  • pidgin (libpurple) plugin for "Psychic mode" showed when a message box was opened to you before even receiving a message

2015/Cambridge/kindsofposts

Created by Ben.thatmustbe.me on March 20


5PM presentation of different kinds of posts

How we represent these different posts and replies stylistically

  • reviewed Kyles' approach to this and twitter's first.

Verbs

  • like
  • favorite
  • share
  • bookmark
  • linkblog
  • listen
  • repost
  • reply
so.. can you add a comment to a like? there is not unity but that is how people can explore the design space. what does it provide the other person? stars are effectively like comments. Stars looking at werd.io ben werdmullers setupp with favorites

if you check in at a bar and post some more updates would you reply to the checkin or have a separate post altogether? and a geo note or not?

which direction are UI's going? post types may confuse people. ux testing shows it trips every new user. does it wreck the attention span.

twitter just has one post type. you can add location or photo but they are not separate post type.

pointing out they use the ellipsis ... on twitter to put the action commands away because more than three

options get confusing. UX testing probably led to this.

suggest FontAwesome if you want font glyphs http://fortawesome.

Changed Pages

2015/Cambridge

14 edits by ben.thatmustbe.me, tantek.com

2015/Cambridge/Guest List

11 edits by bengo.is, sensible.mn, exploratori.us, fjhirsch.com, hongpong.com, known.jimgroom.com, aakritishroff.com

authorization-endpoint

9 edits by cweiske.de

IndieAuth

7 edits by aaronparecki.com, tantek.com, cweiske.de
  • Wed, March 18 aaronparecki.com /* OpenID support */ delete this section since it was on github for the indieauth.com project, not the indieauth spec
  • Wed, March 18 aaronparecki.com /* See Also */
  • Wed, March 18 aaronparecki.com /* Details */
  • Wed, March 18 tantek.com /* Source Code */ Feature Requests, Followings & Location Information, cite Upcoming KS Project Update #11
  • Wed, March 18 aaronparecki.com /* The IndieAuth API */ clarify that indieauth.com != IndieAuth the protocol
  • Wed, March 18 aaronparecki.com /* Source Code */
  • Fri, March 20 cweiske.de /* See Also */

Falcon

6 edits by tantek.com
  • Tue, March 17 tantek.com /* Bug Reports */ dt-published needs timezone
  • Tue, March 17 tantek.com /* Itches */ PESOS Nike Running
  • Tue, March 17 tantek.com /* dt-published needs timezone */ reword problems
  • Tue, March 17 tantek.com /* Bug Reports */ dt-published has timezone now in all post types (notes, articles, likes) ! all the way back to the start 2010-01-01 :)
  • Fri, March 20 tantek.com /* event posts */ note presentational goal
  • Fri, March 20 tantek.com /* event posts */ clarify what fields I want to display in roughly what order / cardinality

Micropub

5 edits by kylewm.com, cweiske.de

How to publish and consume PubSubHubbub

5 edits by cweiske.de, aaronparecki.com, tantek.com

events/2015-03-25-homebrew-website-club

5 edits by tantek.com, aaronparecki.com, kylewm.com

distributed-indieauth

4 edits by cweiske.de
  • Wed, March 18 cweiske.de /* Sites that support distributed IndieAuth */
  • Thu, March 19 cweiske.de link auth endpoint
  • Fri, March 20 cweiske.de /* Level 2: Host your own authorization server */
  • Fri, March 20 cweiske.de /* Level 2: Host your own authorization server */

2015/Cambridge/Planning

4 edits by ben.thatmustbe.me, tantek.com
  • Wed, March 18 ben.thatmustbe.me adding known sponsors and food vendors. Need to confirm with Tim that he is with Reclaim Hosting
  • Wed, March 18 ben.thatmustbe.me catering all set
  • Fri, March 20 tantek.com sponsor updates
  • Fri, March 20 tantek.com header summary with link to higher level pages

Jekyll

3 edits by atomicules.co.uk, fiatjaf.alhur.es

event

2 edits by tantek.com
  • Fri, March 20 tantek.com collapse Silo Examples, sort FB, most recent to top
  • Fri, March 20 tantek.com /* Brainstorming */ Markup design

code-of-conduct-feedback

2 edits by iamshane.com, tantek.com
  • Sun, March 15 iamshane.com /* Open Discussions */
  • Sun, March 15 tantek.com /* Open Discussions */ follow-up, do we need something without actual problem reports or other examples

backfeed

2 edits by petermolnar.eu

Nike+

2 edits by distresssignal.org

HTTPS

2 edits by kylewm.com
  • Mon, March 16 kylewm.com /* Level 3 security */ remove me from mixed-content warning
  • Mon, March 16 kylewm.com /* Level 4 security */

Upcoming.org

2 edits by tantek.com

Webmention

2 edits by aaronparecki.com, hongpong.com
  • Wed, March 18 aaronparecki.com /* checking target validity */ expand to not restrict validity to your own site's URLs
  • Thu, March 19 hongpong.com /* Publishing Software */ update known

PubSubHubbub

2 edits by kylewm.com
  • Wed, March 18 kylewm.com /* Hubs */ add link to conversation with haxor
  • Thu, March 19 kylewm.com /* How To */ remove redundant sections, bold link to [[How to publish and consume PubSubHubbub]]

like

2 edits by tantek.com, kylewm.com
  • Wed, March 18 tantek.com /* markup for hypertext design */ markup of times should include timezone explicitly
  • Thu, March 19 kylewm.com /* Kartik Prabhu */

File:indieauth-authorization-process.png

2 edits by cweiske.de
  • Thu, March 19 cweiske.de Made with the open source "sdedit" tool. Sequence code: #![IndieAuth: Authorization process] browser:Browser "User browser" webapp:Application "Web application" server:Webserver "User web server" authendpoint:Webserver "Auth endpoint" browser:3. Redir
  • Thu, March 19 cweiske.de

Vouch

1 edits by ben.thatmustbe.me

exercise

1 edits by tommorris.org

silo

1 edits by tommorris.org
  • Mon, March 16 tommorris.org /* Specialized Silos */ linking exercise

rsvp

1 edits by tantek.com

Federated Social Web Summit

1 edits by tantek.com
  • Sun, March 15 tantek.com /* San Francisco 2012 */ use of h-as-* may have started here, I don't remember offhand if I implemented it myself before the summit

WordPress Plugins

1 edits by petermolnar.eu

curlable

1 edits by aaronparecki.com

User:Jonnybarnes.uk

1 edits by jonnybarnes.uk
  • Sun, March 15 jonnybarnes.uk /* Jonny Barnes */ Adding stuff and h-card to my User page as per /wikifying

ActivityStreams

1 edits by tantek.com
  • Sun, March 15 tantek.com /* Use with microformats2 */ note 2011 post about as-* classnames, cite post about using h-as-*, considering removing h-as-* class names

User:Wwelves.org perpetual-tripper

1 edits by wwelves.org perpetual-tripper

indieweb-messaging

1 edits by cweiske.de

h-x-app

1 edits by cweiske.de

friendly

1 edits by aaronparecki.com
  • Wed, March 18 aaronparecki.com /* Be a good POSSE destination */

Evernote

1 edits by tommorris.org

web hosting

1 edits by timowens.io
  • Thu, March 19 timowens.io /* Static domain hosting */ Add Google Drive

IRC People

1 edits by bengo.is

User:Rhiaro.co.uk

1 edits by rhiaro.co.uk

User:Fiatjaf.alhur.es

1 edits by fiatjaf.alhur.es