IndieWebCamp August 7-14, 2015
This is an automatically-generated summary of the IndieWebCamp wiki edits from August 7-14, 2015
Table of Contents
New Pages
Changed Pages
- events/2015-08-12-homebrew-website-club 11 edits by tantek.com, aaronparecki.com, tyson.vanoverhill.com, tommorris.org, adactio.com
- notification 7 edits by tantek.com
- Tumblr 6 edits by tantek.com, kevinmarks.com
- Ello 4 edits by tantek.com, ben.thatmustbe.me
- Loqi 3 edits by tantek.com, aaronparecki.com
- events/2015-08-26-homebrew-website-club 3 edits by tantek.com, kylewm.com
- Posts about the IndieWeb 3 edits by stream.tinokremer.nl, lancey.space, tantek.com
- URL design 2 edits by ben.thatmustbe.me
- File:private-message-brainstorming-token.png 2 edits by aaronparecki.com
- deleted 2 edits by tantek.com
- 2015 2 edits by aaronparecki.com
- Homebrew Website Club 2 edits by adactio.com, tantek.com
- mentions 2 edits by tantek.com
- sleep 1 edit by tantek.com
- Known 1 edit by cleverdevil.io
- collection 1 edit by tantek.com
- projects 1 edit by tantek.com
- bookmark 1 edit by tantek.com
- rsvp 1 edit by tantek.com
- food 1 edit by tantek.com
- comics 1 edit by tantek.com
- timezone 1 edit by tantek.com
- communication 1 edit by tantek.com
- text-first design 1 edit by tantek.com
- HTTPS 1 edit by vanderven.se martijn
- Google 1 edit by tantek.com
- IRC People 1 edit by cleverdevil.io
- 2015/Cambridge/thoughtpost 1 edit by tantek.com
- mediawiki-customization 1 edit by aaronparecki.com
- checkin 1 edit by tantek.com
- HTML 1 edit by tantek.com
- principles 1 edit by tantek.com
- jam 1 edit by tantek.com
- Falcon 1 edit by tantek.com
- Template:Homebrew Website Club 1 edit by rhiaro.co.uk
- www 1 edit by kylewm.com
- events/2015-08-13-homebrew-website-club 1 edit by rikkiguy.me.uk
- js;dr 1 edit by aaronparecki.com
- antipatterns 1 edit by tantek.com
- salmentions 1 edit by tantek.com
- User:Www.dentonjacobs.com 1 edit by www.dentonjacobs.com
- Tiny Tiny RSS 1 edit by david.shanske.com
- web hosting 1 edit by kartikprabhu.com
- posts 1 edit by tantek.com
New Pages
Created by Tantek.com on August 11
- Tue, August 11 tantek.com make a generic page for alphabet which relegates the Inc to a see also, and draft a sample set of indieweb alphabet building blocks, let's see how well they survive community scrutiny
- Tue, August 11 tantek.com /* IndieWeb Alphabet */ s/open source/ownyourdata
- Tue, August 11 tantek.com /* IndieWeb Alphabet */ why note
- Tue, August 11 tantek.com linky
- Tue, August 11 tantek.com r really should be reply thanks Kartik, and added Quill and /reader as secondaries as well
- Tue, August 11 tantek.com /* IndieWeb Alphabet */ timeline
- Tue, August 11 tantek.com integrated reader as building block
- Tue, August 11 tantek.com /* IndieWeb Alphabet */ bookmark posts, comics posts, scrobbles too, tags, permalinks
- Tue, August 11 tantek.com d is for design, v is for video posts, notifications, OwnYourGram, longevity, projects
- Thu, August 13 tantek.com add encouragement for updates, and Articles section
This article is a stub. You can help the IndieWebCamp wiki by expanding it.
An alphabet refers to the set of symbols used by a particular writing system, typically as building blocks, like A-Z for English, and in the context of IndieWeb, we can use them to refer to key IndieWeb building blocks.
Please update this alphabet with additional terms for each letter as new building blocks appear and gain prominence in the IndieWeb. Please only change the first term for a letter if it really is the most prominent building block for that letter for the IndieWeb.
IndieWeb Alphabet
Here's an A-Z alphabet of IndieWeb building blocks, choosing a primary one for each (with perhaps a few secondary / also rans)
- A is for article and less often audio posts such as podcasts, as well as having an archive UI, and the authorship algorithm.
- B is for backfeed as well Bridgy, the awesome backfeed as a service proxy, and bookmark posts
- C is for checkin, collection, & comics posts, and communication, in particular having a contact page, as well as the create UI pattern. Culturally, we have commons and our code-of-conduct.
- D is for design, as well as the delete protocol in which the IndieWeb uses HTTP 410 Gone for decentralized deletions, and the disclosure UI pattern.
- E is for event, edit, and exercise posts
- F is for food posts, follow posts which are how you express in a decentralized way that you're following someone's posts, fragmentions - how you mention part of the text in a post or on a page, the facepile UI pattern, and file-storage, a common alternative to databases used by many in the IndieWeb.
- G is for generations - a key building block for IndieWeb adoption, activism, and advocacy.
- H is for homepage - everyone should have one and own their own, HTML & HTTPS of course, and for community the Homebrew Website Club.
- I is for IndieAuth and IndieMark, less frequently invitation posts, indie-config, and for community IndieWeb and IndieWebCamp of course.
- J is for jam posts, where you post what music you're currently jamming to.
- K is for Known, perhaps the most popular IndieWeb-supporting-by-default CMS.
- L is for like posts, and our longevity principle
- M is for microformats and Micropub, less frequently marginalia, and a reminder to make sure your site works well on mobile
- N is for note, perhaps the simplest and most fundamental IndieWeb post type, and notifications
- O is for ownyourdata, a key indieweb incentive, motivation, rallying cry, and hashtag, as well as the excellent OwnYourGram service for automatically PESOSing your Instagram photos to your own site via micropub.
- P is for posts with permalinks, also photo posts, POSSE as key distinguishing feature of the IndieWeb, or PESOS if you have to, and person-tags. See also PubSubHubbub and of course our cultural principles including encouraging a plurality of projects
- Q is for quotation posts, as well as the open source Quill micropub client.
- R is for reply, perhaps the second most common type of indieweb post, and its related reply-context UI pattern, but also repost posts, and having an integrated reader as a building block of your site rather than a separate thing.
- S is for a stream of posts, at least one or more on your homepage or other pages, as well as scrobble & sleep posts, and our selfdogfood principle
- T is for text-first design, and travel posts, tags, as well as the community timeline of key IndieWeb terms/ideas/concepts
- U is for UX - short for user experience, one of our primary focuses and principles, inclusive of UI short for user interface, as well as URL design.
- V is for video posts, as well as Vouch - a Webmention extension for reducing or preventing spam.
- W is for Webmention, less frequently webactions, for community wikifying, and the popular IndieWeb-capable-with-plugins WordPress project, as well as the Woodwind indieweb reader.
- X is for XFN - the increasingly ironically named XHTML Friends Network, a spec in wide use for identity and authentication with
rel=me
, and less frequently for other values like contact, acquaintance, friend, etc.
- Y is for YAGNI - short for "You Aren't Gonna Need It" and one of the best ways the IndieWeb community has found to both simplify, and/or debunk & fight off more complex proposals (often from academics or enterprise architects).
- Z is for Z time, AKA zero offset from UTC, a common technique used by indieweb servers and projects to avoid problems with timezones.
Articles
See Also
Created by Aaronparecki.com on August 11
In this diagram, these server names are shortened for brevity:
- alice.example.org
- pm.alice.example.uk
- bob.example.com
- pm.bob.example.net
Possible implementations
(rel=pm is a placeholder for a better rel value. deliberately chose this terrible two-letter value so this doesn't stick)
There is an implied initial step of creating the private message which ultimately means pm.alice.example.uk needs to have the message.
1. alice.example.org fetches bob.example.com and looks for rel=pm, and discovers "pm.bob.example.net"
2. alice.example.org sends some POST request that contains the message ID and sender (alice.example.org) to pm.bob.example.net. pm.bob.example.net fetches alice.example.org looking for rel=pm, and discovers "pm.alice.example.uk".
3. pm.bob.example.net sends a request to pm.alice.example.uk to check if this message request is legit.
4. pm.bob.example.net generates a token and sends a request to pm.alice.example.uk asking the server to deliver the message (the POST request contains the message ID and destination pm.bob.example.net, as well as the new token.
5. pm.alice.example.uk looks up the message and sees it was sent to "bob.example.com", goes and fetches the home page looking for rel=pm, and discovers "pm.bob.example.net" which matches the request to deliver the message.
6. pm.alice.example.uk sends the message in a POST request to pm.bob.example.net along with the secret that was included in step 4.
Step 2 is critical, this is how bob's server knows it's actually "alice.example.org" that sent the message. Effectively this is equivalent to bob's server requesting the message from alice's home page.
Requirements
alice.example.org
Needs to have a link tag with rel=pm pointing to pm.alice.example.uk
bob.example.com
Needs to have a link tag with rel=pm pointing to pm.bob.exmaple.net
pm.bob.example.net
- Accepts a POST request with a message ID and sender.
- Parses alice.example.org for the rel link.
- Generates a token and sends a POST request to pm.alice.example.uk requesting delivery of the message.
- Accepts a POST request with the message contents and secret, and verifies the token matches the one generated previously.
pm.alice.example.uk
- Accepts a POST request with a message ID, delivery destination and token. (Verifies the message ID is valid first.)
- Parses bob.example.com for the rel link and verifies this matches the request.
- Sends the message contents and token to pm.bob.example.net.
Alternate Example
The diagram below is functionally equivalent to the above diagram, but is phrased in terms of "auth code" and "token", where the message only comes to play at the last step. One advantage of this is steps 1-4 establish the token, and then it can be used repeatedly to send multiple messages in a row.
Created by Loqi.me on August 10
- Mon, August 10 loqi.me prompted by tantek https://indiewebcamp.com/irc/2015-08-10/line/1439246028517 and dfn added by tantek
- Mon, August 10 tantek.com expand, subsections, examples
- Mon, August 10 tantek.com /* See Also */ NaNoWriMo
This article is a stub. You can help the IndieWebCamp wiki by expanding it.
writing is the act of creating, adding & editing content for, and updating primarily text posts such as a note or especially an article.
The challenges of how to best write and post were most recently discussed at an IndieWebCamp in Cambridge in 2015 in the session Thought Draft Post.
Sessions
IndieWebCamp sessions discussing how to be / become a better writer, and how to write more often & more quickly.
Techniques
Various techniques indieweb community members themselves use on their sites to write better, more often, etc.
Tantek
Tantek Çelik has found the following helps him write better longform posts on tantek.com (both more quickly and of higher quality)
- Turn off Wi-Fi and use a CMS (he uses Falcon) that works locally offline[1]
Gregor Morrill
gRegor Morrill uses WriteMonkey on a PC to draft longer posts. It has a full-screen, no interruptions mode. Also has optional typewriter sound effects if you're into that.
... add yourself ...
Please add the techniques you actually use yourself to write on your site!
Please do not add techniques you recommend but do not use (or use infrequently), or especially do not use on your personal site. There are too many random lists of "recommended" techniques (that the authors either themselves do not follow or do not do so on their own sites - both instances of selfdogfood failures).
See Also
Created by Loqi.me on August 12
This article is a stub. You can help the IndieWebCamp wiki by expanding it.
HSTS is short for HTTP Strict Transport Security, an extension to HTTPS.
See Also
Created by Loqi.me on August 12
This article is a stub. You can help the IndieWebCamp wiki by expanding it.
YASNS is short for Yet Another Social Networking Service and refers to the ever repeating cycle of new social network silos emerging, inviting "key" users, perhaps with limited invitations, and people rebuilding their "friends" lists for the nth time.
See Also
Created by Tantek.com on August 11
- Tue, August 11 tantek.com having just blogged about UTC and thus "Z" time (in use by indieweb servers and projects), this seemed good to capture
- Tue, August 11 tantek.com see also alphabet
This article is a stub. You can help the IndieWebCamp wiki by expanding it.
Z is a suffix used on a time string to indicate that it is in UTC (Coordinated Universal Time), a common technique for the time setting on indieweb servers, and used by programmers to avoid problems dealing with timezones, especially in indieweb projects.
Z time is also known as Zulu time (per military expression of Z), or Zero hour [offset] time.
Articles
See Also
Created by Cleverdevil.io on August 14
- Fri, August 14 cleverdevil.io Created page with "I'm Jonathan LaCour. Find me at https://cleverdevil.io"
I'm Jonathan LaCour. Find me at https://cleverdevil.io
Created by Loqi.me on August 10
- Mon, August 10 loqi.me prompted by tantek https://indiewebcamp.com/irc/2015-08-10/line/1439224170626 and dfn added by tantek
This article is a stub. You can help the IndieWebCamp wiki by expanding it.
Vimeo is a video hosting silo and recently started errantly removing independent content that happened to mention "Pixels" - https://torrentfreak.com/anti-piracy-group-hits-indie-creators-for-using-the-word-pixels-150808/
Created by Loqi.me on August 10
- Mon, August 10 loqi.me prompted by tantek https://indiewebcamp.com/irc/2015-08-10/line/1439246705472 and dfn added by gRegorLove
This article is a stub. You can help the IndieWebCamp wiki by expanding it.
WriteMonkey is http://writemonkey.com
Created by Rikkiguy.me.uk on August 13
- Thu, August 13 rikkiguy.me.uk Created page with "<span class="h-card" style="white-space:nowrap">{{sparkline|https://twitter.com/rikkiguy/profile_image}}[[User:rikkiguy.me.uk|Rikki Guy]]</span>"
Rikki Guy
Created by Harryreeder.co.uk on August 13
This article is a stub. You can help the IndieWebCamp wiki by expanding it.
Publ is a python based command line client being built by Harry Reeder.
Usage is split into configuring a site and posting. Posting is currently done with the following command:
python publ.py post words words words words words
The next goal is going to be to get it packaged and be used with:
publ post words words words words words
Currently the code is available here: https://github.com/hreeder/publ
To-Do
- Support for using a blocking editor rather than command line arguments, a-la git commit
- Support more post kinds (and actually specify the h value)
Created by Bradleyallen.info on August 11
Bradley Allen
Changed Pages
11 edits by tantek.com, aaronparecki.com, tyson.vanoverhill.com, tommorris.org, adactio.com- Mon, August 10 tantek.com /* RSVP */ link to SF indie event, POSSE copy
- Mon, August 10 aaronparecki.com add pdx
- Mon, August 10 tantek.com No NYC nor Göteborg this week
- Mon, August 10 tantek.com -nyc, -goteborg for this week
- Tue, August 11 tyson.vanoverhill.com /* Portland */
- Wed, August 12 tommorris.org /* Brighton */ +me
- Wed, August 12 adactio.com /* Photos */
- Thu, August 13 tantek.com /* Photos */ subhead brighton!
- Thu, August 13 tantek.com /* Notes */ Brigton blog post! SF notes from kevinmarks
- Thu, August 13 tantek.com /* Notes */ /cite helps
- Thu, August 13 tantek.com /* Notes */ another /cite
7 edits by tantek.com- Thu, August 13 tantek.com /* Silo Examples */ add Twitter (which was somehow missing?!?), make URLs for FB & Twitter notifications explicit
- Thu, August 13 tantek.com fix Twitter iOS app heading to be more specific, and IG too
- Thu, August 13 tantek.com /* Twitter */ add screenshot with variety
- Thu, August 13 tantek.com Twitter Android app, lack of clustering of notifications, Kevin Marks screenshot
- Thu, August 13 tantek.com it's all Android notifications
- Thu, August 13 tantek.com /* Android */ some clustering, similar, plus count.
- Thu, August 13 tantek.com /* Silo Examples */ websites in particular
6 edits by tantek.com, kevinmarks.com- Tue, August 11 tantek.com re-order how tos by how to use Tumblr for indieweb hosting, export, how to POSSE etc. to Tumblr as a logical temporal / order of implementation sequence, clarify post types to the 7 currently on Tumblr
- Tue, August 11 kevinmarks.com /* Post via Micropub */ feverdream->silo.pub
- Tue, August 11 kevinmarks.com /* Post via Micropub */
- Tue, August 11 tantek.com /* How to */ Use your own domain
- Tue, August 11 tantek.com /* Add webmention support */ see https://www.brid.gy/about#blogs for more
- Tue, August 11 tantek.com /* Post via Micropub */ see silo.pub for more
4 edits by tantek.com, ben.thatmustbe.me- Wed, August 12 tantek.com Prominent Accounts, s/Praise/Design, add Large Photo Display
- Wed, August 12 ben.thatmustbe.me Remove cartoon
- Wed, August 12 ben.thatmustbe.me /* Ugly Permalink URLs */ add my response
- Wed, August 12 ben.thatmustbe.me /* Indieweb Support */ add link to newest discussion
3 edits by tantek.com, aaronparecki.com
3 edits by tantek.com, kylewm.com
3 edits by stream.tinokremer.nl, lancey.space, tantek.com
2 edits by ben.thatmustbe.me- Wed, August 12 ben.thatmustbe.me /* Why not content type first */ Move my comments to specific section
- Wed, August 12 ben.thatmustbe.me /* {{benthatmustbeme}} */ reorganize to section based not name based
2 edits by aaronparecki.com
2 edits by tantek.com
2 edits by aaronparecki.com
2 edits by adactio.com, tantek.com- Wed, August 12 adactio.com /* Getting Started or Restarting */
- Thu, August 13 tantek.com move NYC down to Getting (re)started since it's occasional rather than every 2 weeks, add Göteborg, sort Getting Started or Restarting by most recent meeting first
2 edits by tantek.com
1 edits by tantek.com
1 edits by cleverdevil.io
1 edits by tantek.com
1 edits by tantek.com
1 edits by tantek.com
1 edits by tantek.com
1 edits by tantek.com
1 edits by tantek.com
1 edits by tantek.com
1 edits by tantek.com- Mon, August 10 tantek.com note use of "contact" page and dfn contact as verb in dfn
1 edits by tantek.com- Mon, August 10 tantek.com add examples, like design with text only equivalents
1 edits by vanderven.se martijn- Sat, August 8 vanderven.se martijn /* Possible Future */ Let’s Encrypt updated launch schedule
1 edits by tantek.com- Mon, August 10 tantek.com for more Google products/services see the list on WP\
1 edits by cleverdevil.io
1 edits by tantek.com
1 edits by aaronparecki.com
1 edits by tantek.com
1 edits by tantek.com
1 edits by tantek.com
1 edits by tantek.com
1 edits by tantek.com
1 edits by rhiaro.co.uk
1 edits by kylewm.com- Wed, August 12 kylewm.com Why it's not totally YAGNI. Many PaaSes require www. (or some other subdomain)
1 edits by rikkiguy.me.uk
1 edits by aaronparecki.com
1 edits by tantek.com
1 edits by tantek.com
1 edits by www.dentonjacobs.com
1 edits by david.shanske.com
1 edits by kartikprabhu.com- Thu, August 13 kartikprabhu.com /* Shared Hosting */ linky to webfaction
1 edits by tantek.com- Tue, August 11 tantek.com /* Kinds of Posts */ add collection, 🎴 for comics, 😴 sleep, 🍛food, 💌 rsvp, 🔖 bookmark, 🚩 checkin